/* Zee & Co. Product Styles */

/* Product Page Styles */
#product{ position:relative; padding-top:27px; }

#prodImg { width:216px; position:relative; float:left;display:inline; margin:9px 0 0 0; left:15px; position:relative; height:386px;}
#prodImg a.prodPopup{ position:relative; display:block; width:198px; height:262px; background:url(../img/product/prodImg_bg.gif) 0 0 no-repeat; }
#prodImg a.prodPopup img{ display:block; position:absolute; top:0; left:1px;  }

#prodImg a.prodPopup img.thumbEnlarged{ position:absolute; top:-267px; display:none; }
#prodImg a.prodPopup img.t2 { left:-67px; }
#prodImg a.prodPopup img.t3 { left:-136px; }


#prodImg a.prodPopup img.strap{ z-index:20000; }
#prodImg .thumbs{ width:100%; padding-top:5px; }
#prodImg .thumbs li{ display:inline; }
#prodImg .thumbs a.prodPopup{ width:62px; height:81px; margin-right:6px; float:left; background-image:url(../img/product/thumb_bg.gif); }
#prodImg p.enlarge { padding-top:10px; clear:left; font-size:60%; margin:2px 0 0 0; color:#8f9069; line-height:1.8; text-align:center; background:url(../img/icons/enlarge.gif) 38px 12px no-repeat; }
a.openImgPopup, a.openImgPopup:hover { border:0; color:#ffffff;}
#product .hr{ margin-top:6px; background-image:url(../img/icons/prodUl_bg.gif); }

#prodDetails{ float:right; margin-top:4px; width:358px; position:relative; }
#prodDetails img.brand{ position:absolute; top:0; right:3px; }
#prodDetails h1{ position:relative; width:204px; left:0; height:43px; color:#424242; background:none; text-indent:0; margin-top:9px; line-height:1.2; }
#prodDetails h1 span{ font-size:110%; color:#8f9069; }
#prodDetails h1 span.sku{ font-size:100%; font-weight:normal; color:#424242; }
#prodDetails ul{ position:relative; margin:0 0 15px 0; height:60px; padding:15px 0 0 0; }
#prodDetails ul li{ font-size:70%; color:#424242; padding:0 0 4px 11px; background:url(../img/icons/prodLi_bg.gif) 0 3px no-repeat; }
#prodDetails .commMsg{ margin-bottom:1px; background:#938199; font-size:70%; color:#fff; text-indent:11px; line-height:1.4; }

#prodDetails .options{ height:81px; position:relative; margin-bottom:10px; background:#e5e4c1; }
#prodDetails .options .price{ width:150px; color:#9b5f11; font-size:70%; padding:10px 0 0 6px; line-height:1.5em; }
#prodDetails .options .price #PriceText{ font-weight:bold; }
#prodDetails .options .price #priceStrong{ font-size:150%; }
#prodDetails .options .sizeGuide{position:absolute; bottom:6px; left:10px; font-size:10px}
#prodDetails .options .sizeGuide a{ display:block; color:#424242; text-decoration:underline; background:url(../img/icons/sizeGuide.gif) 0 0 no-repeat; padding-left:14px; line-height:1.2; }
#prodDetails .options fieldset{ position:absolute; bottom:0px; left:165px; height:82px; width:193px; }
#prodDetails .options fieldset label{ width:36px; font-size:70%; line-height:1.2; text-align:right; padding-right:4px; color:#424242; display:block; float:left; margin-top:4px; }
#prodDetails .options fieldset .option{ position:relative; height:20px; padding-top:4px; clear:both; }
#prodDetails .options fieldset .option.qty {position:absolute; bottom:7px; right:154px;}
#prodDetails .options fieldset .option.qty input {left:47px;}
#prodDetails .options fieldset input, #prodDetails .options fieldset select{ display:block; float:left; font-size:70%; color:#424242; }
#prodDetails .options fieldset select{ width:137px; height:17px; float:right; margin-right:10px;display:inline; }
#prodDetails .options fieldset input{ width:21px; padding:3px 0 0 0; text-align:center; position:absolute; bottom:0; right:122px; }


#prodDetails .stockInfo{ padding:11px; background:url(../img/product/stock_bg.gif) 0 0 repeat-x; font-size:70%; }
#prodDetails .stockInfo dl{ position:relative; line-height:1.6; }
#prodDetails .stockInfo dt{ clear:left; float:left; display:block; width:18%; color:#2b2e38; }
#prodDetails .stockInfo dd{ position:relative; float:left; display:block; /*width:48%;*/ width:78%; color:#827287; }
#prodDetails .stockInfo dd img{ position:absolute; top:2px; right:0; }
#prodDetails .stockInfo .noStock strong{color:#8F0301}

#prodDetails .tools{ position:relative; list-style-type:none; font-size:60%; height:30px; margin:0 0 0 11px; padding-top:10px; }
#prodDetails .tools li{ display:inline; background:none; padding:0; font-size:100%; }
#prodDetails .tools a{ display:block; float:left; line-height:1.6; padding-left:23px; color:#424242; background-position:0 0; background-repeat:no-repeat; }
#prodDetails .tools a.emailPopup{ width:116px; background-image:url(../img/icons/email.gif); background-position:0 2px; }
#prodDetails .tools a.bookmark{ width:102px; height:16px; background-image:url(../img/icons/bookmark.gif); }
#prodDetails .tools a.print{ width:52px; height:16px; background-image:url(../img/icons/print.gif); }

#prodDetails .freePromo{ width:335px; height:33px; margin:0 auto 31px auto; line-height:3.2; background:#eaeef2; border:1px solid #c8c8c8; font-size:70%; color:#2b2e38; }
#prodDetails .freePromo img{ float:left; padding:5px 14px; }
#prodDetails .freePromo a{ color:#2b2e38; }

#product .information{ position:relative; padding-top:37px; clear:both; }
#product #tabs{ position:absolute; width:604px; height:37px; top:0; left:-5px; background:url(../img/product/tabs_bg.gif) 0 0 no-repeat; }
#product #description, #product #specification{ padding:7px 11px; background:url(../img/product/desc_bg.gif) 0 0 repeat-x; font-size:70%; color:#2b2e38; }
#product #description p, #product #description h2, #product #description h3{ line-height:1.2; margin-bottom:10px; }
#product #specification table tr td { font-size:100%; padding-right:20px; line-height:1.2em; }
#product #specification table { padding-bottom:80px; display:block; }

/* ajax offer panel */
.noticeContainer{ position:absolute; top:140px; left:10px; width:337px; height:186px; }
.offerNotice{ position:absolute; top:0; left:0; width:337px; height:186px; background:#eaeef2; border:1px solid #c8c8c8; }
.offerNotice img{ position:absolute; top:9px; left:14px; }
.offerNotice p{ position:absolute; top:52px; left:21px; width:300px; font-size:70%; color:#2b2e38; line-height:1.2; }

/* spinner */
.spinner-container { position:relative; margin:10px 0 0 5px; }
.spinner-container img { float:left; margin-right:5px; }
.spinner-container p { font-size:11px; float:left; font-weight:bold; padding:2px; }