/*POMME 'CSS-EDITS ALL'*/
/*
/* Elements */
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 5px; padding:0;}
ol, ul       {list-style:disc outside; margin:0; padding:0;}
p            {margin:10px 0; padding:0;}
tr, td       {vertical-align:top;}
h 			 {margin:0 0 25px;}
a{
color:#333333;
text-decoration: none;
}
a:hover{
color:#FF00B3;
}
a:visited{/*color:#cc0099*/}
* {padding:0;/*margin:0;*/}
td {font-size: 12px ; color:#666666; padding:5px 5px 5px; margin:0;}
h1, h2, h3{margin:0;}
body {background-color: #ffffff; background-image:url('') ; font:normal; 12px; ;width:100%;margin:0;color:#666666; }
/* ------------------------------ */
/* Contents */
.image-l {text-align:center; margin-bottom:10px;}
.image-r {text-align:center; margin-bottom:10px;}
.image-c {text-align:center; margin-bottom:10px;}
.inset-l {text-align:center;background-color:#fff; display:inline; margin:5px; padding:5px;}
.inset-r {text-align:center;background-color:#fff; display:inline; margin:5px; padding:5px;}

.addtocartImg{
clear:both;
text-align:center;
border:0;
margin:0 auto;
padding:0px;
cursor:pointer;
display:block;
}
.el #contents {}
#contents .vertical td {text-align:center;width:500px;} /* Used for the "Vertical" RTML Layout */
.wrap #contents {text-align:center;}
/* IDs */
#contents {background-color:#ffffff;border-right:10px solid #ffffff; border-left:10px solid #ffffff
text-align:center}
#contents a{
color:#666666;
text-decoration:none;
}
#contents a:hover{
color:#FF00B3;
}
#contents #contents-table {border-collapse:collapse; border-bottom:10px solid #ffffff}
#itemtype #contents table {/*margin:10px 0;*/}
#contents #contents-table select option, #itemarea select option{padding:5px 10px 5px 5px}
#contents td {background-color:#ffffff; margin:2px; padding:5px;}
#contents .horizontal-seperator{border-bottom:2px solid #ffffff;}
#contents .vertical-seperator{border-right:2px solid #ffffff;}
#contents.accessory * {text-align:center;}
#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;padding-top:10px;width:500px;}
#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:#333333;}
#contents .sale-price-bold {color:#333333;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:#333333; font-style:normal; font-weight:bold; margin:10px 0; padding:0 4px 0 0;}
#itemtype .itemform .sale-price em {color:#333333; font-style:normal; margin:10px 0; padding:0 4px 0 0;}
#contents-table .availability{padding:10px;}

#itemtype .code {
font-style:normal;
margin:10px 0;
display:none;
}

#itemtype .code em {
font-style:normal;
margin:10px 0;
display:none;
}

#contents-table .contentsOptions {padding:30px 0;text-align:center;}
#contents-table #abstract {padding:3px 0;}
#itemtype .itemFormName, #contents-table .itemFormName{font-weight:bold;}
#contents-table .itemFormNameMultiLine{display:block;}
#itemtype .itemavailable {color:#666666; font-weight:bold; margin:8px 0;}
#itemtype .itemavailable em {color:#333333; 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;padding:10px;}
.contenttitle-center{text-align:center;}
form{padding:10px;margin:10px;}
/* ------------------------------ */
/* Classes */
.boxclose {zoom:1;}
.breadcrumbs{margin:30px 0 10px 0;}
.clear {clear:both; display:block; font-size:1px; height:1px; line-height:-1;}
.last {border:0 solid;}
/* Form Buttons */
.ys_primary{
background:#333333;
color:#ffffff;
font: 12px Tahoma, Arial, sans-serif;
padding:5px;
text-align:center;
cursor:pointer;
_display:inline;
margin-top:8px;
}
/*input.ys_primary{ background:#66A5FF;color:#FFF;font:bold 11px Helvetica,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 {
width:500px;
padding:0px;
position: relative;
}
#info-div:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}

#accessorytitle {}

#itemtype #accessorytitle {background:none; color:#333333; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; padding:20px 10px 8px;}

#bodycontent {
width:520px;
font-family: tahoma, Arial, sans-serif;
font-size:12px;
text-align:center;
padding: 25px 25px 25px 25px;
border:1px solid #FF00B3;
float:right;
}
#bodyshell {
width:520px;
float:center;
}


/*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 content 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 */
*:first-child+html #bodyshell { width:610px;}
#bodyshell:after {
clear:both; content:"."; display:block; height:0; visibility:hidden; text-align:center;}
#brandmark {float:left; font:normal 28px Tahoma, Geneva, Verdana, sans-serif; width:780px;}
#brandmark a {color:#ffffff; 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-bottom:20px}
#captionarea, #messagearea, #info-div {margin:10px 10px 9px; /*border-bottom:1px #fff solid;*/} /* 1px is used to prevent Margin Folding */
#messagearea #messagetitle{background:#ffffff url('') ; color:#333333; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; padding:4px 15px 6px;}
#itemtype #contentarea #itempage-captiontitle {margin:15px 0 10px; padding:0 2px 20px;}
#itemtype #itempage-captiontitle {background:none; color:#000000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:10px; 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-left:auto;
margin-right:auto;
padding:10px;
text-align:center;
width:725px;
border:none;
background-color: #ffffff;
}
/* This "container" is needed as IE produces resize induced rendering errors when using the BODY element for a container. */
#contents td {
background-color:#ffffff;
margin:2px;
padding:5px;
text-align:center;
width:500px;
}
#contentarea {margin:10px;}

#section-contenttitle {background-color:#ffffff; color:#999999; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0 15px; padding:4px 15px 6px;}

#bodyContent #info-div #searchpageHeader {background-color:#ffffff; color:#999999; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:5px; padding:4px 15px 6px;}

#item-contenttitle {background-color:#ffffff; color:#666666; font:bold 14px ; margin:0 15px; padding:4px 15px 6px;}
#specialstitle {background:#ffffff url('') ; color:#333333; font:bold 16px Lucida Console, Monaco, Courier, monospace; margin:0 10px; padding:4px 15px 6px;}

#copyright {color:#999999; display:block; font:normal xx-small/1.2 verdana, sans-serif; padding:0 0 15px; text-align:right;}

#finaltext, #introtext {margin:10px;}
#footer {
background:#ffffff url('');
clear:both;zoom:1;
padding-top:10px;
}
#footer-links {color:#999999; display:block; font-weight:normal; font-size:9px; padding: 10px 0px 10px; text-align:right;}
#footer-links a {
font: 10px Tahoma, Arial, sans-serif;
color:#666666;
text-decoration:none;
font-weight:normal;
text-transform:lowercase;
}
#footer-links a:hover {
font: 10px Tahoma, Arial, sans-serif;
color:#FF00B3;
text-decoration:none;
}
#header {
float:left;
clear:none;
zoom:1;
min-height:150px;
height:auto !important; height:150px;
text-align:left;
}
/* Search Page Styles */
#info-div form,
.infoText div {margin:0;width:500px;float:left;}
#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 {
font-family: tahoma, Arial, sans-serif;
float:right;
display:block;
clear:none;
list-style:none;
}
#nav-general li {background-color:#ffffff; float:left; text-align:right; margin:0 0 0 2px;}
 /* General Link Colors */

#nav-general li a {color:#999999; display:block; font-size:11px; font-weight:normal; padding:4px 5px 6px; text-align:right; text-decoration:none; white-space:nowrap;}

#nav-general li a:hover {background-color:#ffffff; color:#ff00b3;}

#nav-general a.linkcheckout {background:transparent url('') 90% 0 no-repeat; padding-right:35px;}

#nav-product {
_display:inline;
clear:none;
font: 16px Tahoma, Arial, sans-serif;
float:left;
text-transform:lowercase;
text-align:right;
overflow:hidden;
position:relative;
width:135px;
margin-right:5px;
list-style:none;
z-index:100;}

#nav-product ul li a {color:#333333; display:block; font-weight:normal; font-size:14px; height:15px; margin:0; min-height:16px; padding:2px 0px 2px 0px; text-decoration:none;width:133px;}

html>body #nav-product a {height:auto;}

#nav-product ul li a:hover {background-color:#ffffff; color:#ff00b3;}

#nav-product li {margin:0;}
#nav-product ul {list-style:none;}
* html #nav-product ul li a {  /* make hover effect work in IE */
width: 135px;
}
#htmltop, #htmlbottom, #htmltop a, #htmlbottom a{padding:5px;color:#ffffff}
#nav-product ul li a{width:133px; background-color: #ffffff;}
* html #nav-product ul li a{width:133px; height:100%; overflow:hidden; background-color: #ffffff; overflow:hidden;}
* html #nav-product { overflow:visible; width:150px; }
/*#searcharea {background:#000000 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:#ffffff; font-size:0.85em; font-weight:bold; text-transform:uppercase;}
#searcharea label span, #searcharea label input {vertical-align:middle}
#searchsubmit{ background:#ffffff url('') ;color:#666666;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer;display:inline; margin:0;}*/
#searchpageHeader {background-color:#ffffff; color:#999999; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0; padding:4px 15px 6px;}
input#query {margin-left:4px;}
#query {padding:2px}
#slogan {color:#ffffff; display:block; float:right; font:normal 16px Tahoma, Geneva, Verdana, sans-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:500px; } *:first-child+html #itemarea { width:500px; }
#badge { margin: 15px auto; }
* html #badge { width:136px; text-align:center; }

