#wrapper-sp { width:760px; height:176px; margin:100px auto 0; background-color:#fff; } #container-sp { width:760px; height:170px; overflow:hidden;} #content-sp { width:760px; height:800px; } #content-sp td { margin:0; padding:10px; } #wrapper-fc{ width:760px; height:156px; margin:100px auto 0; background-color:#fff;} #container-fc{ width:760px; height:200px; overflow:hidden;} #content-fc{ width:760px; height:800px; } #content-fc td { margin:0; padding:10px; } #wrapper-fp { width:760px; height:176px; margin:100px auto 0; background-color:#fff; } #container-fp { width:760px; height:205px; overflow:hidden;} #content-fp { width:760px; height:800px; } #content-fp td { margin:0; padding:10px; } /**********/ /*ViewCart*/ /**********/ #viewcart {display:block;margin:0 3 0 0; float:right;position:absolute;float:right;margin-left:820px; top:9.1em;zoom:1;z-index:310; } #vcart-img-lnk {position:relative;left:0px;top:0px;} #vcart-img-lnk a{color:#fff;font-weight:bold;text-align:center;font-size: 10px; border-right-style:none !important; text-decoration:none;padding:4px 22px 11px 8px; } #vcart-img-lnk a:hover{text-decoration:underline;padding:4px 22px 11px 8px; } /**********/ /*ViewCart*/ /**********/ /*******************************************************/ #reviews {position:absolute;left:0px;top:50px;float:right;width:20%; font-size:inherit; font:28%; background-color:#eee; font-color:#000; font:normal xx-small/1.2 verdana, sans-serif;border:2px solid #663333;padding:5px;margin:5px; } /*******************************************************/ #close-bttn {float:right;position:absolute;left:5px;top:5px;border:1px solid #61064f;padding:4px;background:white;z-index:300;}#close-bttn a { text-decoration: none; color:blue;font-weight:bold;} #close-bttn a:hover{ text-decoration: none; color:red;font-weight:bold;} #close-bttn-prod-clr {float:right;position:absolute;left:5px;top:13px;border:1px solid #61064f;padding:4px;background:white;z-index:300;}#close-bttn-prod-clr a { text-decoration: none; color:blue;font-weight:bold;} #close-bttn-prod-clr a:hover{ text-decoration: none; color:red;font-weight:bold;} .fl1 {opacity:0.2; filter:alpha(opacity=20); -moz-opacity:0.2;} .fl2 {opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5;} .fl3 {opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8;} .br0 {-moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; behavior:url('/brx.htc'); } .br1 {-moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em; behavior:url('/brx.htc'); } .br2 {-moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em; behavior:url('/brx.htc'); } .br3 {-moz-border-radius:3em; -webkit-border-radius:3em; border-radius:3em; behavior:url('/brx.htc'); } /**********//**** Price Table*****//**********/ #price-tbl-container {position:relative;left:0px;top:-10px; width:300px;background:#61064f;border:2px solid #61064f; } #price-tbl-content {border:1px solid #ddd; position:relative;left:0px;top:0px;} #price-table {width:300px;padding:2px;z-index:1;} #price-table th {background-color:#61064f;color: #fff;font-weight: bold; font-size:12px;} #price-table td {background-color:#ffffcc;color:blue;font-size:10px;} /**********//**** Price Table*****//**********/ /**********//*****qty order form*****//**********/ #order-form {width:760px;position:relative;left:0px;top:0px;} .addcartbutton {position:relative;left:0px;top:0px;display:block;} #order-form-cont{padding:8px;border:2px solid #61064f;background: #eee; float:left;position:relative;left:0px;top:10px;} #qtyorder-tbl table{} #qtyorder-tbl th {color:#61064f;font-size:12px;} #qtyorder-tbl td {padding:1px;font-size:10px;} /**********//*****qty order form*****//**********/ #qtyorder-cont {float: left;position:relative;left:0px;top:-45px;width:760px;} /**********//*****order form nav*****//**********/ #order-detail {width:760px;color: #000;border-bottom: 2px solid #61064f;margin: 12px 0px 0px 0px;padding: 0px;padding-left: 15px;list-style:none; display:block; background:url('http://ep.yimg.com/ca/I/yhst-68939294824027_2196_84151') 0 0 /*no-repeat*/;height:auto;} ul#order-detail {height: 2em;list-style: none;margin: 0px;padding: 0; } ul#order-detail a {display: block;float: left;text-align:center;padding:4px 3px 4px 3px;margin:0;text-decoration: none;color: #fff;font-weight: bold; border-right:1px solid #fff;font-size: 10px; } ul#order-detail a:hover {background-color:#61064f; } ul#order-detail li {float: left;margin: 0 1px 0 0; } ul#order-detail li.current a {background-color: #61064f;color: #fff;font-weight: bold; } /**********//*****order form nav*****//**********/ /**********//*****order form containers*****//**********/ #prod-detail{display:none;position:absolute;left:20px;top:-180px;border:solid 2px #61064f;background-color:#eee; padding:5px;} #prod-detail th {background-color:#61064f;color:#fff; border: 1px solid #61064f;} #hdr {/*width:490px;*/} #close{background-color:#fff;width:10px;} #close a {background-color:#fff;color:#61064f; text-decoration: none;} #prod-comment{display:none;position:absolute;z-index:300;left:20px;top:-180px;border:solid 2px #61064f;background-color:#fff; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px; behavior:url('border-radius.htc'); padding:5px;} #prod-comments th {background-color:#61064f;color:#fff; border: 1px solid #61064f;} #com {/*width:490px;*/} #close{background-color:#fff;width:10px;} #close a {background-color:#fff;color:#61064f; text-decoration: none;} #prod-comments td {padding:10px;border:1px dotted #61064f;} #prod-relate {display:none;position:absolute;z-index:300;left:20px;top:-180px;border:solid 2px #61064f;background-color:#fff; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px; behavior:url('border-radius.htc'); padding:5px;} #prod-related th {background-color:#61064f;color:#fff; border: 1px solid #61064f;} #com {/*width:490px;*/} #close{background-color:#fff;width:10px;} #close a {background-color:#fff;color:#61064f; text-decoration: none;} #prod-related td {padding:10px;border:1px dotted #61064f;} #prod-review{display:none;position:absolute;z-index:300;left:20px;top:-180px;border:solid 2px #61064f;background-color:#fff; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px; behavior:url('border-radius.htc'); padding:5px;} #prod-reviews th {background-color:#61064f;color:#fff; border: 1px solid #61064f;} #com {/*width:490px;*/} #close{background-color:#fff;width:10px;} #close a {background-color:#fff;color:#61064f; text-decoration: none;} #prod-reviews td {padding:10px;border:1px dotted #61064f;} #merch-review{display:none;position:absolute;z-index:300;left:480px;top:30px;border:solid 2px #61064f;background-color:#fff; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px; behavior:url('border-radius.htc'); padding:5px;} #merch-reviews th {background-color:#61064f;color:#fff; border: 1px solid #61064f;} #com {/*width:490px;*/} #close{background-color:#fff;width:10px;} #close a {background-color:#fff;color:#61064f; text-decoration: none;} #merch-reviews td {padding:10px;border:1px dotted #61064f;} #prod-color {display:none;position:absolute;z-index:300;left:20px;top:-360px;border:solid 2px #61064f;background-color:#fff;-moz-border-radius: 20px; -webkit-border-radius:20px; border-radius: 20px; behavior:url('border-radius.htc'); padding:15px;} #prod-color th {background-color:#61064f;color:#fff; border: 1px solid #61064f;} #add-comments {display:none;} /**********//*****order form containers*****//**********/ #caption {position:relative; left:20px;top:-20px;width:460px;} #itempage-captiontitle{position:relative; left:20px;top:-10px;width:460px;} .img-caption {position:relative; left:20px;top:-10px;width:660px;} /**** section pagination *****/ #sec-wrapper { width:760px; height:686px; margin:100px auto 0; background-color:#ffffff; } #sec-container { width:760px; height:680px; overflow:hidden;} #sec-content { width:760px; height:1400px; } #sec-content td { margin:0; padding:10px; } #sec-nav {width:750px;} /**** section pagination *****/ .imgclass a {text-decoration:none;} .imgclass a:vsited {color:#00ff00;} .imgclass a:hover {text-decoration:underline;} /*CSS for the Social Media Sharing feature */ /*#ys_social_top_hr {border-top:1px solid #CFCECE; margin-bottom:5px; margin-top:5px; clear:both; }*/ #ys_social_media {float:right;height:10px;display:inline-block;vertical-align:middle;margin-left:10px;width:200px; } #ys_social_fblike {position:relative;left:0px;top:10px;float:left;width:150px;} #ys_social_tweet {position:relative;left:0px;top:10px;float:left;} #ys_social_v_separator {position:relative;left:0px;top:10px;margin-left:5px;margin-right:5px;float:left;} /*#ys_social_bottom_hr {border-top:1px solid #CFCECE; margin-top:5px;}*/ /* Search Page Styles */ #info-div form, .infoText div {margin:0px 10px;} #info-div form table {width:100%;} #info-div form table td {width:25%;} /* #info-div form table td a img {margin-right:10px;} #info-div form table td b {display:block; padding:5px 60px 5px;}*/ #info-div form table td font {font-size:1em;} /* Search Page Styles */ /**********//*sbd e-store nav*//**********/ #estore ul {margin:0; padding:0;height:24px;color:black; display:block; font-weight:bold; font-size:1.1em;} #estore ul li a {border-top:1px solid #ffffff;border-bottom:1px solid #ffffff; color:#990066; display:block; font-weight:bold; font-size:9px; height:18px; margin:0; min-height:18px; padding:0px 0px 0px 0px;text-decoration:none;width:128px;} #breadcrumbs {display: block;font-size: .2em arial, sans-serif; padding:0 15px 15px; text-align:left;} #breadcrumbs a:hover{ text-decoration:underline;} #breadcrumbs a { text-decoration: none; color:brown;} /**********//*sbd pagination navigation*//**********/ .pag-nav-table {float:right;margin-right: 20px;} #pagination-sbd ul{border:0; margin:0; padding:0;} #pagination-sbd li { border:0; margin:2px; padding:0; font-size:11px; list-style:none; /* savers */ float:left; } #pagination-sbd a { border:solid 1px #9aafe5; margin-right:0px;} #pagination-sbd .previous-off, #pagination-sbd .next-off { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; } #pagination-sbd .next a, #pagination-sbd .previous a { font-weight:bold; } #pagination-sbd a:link { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:none; } #pagination-sbd a:visited {color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:none;} #pagination-sbd a:hover { border:solid 1px #0e509e; } #pagination-sbd a:active { background:#2e6ab1; color:#ffffff; font-weight:normal; display:block; } /**********//**********//**********/ #mysearch {border:solid 1px #9aafe5; background:transparent; float:right margin-right:5px; background-color:transparent; text-align:center;} #mysearchsubmit{font:bold 10px Arial,verdana,sans-serif;padding:1px 2px;text-align:left;cursor:pointer; display:inline; margin:0;} .cart-price-text{float:center; position: relative; height: auto; width: auto; left: ; top: 20px; } .ystore-cross-sell-table { Float:right;width:100%; font-size:inherit; font:100%;padding:5px;margin:5px; } .ystore-cross-sell-title { padding-bottom:6px; color: #000000; font:bold 10px Tahoma, Geneva, Verdana, sans-serif; } .ystore-cross-sell-table-vertical .ystore-cross-sell-cell { width:20%; } .ystore-cross-sell-table-horizontal .ystore-cross-sell-cell { width:100%; padding-right:5%; } .ystore-cross-sell-product-image-link { display:block; padding-bottom:8px; } .ystore-cross-sell-product-caption { padding-bottom:10px; } .ystore-cross-sell-product-caption p, .ystore-cross-sell-product-caption h4 { margin:0 0 3px; font-size:10px; } .ystore-cross-sell-table .ys_promo { font-weight:bold; } #header {background:#000000 url('http://ep.yimg.com/ca/I/yhst-68939294824027_2196_90554');zoom:1; min-height:150; height:100px/*auto*/ !important; height:150; } /* _height and zoom are MS hacks */ /*#header:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}*/ #container {margin:0 auto; text-align:left; width:960px; border:solid 1px #a75183; background-color: #ffffff;} /* 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; font-size:.9em;} name {font-size:.9em ;} #abstract {font-size:.9em ;} #hometext a { text-decoration: none; color:brown;} #hometext a:hover{ text-decoration: none; color:red;} #hometext {color: Black; display: block;font-size:.9em verdana, sans-serif; padding:0 15px 15px; text-align:left;} #captionlead {font-weight:bold; text-decoration: none; color:black;} #brandmark {float:left;margin:0;position:absolute; top:1.7em; font:normal 10px Arial, Helvetica, sans-serif; width:275px;} /* 510 + 250 = 760 */ #brandmark a {color:#a75183; display:block; padding:0 0 5px 13px; text-decoration:none;} #toptagline{display:block; background:#990066; float:center; width:960px border:0px solid #000000; padding:0px 0px 0px 0px; margin: 0; color:#ffffff; font-size:.9em; font-weight:bold; text-transform:uppercase;text-align:center; padding:0px ; } #bodyshell {background-color:#ffffff; border-left:115px solid #f2eee8; float:left; zoom:1; margin:0;} /*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 */ #nav-product ul li a {border-bottom:1px solid #ffffff; color:#990066; display:block; font-weight:bold; font-size:9px; height:18px; margin:0; min-height:18px; padding:5px 4px 1px 15px;text-decoration:none;width:128px;} #nav-product {_display:inline; float:left; margin-left:-115px; overflow:hidden; position:relative; width:115px; z-index:100;} /* 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 */ /*******************/ /*headernav */ /*********************/ /* the top: parameter floats the positions of the nav bar */ #headernav {clear:both; position:absolute; top:4.6em; /*width: 960px;*/ display:block; list-style:none; margin:0;} /*margin will move nav bar left right */ #headernav {float:right;margin:0;background:url('http://ep.yimg.com/ca/I/yhst-68939294824027_2196_84151') 0 0 /*no-repeat*/;width :960px;height:auto;border-bottom:0px solid #dce8e8;zoom:1;z-index:300;} #headernav ul {list-style:none; margin: 0; padding:0;} html>body #headernav { height:auto; zoom:1;} #headernav a {display:block; font-weight:bold; color:#ffffff; text-decoration:none;text-align:center;font-size: 10px; border-right:1px solid;padding:4px 3px 4px 3px;margin:0;} #headernav a.sibling {display:block; font-weight:normal;color:#660000;text-align:left; padding:2px -0px 2px 5px;border-bottom:1px solid #ddd;width:14.8em;font-size: 10px} #headernav a:hover {background-color:#990066; color:#ffffff;text-decoration:none;} #headernav a.sibling:hover {background-color:#f0f0f0 /*#990066*/; color:#330000;text-decoration:underline;border-botom:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;} #headernav li {float: left; width: 8.2em;text-align:left;margin:0; padding:0;} /*DropNAv background*/ #headernav li ul {position: absolute;background:#eeeeee/*#a75183*/;width: 14em;left: -999em;border-right:2px solid #663333/*#990066*/;border-bottom:2px solid #663333/*#990066*/;border-left:1px solid #663333/*#990066*/;border-top:1px solid #663333/*#990066*/;margin:0;} #headernav li:hover ul, #headernav li.sfhover ul{left: auto;font-weight:normal;} #headernav li:hover, #headernav li.hover { position: static; } /**********/ /*HeaderNav */ /**********/ /**********/ /*searcharea */ /**********/ #search {float:right;margin-left:600px;width:320px; margin:2; position:absolute; top:0.2em; } #searcharea { background:transparent; float:right; width:310px; background-color:transparent/*#a75183*/; text-align:center; border:0px solid #ffffff; padding:5px 0; margin: 2px; } #searcharea .searcharea:link, .searcharea:visited, .searcharea:active, .searcharea:hover{ text-decoration: none; color:#ffffff;} #searcharea input {font-size:1.0em;} #searcharea fieldset {border:0px solid; display:block; padding:5px 5px 5px 5px;} #searcharea label {color:#ffffff; font-size:0.85em; font-weight:bold; text-transform:uppercase;} #searcharea label span, #searcharea label input {vertical-align:center} #searchsubmit{background:#a75183 url('') ;color:#e8e8e8;font:bold 10px Arial,verdana,sans-serif;padding:1px 2px;text-align:left;cursor:pointer; display:inline; margin:0;} .ys_primary{ background:#a75183;color:#ffffff;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer; display:inline; margin-top:10px;} #slogan {color:#a75183; display:block; float:right; font:normal 11px Tahoma, Geneva, Verdana, sans-serif; padding:5px 5px 0px 0px; width:0px; text-align:center;} /* 225 + 25= 250 */ #brandlogo {float: left; padding: 0; margin:5px; } #copyright {color:#e8e8e8; display:block; font:normal xx-small/1.2 verdana, sans-serif; padding:0 15px 15px; text-align:center;} #copyright .copyright:link, .copyright:visited, .copyright:active, .copyright:hover{ text-decoration: none; color:#e8e8e8;} #sublink {color:#e8e8e8; display:block; font:normal xx-small/1.2 verdana, sans-serif; padding:0 15px 15px; text-align:right;} .sublink:link, .sublink:visited, .sublink:active, .sublink:hover{ text-decoration: none; color:#e8e8e8;} #sitemap {color: black;font-size:10px;} .sitemap ul {list-style:none;} .sitemap A{text-decoration: none; color:blue;} .sitemap A:visited {text-decoration: none} .sitemap A:active {text-decoration: none} .sitemap A:hover {background-color:#dce8e8; color:#a75183;text-decoration:underline;} #subfooter {color: Black; display: block; font:normal xx-small/1.2 verdana, sans-serif; padding:0 15px 15px; text-align:center;}