﻿/*
Created By Darwin Ngo
Hacks with IE 6 and 7
The underscore prefix (_width: 100%). This style-rule is seen by IE6, but not IE7.
The star/asterisk prefix (*width: 100%). This style-rule is seen by both IE6 and IE7.
*/
/*Global Settings*/
html, body tr, td, table,input { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif}
body{background-color: #22241f}
img{border:0px}

*{margin: 0;padding: 0}
a:link {outline: none; color: #63a6ff; text-decoration: none; font-size:12px}    /* unvisited link */
a:visited {outline: none; color: #63a6ff; text-decoration: none; font-size:12px} /* visited link */
a:hover {outline: none; text-decoration: none; font-size:12px;color:#0a57bd}   /* mouse over link */
a:active {outline: none; text-decoration: none; font-size:12px;color:#0000FF}  /* selected link */
.linkText{ font-size:12px;  color: #63a6ff;text-decoration: none;  font-weight:bold}

h1{font-size:22px; font-weight:bold; border-bottom:1px solid #cccccc; margin-bottom:10px}
h2{font-size:20px; font-weight:bold}
h3{font-size:16px; font-weight:bold}
h4{font-size:14px; font-weight:bold}
table{width:100%}
table td{padding:2px; vertical-align:top}
.stickyHeader{ position: fixed; background: #fff; }/*allow the on top if scroll down, works good on table header*/

/*Customize table display*/
th{ background-color:#8F8F8F; color:#ffffff}

ul{text-decoration:none; list-style-type:none}
label{padding-left:4px}
p{padding:2px 0px 2px 0px}
.TitleBar{background-color:#8F8F8F;color:#ffffff;  font-weight:bold; padding:4px}/*Decoration of the title bar*/

tr.alter0 td{background-color:#F5F5F5}/*alter the color*/
tr.alter1 td{background-color:#FFFAFA}/*alter the color*/
tr.alterLast td{background-color:#7389A5}/*alter the color*/
tr td a{ outline: none; color: #63a6ff; font-weight:bold;  text-decoration: none; font-size:12px}
  
/*Header portion*/
.headerHW{ width: 980px; height: 285px}/* the header including the login navigator*/
.headerClick img { width: 974px; height: 243px}/*click area above the login navigator*/
.TopBar { padding-top:10px }/*controlling the horizontal bar on the header*/
.searchlb{float: left; margin-left: 54px; margin-top: 4px; color: white; font-size: 12px; font-weight: bold}/*search area*/
.searchBox{float: left; margin-top: 2px; margin-left:2px}/*search box div*/
.searchIconFlow{float: left; margin-top: 1px; margin-left: 2px; }/*icon div*/
.SearchTxtBox{ width:300px; height:17px}

.SearchIcon{background-image: url('../../stream-wf/global/searchv4.png.c');width:22px; height:22px; background-repeat: no-repeat;}

.StoreLeftMenu{background-color: #000; width: 160px;}

.pushNav{float: right;padding:2px 0px 2px 0px }/*navigate menu container*/
.pushNav a { color: white;  text-decoration: none; float: left; margin-left:4px; background-repeat:no-repeat;padding-top: 3px; }/*hyperlink decoration upper right main navigator*/
.pushNav a:hover { display: block; color: #ccc;  text-decoration: none; float: left; margin-left:4px;padding-top: 3px; }/*hyperlink decoration upper right main navigator*/
.TopNavText{ padding-right:10px;}

/*left menu icon*/
.StoreLeftMenu{background-color: #000; width: 160px;}
.SearchByPrice{background: #000; padding:10px 0px 10px 2px; text-align:center;color: #fff}
.SearchText{padding:2px 0px 2px 2px}
.SearchText .priceFrom{font-size: 12px; }
.SearchText .priceTo{font-size: 12px}

/*Slide Show Number*/
#s1{float:right; padding-right:4px}
.SlidePaging{clear:both;padding-right:2px}
.SlidePaging li,pagination li a  {float:right; margin:2px; padding-top:2px}
.slideshow0{background-image: url('../../stream-wf/global/slideshowNumber1.png.c'); background-repeat: no-repeat; height:30px; width:30px;display:block}
.slideshow0:hover {background-image: url('../../stream-wf/global/slideshowNumber1.png.c')}
.slideshow1{background-image: url('../../stream-wf/global/slideshowNumber2.png.c'); background-repeat: no-repeat; height:30px; width:30px;display:block}
.slideshow1:hover {background-image: url('../../stream-wf/global/slideshowNumber2.png.c')}
.slideshow2{background-image: url('../../stream-wf/global/slideshowNumber3.png.c'); background-repeat: no-repeat; height:30px; width:30px;display:block}
.slideshow2:hover {background-image: url('../../stream-wf/global/slideshowNumber3.png.c')}
.slideshow3{background-image: url('../../stream-wf/global/slideshowNumber4.png.c'); background-repeat: no-repeat; height:30px; width:30px;display:block}
.slideshow3:hover {background-image: url('../../stream-wf/global/slideshowNumber4.png.c')}
.slideshow4{background-image: url('../../stream-wf/global/slideshowNumber5.png.c'); background-repeat: no-repeat; height:30px; width:30px;display:block}
.slideshow4:hover {background-image: url('../../stream-wf/global/slideshowNumber5.png.c')}

/*Customize the header and the body of the page*/
#headerbanner { margin-right: auto; margin-left: auto; width: 980px; background-color:#ffffff }
#content{clear: both; visibility: visible; display: table; width:980px}
#content, #footer { margin-right: auto; margin-left: auto;background-color:#fff;width: 980px;  }
#content .leftcolumn{float:left; width:165px;background-color:#ffffff}
#content .rightcolumn, #rightcolumn{float:left;  width:815px;background-color:#ffffff}
#content .rightcolumn100{float:left; width:100%;background-color:#ffffff}/*100% width when not using left navigator*/

.QuickShipIcon{background-image: url('../../stream-wf/global/standard_quickship.png.c'); background-repeat: no-repeat; height:26px; width:160px;display:block}

/*Warning Message*/
.warning{color: Red;}
.warningB{font-size: 16px; color: Red;  font-weight:bold}


.warningL, .warningL a:link, .warningL a:visited, .warningL a:hover, .warningL a:active{font-size: 16px; color: Red;  font-weight:bold; text-align:left}/*warning left align*/
.warningR, .warningR a:link, .warningR a:visited, .warningR a:hover, .warningR a:active{font-size: 16px; color: Red;  font-weight:bold; text-align:right}/*warning right align*/

.warningS{font-size: 12px; color: Red;  font-weight:bold}
.warningG{font-size: 16px; color: Green;  font-weight:bold}
.noteN{font-size:12px;color:#060701}
.noteS{font-size:11px;color:#060701; font-weight: bold; font-style:italic}
.noteI{font-size:11px;color:#060701; font-style:italic}/*note not important*/
.noteSR{font-size:11px;color:red; font-weight: bold; font-style:italic}/*note small red*/
.noteM{font-size:14px;color:#060701;  font-weight: bold; font-style:italic}
.smt{font-size:11px};/*small text*/
.PromptError{ color:Red; font-weight:bold; text-align:right}

/*Page manipulation and style*/
.b{ font-weight:bold; font-size:12px }/*bold*/
.bb{ font-weight:bold; font-size:14px }/*bold and big*/
.c{text-align:center}/*center*/
.littleMargin{margin:2px}/*add a little margin*/
.l{text-align:left}/*text align left*/
.fl{float:left}/*float left*/
.tl{ text-align:left}/*Text left*/
.flWSpacing{float:left; margin:4px}/*float left with spacing*/
.fr{float:right}/*float right*/
.r{text-align:right}/*Text align to right*/
.rb{text-align:right; font-weight:bold}/*Text align to right and bold*/

.clear {clear:both}
.box{border: #CCCCCC 1px  solid; padding:2px}
.topspacing{padding-top:5px}
.hide{display:none}
.horizontalline{ clear:both; border-top:1px solid #cccccc; height:2px}
.vspace{height:4px; font-size:6px; clear:both}/*verticle space*/
.vspace12{height:12px; font-size:6px; clear:both}/*verticle space*/
.vspace24{height:24px; font-size:6px; clear:both}/*verticle space*/
.sectionTitle{ border:1px solid #ccc; background-color:Gray}
.m2px{margin:2px}/*margin 2 pixels*/
.m4px{margin:4px}/*margin 4 pixels*/
.ml4px{margin:4px}/*margin left 4 pixels*/
.padLR10px{padding:0px 10px 0px 10px}/*Padding left and right 10 pixels*/
.marginMid{margin:20% 30% 30% 20%; text-align:center;}/*Display the message in the middle of the screen*/
.marginMidTB{margin:10% 1% 10% 1%; text-align:center;}/*Center in vertical direction*/
.rq{color:Red; font-size:14px}/*required*/
.ni{width: 50px}/*number input*/

/*Categories random product*/
  
.phold{width:174px; height:180px; float:left; padding-top:20px; padding-left:25px}
.pimage{padding-top:10px; background-repeat:no-repeat; text-align:center}
.pcat{text-align:center}
.pcat a{ font-size:16px; font-weight:bold; color:#343434 }

/* Search and product categories page*/
#productList{ clear:both; padding-top:20px}
#productList .ph{float:left; padding-left:15px; width:250px; height:150px}/*product holder*/
#productList .pi{clear:both; float:left;vertical-align:top} /*product left area*/
#productList .phr{float:left; width:145px; vertical-align:top}/*product right section*/
#productList .p{width:100px}
#productList a{color:#343434}
#productList .pti{font-weight:bold}


/*product icons quickship 0 to 9 day*/
#productList .pQuickShip0{background-image: url('../../stream-wf/global/quickship-0days.png.c') ; background-repeat: no-repeat;  width:42px;height:50px;display:block}
#productList .pQuickShip1{background-image: url('../../stream-wf/global/quickship-1days.png.c') ; background-repeat: no-repeat;  width:42px;height:50px;display:block}
#productList .pQuickShip2{background-image: url('../../stream-wf/global/quickship-2days.png.c') ; background-repeat: no-repeat;  width:42px;height:50px;display:block}
#productList .pQuickShip3{background-image: url('../../stream-wf/global/quickship-3days.png.c') ; background-repeat: no-repeat;  width:42px;height:50px;display:block}
#productList .pQuickShip4{background-image: url('../../stream-wf/global/quickship-4days.png.c') ; background-repeat: no-repeat;  width:42px;height:50px;display:block}
#productList .pQuickShip5{background-image: url('../../stream-wf/global/quickship-5days.png.c') ; background-repeat: no-repeat;  width:42px;height:50px;display:block}
#productList .pQuickShip6{background-image: url('../../stream-wf/global/quickship-6days.png.c') ; background-repeat: no-repeat;  width:42px;height:50px;display:block}
#productList .pQuickShip7{background-image: url('../../stream-wf/global/quickship-7days.png.c') ; background-repeat: no-repeat;  width:42px;height:50px;display:block}
#productList .pQuickShip8{background-image: url('../../stream-wf/global/quickship-8days.png.c') ; background-repeat: no-repeat;  width:42px;height:50px;display:block}
#productList .pQuickShip9{background-image: url('../../stream-wf/global/quickship-9days.png.c') ; background-repeat: no-repeat;  width:42px;height:50px;display:block}

#productList .pIcons{text-align:center}
#productList .pNew{background-image: url('../../stream-wf/global/product-new.png.c') ; background-repeat: no-repeat;  width:64px;height:50px;display:inline-block}
#productList .pOnsale{background-image: url('../../stream-wf/global/product-sale.png.c') ; background-repeat: no-repeat;  width:75px;height:50px;display:inline-block}

 
#productList .pAslowas{font-size:13px; text-align:center; clear:both}
#productList .pPrice{font-size:14px; color:Red; font-weight:bold; text-align:center}
#productList .pPriceOnSale{font-size:14px; color:Red; font-weight:bold; text-align:center}
#productList .pProduction{font-size:13px; text-align:center}

  
/*Product page*/
.product{clear:both}
.product #l{clear:both; float:left;width:200px} /*product image*/
.product #r{float:left;width:600px; margin-left:4px}
.product .t{ font-weight:bold;color:#343434;font-size:16px; padding-top:10px }
.product p{padding-top:4px}
.product .aslow{ font-size:12px }
.product .sku{ font-size:11px }
.product .dollar{ font-size:14px; color:Red}
.product .desc{color:#343434; margin-bottom:10px; font-size:12px}
.pImages{width:202px}
.ZoomIcon{position:relative; top:-18px}
.MouseZoom{position:relative; font-size:11px;top:-15px; text-align:center}
.qtyandprice{ clear:both; background-color:#efefef; width:80px; float:left; height:20px; border:1px solid #000000; text-align:center; font-weight:bold}
.price{width:65px; float:left; height:20px;  border:1px solid #000000; text-align:center;font-weight:bold}
.product .addcart {clear:both; margin-left:515px}
.product .logoPosition{ clear:both; margin:0px 0px 0px 215px}
.product .logoforPosition{ margin:0px 10px 4px 10px}
.product .logoforPosition table{  width:270px; font-size:12px}
.product .logoforPosition img{ margin-bottom:10px}
.product .sizingChartIcon{ margin-top:4px; background-image: url('../../stream-wf/global/size_chart_icon2.jpg.c'); background-repeat: no-repeat; width:101px; height:40px;display:block}
.product .sizingChartA{ clear:both; float:left;padding-bottom:10px}
.product .sizingChartB{ float:left; padding-top:10px; padding-left:20px}
.product .sizingChartGuide{ float:left; font-size:12px; padding-top:4px;padding-left:20px}
.prodtext{color:#000000;font-weight:bold; font-size:12px;}

.product .pIcons{display:none}
.product .ItemNumber{ font-size:10px}

.productPrice { background-color: #ffffff; border: 1px solid #c3c3c3; border-collapse: collapse; width: 100%; }
.productPrice th { background-color: #e5eecc; border: 1px solid #c3c3c3; padding: 1px; vertical-align: top; text-align: left; }
.productPrice td { border: 1px solid #c3c3c3; padding: 1px; vertical-align: top; font-weight: bold; text-align: center; }
.productPrice tr.darktr{ border: 1px solid #c3c3c3; background-color:#484646; padding: 1px; vertical-align: top; font-weight: bold; text-align: center; color:#fff }
.productPrice td.NextGrid{border: 1px solid white; height:6px}
.productPrice .imprintMethod{ border: 1px solid #c3c3c3; padding: 1px;  font-weight: bold; text-align: left; background-color: #ccc}
.ArtworkSuggest a{color: blue;font-weight: bold;font-size: 14px}
.product .returnPolicy{ color:Red; font-weight:bold; font-size:12px; margin-bottom:10px}
.product .DescriptionTitle{display:none}
.product .ProductOptions{background-color:#ccc;color:black;  font-weight:bold; height:26px; padding-top:4px}/*Decoration of the title bar*/



.ProductOptionHolder {margin:0px; padding:0px; background-color: #ffffff; border: 0px solid #c3c3c3; border-collapse: collapse; width: 100%; }
.ProductOptionHolder .POHRight{width: 160px; font-weight:bold}
    
    
/*Enter qty*/  
.EnterQTYSize { background-color: #ffffff; border: 1px solid #c3c3c3; border-collapse: collapse; width: 100%; }
.EnterQTYSize th { background-color: #e5eecc; border: 1px solid #c3c3c3; padding: 1px; vertical-align: top; text-align: left; }
.EnterQTYSize td { border: 1px solid #c3c3c3; padding: 1px; vertical-align: top; font-weight: bold; text-align: center; }
.EnterQTYSize tr.darktr{ border: 1px solid #c3c3c3; background-color:#484646; padding: 1px; vertical-align: top; font-weight: bold; text-align: center; color:#fff }
.EnterQTYSize td.NextGrid{border: 1px solid white; height:6px}
.EnterQTYSize .imprintMethod{ border: 1px solid #c3c3c3; padding: 1px;  font-weight: bold; text-align: left; background-color: #ccc}

.QtyArea{clear:both; float:right; padding-right:4px}
.EnterQTYSize{ width:100%}
.EnterQTYSize .SizeAvailableTitle{   padding:10px; text-align:left; font-size:13px; font-weight:bold}
.EnterQTYSize .EnterQTYTitle{padding:10px; width:130px; text-align:left;font-size:13px; font-weight:bold}
.EnterQTYSize .qtyName{ }
.EnterQTYSize .sizeName{ text-align:left; padding:4px 10px 4px 10px}
.qtyName input{padding:3px; width:70px}
.productWarning{ text-align:right}
.totalCostCon{display:block; float:right;padding-top:10px}
.TotalCost{clear:both; float:left}
.TotalCostNumber{float:left}
.AddToCartArea1{clear:both; padding-top:10px; float:right}
.EnterQTYSize .costArea {border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff}

  
/*PMS tested IE 6+, Chrome, Firefox, iPhone 4 and Android 4.1 */
.pmsbox{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:none;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85}
.pmswrap{text-align:center;background-color:#ccc;border:0 solid #ccc;display:none;position:absolute;z-index:2}
.pmswrap img{border:1px solid #ccc;height:30px;width:30px;cursor: pointer;cursor: hand;}
.pmswrap img:link{border:1px solid blue;cursor: pointer;cursor: hand;}
.pmswrap img:hover{border:1px solid blue;cursor: pointer;cursor: hand;}
.pmswrap img:active{border:1px solid blue;cursor: pointer;cursor: hand;}

.pmsColorBox img{border:1px solid #ccc;height:30px;width:30px;cursor: pointer;cursor: hand;}
.pmsColorBox img:link{border:1px solid blue;cursor: pointer;cursor: hand;}
.pmsColorBox img:hover{border:1px solid blue;cursor: pointer;cursor: hand;}
.pmsColorBox img:active{border:1px solid blue;cursor: pointer;cursor: hand;}
.showPMSBox{;cursor: pointer;cursor: hand;}
.pmsMain{width:390px;height:28px;background-color:#960018;border:solid 1px Gray}

/*Product order*/
#selectOptions{clear:both; margin-left:300px}
#selectOptions .selectDecoration{clear:both;width:200px; margin:5px;   text-align:right; font-weight:bold; font-size:12px}
#selectOptions .lc{clear:both; float:left;width:200px; margin:5px;   text-align:right; font-weight:bold; font-size:12px}
#selectOptions .rc{ float:left;margin:5px; text-align:left}


/*Product Page for Awards*/

.AwardFontName{width:95px}
.AwardFontStyle{width:90px}
.AwardFontSize{width:50px}
.AwardTopPadding{width:50px}



/*CSS the buttons - imageless css button was generated by CSSButtonGenerator.com */
.button {margin:0px 0px 2px 2px; -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1; -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1; box-shadow: inset 0px 1px 0px 0px #fce2c1; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) ); background: -moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25'); background-color: #ffc477; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #eeb44f; display: inline-block; color: #000000;  font-size: 15px; font-weight: bold; padding:1px 4px; text-decoration: none; text-shadow: 1px 1px 0px #cc9f52; }
.button:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) ); background: -moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477'); background-color: #fb9e25; }
.button:active { position: relative; top: 1px; }
                                                       
.buttonless{border:0px solid #ccc; background-color:transparent; color:Blue; cursor:pointer;cursor: hand;}

a.buttonLink:link, a.buttonLink:visited,   a.buttonLink:hover, a.buttonLink:hover, a.buttonLink:active{padding:5px; display:inline-block; background-color:#FBA433; color:#000000;  font-weight:bold} 

/*Cursor*/
.pointer {cursor:pointer;cursor: hand;}/*pointer cursor*/
.cursorDefault {cursor:default}/*default*/

/*Loading ajax*/
.loadingAjax{width:55px;height:55px;background-image:url('fs/ajax-spinner.gif');background-repeat:no-repeat;z-index:10;position:absolute}

/*My account menu*/
.myaccountMenu li{padding:2px}
.myaccountMenu a:link {outline: none; color: #63a6ff; text-decoration: none; font-weight:bold; font-size:14px}    /* unvisited link */
.myaccountMenu a:visited {outline: none; color: #63a6ff; text-decoration: none; font-weight:bold;font-size:14px} /* visited link */
.myaccountMenu a:hover {outline: none; text-decoration: none; font-size:14px;font-weight:bold;color:#0a57bd}   /* mouse over link */
.myaccountMenu a:active {outline: none; text-decoration: none; font-size:14px;font-weight:bold;color:#0000FF}  /* selected link */

/*program the left menu*/
ul.navmenu-v, ul.navmenu-v li, ul.navmenu-v ul { width: 160px; /* Menu Width */ margin: 0; list-style: none; }
ul.navmenu-v li { float: left; position: relative; width: 100%; }
ul.navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ }
ul.navmenu-v ul { display: none; position: absolute; top: 0; left: 100%; z-index: 9999; }
    
/* Root Menu */
ul.navmenu-v a { background: #000; color: #fff; border-top: 1px solid #000; border-right: 1px solid #000; padding: 4px; display: block; font: bold 11px Arial, sans-serif; text-decoration: none; height: 1%; }
/* Root Menu Hover Persistence */
ul.navmenu-v a:hover, ul.navmenu-v li:hover a, ul.navmenu-v li.iehover a { background: #595959; color: #FFF; }
   
/*category levels*/
ul.navmenu-v li:hover li a, ul.navmenu-v li.iehover li a {background: #595959; float: none;border-top: 1px solid #595959; border-right: 1px solid #595959; padding: 4px } /* 2nd Menu */
ul.navmenu-v li:hover li a:hover, ul.navmenu-v li:hover li:hover a, ul.navmenu-v li.iehover li a:hover, ul.navmenu-v li.iehover li.iehover a { background: #ABABAB; } /* 2nd Menu Hover Persistence */
ul.navmenu-v li:hover li:hover li a, ul.navmenu-v li.iehover li.iehover li a { background: #999; }/* 3rd Menu */
ul.navmenu-v li:hover li:hover li a:hover, ul.navmenu-v li:hover li:hover li:hover a, ul.navmenu-v li.iehover li.iehover li a:hover, ul.navmenu-v li.iehover li.iehover li.iehover a { background: #666; }/* 3rd Menu Hover Persistence */
ul.navmenu-v li:hover li:hover li:hover li a, ul.navmenu-v li.iehover li.iehover li.iehover li a { background: #666; } /* 4th Menu */
ul.navmenu-v li:hover li:hover li:hover li a:hover, ul.navmenu-v li.iehover li.iehover li.iehover li a:hover { background: #333; }/* 4th Menu Hover */
/* Hover Function - Do Not Move */
ul.navmenu-v li:hover ul ul, ul.navmenu-v li:hover ul ul ul, ul.navmenu-v li.iehover ul ul, ul.navmenu-v li.iehover ul ul ul { display: none; }
ul.navmenu-v li:hover ul, ul.navmenu-v ul li:hover ul, ul.navmenu-v ul ul li:hover ul, ul.navmenu-v li.iehover ul, ul.navmenu-v ul li.iehover ul, ul.navmenu-v ul ul li.iehover ul { display: block; }
  
.spaceBelowLeftMenu {height:12px; font-size:6px; clear:both}
  
/*image gallery*/
#gallery_01 { text-align:center; margin-top:10px;}
#gallery_01 img{border:2px solid white; width:70px; height:70px}
#gallery_01 .active img{border:2px solid #333 !important;}  

/*background for modal*/
.modalBackground {background-color: #000000; filter: alpha(opacity=80);opacity: 0.7}

/*Breadcrumb */
#breadcrumb{background-color:#ccc;color:black;  font-weight:bold;  padding:7px}
#breadcrumb a{padding: 4px}
#breadcrumb span{position: relative;padding: 1px;font-size: 0.7em}


/*shopping cart*/
.gridtable{width:600px; padding-left:5%}
.gridtable tr th{ background-color:#EEEEEE; color:#000000}
.gridtable tr.alter0 td{background-color:#F5F5F5}/*alter the color*/
.gridtable tr.alter1 td{background-color:#FFFAFA}/*alter the color*/
.gridtable tr .cl{ text-align:left; padding-left:5%}
.gridtable tr .cr{ text-align:right; padding-right:6%}
.cartLogoList td{ vertical-align:middle}
