@charset "UTF-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

html{ 
font-size:16px;
font: Verdana, Helvetica, Arial, sans-serif;
} 

body {
font:62.5% Verdana, Helvetica, Arial, sans-serif;
background: #f0f0f0;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}

body.promotion{
font:62.5% Verdana, Helvetica, Arial, sans-serif;
background: #23150e /*341e14/*5E2612*/;
background-image:url(source/gradientChoc.jpg);
background-repeat:repeat-x;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}

body.promotion #wrapper {
width:1024px;
height:auto;
background:none;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
/*border: 1px solid #666666;*/
text-align: left; /* this overrides the text-align: center on the body element. */
padding:0px 0px 20px 0px;
display:block;
}

#wrapper {
width:1024px;
height:auto;
background: #f0f0f0;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
/*border: 1px solid #666666;*/
text-align: left; /* this overrides the text-align: center on the body element. */
padding:0px 0px 20px 0px;
display:block;
}

#content{
background:#FFFFFF;
min-height:700px;
display:block;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
height:auto;
}

#contentPlus{
background:#FFFFFF;
min-height:700px;
height:auto;
display:block;
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
}


body.promotion #copy{
background-image:url(source/promoBground_1000.jpg);
background-repeat:no-repeat;
height:850px;
}

body.promotion .right700{
float:right;
display:block;
/*background-image:url(source/promoBground_650.jpg);
background-repeat:no-repeat;
background-position:right;*/
height:750px;
max-height:845px;
width:650px;
margin:0px 0px 0px 0px;
padding:10px 20px 0px 20px;
border-left:solid 1px #d7d7d7;
/*overflow:auto;*/
}

#header{
width:1004px;
height:51px;
margin:0px 10px 0px 10px;
padding:0px 0px 0px 0px;
border-bottom:solid 1px #CCCCCC;
}

#logo{
width:370px;
height:50px;
margin:0px;
padding:0px;
float:left;
}

#nav{
float:right;
width:634px;
background:/*red*/;
}

#navList{
float:left;
width:460px;
background:/*yellow*/;
}

#navlist  a{
font-size:1em;
}

#search{
float:right;
width:/*154px*/ 140px;
height:30px;
background:/*green*/;
margin:15px 0px 0px 0px;
padding:5px 0px 0px 30px;
}

#feature{
background:#FFF;
/*border:solid 1px #d7d7d7;*/
width:1000px;
height:600px;
margin:20px 0px 0px 12px;
padding:0px;
}

#copy{
/*background:#FFF;*/
/*border:solid 1px #d7d7d7;*/
width:1000px;
height:auto;
margin:20px 0px 0px 12px;
padding:0px;
}

.left300{
/*clear:both;*/
float:left;
display:block;
/*background:red*/;
height:auto;
width:270px;
margin:0px 0px 0px 0px;
padding:10px 20px 0px 10px;
/*border-right:solid 1px #d7d7d7;*/
}

.right700{
float:right;
display:block;
/*background:green*/;
height:auto;
/*max-height:600px*/;
width:650px;
margin:0px 0px 30px 0px;
padding:10px 20px 0px 20px;
border-left:solid 1px #d7d7d7;
/*overflow:auto;*/
}

#footer{
width:1024px;
clear:both;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
/*background:silver;*/
}

#footer a{
/*display:block;*/
/*background:green;*/
margin:0px 15px 0px 15px;
color:#000000;
text-decoration:none;
}

body.promotion #footer a{
/*display:block;*/
/*background:green;*/
margin:0px 15px 0px 15px;
color:#FFFFFF;
text-decoration:none;
}


/*---------Catch all styles----------*/

p{
font:Verdana, Helvetica, Arial, sans-serif;
font-size:1.1em;
line-height:130%;
color:#333333;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}

h1{
font:Verdana, Helvetica, Arial, sans-serif;
font-size:1.8em;
font-weight:normal;
text-transform:uppercase;
line-height:120%;
color:#660066 /*666666*/;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
/*border-bottom:solid 1px #CCCCCC;*/
}

h2{
font:Verdana, Helvetica, Arial, sans-serif;
font-size:1.4em;
font-weight:normal;
line-height:110%;
color:#660066 /*666666*/;
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
/*border-bottom:solid 1px #CCCCCC;*/
}

h3{
font:Verdana, Helvetica, Arial, sans-serif;
font-size:1.8em;
font-weight:normal;
text-transform:uppercase;
line-height:120%;
color:#660066 /*666666*/;
padding:0px 0px 0px 0px;
margin:0px 0px 15px 0px;
border-bottom:solid 1px #CCCCCC;
}

h4{
font:Verdana, Helvetica, Arial, sans-serif;
font-size:1.4em;
font-weight:normal;
line-height:110%;
color:#660066 /*666666*/;
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
border-bottom:solid 1px #CCCCCC;
}


a{
color:#666666;
}