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

body#pip { color:#645F5F;}
div#content		{ padding-top: .5em; /* adding extra padding between breadcrumbs and content - only on PIP */ }
h1.n { font-size:1.4em; color:#645F5F; padding:0 0 .5em; line-height: 0.7em; }

#hero { width:35.5em; float:left; padding-bottom:2em; }
#product-information { width:62.5em; margin-left: 1em; float:left; }
#product-information span.flag-image { display:block; } /* This fixes the flag wrapping on the PIP page for FF - gluong - 12/3/09 */
div#gift-card-pip div#product-information { margin-left: 2.5em; width: 60em; }
#product-information div.page-errors { line-height: 1.7em; font-size: 1.1em; }
div#product-information span.product-price { clear:both; font-weight:bold; color:#666666; font-size: 1em; display:block; padding-bottom: 1em; }
#product-information p.price span.product-price span { text-align:left; }


div#content a:hover, div#content a:active  { text-decoration:underline;}

ul#product-thumbs { float:left; margin:1em 0 0; clear:both; cursor: pointer; }
ul#product-thumbs li { float:left; margin-right:.8em; }
ul#product-thumbs li.last { margin-right:0; }
ul#product-thumbs li img.product-thumb { width:6em; height:6em;}

ul#pip-tools { clear: both; width:34em; height:1.4em; padding-top: .5em; }
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 { padding-bottom:.5em; padding-top:.1em; text-decoration:none; line-height: 1.3em; /* vertical-align:bottom; removed because the icons were aligning too close to the PIP hero. */ }
ul#pip-tools a img { margin-right:3px; }
ul#pip-tools a img.icon_viewlarger, ul#pip-tools a img.icon_print { height:1.2em; width:1.2em; float: left; }

/*== 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 ==*/

/*== Halloween icon for PIP Page ==*/
a.halloween,
a.halloween:visited { display:inline-block; padding-left:20px; background: url('../images/pip/logos/halloween_15x14.gif') no-repeat; color : #ff6600; }
a.halloween:active,
a.halloween:hover {}
/*== Halloween icon for PIP Page ==*/

div#tabs { clear:both; padding-top : 1em; margin-bottom : 1em; }
div#tabs div#thinpip { height:auto; }

div#related { clear:both; }

div.hiddenImageCache { display: none; }

div#share { margin-top : 0.5em; float:left; font-size:1.1em; }
div#share span.share-text, div#share a { display:block; float:left; margin-right:.2em; font-size : 1em; }
div#share span.share-text { margin-top:.4em; }

/*== pip tabs ==*/
div.product-info-tabs-container { height: 26em; }
div.product-info-tabs-container .summary {font-weight:normal; }
div.product-info-tab-content h3 { margin:1em 0; font-weight:bold; }
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: 1em; }
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#thinpip.product-info-tabs-container p/*Thin PIP and SVC*/, div#content div.product-info-tab-content a/*PIP*/, div#content div.product-info-tab-content p/*PIP*/	{ font-size: 1em;} /* over-riding font-size 1.1em from pbteen.css so that link matches content font-size. */

/*== pip tabs: bullet formatting ==*/
div.product-info-tabs-container div#bullet-copy { padding-bottom: 1em; }
div.product-info-tabs-container div#bullet-copy h4 { font-weight: bold; padding-bottom: 1em; }
div.product-info-tabs-container div#bullet-copy h5 { font-weight: normal; }
div.product-info-tabs-container div#bullet-copy ul { padding-bottom: 1em; }
div.product-info-tabs-container div#bullet-copy li { margin-left: 1.2em; list-style-type: disc; font-size: 1em !important; line-height: 1.2em; }

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; width: 100%; }
.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 #CBDBEB; padding-bottom:1em; margin-bottom:2em; float:left; width:100%; position:relative; }
div.section.please-select { margin-bottom : 0; }

div.section div.hproduct { clear:both; padding:.5em 0; position:relative; float:left; width:100%; }
.product-top-border {border-top:1px solid #CBDBEB;}

div.section div.thumb { width:13.5em; float:left; margin-left:.5em; }

div.section h3 { font: 14px Arial, Helvetica, sans-serif; color:#645F5F; font-weight:bold;
background-color: #eaf1f7; border-bottom: .1em solid #cbdbeb; padding: .6em .8em; text-transform: uppercase; letter-spacing: .1em; }
div.section h4 { font: bold 1.1em Arial, Helvetica, sans-serif;  }


div.thumb-linelist { float:left; width:55em; }
div.drop-qty { float:right; width:35em;}
ul.line-list { width:39em; margin-left:15em; margin-top:1.3em;}
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;}
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:normal; font-size:1em; }
 

ul.line-list li span.product-price span { display:inline;}
ul.line-list li span.product-price span.offscreen { position:absolute; left: -999em; top:auto; width: .1em; height: .1em; overflow:hidden; }

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.drop-area { padding-top: 1.5em; float:left; width:30em; }
div.drop-area div.skuErrorHook { width : auto; float : left; font-size : 1.1em; }
div.drop-area span.product-price { display:block; }
div.drop-area span.product-price span { padding-top: .2em; display: inline; text-align : left; padding-right:0.3em; font-size: 1.1em;}
div.drop-area span.error { font-size: 1.1em; padding-top: .25em; display: block;}
div.drop-area span.backorder { display: block;  font-size: 1.1em; padding-top: .2em;}
div.qty { margin-left:32em; }
div.qty label { font-weight:bold; padding-bottom: .25em; display: block; }
input.quantity-input { text-align:center; width:1.5em; }

div.add-item { clear:both; margin:.5em; }
div.add-item div { float : right; *margin-right : 0.5em; }
div.add-item div fieldset { float : right; margin-left : 1em; }
div.add-item div fieldset label { color:#666666; display:block; float:left; margin-top:.5em; padding-right:.5em;}
div.add-item div fieldset input { margin-top:.4em;}
div.add-item div fieldset select { margin-top:.2em; }
fieldset.gift-wrap { width:8em;}
fieldset.ship-to { width : auto; }
div.add-item fieldset.add-to-basket input { margin:0 0 0 1.5em; }

/*== drop-down section ==*/
span.attribute-drop-down select {
    margin-bottom: 1em;
    width: 25em;
}

div#related-like { padding-bottom:0; margin-bottom: 1em; }
div#related-like ul { float:left; padding:.5em; }
div#related-like ul li { float:left; text-align:center; margin:0 0.4em .2em 1.2em; width:14em;}
div#related-like a:hover, div#related-like a:active { text-decoration: none;}
div#related-like ul li a img { margin-bottom: .5em;}

/*== PIP Swatch Block ==*/
div#swatch-block { width:100%; float:right; border:.1em solid #CBDBEB;}
.large-swatch-list { height:90px; overflow:auto; }
div#swatch-block.large-swatch-list { }
div#swatch-block h4 { clear:both; font-size:1.1em; margin:.2em 0 0 1em; font-weight: normal;}
div#swatch-block ul { clear:both; margin:.2em .8em; }
div#swatch-block ul li { float:left; width:3.1em; margin:.3em; }
div#swatch-block ul li img { border: .1em solid #FFFFFF;}
div#swatch-block ul li img.on, div#swatch-block ul li img.selected { border: .1em solid #026BAF;}
div#swatch-block span.swatch-label, div#swatch-block span.swatch-classification { display:none; }
div#swatch-name {float:left; width:100%; height:1.4em;}
div#swatch-link {float:left; width:100%; line-height:2.6em; margin-top:1em;}
div#swatch-instruction {float:left; width:100%; height:1.4em; color:#645F5F; font-weight:bold; font-size:1.1em;}
div#swatch-instruction span {font-weight:normal;}


/*== Related Articles ==*/
div.related-articles { clear : both; padding : 1em 0; }
div.related-articles ul li { font-size : 1.1em; margin : 0.5em 0; }
div.related-articles ul li a { font-size : 1em !important; }


/*== 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; }
ul#svclinelist h5 { font-size:1.1em; font-weight:bold;}
ul#svclinelist li { float:left; margin-right:4em; }
ul#svclinelist p { margin-top:1em; font-size:1.1em; font-weight:bold; }
ul#svclinelist li.select-amount { *width: 11em; }
ul#svclinelist li.select-amount p { font-size:1em; }
ul#svclinelist li.continue-button { margin-top:1em;}
ul#svclinelist li.select-a-card { font-weight:bold;}
ul#svclinelist #giftCardQtyLabel, ul#svclinelist #giftCardAmountLabel { display:none; }

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

/*== Flash Style and Quantity ==*/
div#style-n-qty p { padding-bottom : 1em; }
div#style-n-qty ul.line-list li:first-child { 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; }


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