/*Merchants--Use this file to make any edits that you wish to override styles in the main stylesheets. By making edits to this CSS file, your styles applied here will cascade and overwrite styles in the main CSS files. This will allow you to replace the entire contents of the main stylesheets should it become necessary to update those to fix styling issues with the themes without losing any of your custom styles.*/


body {background-color: #ffffff; background:url('http://ep.yimg.com/ca/I/yhst-88462588038071_2196_31717392') top repeat-x #ffcee7; font:normal 11px Arial, Helvetica, sans-serif; text-align:center; width:100%;margin:0 0 20px 0;color:#2e213f; }


#container {margin:0 auto; text-align:left; width:804px; /*border: solid thin #e3e3e3;*/} /* This "container" is needed as IE produces resize induced rendering errors when using the BODY element for a container. */


#header {background:#ffffff url('http://ep.yimg.com/ca/I/yhst-88462588038071_2195_42165518') left bottom no-repeat; zoom:1; height:139px; width:804px;}


#brandmark {float:left; font:normal 44px Arial, Helvetica, sans-serif; width:337px; margin-top:0px;} /* 510 + 250 = 760 */

#brandmark a {color:#e23865; display:block; padding:23px 0 0 12px; text-decoration:none;}


#nav-general {clear:both; float:right; display:block; list-style:none; margin:8px 15px 0 0;}

*html #nav-general {margin:15px 15px 0 0;}

#nav-general li {background-color:transparent/* remove to use color instead of transparentcy #ffffff*/;  border-top:0; float:left; margin:0 2px; border:0;}
 /* General Link Colors */
#nav-general li a {background: transparent; color:#cdcad5; display:block; font-size:11px; font-weight:normal; padding:4px 20px 6px; text-align:center; text-decoration:none; white-space:nowrap;}

#nav-general li a:hover {background:transparent /*#ffffff*/; color:#cdcad5}

#nav-general a.linkcheckout {background:transparent url(http://ep.yimg.com/ca/I/yhst-88462588038071_2196_31717503) 90% 0 no-repeat; padding-right:35px;
cursor:pointer;
}

#nav-general a.linkcheckout:hover {background:transparent url(http://ep.yimg.com/ca/I/yhst-88462588038071_2196_31717503) 90% 0 no-repeat; padding-right:35px;
cursor:pointer;
}



#searcharea {background:none; display:block; margin:0 0 0px; width:435px; float:right;}

#searcharea fieldset {border:0 solid; display:block; padding:10px 0 10px 200px; width:220px;}


input#query {margin-left:4px; padding:2px; background:#ffffff; color:#000;}

#searchsubmit {border:solid 1px #fff;
        margin:0 0 0 5px;
        padding:0px;
        background:#8d1b5d url('http://ep.yimg.com/ca/I/yhst-88462588038071_2196_31717664') repeat-x;
        color:#ffffff;
        font:bold 11px Arial,verdana,sans-serif;
        text-align:center;
        cursor:pointer;
}
* html #searchsubmit{
        height:19px;
        padding:0 2px;           
}




#bodyshell {background:none; border-left:0px; float:left; zoom:1; margin:0 auto;*position:relative; margin:15px 0 15px 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 */ /* 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:804px; }



#bodycontent {float:right; width:567px; margin:0; padding:0; background-color:#ffffff; background: url('http://ep.yimg.com/ca/I/yhst-88462588038071_2195_42176875') top repeat-y; min-height:1000px} 

*html #bodycontent {float:right; width:567px; margin:0; padding:0; background-color:#ffffff; background: url('http://ep.yimg.com/ca/I/yhst-88462588038071_2195_42176875') top repeat-y; height:1000px}



#contentarea {background:transparent;margin:0 0 10px 0; width:567px;}

#contentarea div div#caption div img {max-width:500px;}

#contentarea img {max-width:500px; width: expression(this.width > 500 ? 500: true);}



#nav-product {_display:inline; float:left; overflow:hidden; position:relative; width:237px; z-index:100; background:url('http://ep.yimg.com/ca/I/yhst-88462588038071_2195_42177291') top left repeat-y #ffffff; margin-left:0px; padding-left:0px; margin-top:16px;} /* 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 {background:url('') 7px 50% no-repeat; border-bottom:1px dotted #8ca7c5; color:#2d203e; display:block; font-weight:bold; font-size:11px; height:auto; margin:0; min-height:18px; padding:10px 4px 6px 0px; text-decoration:none;width:213px;}

#nav-product ul li a:hover {background:#dda3c1 url('') 7px 50% no-repeat; color:#2c213f;width:213px;}

#nav-product li {margin:0;}

#nav-product ul {list-style:none; margin-left:20px;}




#introtext {margin:10px;}
#finaltext {margin:0px; padding:20px 20px}


#htmlbottom{padding:20px 0 20px 20px;}

#htmltop {background:url('') top no-repeat; width:217px; height:32px; padding:20px 0 0 20px;}


.nav-bottom-image {width:237px; height:16px; z-index:101; background:url('') top left no-repeat; margin:0px; padding:0px;}


.content-box-bottom-image {width:567px; height:18px; background:url('') bottom no-repeat; margin:0px; padding:0px; z-index:101; float:right;}

.content-box-top-image {width:567px; height:17px; background:url('') top no-repeat; margin:0px; padding:0px; z-index:101;}





.content-bottom-wrap {width:804px; height:auto; background:none; margin-bottom:20px;}

.content-bottom-left {width:237px; float:left; height:auto; padding-top:16px;}

.bg-callout-tips {width:237px; height:107px; background:none;}

.bg-callout-latest {width:237px; height:107px; background:none; margin-top:9px;}


.content-bottom-right {width:567px; height:auto; float:left; }

.bg-bottom-right-top {width:567px; height:16px; background:url('') top no-repeat; margin:0px; padding:0px;}

.bg-bottom-right-middle {background: url('http://ep.yimg.com/ca/I/yhst-88462588038071_2195_42176875') top repeat-y; width:527px; height:auto; padding:20px 20px;} 

.bg-bottom-right-bottom {width:567px; height:16px; background:url('') top no-repeat; margin:0px; padding:0px;}


#wrap-bottomright1st {width:131px; float:left; padding-right:23px;}
#wrap-bottomright1st ul {text-align:left;}
#wrap-bottomright1st ul li {display:block; font:normal 11px "Arial"; color:#666666; list-style-type:none; margin:0; padding:0;}
#wrap-bottomright1st ul li a {padding:0; font:normal 11px "Arial"; color:#666666; text-decoration:none; line-height:20px; cursor:pointer;}
#wrap-bottomright1st ul li a:hover {color:#000000; text-decoration:none;}


#wrap-bottomright2nd {width:120px; float:left; padding-right:23px;}
#wrap-bottomright2nd ul {text-align:left;}
#wrap-bottomright2nd ul li {display:block; font:normal 11px "Arial"; color:#666666; list-style-type:none; margin:0; padding:0;}
#wrap-bottomright2nd ul li a {padding:0; font:normal 11px "Arial"; color:#666666; text-decoration:none; line-height:18px; cursor:pointer;}
#wrap-bottomright2nd ul li a:hover {color:#000000; text-decoration:none;}

#bottomright3rd {width:230px; float:left;}


.top-main-nav {width:804px; height:27px; background: url('') top repeat-x; padding-top:14px;}

.top-main-nav ul {padding:0; text-align:center;}
.top-main-nav ul li {display:inline; font:bold 12px "Arial"; color:#000000;}
.top-main-nav ul li a {padding:0 12px 0 0; font:bold 12px "Arial"; color:#000000; text-decoration:none; cursor:pointer;}
.top-main-nav ul li a:hover {color:#000000; text-decoration:underline;}


.top-right-nav {width:216px; height:auto; background:none; padding-bottom:8px;}

.top-right-nav ul {padding:0; text-align:right; width:216px; list-style-type:none;}
.top-right-nav ul li {display:block; font:bold 12px "Arial"; color:#a01566; margin:0; }
.top-right-nav ul li a {font:bold 12px "Arial"; color:#a01566; text-decoration:none; cursor:pointer; border-bottom:1px dotted #8CA7C5; width:216px; padding:2px 0 2px 0; height:auto; display:block;}
.top-right-nav ul li a:hover {color:#000000; text-decoration:underline;}


.wrap-banner {width:804px; height:auto; padding-top:15px;}
.banner-left {width:570px; float:left;}
.banner-right {widht:216px; float:left; padding-left:18px;}

.callout-free {width:216px; height:107px; background:url('http://ep.yimg.com/ca/I/yhst-88462588038071_2195_42177653') top no-repeat; margin-bottom:3px;}

.callout-shop {width:216px; height:120px; background:url('http://ep.yimg.com/ca/I/yhst-88462588038071_2195_42187397') top no-repeat;}


.breadcrumbs {
display:none;
margin:10px;
}

#contents {padding:20px 20px}

#specialstitle {background:#ffffff url('http://ep.yimg.com/ca/I/yhst-88462588038071_2196_31718048') 0 0 repeat-y; color:#2e213f; font:bold 26px Arial, Helvetica, sans-serif; margin:15px; padding:8px 0px 8px 10px;}


#item-contenttitle {background-color:#eac5d9; color:#000000; font:bold 14px Arial, Helvetica, sans-serif; margin:0 15px; padding:8px 15px 8px;}

/*#customer-reviews .header {background-color:#eac5d9; color:#000000; font:bold 14px Arial; margin:5px 5px; padding:4px 15px 6px;}*/


#footer {background:none; clear:both;zoom:1;}


#copyright {color:#5a5859; display:block; font:normal 11px Arial,verdana,sans-serif; padding:0; text-align:center;}



.wrap-inner-top-callouts {width:551px; height:110px; margin:0 0 10px 8px;}

.inner-callout-ship {width:269px; height:110px;background:url(/lib/yhst-88462588038071/innercalloutshipping.jpg) no-repeat; float:left; margin-right:10px}

.inner-callout-shop {width:269px; height:110px;background:url(/lib/yhst-88462588038071/innercalloutshop.jpg) no-repeat; float:left;}


.inner-content-box-top-image {width:567px; height:17px; background:url('') top no-repeat; margin:0px; padding:0px; z-index:101;}


.contentsOptions select {width:130px;}



#Flashbanner {margin:0; padding:0; width:570px; height:auto;}


#contents .vertical td {width:155px;}
.contentsOptions select {width:80px;}
#itemtype #caption {width:540px;}