/* CSS Document */ /* 092506 0.02*/ /* Elements */ a{color:#623338} a:visited{color:#666666} *{padding:0; /*margin:0; */} td{font-size:13px; color:#000000; padding:0; margin:0} h1, h2, h3{margin:0} body{background-color:#948f70; background-image:url(''); font:normal 13px Verdana, Tahoma, Helvetica, sans-serif; text-align:center; width:100%; margin:0; color:#000000} /* Classes */ .boxclose{zoom:1} .breadcrumbs{margin:10px} .clear{clear:both; display:block; font-size:1px; height:1px; line-height:-1} .last{border:0 solid} /* Form Buttons */ .ys_primary{background:#c4c596; color:#ffffff; font:bold 11px Arial,verdana,sans-serif; padding:1px 5px; text-align:center; cursor:pointer; display:block; margin-top:10px} /*input.ys_primary{background:#66A5FF; color:#FFF; font:bold 11px Arial,verdana,sans-serif; padding:1px 5px; text-align:center; cursor:pointer} */ /*input.add2cartsubmit{background-color:#888; border-color:#DDD #AAA #555; border-style:solid; border-width:1px 1px 1px; color:#fff; font-weight:bold; outline:#000 solid 1px; padding:0 2px} */ label.add2cartlabel{border:1px solid #000} /*input.buttonsubmit{background-color:#888; border-color:#DDD #AAA #555; border-style:solid; border-width:1px 1px 1px; color:#fff; font-size:0.8em font-weight:bold; outline:#000 solid 1px; padding:0 2px; text-transform:uppercase} */ /*label.buttonlabel{border:1px solid #000} */ .buttonlabel{margin-left:4px} /* IDs */ #info-div{background-color:#FFF; padding:0px; zoom:1} #info-div:after{clear:both; content:"."; display:block; height:0; visibility:hidden} #accessorytitle{} #itemtype #accessorytitle{background:none; color:#584634; font:bold 14px Georgia, Times New Roman, Times, serif; padding:2px 10px 8px} #bodycontent{float:right; width:610px}/* 150+610 = 760 */ /* The Min-width is needed for Moz to stretch the bodycontent that is shrinkwrapping content due to floats. This is only necessary on pages without Tables in the contents. Min-width breaks Opera's layout so Width:100% is used instead of Min-width. */ #bodyshell{background-color:#c4c596; border-left:150px solid #c4c596; float:left; zoom:1; margin:0; *position:relative}/*Left Column Color*/ /* Background color is needed to counter an IE rendering bug that erases the left column bgcolor */ /* float:left is needed in Moz to handle extra wide cntent that breaks the width */ /* Left/Right Margin was removed due to expanded content errors in Moz, this was used to push the nav/content area in to match the mock-up */ /* position:relative is needed to fix bug in IE that caused the navigation bar to push out over the main content*/ *:first-child+html #bodyshell{width:610px} #bodyshell:after{clear:both; content:"."; display:block; height:0; visibility:hidden} #brandmark{float:left; font:normal 36px Tahoma, Geneva, Verdana, sans-serif; width:500px}/* 510+250 = 760 */ #brandmark a{color:#584634; display:block; padding:0 0 5px 13px; text-decoration:none} #caption{zoom:1} #caption:after{clear:both; content:"."; display:block; height:0; visibility:hidden} #contentarea #caption{margin:10px} #itemtype #caption{/*padding:0 10px; */} #maintype #caption{background-color:#fff; padding:15px} #captionarea, #messagearea, #info-div{margin:10px 10px 9px; /*border-bottom:1px #fff solid; */}/* 1px is used to prevent Margin Folding */ #messagearea #messagetitle{background:#948f70 url(''); color:#584634; font:bold 20px Georgia, Times New Roman, Times, serif; padding:4px 15px 6px} #itemtype #contentarea #itempage-captiontitle{margin:15px 0 10px; padding:0 2px} #itemtype #itempage-captiontitle{background:none; color:#584634; font:bold 14px Georgia, Times New Roman, Times, serif; margin:0; padding:2px 2px 8px}/*The Left/Right Padding is smaller because the Caption Title needs to be nested within the Caption on Item pages, but not on Section pages */ #container{margin:0 auto; text-align:left; width:760px; border:solid 1px #623338; background-color:#c4c596}/* This "container"is needed as IE produces resize induced rendering errors when using the BODY element for a container. */ #contentarea{margin:0 0 10px 0} #section-contenttitle{background-color:#948f70; color:#584634; font:bold 16px Georgia, Times New Roman, Times, serif; margin:0 15px; padding:4px 15px 6px} #bodyContent #info-div #searchpageHeader{background-color:#948f70; color:#584634; font:bold 16px Georgia, Times New Roman, Times, serif; margin:0; padding:4px 15px 6px} #item-contenttitle{background-color:#948f70; color:#584634; font:bold 16px Georgia, Times New Roman, Times, serif; margin:0 15px; padding:4px 15px 6px} #specialstitle{background:#948f70 url(''); color:#584634; font:bold 14px Georgia, Times New Roman, Times, serif; margin:0 10px; padding:4px 15px 6px} #copyright{color:#ffffff; display:block; font:normal xx-small/1.2 verdana,sans-serif; padding:0 15px 15px; text-align:right} #finaltext, #introtext{margin:10px} #footer{background:#623338 url(''); clear:both; zoom:1} #footer-links{color:#eef4bc; display:block; font-weight:bold; font-size:11px; padding:10px 0 15px; text-align:center} #footer-links a{color:#eef4bc; text-decoration:none; text-transform:uppercase} #footer-links a:hover{text-decoration:underline} #header{background:#ffffff url('http://ep.yimg.com/ca/I/yhst-74220800835360_2172_803131'); zoom:1; min-height:200px; height:auto !important; height:200px}/* _height and zoom are MS hacks */ #header:after{clear:both; content:"."; display:block; height:0; visibility:hidden} /* Search Page Styles */ #info-div form, .infoText div{margin:0 10px} #info-div form table td a img{margin-right:5px} #info-div form table td b{display:block; padding:15px 0 5px} #info-div form table td font{font-size:1em} /* !Search Page Styles */ #introtext{}/* REF:#finaltext */ #itemarea{background-color:#fff; margin:0px 15px 0; padding:10px; zoom:1} #itemarea:after{clear:both; content:"."; display:block; height:0; visibility:hidden} #nav-general{clear:both; float:right; display:block; list-style:none; margin:0 5px 0 0} #nav-general li{background-color:#ffffff; border:1px solid #ffffff; border-top:0; float:left; margin:0 2px}/* General Link Colors */ #nav-general li a{color:#623338; display:block; font-size:11px; font-weight:bold; padding:4px 20px 6px; text-align:center; text-decoration:none; white-space:nowrap} #nav-general li a:hover{background-color:#ffffff; color:#623338} #nav-general a.linkcheckout{background:transparent url('') 90% 0 no-repeat; padding-right:35px} #nav-product{_display:inline; float:left; margin-left:-150px; overflow:hidden; position:relative; width:150px}/* IE Experiences the pixel doubling bug here. "display:inline; "fixes this. Position Relative and Z-Index are needed for IE in order to display the background colors */ #nav-product ul li a{border-bottom:1px solid #623338; color:#623338; display:block; font-weight:bold; font-size:12px; height:18px; margin:0; min-height:18px; padding:10px 4px 6px 13px; text-decoration:none; width:133px} html>body #nav-product a{height:auto} #nav-product ul li a:hover{background-color:#948f70; color:#623338} #nav-product li{margin:0} #nav-product ul{list-style:none} * html #nav-product ul li a{ /* make hover effect work in IE */width:150px} #htmltop, #htmlbottom, #htmltop a, #htmlbottom a{padding:5px; color:#000000} #nav-product ul li a{width:133px; background-color:#c4c596} * html #nav-product ul li a{width:133px; height:100%; overflow:hidden; background-color:#c4c596; overflow:hidden} * html #nav-product{overflow:visible; width:150px} #searcharea{background:#623338 url(''); display:block; margin:0 0 0} #searcharea input{font-size:1.0em} #searcharea fieldset{border:0 solid; display:block; padding:10px 0 10px 13px} #searcharea label{color:#eef4bc; font-size:0.85em; font-weight:bold; text-transform:uppercase} #searcharea label span, #searcharea label input{vertical-align:middle} #searchsubmit{background:#623338 url(''); color:#eef4bc; font:bold 11px Arial,verdana,sans-serif; padding:1px 5px; text-align:center; cursor:pointer; display:inline; margin:0} #searchpageHeader{background-color:#948f70; color:#584634; font:bold 16px Georgia, Times New Roman, Times, serif; margin:0; padding:4px 15px 6px} input#query{margin-left:4px} #query{padding:2px} #slogan{color:#330000; display:block; float:right; font:normal 16px Georgia, Times New Roman, Times, serif; padding:2.7em 15px 10px 10px; width:225px; text-align:right}/* 225+25= 250 */ *:first-child+html #info-div, *:first-child+html #specialtitle, *:first-child+html #messagearea{width:590px} *:first-child+html #itemarea{width:570px} #badge{margin:15px auto} * html #badge{width:136px; text-align:center} /* Cross-Sell Styles. */ .ystore-cross-sell-table{width:100%; font-size:inherit; font:100%} .ystore-cross-sell-title{padding-bottom:6px; color:#584634; font:bold 14px Georgia, Times New Roman, Times, serif} .ystore-cross-sell-table-vertical .ystore-cross-sell-cell{width:100%} .ystore-cross-sell-table-horizontal .ystore-cross-sell-cell{width:28%; padding-right:5%} .ystore-cross-sell-product-image-link{display:block; padding-bottom:8px} .ystore-cross-sell-product-caption{padding-bottom:16px} .ystore-cross-sell-product-caption p, .ystore-cross-sell-product-caption h4{margin:0 0 10px; font-size:11px} .ystore-cross-sell-table .ys_promo{font-weight:bold} /* css edits file */ .ys_primary{background:#c4c596; color:#ffffff; font:bold 11px Arial,verdana,sans-serif; padding:1px 5px; text-align:center; cursor:pointer; display:inline; margin-top:10px} #container{width:960px} #bodycontent{width:810px} input{ margin-right:15px} #nav-general{ opacity:.5; filter:alpha(opacity=50); text-transform:capitalize} #htmlbottom a{ text-decoration:none} #caption{ background-color:#fff; padding:15px} #captionarea, #messagearea, #info-div{ padding:10px} #itempage-captiontitle{ background-color:#948F70} /* tabbed panels */ .TabbedPanels{ clear:none; float:left; margin:0 5px; padding:10px; width:95%} .TabbedPanelsTabGroup{margin:0px; padding:0px; color:#623338} .TabbedPanelsTab{position:relative; top:1px; float:left; padding:4px 10px; margin:0px 1px 0px 0px; font:bold 1.2em sans-serif; background-color:#948F70; list-style:none; border-left:solid 1px #CCC; border-bottom:solid 1px #999; border-top:solid 1px #999; border-right:solid 1px #999; -moz-user-select:none; -khtml-user-select:none; cursor:pointer} .TabbedPanelsTabHover{background-color:#CCC} .TabbedPanelsTabSelected{background-color:#969A52; border-bottom:1px solid #EEE} .TabbedPanelsTab a{color:black; text-decoration:none} .TabbedPanelsContentGroup{clear:both; border-left:solid 1px #CCC; border-bottom:solid 1px #CCC; border-top:solid 1px #999; border-right:solid 1px #999; background-color:#EEE} .TabbedPanelsContent{padding:4px} .TabbedPanelsContentVisible{} /* video box css */ body{margin:0} #lbOverlay{position:absolute; left:0; width:100%; background-color:#000; cursor:pointer} #lbCenter, #lbBottomContainer{position:absolute; left:50%; overflow:hidden; background-color:#fff; text-align:center; padding:5px} .lbLoading{background:#fff url(/lib/yhst-74220800835360/loading2.gif) no-repeat center} #lbImage{border:10px solid #fff} #lbPrevLink, #lbNextLink{display:block; position:absolute; top:0; width:50%; outline:none} #lbPrevLink{left:0} #lbPrevLink:hover{background:transparent url(prevlabel.gif) no-repeat 0% 15%} #lbNextLink{right:0} #lbNextLink:hover{background:transparent url(nextlabel.gif) no-repeat 100% 15%} #lbBottom{font-family:Verdana,Helvetica,sans-serif; font-size:10px; color:#666; line-height:1.4em; text-align:left; border:5px solid #fff; border-top-style:none} #lbCloseLink{display:block; float:right; width:66px; height:22px; background:transparent url(/lib/yhst-74220800835360/closelabel.gif) no-repeat center; margin:5px 0} #lbCaption, #lbNumber{margin-right:71px} #lbCaption{font-weight:bold} /* lightbox css */ #lightbox{background-color:#eee; padding:10px; border-bottom:2px solid #666; border-right:2px solid #666} #lightboxDetails{font-size:0.8em; padding-top:0.4em} #lightboxCaption{float:left} #keyboardMsg{float:right} #closeButton{top:5px; right:5px} #lightbox img{border:none; clear:both} #overlay img{border:none} #overlay{background-image:url(overlay.png)} * html #overlay{background-color:#333; back\ground-color:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png",sizingMethod="scale")} /* modified social share css from ollomedia.com */ #some {display:inline block;border-top: 1px solid #CFCECE;clear: both;margin-bottom: 5px;margin-top: 5px;padding-top: 6px;padding-left: 6px;} #ys_social_media {height:26px;display:inline-block;vertical-align:middle;margin-left:10px; } #ys_social_fblike {float:left;} #ys_social_tweet {float:left;} #ys_social_v_separator {margin-left:10px;margin-right:10px;float:left;} #ys_social_bottom_hr {border-top:1px solid #CFCECE; margin-top:5px;} /* css element */ /*902606 0.02*/ b, strong{font-weight:bold} blockquote{margin:1em} dd{margin:0 0 0 10px} dl{margin:5px 0} em, i{font-style:italic} img{border:0} input{margin:0} li{margin:0 0 0 15px; padding:0} ol, ul{list-style:disc outside; margin:0; padding:0} p{margin:10px 0; padding:0} tr, td{vertical-align:top} /* css contents */ /*092606 0.02*/ /* Classes */ .image-l{background-color:#fff; display:block; float:left; margin:0 15px 10px 0; padding:5px} .image-r{background-color:#fff; display:block; float:right; margin:0 0 10px 15px; padding:5px} .image-c{text-align:center; margin-bottom:10px} .inset-l{background-color:#fff; display:block; float:left; margin:0 8px 5px 0; padding:5px} .inset-r{background-color:#fff; display:block; float:right; margin:0 0 5px 8px; padding:5px} .addtocartImg{ border:0; margin:10px 0; padding:0px; cursor:pointer; display:block} .el #contents{} #contents .vertical td{text-align:center}/* Used for the "Vertical"RTML Layout */ .wrap #contents{} /* IDs */ #contents{background-color:#ffffff; border-right:10px solid #c4c596; border-left:10px solid #c4c596} #contents a{text-decoration:none} #contents a:hover{text-decoration:underline} #contents #contents-table{border-collapse:collapse; border-bottom:10px solid #c4c596} #itemtype #contents table{/*margin:10px 0; */} #contents #contents-table select option, #itemarea select option{padding-right:10px} #contents td{background-color:#ffffff; margin:2px; padding:5px} #contents .horizontal-seperator{border-bottom:2px solid #c4c596} #contents .vertical-seperator{border-right:2px solid #c4c596} #contents.accessory *{text-align:left} #contents.accessory .details{background-color:#fff; margin:2px 10px; padding:10px} #contents.accessory .details a{color:#000; font-size:1em}/* COLOR:LINK, FONTSIZE:NAME */ #contents.accessory .details h3{font-size:1em} #contents.accessory .details .sale-price{margin-bottom:10px} #contents .detail td{padding:5px; border-bottom:15px solid #E9E9E4}/* The Border-bottom must be applied to the TD, not the TR in order to work in IE */ #contents .detail.last td{border-bottom:0 solid}/* Needed for FF */ #itemtype #contents .detail td, #maintype #contents .image td{padding-bottom:10px} #contents .last{border:0} #contents .name{color:#000; font-weight:bold; padding:5px 0 0} #contents .name{padding:5px 0 0} #contents .price{font-weight:normal; margin:10px 0 0} #itemtype .price em{font-style:normal; font-weight:bold; margin:10px 0; padding:0 4px 0 0} #contents .sale-price{color:#c4c596} #contents .sale-price-bold{color:#F73222; font-size:15px; font-weight:bold;} #contents .price-bold{font-weight:bold; margin:10px 0 0} #itemtype .itemform .price{font-weight:bold; margin:10px 0} #itemtype .itemform .price-bold{font-weight:bold; margin:10px 0} #itemtype .itemform .sale-price, #itemtype .itemform .sale-price-bold{margin:10px 0} #itemtype .itemform .sale-price-bold{font-weight:bold} #itemtype .itemform .sale-price-bold em{background:#ffffff; color:#F73222; font-style:normal; font-weight:bold; margin:10px 0; padding:0 4px 0 0} #itemtype .itemform .sale-price em{color:#c4c596; font-style:normal; margin:10px 0; padding:0 4px 0 0} #contents-table .availability{padding:10px 0} #itemtype .code{font-style:normal; margin:10px 0} #itemtype .code em{font-style:normal; margin:10px 0} #contents-table .contentsOptions{padding:3px 0} #contents-table #abstract{padding:3px 0} #itemtype .itemFormName, #contents-table .itemFormName{font-weight:bold} #contents-table .itemFormNameMultiLine{display:block} #itemtype .itemavailable{color:#000000; font-weight:bold; margin:8px 0} #itemtype .itemavailable em{color:#c4c596; font-style:normal; font-weight:bold; margin:8px 0 8px 4px} #itemtype .itemoption{display:inline; font-weight:bold; margin:2px 0} #itemtype .multiLineOption{display:block; margin:5px 0; font-weight:normal} .contenttitle-center{text-align:center} form{padding:0; margin:0}