/* Global Styles
----------------------------------------- */

html { height: 100%; margin-bottom: 1px; }
body { text-align: center; background-color: #FFFFFF;  font-family: arial, helvetica, sans-serif; font-size: .8em; color: #333; margin: 10px auto;}
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, dt, address { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: none; }
h1 {  }
h2 {  }
h3 { font-size:16px; color:#FFFFFF; }
p { margin: 1em 0; line-height: 1.3; }
a { color: #3464B2; }
a:hover { text-decoration: none; color: #251200; }
blockquote {text-indent: 20px;}

/* Reusable Classes
----------------------------------------- */

.more_link { display: inline; padding-right: 12px; font-weight: bold; }
.more_link a { color: #3366CC; text-decoration: none; }
.more_link a:hover { color: #251200; }
.callout {margin-left:120px; padding:3px; border:1px dashed #999; background-color:#ECEBDA; text-align:center; color:inherit; width:200px; }


/* Wrapper
----------------------------------------- */

#wrapper { width: 878px; text-align: left; background: #FFFFFF; margin: 40px auto; border: 0px solid #251200; border-bottom-width: 0px; border-top-width: 0px; }
#wrapmaster { width: 100%; height:100%; } /* We love you IE */

/* Header
----------------------------------------- */

#header { text-indent: -9999px; width: 878px; height: 145px; background-color:#FFFFFF; background: url(../img/b2b_logo.png) no-repeat center; display: block; }
#bottomnav { text-indent: 5px; font-size:14px; text-align:left; width:878px; height:25px; background-color:#0079C2; padding-top:5px; }
#bottomnav a { color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 0 8px; }
#bottomnav a:hover { color: #FFFFFF; }


 /* Footer
----------------------------------------- */

#footer { text-align: center; margin: 0 0; }
#footer p { margin: 0; color: #FFFFFF; background-color: #0079C2; font-size: 85%; line-height: 1.2; height:65px;}
#footer a { color: #FFFFFF; text-decoration: underline; }
#footer a:hover { text-decoration: underline; }
#footer_nav { color: #0079C2; background-color: #FFFFFF; margin: 0 0 0 0; }
#footer_nav li { display: inline; padding: 0 10px 0 20px; }
#footer_nav li.first { background: none; }
#footer_nav li a { color: #251200; text-decoration: none; }


/* Nav
----------------------------------------- */

#nav { background: #FBE8BF; text-align: center; padding: 0px 0; border-top: 1px solid #FBE8BF; width:878px; background-color:#FBE8BF; background: url(img/bg.png); }
#nav li { display: inline; }
#nav li a { color: #0079C2; text-decoration: none; font-weight: bold; padding: 0 12px; }
#nav li a:hover { color: #0079C2; }
#nav li a.active { border: 1px solid #0079C2; color: #0079C2; }

 /* Images
----------------------------------------- */
.roaster {float:right; border:1px solid #555; margin-left:10px; }
.best {float:right; padding:10px; }

/* Tier1
----------------------------------------- */

#tier1 { padding: 0px 0 20px 20px; /* background: url(images/bkgd_tier1.gif) repeat-y; */ }
#tier1 h2 { font-size: 120%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }
#tier1 h2 a { color: #003366; text-decoration: none; }
#tier1 h2 a:hover { color: #251200; }

#tier1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */


/* Tier1 Column1
----------------------------------------- */

#tier1 .column1 { width: 325px; float: left; padding-right: 0px; border-right: 0px dotted #251200; }
#tier1 .column1 img { float: right; }

#column1 ul { margin: 1em 10px 1.5em; }
#column1 li { margin: 0 0 10px 0; padding-left: 13px; }


/* Tier1 Column2
----------------------------------------- */

#tier1 .column2 { width: 325px; margin-left: 345px; }
#tier1 .column2 img { float: right; }
#tier1 .column2 ul { margin: 1em 0 1.5em; }
#tier1 .column2 li { margin: 0 0 10px 0;  padding-left: 13px; }


/* Tier2
----------------------------------------- */

#tier2 { padding: 20px 0 20px 30px; border-bottom: 0px dotted #251200; }
#tier2 h2 { font-size: 110%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }
#tier2 h2 a { color: #003366; text-decoration: none; }
#tier2 h2 a:hover { color: #251200; }
#tier2 p { font-size: 90%; line-height: 1.2; }
#tier2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */


/* Tier2 Column1
----------------------------------------- */

#tier2 .column1 { width: 186px; padding-right: 5px; float: left; }
#tier2 .column1 img { float: right; padding-left: 5px; }


/* Tier2 Column2
----------------------------------------- */

#tier2 .column2 { width: 175px; float: left; padding: 0 20px; border-left: 1px dotted #251200; }


/* Tier2 Column3
----------------------------------------- */

#tier2 .column3 { width: 300px; margin-left: 415px; }
#tier2 .column3 dl { margin: 0 10px; }
#tier2 .column3 dt { color: #251200; padding: 5px 15px 10px 40px; font-family: Georgia, Times New Roman, Times, serif; font-size: 110%; font-style: italic; line-height: 1.4; }
#tier2 .column3 dd { font-size: 85%; color: #003366; text-align: right; padding-right: 40px; }
#tier2 .column3 dd.name { font-weight: bold; }
 
 
 /* Content
----------------------------------------- */

#content { padding: 2px 2px; border-bottom: 1px groove #0079C2; background-color:#FFFFFF;}
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */
#content h2 { font-size: 120%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #003366; }
#content h3 { font-size: 110%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #333; margin:15px 0 0 0; }


 /* Content Column1
----------------------------------------- */

#content #column1 { width: 400px; float: left; }


 /* Content Column2
----------------------------------------- */

#content #column2 { margin-left: 550px; }
#sidebar_quote { font-size: 90%; padding-top: 16px; }
#sidebar_quote dt { background: #FFF; padding: 0 15px 16px; color: #251200; font-family: Georgia, Times New Roman, Times, serif; font-style: italic; line-height: 1.2; }
#sidebar_quote dd { text-align: right; padding-right: 20px; color: #97622F; }
#sidebar_quote dd.name { padding-top: 15px; font-weight: bold; }
#sidebar_offer { font-size: 90%; margin-bottom: 40px; }
#sidebar_offer img { float: right; }
#sidebar_offer h3 { font-size: 110%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }
#sidebar_offer p { margin: .5em 0; }
#sidebar_offer h3 a { color: #97622F; text-decoration: none; }
#sidebar_offer h3 a:hover { color: #251200; }


/* MAIN SUBCONTENT */
.subcontent-unit-border {width:300px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px #E8B629; background:#E8B629;}
.subcontent-unit-border2 {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px rgb(248, 239, 5); background:rgb(209, 193, 255);}
.subcontent-unit-border-green {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(248, 239, 5); background-color:rgb(209, 193, 255);}
.subcontent-unit-border-blue  {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(248, 239, 5); background-color:rgb(209, 193, 255);}
.subcontent-unit-border-orange {width:183px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border:solid 1px rgb(248, 239, 5); background-color:rgb(209, 193, 255);}

.subcontent-unit-noborder {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:#E8B629;}
.subcontent-unit-noborder-green {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248, 239, 5);}
.subcontent-unit-noborder-blue  {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248, 239, 5);}
.subcontent-unit-noborder-orange {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248, 239, 5);}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {
	width:10px;
	height:10px;
	position:absolute;
	z-index:100;
	background:url(../img/bg_corner_topright.gif) no-repeat;
	margin-top:-1px;
	margin-left:291px;
	background-image: url(../img/bg_corner_topright.gif);
}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:291px;}


.round-border-bottomright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_bottomright.gif) no-repeat; margin-top:10px; margin-left:291px;}
.round-border-bottomleft {
	width:10px;
	height:10px;
	position:absolute;
	z-index:100;
	background:url(../img/bg_corner_bottomleft.gif) no-repeat;
	margin-top:10px;
	margin-left:-1px;
}
.round-noborder-bottomright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_bottomright.gif) no-repeat; margin-top:10px; margin-left:291px;}
.round-noborder-bottomleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_bottomleft.gif) no-repeat; margin-top:10px; margin-left:0px;}




/* Main CSS */
.page-container {width:878px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); background-color:#FFFFFF; font-size:1.0em; }
.main {clear:both; width:878px; padding-bottom:30px;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; }
.main-content { display:inline; /*Fix IE floating margin bug*/; float:left; width:878px; margin:0 0 0 0px; }
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:0 15px 0 0; }

body { background-color: #FFFFFF; font-family: arial, helvetica, sans-serif; font-size: .8em;}

a:link { color: #EFB211; text-decoration: underline; }
a:visited { color: #EFB211; text-decoration: underline;  }
a:hover { color: #EFB211; text-decoration: underline;  }
a:active { color: #EFB211; text-decoration: underline;  }
a.linkset2:link { color:#0079C2; font-weight: bold; text-decoration: underline; }
a.linkset2:visited { color:#0079C2; font-weight: bold; text-decoration: underline; }
a.linkset2:hover { color:#0079C2; font-weight: bold; text-decoration: underline; }
a.linkset2:active { color:#0079C2; font-weight: bold; text-decoration: underline; }

/* Pops */

#demopop {
	position:absolute;
	left:200px;
	top:250px;
	width:150px;
	height:40px;
	z-index:1;
}

#trainingpop { 	position:absolute;
	left:375px;
	top:250px;
	width:150px;
	height:40px;
	z-index:1;
}

#reviewpop {
	position:absolute;
	left:400px;
	top:250px;
	width:170px;
	height:40px;
	z-index:2;
}
#trialpop {
	position:absolute;
	left:450px;
	top:250px;
	width:170px;
	height:40px;
	z-index:3;
}
#contactpop {
	position:absolute;
	left:650px;
	top:250px;
	width:125px;
	height:40px;
	z-index:4;
}
#whitepop {
	position:absolute;
	left:550px;
	top:250px;
	width:110px;
	height:40px;
	z-index:5;
}
#newsletpop {
	position:absolute;
	left:550px;
	top:250px;
	width:110px;
	height:40px;
	z-index:6;
}



/*  COMMON CLASSES  */

.main a {color:#EFB211; font-weight:bold; text-decoration:none;}
.main-content h1 a {color:#EFB211; font-weight:normal; text-decoration:none;}
.main a:hover {color:#EFB211; text-decoration:underline;}
.main a:visited {color:#EFB211;}