/**
*-------------------------------------------------------------------
* Licensed Materials - Property of IBM
*
* WebSphere Commerce
*
* (c) Copyright IBM Corp. 2006
*
* US Government Users Restricted Rights - Use, duplication or
* disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
*
*-------------------------------------------------------------------
*/

/* Universal Styles */
html,body {height:100%; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
body {background:url(../images/lower_bg.gif)}
img {border:0; display:block}
#main {text-align: center; position:relative; background:url(../images/top_bg.gif) #ffffff repeat-x; width:100%; min-height:100%; height:auto; #height:100%}
#tandusheader {width:960px; text-align:left; margin-left:auto; margin-right:auto}
#tanduscontent {width:960px; padding-bottom:100px; text-align:left; margin-left:auto; margin-right:auto}
#tandusfooter {position:absolute; width: 100%; bottom:0; left:0}
form {padding:0; margin:0}
a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#464646; text-decoration:underline}
a:hover {color:#000000; text-decoration:underline}

/* Custom Styles */
.topnav {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:url(../images/topnav/topnav_bg.gif); padding-bottom:2px}
.topnav a:link, .topnav a:active, .topnav a:visited {color:#959595; text-decoration:none}
.topnav a:hover {color:#696969; text-decoration:none}
.search_box {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; height:13px; #height:18px; border:#86804d 1px solid; background:#fafaf6; color:#555132}
#middle {margin-bottom:12px}
#frontspots  {margin-bottom:25px}
.rightdiv {height:13px; background:url(../images/grey_hor.gif)}
.whitetitle {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF}
a.whitetitle, a.whitetitle:link, a.whitetitle:visited {text-decoration:none; color: #ffffff;}
a.whitetitle:hover, a.whitetitle:active {text-decoration:none; color: #F5F6BE;}

.priorityexpress_icon, .express_icon, .backorder_icon, .superservice_icon {
	display:block; float:right; width:22px; height:16px; margin-right:1px;
}

.priorityexpress_icon {background: url(../images/PriorityExpr_Icon.gif); background-color: #FF0000;}
.express_icon {background: url(../images/Expr_Icon.gif); background-color: #39C692;}
.backorder_icon {background: url(../images/Backorder_Icon.gif); background-color: #a84848;}
.superservice_icon {background: url(../images/Standard_Icon.gif); background-color: #82AB00;}

.priorityexpress_text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; background-color: #006a70; width:22px; height:16px; align:center; display:block; float:right; margin-right:1px}
.express_text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; background-color: #8b8d08; width:22px; height:16px; align:center; display:block; float:right; margin-right:1px}
.backorder_text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; background-color: #a84848; width:22px; height:16px; align:center; display:block; float:right; margin-right:1px}
.superservice_text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; background-color: #b4ac6d; width:22px; height:16px; align:center; display:block; float:right; margin-right:1px}

.bodytext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#464646}
.producttitle {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#464646}
.footer {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#635f3c; background:url(../images/footer_bg.gif); width:100%; height:40px}
.footer a:link, .footer a:active, .footer a:visited {color:#635f3c; text-decoration:none; font-size:10px}
.footer a:hover {color:#32301e; text-decoration:none}
.smalltext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}
.preimage {background:url(../images/imagepre.gif) no-repeat 50% 50%}
.prod_list {float:left; background:url(../images/preview_bg.gif) no-repeat; width:238px; height:76px}

















.preview_title a, .preview_title a:link, .preview_title a:active, .preview_title a:visited {display: block; margin-top: 2px; vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; color:#464646; text-decoration:none}
.preview_title_small a, .preview_title_small a:link, .preview_title_small a:active, .preview_title_small a:visited {display: block; margin-top: 2px; font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; color:#464646; text-decoration:none}

.preview_title_small {
	height: 28px;
	width: 130px;
	margin-bottom: -7px;
}

.preview_title {
	height: 28px;
	width: 130px;
	margin-bottom: -7px;
}

.preview_title_small a {
	font-size: 11px;
	line-height: 12px;
}

.preview_title a {
	font-size: 11px;
	line-height: 14pt;
}
















#imagereturn  {visibility:hidden; position:absolute; bottom:16px; right:19px; cursor:pointer; z-index:1000}
#imagedescrip {-moz-box-sizing: border-box; visibility:hidden; position:absolute; width: 262px; bottom:10px; left:13px; filter:alpha(opacity=95); -moz-opacity:0.95; text-align: left; border: solid 1px #aaaaaa; background-color: #ffffff; color: #464646; font-weight: 700; z-index:900}
#imagedescripname {margin: 3px 3px 3px 3px;}
#imagedescripcode {margin: 0px 3px 3px 3px;}
.bread {color:#666666}
.bread a:link, .bread a:active, .bread a:visited {color:#666666; text-decoration:none}
.bread a:hover {color:#000000; text-decoration:none}
.espot_div {width:100%; height:1px; margin-top:9px; margin-bottom:9px; border-top:1px solid #d2d2d2}

/* Navigation Dropdown */
#droparea {position:relative; z-index:32000}
#floatone {position:absolute; #top:-1px; left:3px; width:138px; #width:139px; border-left:#86804d 1px solid; border-right:#86804d 1px solid; border-bottom:#86804d 1px solid; visibility:hidden; z-index:33000}
#floattwo {position:absolute; #top:-1px; left:153px; width:137px; #width:140px; height:209px; border-left:#86804d 1px solid; border-right:#86804d 1px solid; border-bottom:#86804d 1px solid; visibility:hidden; z-index:33000}
#floatthree {position:absolute; #top:-1px; left:303px; width:137px; #width:140px; height:209px; border-left:#86804d 1px solid; border-right:#86804d 1px solid; border-bottom:#86804d 1px solid; visibility:hidden; z-index:33000}
#floatfour {position:absolute; #top:-1px; left:453px; width:138px; #width:139px; border-left:#86804d 1px solid; border-right:#86804d 1px solid; border-bottom:#86804d 1px solid; visibility:hidden; z-index:33000}
#floatfive {position:absolute; #top:-1px; left:603px; width:138px; #width:139px; border-left:#86804d 1px solid; border-right:#86804d 1px solid; border-bottom:#86804d 1px solid; visibility:hidden; z-index:33000}
.floatlinks {float:left; width:100%; background:#ffffff; filter:alpha(opacity=95); -moz-opacity: 0.95}

.navdiv {height:1px; width:138px; background:url(../images/nav_div.gif) repeat-x; margin-left: 5px}
.navcontainer {display:block; color:#838383; width:138px; text-decoration:none; }
a.navoption, a.navoption:visited, a.navoption:active {display:block; text-decoration:none; color:#838383; text-decoration:none; padding: 3px 5px 3px 5px; width: 110px; #width: 120px; }
.navoption:hover {display:block; background:#f4f3e9; color:#838383; text-decoration:none}
.navcontainer:hover {background:#f4f3e9;}



/* -- style listing dropdown -- */
#scontainer {position:absolute; top:0; left:0; width:120px; height:209px; #height:208px; overflow:hidden}
#scontent {position:relative; width:120px; background:#ffffff; filter:alpha(opacity=95); -moz-opacity:0.95}
#sscrollArea {position:absolute; left:119px; #left:120px; height:209px; #height:208px; width:18px; overflow:hidden; background:#f4f3e9}
#sscroller {position:absolute; top:-1px; width:19px; background:url(../images/vertscroll_icon.gif) center no-repeat #d3cd9d;}

/* -- collection listing dropdown -- */
#container {position:absolute; top:0; left:0; width:120px; height:209px; #height:208px; overflow:hidden}
#content {position:relative; width:120px; background:#ffffff; filter:alpha(opacity=95); -moz-opacity:0.95}
#scrollArea {position:absolute; left:119px; #left:120px; height:209px; #height:208px; width:18px; overflow:hidden; background:#f4f3e9}
#scroller {position:absolute; top:-1px; width:19px; background:url(../images/vertscroll_icon.gif) center no-repeat #d3cd9d;}

/* Mini-Cart Area */
.scroller {position:absolute; top:-1px; width:15px; background:url(../images/vertscroll_icon.gif) center no-repeat #d3cd9d; cursor:pointer}
#ccontainer {position:absolute; top:18px; left:3px; width:236px; #width:238px; height:146px; overflow:hidden; border-left:#999999 1px solid; border-right:#999999 1px solid; border-bottom:#999999 1px solid}
#ccontainer td {padding: 2px 0;}
#ccontent {position:relative; width:236px}
#cscrollArea {position:relative; left:245px; height:165px; #height:164px; width:15px; overflow:hidden; background:#ebe7ce}
#carttitle {position:absolute; top:0px; left:3px; padding:2px 0px 3px 5px; background:#587c7c; width:238px}
.cartoption {color:#838383; width:231px; padding-left:5px; padding-top:4px; padding-bottom:5px; font-size:11px; color:#344a48}
.qocartoption {color:#838383; width:641px; padding-left:5px; padding-top:4px; padding-bottom:5px; font-size:11px; color:#344a48}
.cartdiv {background:url(../images/greypixel.gif) repeat-x bottom}
.cartqty {border-left:#b7b7b7 1px dotted; border-right:#b7b7b7 1px dotted}
.qtyform {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; height:12px; #height:16px; #margin-bottom:1px; border:#999999 1px solid; background:#f7f7f7; color:#000000; text-align:center}
.carttext a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#587c7c; font-weight:bold; text-decoration:none}
.carttext a:hover {text-decoration:none; color:#435e5e}

/* Thumbnail Area */
#hcontainer {position:absolute; top:0; left:0; width:520px; #width:538px; height:375px; #height:389px; overflow:visible; border:#999999 1px solid; background:url(../images/scrollarea_bg.gif); padding:6px 8px 0px 8px; z-index:2}
img.hcontainerLoading {position:absolute; top:160px; left:242px; z-index:100}

.thumboption {float:left; position:relative; width:86px; height:125px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}
.thumbimage {position:absolute; top:16px; left:5px; height:80px; width:80px; background:#949f74; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}
.thumbtitle {position:absolute; width:81px; left:0; bottom:29px; height:31px; #left:4px; #bottom:28px; background:#FFFFFF; opacity: .85; filter:alpha(opacity=85); -moz-opacity:0.85; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-top:3px; padding-left:4px; padding-bottom:4px; text-align:center}
.thumbtitlenumber {position:absolute; width:81px; left:0; bottom:29px; height:13px; #left:4px; #bottom:28px; background:#FFFFFF; opacity: .85; filter:alpha(opacity=85); -moz-opacity:0.85; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-top:3px; padding-left:4px; padding-bottom:4px; text-align:center}
.thumboverlay {background-color: transparent; position:absolute; width:81px; left:0; bottom:29px; height:80px; #left:4px; #bottom:28px; background:#FFFFFF; opacity: 0; filter:alpha(opacity=0); -moz-opacity:0.00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-top:3px; padding-left:4px; padding-bottom:4px; text-align:center}

.qselect {position:absolute; text-align:left; padding-left:5px; top:100px; left:42px; width:23px; #width:30px; height:13px; #height:15px; z-index:200; font-size:10px; border:1px solid #bfb778; background:url(../images/qty_arrow.gif) right no-repeat}
.qadd {position:absolute; padding-left:5px; top:103px; left:48px; z-index:200}
.qlist {position:absolute; top:114px; left:42px; width:28px; #width:30px; border:#bfb778 1px solid; visibility:hidden; z-index:3000; background:#ffffff; filter:alpha(opacity=95); -moz-opacity: 0.95}
.qtext {position:absolute; top:102px; left:17px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}
.qtextadd {position:absolute; top:102px; left:28px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}
.qblock {display:block; text-align:center; height:17px; text-decoration:none; border-bottom:dotted 1px #bfb778}
.qblockb {display:block; text-align:center; height:16px; text-decoration:none}
.qblock:hover {text-decoration:none; background:#e4e1cc}
.qblockb:hover {text-decoration:none; background:#e4e1cc}
.thumbpages {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#464646; position:absolute; top:382px; #top:388px; right:0px; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; background:url(../images/page_bg.gif) repeat-x; height:13px; #height:20px; padding:4px 8px 4px 8px; z-index:1}
.thumbpages a {text-decoration:none}
.thumbpages a:hover {text-decoration:none}

.thumbsorter {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#464646; position:absolute; top:382px; #top:388px; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; background:url(../images/page_bg.gif) repeat-x; height:13px; #height:20px; padding:4px 8px 4px 8px; z-index:1}
.thumbsorter a {text-decoration:none}
.thumbsorter a:hover {text-decoration:none}

#tooltip {position:absolute; width:150px; border:1px solid #000000; padding:4px; background:#ffffff; visibility:hidden; z-index:33000}
.greytext {margin-top:5px; font-size:10px; color:#666666}

.qqselect {margin-top:8px; text-align:left; padding-left:3px; padding-right:2px; width:41px; #width:45px; height:13px; #height:15px; z-index:2; font-size:10px; border:1px solid #bfb778; background:url(../images/qty_arrow.gif) right no-repeat}
.qqlist {margin-top:-1px; width:28px; #width:30px; /*border:#bfb778 1px solid; visibility:hidden;*/ z-index:3; background:#ffffff; filter:alpha(opacity=95); -moz-opacity: 0.95}
#qmenuAnchor { position: relative; overflow:hidden; margin-top:-1px; width:46px; #width:45px; height:106px; #height:103px; border:1px solid #bfb778; visibility:hidden; }
#qcontainer {position:absolute; top:0; left:0; width:28px; height:108px; #height:107px; overflow:hidden}
#qquantity {position:relative; width:28px; background:#ffffff; filter:alpha(opacity=95); -moz-opacity:0.95}
#qscrollArea {position:absolute; left:28px; #left:28px; height:108px; #height:107px; width:18px; overflow:hidden; background:#f4f3e9}
#qscroller {position:absolute; top:-1px; width:19px; background:#e4e1cc}

/* Advanced Search Area */
.advtable {padding:10px; height:100px; background:url(../images/advsearch_bg.gif) right top no-repeat #f4f4f4}
.advinput {border:1px solid #b4b4b4; font-size:11px; width:150px}
.advselect {border:1px solid #b4b4b4; width:150px; font-size:11px; z-index:0;}
.advtable td {border:none; padding-bottom:5px; font-weight:bold; color:#444444}
.advlow {background:url(../images/adv_low_bg.gif) top repeat-x}
.advlowcb {float:left}
.advlowtext {float:left; padding-top:2px; padding-right:15px}
.advlowtext2 {float:left; padding-top:2px; padding-right:5px}
.searchlink {padding-left:15px; padding-right:5px}
.searchlink a {color:#666666; font-weight:bold;; font-size:13px; text-decoration:none}
.searchlink a:hover {color:#000000; text-decoration:none}

/* Quick Order Page */
.boxtitle {position:absolute; top:0px; left:3px; padding:2px 5px 3px 5px; background:#587c7c; width:238px}
.blankscroller {position:absolute; top:-1px; width:15px; background:#d3cd9d; cursor:pointer}
#colorcontainer {position:absolute; top:18px; left:3px; width:236px; #width:238px; height:146px; overflow:hidden; border-left:#999999 1px solid; border-right:#999999 1px solid; border-bottom:#999999 1px solid}
#colorcontent {position:relative; width:236px}
#colorscrollArea {position:relative; left:245px; height:165px; #height:164px; width:15px; overflow:hidden; background:#ebe7ce}
#productcontainer {position:absolute; top:18px; left:3px; width:236px; #width:238px; height:146px; overflow:hidden; border-left:#999999 1px solid; border-right:#999999 1px solid; border-bottom:#999999 1px solid}
#productcontent {position:relative; width:236px}
#productscrollArea {position:relative; left:245px; height:165px; #height:164px; width:15px; overflow:hidden; background:#ebe7ce}
#qcarttitle {position:absolute; top:0px; left:3px; padding:2px 0px 3px 5px; background:#587c7c; width:720px}
#qccontainer {position:absolute; top:18px; left:3px; width:718px; #width:720px; height:246px; overflow:hidden; border-left:#999999 1px solid; border-right:#999999 1px solid; border-bottom:#999999 1px solid}
#qccontent {position:relative; width:718px}
#qcscrollArea {position:relative; left:727px; height:265px; #height:264px; width:15px; overflow:hidden; background:#ebe7ce}
#qcscroller {position:absolute; top:-1px; width:15px; background:url(../images/vertscroll_icon.gif) center no-repeat #d3cd9d; cursor:pointer}
.prodoption, .prodoption2, .coloroption, .coloroption2  {display:block; padding-left:5px; padding-top:4px; padding-bottom:5px; font-size:11px; color:#344a48; border-bottom:1px dotted #cccccc}
.prodoption2, .coloroption2  {background:#f4f3e9}
.prodoption div.numberColumn, .prodoption2 div.numberColumn, .coloroption div.numberColumn, .coloroption2 div.numberColumn {float: right; margin-right: 5px;}
.prodoption div.nameColumn, .prodoption2 div.nameColumn, .coloroption div.nameColumn, .coloroption2 div.nameColumn {margin-right: 10px;}
.prodoption br, .prodoption2 br, .coloroption br, .coloroption2 br {clear: both;}
.alphalayer {position:absolute; top:0; left:-20px; height:166px; width:280px; background:#ffffff; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:.60; z-index:5}
.alphaadd {position:absolute; height:100px; width:100px; background:#ffffff; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:.60; z-index:5}
img.sortWidget {display: inline; margin-right: 3px;}

/* General Classes */
.checkbox, .radio {color:#929499; padding:0px; margin:0px}
.input{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; height:14px; #height:18px; #padding-left:3px; border:#86804d 1px solid; background:#fafaf6; color:#555132; text-indent:3px; #text-indent:0}
.select{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; #padding-left:3px; color:#555132}
.space {padding-top:7px; padding-bottom:7px}
.p_width {width:960px}
.bold {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#444444; font-weight:bold}
.select_length {width:224px}
.checkout_td {font-size:11px; color:color:#444444; padding:6px 0 0 0}
.nounderline {text-decoration:none; color:#7c7c7c; font-weight:bold}
.nounderline a {text-decoration:none; color:#464646; font-weight:bold}
.nounderline a:hover {text-decoration:none; color:#000000}

/* Content Classes */
#content {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#444444}
.c_back {background-color:white; padding:10px 0px 10px 0px}
.c_headings {color:#666666; font-size:11px; font-weight:bold; padding-bottom:6px; padding-top:10px}
.c_line {width:100%; background-image:url(../images/colors/color1/c_line.gif); line-height:8px; margin:0px; font-size:2px; background-repeat:repeat-x}
.c_large_img {width:245px; vertical-align:top}
.c_flash {padding-top:10px; padding-bottom:13px}
.c_homepage_cat {border:solid 1px #abaaaa}
.c_homepage_cat_txt {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#444444; font-weight:bold; padding-left:6px; height:20px; text-transform:uppercase}
.c_home_txt_blue {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#427DBE; font-weight:bold}
.c_home_txt_black {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#444444}
.c_select_yr_mnth {width:110px}

/* SubNav Classes */
#subNav {width:135px; padding-right:20px; vertical-align:top}
.sn_heading {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height:40px}
.sn_off {height:20px; border-top:solid 1px #929499}
.sn_on {height:20px; border-top:solid 1px #929499; background-color:#DCE3ED}
.sn_link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#444444; text-decoration:none; height:100%; width:100%; padding-top:3px; display:block}
.sn_link:hover {background-color:#DCE3ED; text-decoration:none}

/* Table Classes */
#table {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#444444;}
.t_table {width:100%}
.t_hd_last {color:#444444; font-size: 11px; font-weight:bold; padding:3px 4px 3px 4px; background-color:#F0F3F8; text-align:left;height:15px;border:solid 1px #929499;vertical-align:top;}
.t_tr {border-bottom: solid 1px #929499;}
.t_td {font-size:11px; color:color:#444444; padding:6px 0 6px 0; vertical-align:top; border-bottom: solid 1px #929499}
.t_td2 {font-size:11px; color:color:#444444; padding:7px 4px 3px 0px; vertical-align:top;}
.t_hd_rght {text-align:right; width:100%; color:#444444;  font-size:11px; font-weight:bold;display:block;}
.t_hd_cntr {text-align:center; width:100%; color:#444444; font-size:11px; font-weight:bold;display:block;}
.t_rght {text-align:right; display:block; font-size:11px;}
.t_cntr {text-align:center; width:100%; display:block;}
.t_fees {font-size:11px; color:black;padding: 1px 4px 0px 4px;vertical-align:top;}
.t_fees_spc {line-heght:3px;font-size: 4px;}
.t_total {font-size: 11px; color:#444444;padding: 3px 4px 3px 4px;vertical-align:top;border-top:solid 1px #929499;border-bottom:solid 1px #929499;font-weight:bold;}
.t_total_figure {font-size: 11px; color:#444444;padding: 3px 4px 3px 4px;vertical-align:top;border-top:solid 1px #929499;border-bottom:solid 1px #929499;border-left:solid 1px #929499;background-color:#DCE3ED;font-weight:bold;}
.t_total_button {background-color:#F0F3F8; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; font-weight:bold;color: #444444; padding:1 0 2 0px;border: solid 1px #7EABDC;height:14px; width:125px; text-align : center;margin-bottom:1px;display:block;}
.t_total_button:hover {color:#043982;border: solid 1px #6E93BD;background-color: #BDD0E6;text-decoration: none;}
.t_discount {font-size:11px; color:#8E8E8E; text-decoration:line-through; text-align:right; width:100%; display:block}
.t_button {background-color:#e1e0d6; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; font-weight:bold; color:#444444; padding:1px 0 2px 0; border:solid 1px #b6b291; height:14px; width:100%; text-align:center; margin-bottom:5px; display:block}
.t_button:hover {color:#043982; border:solid 1px #b6b291; background-color:#dedbc1; text-decoration:none}
.t_img_view {text-align : center; width:120px;display:block;padding-top:12px;padding-bottom:10px;vertical-align:top;}
.t_detail_view {display:block;padding-top:12px;padding-bottom:10px;vertical-align:top;}
.t_space {padding-bottom: 8px;text-align : center;}
.t_img_border { border:solid 1px #929499;}
.t_empty_cell {width:14px}
.t_row_img {padding-top:10px;padding-bottom:10px;vertical-align:top;}
.t_row_detail {padding:6px;vertical-align:top;width:230px;}
.t_txt_detail {font-size: 10px;}
.t_row_price {padding-top:6px;padding-bottom:6px;vertical-align:top;width:95px;display:block}
.t_button_space {padding-top:5px;display:block}
.t_line {border-bottom:solid 1px #929499;font-size:1px;}
.t_rght_space {padding-right:5px;}

/* Common Portlet Classes */
td.c_topline {}
td.c_leftline {}
td.c_rightline {}
td.c_botline {}
td.white {}
TD.portlet {padding: 4px 10px 8px 1px;}
TD.portlet_main {padding: 4px 0px 0px 0px;}
TD.portlet_title {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; font-weight : bold; color: #DAE7F0; padding-left: 4px; height: 17px;}
TD.portlet_title_nobg {font: bold 11px Verdana; font-weight:bold; color:#5F82AA;background-color:#F0F3F8;height:18px;}
TD.portlet_content {font: 11px Verdana;}
TD.portlet_colHeader{font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px;color:#444444; font-size: 11px;height:15px;vertical-align:top;font-weight:bold;}
TD.portlet_colHeader_p {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px;color:#444444; font-size: 11px;text-align:left;height:15px;vertical-align:top;font-weight:bold;TEXT-ALIGN: right;}
TD.portlet_price{FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR:#444444; TEXT-ALIGN: right;}
TD.portlet_discountPrice{font: 11px Verdana;color:#444444; TEXT-ALIGN: right;}
TD.portlet_maximize {TEXT-ALIGN: right; padding: 0px 4px 0px 0px;background-color:#F0F3F8;}
A.portlet_content {font: 11px Verdana;}
A.portlet_button {background-color:#d3cd9d; font-family:Verdana, Arial,sans-serif; font-size:11px; text-decoration:none; font-weight:bold; color:#444444; padding:2px 7px 3px 6px; border:solid 1px #7EABDC; height:19px}
A.portlet_button:hover {color:#174D8A; border:solid 1px #6E93BD; background-color:#d3cd9d; text-decoration:none}
TD.portlet_shadow {}
A.garbage {vertical-align: top;background-image: url(../images/garbage.gif);width:16px; height: 16px;background-repeat: no-repeat; text-decoration: none;}
A.garbage:hover {vertical-align: top;background-image: url(../images/garbage2.gif);width:16px; height: 16px;background-repeat: no-repeat;}
A.copy {vertical-align: top;background-image: url(../images/copy_icon1.gif);width:16px; height: 16px;background-repeat: no-repeat; text-decoration: none;}
A.copy:hover {vertical-align: top;background-image: url(../images/copy_icon2.gif);width:16px; height: 16px;background-repeat: no-repeat;}

/* Begin style specific portlet classes */
td.p_content {padding:4px}
table.outline {border-width:1px; border-style:solid; border-color:#929499; background:#F3F3F3}
table.portlet{background-color:white}
td.logonLogo {}
body.logon {MARGIN-LEFT:  0px; MARGIN-RIGHT:  0px; MARGINWIDTH: 0px; MARGINHEIGHT: 0px; background-color: #003D77; padding-top: 100px;}
td.logonwhite {padding-left:0px; padding-top:5px}
td.logontitle {padding-left:0px; font:bold 15px Verdana, Arial, Helvetica, sans-serif; color:#707858}
td.logonheading {}
td.logonspacing {padding-left:1px; padding-top:4px}
input.logon {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; height:14px; #height:18px; #padding-left:3px; border:#86804d 1px solid; background:#fafaf6; color:#555132; text-indent:3px; #text-indent:0}
select.logon {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; height:14px; #height:18px; #padding-left:3px; border:#86804d 1px solid; background:#fafaf6; color:#555132; text-indent:3px; #text-indent:0}
a.logon {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #4A7DAF;}
hr.logon {border: 1px solid #BDBDBD; height:1px;}
td.logontxt {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: black; padding-top: 3px; padding-bottom: 1px;}
.logonbackgrnd {background-image: url(../images/colors/color1/logon_backgrnd.gif);}
td.button {padding-bottom:12px;}

/* Button link styles */
a.button {background-color:#f4f3e9; font-family: Verdana, Arial,sans-serif; font-size: 11px; text-decoration: none; font-weight:bold; color:#555132; padding:2px 7px 3px 6px; border:solid 1px #86804d; height: 19px;}
a.button.mini {display: block; height: auto; margin: 2px 0 0 0;}
a.button:hover {color:#555132; border: solid 1px #86804d; background-color: #f4f3e9; text-decoration: none}

/* TD class styles */
th.colHeader {color:#444444; font-size:11px; font-weight:bold; padding:3px 4px 3px 4px; text-align:left; height:15px; border-top:solid 1px #857f4d; border-left:solid 1px #857f4d; border-bottom:solid 1px #857f4d; vertical-align:top; background-color:#ebe7ce}
th.colHeader_price {color:#444444; font-size:11px; font-weight:bold; padding:3px 4px 3px 4px; height:15px; border-top:solid 1px #857f4d; border-left:solid 1px #857f4d; border-bottom:solid 1px #857f4d; vertical-align:top; background-color:#e1dbb5}
.colHeader_last {color:#444444; font-size:11px; font-weight:bold; padding:3px 4px 3px 4px; background-color:#ebe7ce; text-align:left; height:15px; border-top:solid 1px #857f4d; border-left:solid 1px #857f4d; border-bottom:solid 1px #857f4d; border-right:solid 1px #CFD2DC; vertical-align:top; border:solid 1px #857f4d}
td.price {font-size:  11px; color: #444444; font-family: arial, helvetica, sans-serif; text-align: right;}
td.offerPrice{font-size:  9pt; color: #444444; font-family: arial, helvetica, sans-serif; text-align: right;}
td.discountPrice{font-size:  9pt; color: #9B9B9B; font-family: arial, helvetica, sans-serif; text-align: right;}

/* This class is used to bold regular text */
strong {font-weight:bold}

/* These classes handles plain alignments */
.right {text-align: right;}

/* These classes handles widths */
.fullwidth {width: 100%;}

/* The following classes format how currency is displayed */
.price{}
.listPrice{font-size:  11px; color: #9B9B9B; font-family: Verdana, Arial,sans-serif; text-decoration: line-through;}
.offerPrice{font-size:  9pt; color: #444444; font-family: arial, helvetica, sans-serif;}
.discountPrice{ font-size:  9pt; color: #9B9B9B; font-family: arial, helvetica, sans-serif;}

/* This class is used to format text for discounts */
.discount{font-size:  10pt; color: purple; font-family: arial, helvetica, sans-serif;}

/* This class is used to format product names */
.productName{font-size:  11px; color: #427DBE; font-family: Verdana, Arial,sans-serif;font-weight: bold;}

/* Class to highlight a required field on a form */
span.reqd {font-family:Verdana, Arial, Helvetica, sans-serif; color:#a84848; font-size:9px}
.required {font-family:Verdana, Arial, Helvetica, sans-serif; color:#a84848; font-size:9px}

/* Class to highlight an error message */
.error {color:#cc0000}
.warning {color:#cc0000}
.boldwarning {display: block; background-color: #fff5f5; border: solid 1px #cc0000; padding: 3px 3px 3px 3px; margin: 5px 0px 5px 0px; font-weight: 700;}

/* The background color of a table and alternating row background colors */
.bgColor {border-collapse:collapse; width:100%}

/* This class is used for the section heading */
.heading {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666;line-height:40px;}
.heading2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #444444;line-height:40px;}
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #000000;line-height:40px;padding:0px; margin:0px;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: left;color: #000000;line-height:24px; padding:0px; margin:0px;}

/* This class is used for the section sub-heading */
.subHeading {font-family: verdana, arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: left;color: #427DBE;line-height:30px;}

/* Breadcrumb trail for checkout pages */
a.chkout_done {font-family:Verdana, Arial, Helvetica, sans-serif; color:#AFAFAF; font-weight:bold; font-size: 11px}
a.chkout_done:hover {color:#043982}
td.chkout {font-family:Verdana, Arial, Helvetica, sans-serif; color:#AFAFAF; font-weight:bold; sans-serif;font-size:11px}
td.chkout_active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#587c7c}
td.divider {width:1px}

/* Darwyn: new common classes for snippets */
.t_align_center {align:center}
table.noBorder {border_style:none; border-collapse:collapse}