/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.sleeplevel.com/
   TEMPLATE NAME:  Sleep Level
   DATE:           Sep-11th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #fcfaed url('/images/bg.jpg') repeat-x;
} 

/*
 * These two classes affect form submition messages 
 * i.e. user gives bad data, error message is styled 
 * with the .error class.  Change the colors to match
 * the site's color scheme.
 */
.error { font-weight:bold;color:Red; }
.success { font-weight:bold;color:Green; }


.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }
.center{
	text-align: center;
}

img{	border: 0px;}
.rightimg{	float: right; margin: 0px 20px 20px 20px}


/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; color: #5d5f61; }
td { line-height: 20px; }
table b { color: #21467b;font: 18pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;margin-bottom: 15px; }
table a, tr a, td a, font a, .content table a {color: #496da1; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #ee4591;}
table hr {border: none; border-bottom: 1px solid #5d5f61; height: 0px;}


/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
width: 960px;
margin-bottom: -4em;
padding-top: 50px;
margin: 0 auto;
} 




/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #777;
}
 
.form, textarea {
width: 20em;
border: 1px solid #777;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #86878b;
padding: 2px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #fff;      
background: #4fc2f0;
padding: 4px 5px;
border: 1px solid #46a1c6;
}

/* --------------HEADER------------- */

#header {background: url(/images/headerbg.png) no-repeat;height: 103px;}

#header .logo{border-width: 0px;
	float: left;	margin: 20px 90px 0px 50px;
}

#header ul {padding: 50px 0px 0px 0px;}
#header li {display: inline;list-style-type: none;}

#header li a {color: #b4c168;text-decoration: none;border-right: 1px solid;padding: 0px 10px 0px 10px;font: bold 10pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;}

#header .links li a:hover {text-decoration: underline;}

#header .flag{text-align: center;color: #97001b;font: bold 8pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;float: left;margin: 20px 90px 0px 50px;}

/* --------------TOPNAV------------------------------------------------------------- */


#topnav{
height: 58px;
background: url(/images/navbg.gif) repeat-x;
width: 938px;
}

#topnav ul{
margin: 0;
padding-left: 0px;
list-style-type: none;
letter-spacing: 0px;
padding-top: 18px;
}

/*Top level list items*/
#topnav ul li{
position: relative;
display: inline;
float: left;
padding-right: 30px;
padding-left: 30px;
}

/*Top level menu link items style*/
#topnav ul li a{
display: inline;
font: 16pt 'Trebuchet MS', Arial, Sans-serif;
color: white;
text-decoration:none;

}


/*1st sub level menu*/
#topnav ul li ul{
left: 0em;
position: absolute;
top: 0em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
margin-top: -20px;
text-decoration: none;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#topnav ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
#topnav ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
#topnav ul li ul li a {
margin: 0px;
display: block;
overflow: visible;
text-align: left;
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
width: 160px; /*width of sub menu levels*/
text-decoration: none;
padding: 6px;
border: 1px solid #b4c168;
top: -12em;
background-color: #d8e0ab;
color: #496da1;
}

#topnav ul li ul li a:hover{
text-decoration:underline;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html #topnav ul li { float: left; height: 1%; }
* html #topnav ul li a { height: 1%; }
/* End */


/* --------------MISSION----------------*/

#mission {
width: 938px;height: 270px;}

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
background: url(/images/mainbg.png) repeat-y; /* Main DIV Background Img */
width: 960px;
margin: 0 auto;
padding: 0px 12px 0px 12px;
}

#main .content {
padding: 0px 20px 20px 20px;
margin: 0px;
min-height: 400px; /* Height of Background Img */
height: auto;
background-color:#fff;
width: 897px;
}

#main h1 {text-align: center;
color: #496da1;
font: 18pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;
margin-bottom: 15px;
}

#main h2 {color: #496da1;font: 14pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;margin-bottom: 5px;text-align: center;}
#main h3 {color: #496da1;font: 14pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;margin-bottom: 0px;padding: 0px;}
#main h4 {color: #7d9105;font: 14pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;margin-bottom: 5px;text-align: center;}

.boldgreen{color: #7d9105!important;font: 12pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif!important;}
.red{color: #97001b!important;font: bold 10pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif!important;}

.bigred{color: #97001b!important;font: bold 14pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif!important; text-align:center;}


#main a {
color: #496da1;
}

#main p {
color: #5d5f61;
font: 10pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;
line-height: 20px;
padding-bottom: 20px;
padding-right: 22px;
}

table {
color: #5d5f61;
font: 10pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;
}

#main .leftblock {
float:left; 
width: 225px;
margin: 0px;
padding: 0px;
background-color: #ece9e0;
margin-left: 10px;
padding: 10px;
}

#main .content ul{padding: 5px 20px 20px 30px; list-style-type:disc; }
#main .content ul li{padding: 0px 0px 10px 0px;color: #5d5f61;font: 10pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;
}


/* --------------TABLE FUNCTIONS------------- */

table {
margin: 0px;
padding: 0px;
}

table, tr, td, p {
padding-top: 10px;
margin: 0px;
}

table ol li, table ul li {
background: url(/images/bullet.gif) no-repeat center left;
padding-left: 10px;
list-style-type: none
}

/* --------------FOOTER------------- */

.clear {
clear: both;
}

#footer, .push { 
clear: both;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
height: auto;
background-color: #496da1;
}

#footer .content { 
width: 960px; 
margin: 0 auto; 
position: relative; 
padding: 15px 0px 15px 15px;
}

.line {
width: 900px;
border: none;
border-bottom: 1px solid #dad5c7;
height: 0px;
margin: 0 auto;
}

/* --------------FOOTER LINKS------------- */

#footer ul {
padding: 10px;
}

#footer .links ul {
margin: 0px;
padding: 0px;
}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: #fff;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 10pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;
}

#footer .links li a:hover {
text-decoration: underline;
}







/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }