/* @override 
	http://192.168.247.131:8069/css/pip.css
	http://192.168.162.52:8069/css/pip.css
*/

/* 
	File:			pip.css
	Author:			Gerard Ramos
	Created:		12-15-2008
	Description:	Contains all styles for the PIP!
*/

body#pip { color:#645F5F;}
div#content *.hide { display:none; } /* Had to redefine as it got overridden for attribute labels by we.css display: inline */
div#content h1.n { font-size:1.5em; color:#333; margin-top:-0.3em; padding:0 0 .55em; width:23em; line-height: 1.5em; font-family: Verdana,Arial,Helvetica,Sans-serif; font-weight:bold; text-transform: none; vertical-align: top;}

#hero { width:38em; float:left; }
#hero a img {border: .1em solid #9D9D9D; margin-left: .7em;}
#product-information { width:54em; *width: 54.4em;/*IE6/7 fix to fit pip tabs*/ margin-right: 1.1em; float:right; display:inline;}
div#gift-card-pip div#product-information { margin-left: 2.5em; width: 60em; }
#product-information div.page-errors {font-size: 1.1em; margin-top:-0.5em; line-height:1.5em; color:#990000; bottom: 0.3em; position: relative; width: 68%; display: inline;}
div#product-information span.product-price { clear:both; color:#666666; font-size: 1.1em; display:block; padding-bottom: .4em; }
#product-information p.alert { font-size: 1.1em; color:#333; font-style:italic; margin: .4em 0 .4em;}
#product-information p.price span.product-price span { text-align:left; }
#product-information span.flag-text { display:inline-block; padding:0.4em .4em .4em 0; font-size: 1em; font-weight:bold; color:#999999; }
#product-information span.new-flag { display: inline; font-weight:bold; color:#999999; padding-right:.35em; }
div.the-bar {width: 93em;}
div#content a:hover, div#content a:active  { text-decoration:underline;}

ul#product-thumbs { float:left; margin:1em 0 0 .7em; clear:both; cursor: pointer; display:inline;}
ul#product-thumbs li { float:left; margin-right:.3em; border: .1em solid #fff; line-height:normal; }
ul#product-thumbs li.selected { float:left; border: .1em solid #8f8f8f; line-height:1em;}
ul#product-thumbs li.last { margin-right:0; }
ul#product-thumbs li img.product-thumb { margin:.2em; }

ul#pip-tools { clear: both; width:34em; height:1.4em; padding-top:.9em; margin-bottom:1.8em; }
div#gift-card-pip div#hero ul#pip-tools { display: none; }
ul#pip-tools li { float:left; margin-left:1.4em; display:inline; }
ul#pip-tools li.first { margin-left:0; }
div#content ul#pip-tools li a { color:#666666; font-weight:bold; font-size: 0.9em; padding-bottom:.5em; padding-top:.1em; text-decoration:none; line-height: 1.3em; text-transform: uppercase;/* vertical-align:bottom; removed because the icons were aligning too close to the PIP hero. */ }
div#content ul#pip-tools li a:hover { color : #333; text-decoration:underline; }
ul#pip-tools a img { margin-right:3px;}
ul#pip-tools a img.icon_viewlarger, ul#pip-tools a img.icon_print { float: left; border:none;}

/*== pricing ==*/
/* span.product-price span.price {color:#645F5F;} */
/*== /pricing ==*/

/*== Smart Technology icons for PIP Page ==*/
.smart_p {display:inline-block; float:left; padding-right:3px; width:38px; height:13px; background-image: url('../images/pip/logos/smart_38x13.gif'); background-repeat:no-repeat;}
span.smart {display:inline-block; margin-bottom:-3px; padding-right:3px; width:38px; height:13px; background-image: url('../images/pip/logos/smart_38x13.gif'); background-repeat:no-repeat;}
span.smart span {display:none;}
/*== Smart Technology icons for PIP Page ==*/

div#tabs { clear:both; padding-top : 1em 0; overflow:hidden; width:54em; *width: 54.4em;/*IE6 width misbehaves*/ }
div#tabs div#thinpip { height:auto; }

div#related { clear:both; }
div#related div.related-promo { float:left; margin:1em 1em 0 0; width:23.8em; height:20.7em; display:inline;}
div#content div#related div#related-promo1 { float:left; margin:0em 1em 0 0; display:inline; height:23.1em; *height:23.5em;  }
div#content div#related div#related-promo1 div.promo1 {border:1px solid #999;min-height:22.5em; *height:22.5em; float:left;margin-left:.8em;*margin-left:.9em;_margin-left:.5em;}

div.hiddenImageCache { display: none; }

div#share { float:right; font-size: 1em; position: relative; bottom: .3em;
}
div#share span.share-text, div#share a { display:block; float:left; margin-right:.2em; font-size: 1em; text-decoration: none; font-weight:bold; text-transform: uppercase;  padding-top: 0em; }
div#share span.share-text { margin-top: 0em; }
div#share span.share-text img {float: left; margin-right:.3em;}
div#share span.share-text img.icon-sharethis {margin-left:1em;}
/*== pip tabs ==*/
div.product-info-tabs-container { height: 25em; }
div.svcPIP div.product-info-tabs-container { height: auto; }
div.product-info-tabs-container .summary {font-weight:normal; }
div.product-info-tab-content h3 { margin-bottom:.3em; font-weight:bold; font-size: 1.1em;}
div.product-info-tab-content div.content { padding-bottom:1.8em; }
div.product-info-tabs-container div.product-info-tabs { height: 25em; overflow: hidden; visibility: hidden;  }
div.product-info-tabs-container div.product-info-tabs div.product-info-tab-content { overflow: auto; padding: 1.8em 1.8em 0 1.8em; }
div.product-info-tabs-container span.product-info-tabs-loading img { margin: 1.5em 0; }
div.product-info-tab-content div.key { font-size:1.2em; padding:.5em 0;}
div.product-info-tab-content div.mapskey { padding:.5em 0; }

/*== pip tabs: font size ==*/
div#thinpip.product-info-tabs-container/*Thin PIP and SVC*/, div.product-info-tab-content/*PIP*/	{ font-size: 1.1em; line-height: 1.2em; }
div#content div#thinpip.product-info-tabs-container a/*Thin PIP and SVC*/, div#content div.product-info-tab-content a/*PIP*/	{ font-size: 1em; text-decoration : underline; } /* over-riding font-size 1.1em from pbteen.css so that link matches content font-size. */
/** The below is for the messed content <p><br/></p> becomes <p><br/><br/></p><br/> **/

/*-- changing these to show for uat purposes. needs another look - GR */
div#content div#thinpip.product-info-tabs-container p/*Thin PIP and SVC*/, div#content div.product-info-tab-content p/*PIP*/	{ font-size: 1em; clear:both; display:block; }
div#content div#thinpip.product-info-tabs-container br/*Thin PIP and SVC*/, div#content div.product-info-tab-content br/*PIP*/ { margin:.2em 0; clear:both; display:block; }
div#content div#thinpip.product-info-tabs-container p br/*Thin PIP and SVC*/, div#content div.product-info-tab-content p br/*PIP*/	{ margin:.2em 0; clear:both; display:block;  }
div#content div#thinpip.product-info-tabs-container p br + br/*Thin PIP and SVC*/, div#content div.product-info-tab-content p br  + br/*PIP*/	{ margin:.2em 0; clear:both; display:block;  }
/** The above does not work for IE 6 as it is CSS3 - The below is a hack for IE 6 **/
* html div#content div#thinpip.product-info-tabs-container p br, * html div#content div.product-info-tab-content p br { margin:.2em 0; clear:both; display:block; }
/*== pip tabs: bullet formatting ==*/
ul.bullets	{ padding-bottom: 1em; }
ul.bullets h4	{ font-weight: bold; }
ul.bullets h5	{ font-weight: normal; }
ul.bullets li	{ margin-left: 1.2em; list-style-type: disc; }

div#infotabs_tablist { left: 0px; top: 0px; right: auto; bottom: auto; display: inline; *margin-right: -6px;/*IE6 Fitting tabs on single line.*/ }
div.dijitTabPaneWrapper.dijitTabContainerTop-container.dijitAlignClient { width: 538px !important; }
.tabLabel { font-size:1.1em; }
.tabLabel a { display:inline; }
.dijitTabContent { /* margin-top:-.1em; */ }
.dijitTabContainerTop-tabs { /* margin-bottom:-.1em; */}

/*== pip sections ==*/
div.section { clear:both; border:.1em solid #999999; margin:1em; display:inline-block;}
div.section.please-select { margin:1em; width:93;padding-bottom: 1.5em; } 
div.section.please-select h3 {padding: .5em .75em;}
div.section div.hproduct { clear:both; margin:0 1.5em 1.5em .7em; padding-top: 1em; float:left; display:inline; width:91em; _width:89em; /* IE6 fix for subsets */} 
.product-top-border {border-top:.1em solid #dddddd;}

div.section div.thumb { width:12em; float:left; margin-top:1.8em; }

div.section h3 { font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; color:#333333; font-weight:bold;
background-color: #F2F2F2; border-bottom: 1px solid #999999; padding: .5em 1em; letter-spacing: .1em; height:1em; vertical-align:middle;}
div.section h4 { font-weight: bold ; font-size:1.2em; margin-top:.1em; height:1em; display: inline;}
div.section h4.second-header { font-size : 1.1em; margin-top : 0.5em; display : block; }
div#content div.section a.view-details-link, div#content div.section a.preview-colors-link { color:#666; text-decoration:none; padding: 0 .7em 0 .5em; background: url("../images/common/arr_link.gif") no-repeat right .3em; font-size: .95em; }
div#content div.section a.preview-colors-link-txt {color:#666; text-decoration:none; padding:0 .7em 0 0;background: url("../images/common/arr_link.gif") no-repeat right .3em; font-size: .95em;}
div#content div.section a.view-details-link:hover, div#content div.section a.preview-colors-link:hover { text-decoration: underline; color: #999; }
div#content div.section div.thumb-header h4 a {font-size:inherit; line-height:inherit; text-decoration:none;}
div.thumb-linelist { float:left; width:57.6em; _width:55.6em; color:#333333; /* IE6 fix for subsets */ }
div.drop-qty { float:left; width:31.9em; margin-top: .7em; position:relative; top: -1em; }
div#content ul.line-list { width:39em; margin:1.8em 0 0 13.5em; }
div#content ul.line-list li { float: left; margin-bottom: 1.7em; padding:0; line-height:1.3em; width:38em; }
div#content ul.line-list li.attribute-1 { font-size: 1.1em; font-weight: bold; }
li.attribute-1 .newcore {visibility:hidden;}
div#content ul.line-list li span.line-label { width:17.5em; float:left; display:inline; }
div#content ul.line-list li h4 a { font-weight:bold; padding-bottom:.3em;}
div#content ul.line-list li h4 a.popup, ul.line-list li h4 a.popup:visited { color:#666; text-decoration:none;}
div#content ul.line-list li h5 { font-weight:bold;}
div#content ul.line-list li h5 a { font-weight:normal; font-size:1em;}
div#content ul.line-list .organic-tooltip img {display:none;} 
ul.line-list li { padding:.3em 0; font-size: 1.1em; }
ul.line-list li span { font-size: 1em; }
div.itemized ul.line-list li { font-weight:bold; }

ul.line-list li span.flag-text, ul.line-list h5 span.flag-text { display:inline; font-weight:bold; font-size:.9em; color:#999999; text-transform: uppercase; }
 
div#content span.product-price span.price-strike-sale { font-weight:normal; }
div#content ul.line-list li span.product-price span { display:inline; margin-left:0.5em; }
ul.line-list li span.product-price span.offscreen { position:absolute; left: -999em; top:auto; width: .1em; height: .1em; overflow:hidden; }
div#content ul.line-list li span.product-price span.price-surcharge { margin-left:0; }

li.attribute-1 { color:#666666; display:block; font-size:1em; font-weight:bold; text-decoration:none; }
div#content ul.line-list li a { font-size:1em; font-weight:normal; }

div.skuErrorHook { font-size: 1.1em; float:left; min-height: 1em; line-height: 1.1em; width:100%;}
.dj_ie6 div.skuErrorHook { height: 1em;}
div.skuErrorHook.gift-cards ul.error li { padding-top : 1em; }
div.drop-area { float:left; }
div.drop-area span.attribute-drop-down {float:left; margin-top:.7em; clear: both;}
div.drop-area span.product-price { display:block; clear:both; padding: 1.3em 0 .5em 0; float:left; width:25em; } /* width added to stop wrap on IE 7 */
div.drop-area span.product-price span { display: inline; text-align : left; font-size: 1.1em; margin-right:.4em;}
span.product-price span.price-surcharge.surcharge-tooltip { font-size: 1em;}
div.drop-area span.product-price span.error { padding-bottom: .2em; line-height: 1.2em; }
div.drop-area span.error { font-size: 1.1em; display: block;}
div.drop-area span.backorder { display: block;  font-size: 1.1em; color: #333333; font-weight:bold; width:24em; }
div.qty { margin-top:.8em; float:right;}
div.qty label { font-weight:bold; width:2.6em; }
input.quantity-input { text-align:center; width:1.5em; }

div.add-item { clear:both; border-top: 0.1em solid #dddddd; height:3.6em; margin:0 1em; padding-top:1.3em; }
div#content div.add-item div { float : right; padding-right : 0.5em; display:inline;}
div#content div.add-item div fieldset { float : right; margin-top: 0; padding-top:0; } /* Margin and padding added to override forms.css - ML */
div#content div.add-item div fieldset label { color:#666666; display:block; float:left; margin-top:.5em; padding-right:.5em; display:inline; margin-right:0; width:auto; text-align:auto;  }
div#content div.add-item div fieldset input { margin-top:.4em; padding:0; line-height:1em; }
div#content div.add-item div fieldset select { margin-top:.2em; }
div#content div.add-item div.btn-cancel { float : left;  }
div#content div.add-item fieldset.add-to-basket input { margin:0 0 0 1.5em; padding: 0; } /* Padding to override forms.css - ML */
div#content div.add-item fieldset.ship-to select { color: #333333; margin-left:.7em; }
div#content div.add-item fieldset.ship-to label { font-weight:bold; margin-left:1.3em; }

input.btn_addtobasket { border:.1em solid #fff; }
input.btn_addtobasket:focus { border:.1em solid #666; }


div#content div.add-item fieldset.gift-wrap input { margin-left: .6em; padding:0; }
div#content div.add-item fieldset.gift-wrap label { color: #666666; }
div#content div.add-item fieldset.gift-wrap a {text-decoration:none;font-size:1em;color:#666;}
div#content div.add-item fieldset.gift-wrap a:hover {text-decoration:underline;}

/*== drop-down section ==*/
span.attribute-drop-down select {
    width: 22.91em;
    color: #333333;
    font-size: 1.1em;
}

div#related-like { padding-bottom:0; margin: 0 0 1em 1em; width:43.6em; float:left; display:inline; }
div#related-like ul { float:left;   }
div#related-like ul li { float:left; margin:.8em .5em 0 1.5em; width:12em; font-size:1em; display:inline; padding-bottom:1.8em; }
div#related-like ul li a { text-decoration: none; font-size:1.1em; }
div#related-like a:hover, div#related-like a:active { text-decoration: underline;}
div#related-like ul li a img { margin-bottom: .5em;}
div#related-like ul li a div { }
div#related-like {min-height:22.5em; *height:22.5em;}
/*== PIP Live Help ==*/
div#live-help { float:right; margin:.5em 0 2.8em 0; }
/*== /PIP Live Help ==*/

/*== PIP Swatch Block ==*/
div#swatch-wrapper {border:.1em solid #999999; display:inline-block; margin: .6em 0 0 0; width: 53.8em; *width: 54.2em; _width: 54.2em;	 }
div#swatch-block { font-size:1em; border-top:.1em solid #B5B5B5; margin: 0 2.7em 0 1.3em; padding-top:.4em; padding-bottom:.4em; clear:both; overflow:hidden; } /* Overflow hidden for FF2 - ML */

div#swatch-block.large-swatch-list { height:105px; overflow:auto; }
div#swatch-block h4 { clear:both; font-size:1.1em; margin:.2em 0 0 .4em; font-weight: normal;}
div#swatch-block ul { clear:both; margin:.4em 0 1em .1em;  }
div#swatch-block ul li { float:left; margin-right:.7em; margin-left:0;display:inline-block;}
div#swatch-block ul li.first {  }
div#swatch-block ul li img { padding: .2em; border: .1em solid #fff; }
div#swatch-block ul li img.on, div#swatch-block ul li img.selected { border: .1em solid #999999;}
div#swatch-block span.swatch-label, div#swatch-block span.swatch-classification { display:none; }
div#swatch-name {float:left; height:1em; font-size:1.1em; font-weight:bold; color:#333333; margin: .6em 0 .2em 1.6em; display:inline; padding-bottom: .2em;text-transform:capitalize; white-space:nowrap;}
div#swatch-link { float:right; margin:.6em 2.7em .2em 0; display:inline; font-size: 1em; font-weight:bold;} 
div#swatch-link a {text-decoration: none; font-size: 1em; } 
div#swatch-link img { float:left; margin-right:.6em } 

div#swatch-instruction { color:#333333; font-weight:bold; margin:1.3em 4em 0 1.7em; float:left; display:inline; width:100%; _width: 89%; height: 1.5em; }
div#swatch-instruction img { float:left; margin-right:.6em; }
div#swatch-instruction span {font-weight:normal;}
div#swatch-instruction.preview-colors { background: transparent url("../images/pip/icon_preview_colors.gif") no-repeat 0% 0%; }
div#swatch-instruction.preview-colors p { margin:0em 0 0 1.7em;}


/*== Related Articles ==*/
div#content div.related-articles { clear : both; margin: 1.2em 0 1em 0; float: left;
	height:7em;width:100%;} /* IMPORTANT Height is set here to allow for enough space for the estara click to call button.  -AS */
div#content div.related-articles h4 { font-weight:bold; font-size:1.1em; margin-bottom:.5em;}
div#content div.related-articles ul {float:left;}
div#content div.related-articles ul li { margin-bottom : 0.3em; width:22em; clear:both; }
div#content div.related-articles ul li a { float:left; text-decoration:none; }
div#content div.related-articles ul li a:hover { color:#999; text-decoration:none;}
/* div#content div.related-articles ul li a span { padding-right:.6em; background: transparent url("../images/common/img_arrow_rt_sidenav.gif") no-repeat;
	background-position:100% 60%; *background-position: right; text-decoration:none; } -- commented out, needed to add image to html because sometimes the link name wraps, breaking on ie. -AS */
div#content div.related-articles ul li a img.carat {margin-left:.3em;}
div#content div#estara {height:7em;width:24em;position:relative;float:right;}
div#content div#related div#left_email_signup {display:none;}

/*== Gift Card ==*/
div.svc-error-container ul	{ padding-top: 1em; }/* Added this div class to target the errors on SVC page. */
ul#svclinelist { padding:1em 0; clear:left; } /* clear:left to place error correctly */
ul#svclinelist h5 { font-size:1.1em; font-weight:bold;}
ul#svclinelist li { float:left; margin-right:1.5em; }
ul#svclinelist p { margin-top:1em; font-size:1.1em; font-weight:bold; }
ul#svclinelist li.select-amount { width : 10.5em; }
ul#svclinelist li.select-amount fieldset { padding-top:0; } /* override forms */
ul#svclinelist li.select-amount fieldset select { font-size : 1em !important; }
ul#svclinelist li.select-amount p { font-size:1em; }
ul#svclinelist li.continue-button { margin-top:1em; margin-right : 0;}
ul#svclinelist li.select-a-card { font-weight:bold;}
ul#svclinelist #giftCardQtyLabel, ul#svclinelist #giftCardAmountLabel { display:none; }
p.terms-link { padding-top : 1.3em; }

/*== HIDE - only for Print ==*/
h4.print-only { display:none; }

/*== Flash Style and Quantity ==*/
div#style-n-qty div.add-item {padding-bottom: 1em; }
div#style-n-qty div.add-item a.shipping-rates{ float: left; }
div#style-n-qty p { padding-bottom : 1em; }
div#style-n-qty div#content ul.line-list { float: left; margin-left:1.5em; }
div#style-n-qty ul.line-list li span.line-label { width:38em; font-weight:bold; color: #666666; }
div#style-n-qty div.hproduct:first-child { border-top-style: none; }
div#style-n-qty div.hproduct { border-top: .1em solid #CBDBEB; }
div#style-n-qty div.add-item div#cancel-button {float: left; }
div#style-n-qty div#content p { margin-left:.95em; }
div#style-n-qty div#content h1 { margin-left:.48em; }

/*== OpinionLabs == */
div#content div.opinionlabs { padding: 0 0 1em 0; clear: both; }