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

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

sup {
	vertical-align: 0;
    position: relative; 
	font-size:70%;
	bottom: 1ex;
	text-decoration:none;
}

/* MAIN CSS */

body{
	background-color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#333;
	background:url(../images/gradient-grey-complete.jpg) top left repeat-x #EFEFEF;

}

#wrapper{
	margin:0 auto;
	padding:10px 0 0 0;
	width:808px;
	position:relative;
	z-index:1;
}

#logo{
	position:relative;
	float:left;
	width:179px;
}

#member-login{
	position:relative;
	float:right;
	width:179px;
	margin:0 0 0 450px;
}

#hero{
	margin:0;
	position:relative;
	float:left;
	width:808px;
	height:293px;
	background:url(../images/hero-complete.jpg) top left no-repeat #FFF;
	background-image: url(../images/hero-complete.jpg);
}

#dynamic-date{
	position:absolute;
	width:175px;
	top:146px;
	left:426px;
}

#dynamic-date2{
	position:relative;
	clear:both;
	width:350px;
}

#dynamic-date3{
	position:relative;
	clear:both;
	width:200px;
}

#order-button{
	position:absolute;
	top:137px;
	left:25px;
	width:404px;
}

#main{
	margin:0 14px 0 14px;
	width:780px;
	background:url(../images/gradient-grey.jpg) top left repeat-x #FFF;
	float:left;
}

#main #left{
	position:relative;
	float:left;
	width:439px;
	padding:20px 0px 10px 20px;
}

#left p{
	padding:0;
	margin:0 0 15px 0;
}

#left ul{
	padding:0;
	margin:0 0 0 30px;
}

#left ul li{
	padding:0 0 15px 0;
	list-style:disc;
}

#left ul li a:link, #left ul li a:visited{
	color:#990C1F;
	font-weight:bold;
}

#main #right{
	position:relative;
	float:left;
	width:261px;
	padding:20px 0px 10px 20px;
}

#right p{
	text-align:center;
	padding:0;
	margin:0 0 15px 0;
}

#three-bureau-form{
	position:relative;
	float:left;
	width:221px;
	margin:0 0 0 40px;
}

#right #three-bureau-form h2{
	text-align:left;
	font-size:16px;
	line-height:22px;
	color:#990C1F;
	margin:0 0 10px 0;
}

input[type=text]{
	padding: 7px 11px 5px 9px;
	background-color: #FFF;
	position: relative;
	z-index: 2;
	font-family:Helvetica, Arial, sans-serif;
}

/*
label{
	position: absolute;
	z-index: 1;
	width:180px;
	-webkit-transition: opacity 0.15s linear;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color: #bababa;
	background-color: #FFFFFF;
	padding:6px 11px 5px 11px;
	font-family:Helvetica, Arial, sans-serif;
}
*/

#three-bureau-form input[type=text]{
	width:180px;
	margin: 5px 0;
	font-size: 16px;
	font-weight: normal;
	border: 1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color: #7b7b74;
	font-family:Helvetica, Arial, sans-serif;
}

#three-bureau-form input[type=image]{
	margin:15px 0 15px 0;
}
	
/*#three-bureau-form label{
	font-size: 16px;
	margin: 5px 0;
	font-family:Helvetica, Arial, sans-serif;
}
*/

#transition{
	width:752px;
	float:left;
	position:relative;
	background-color:#FBFBFB;
	margin:0 14px 0 14px;
	padding:15px 14px 15px 14px;
	border-top:1px dotted #CCC;
	color:#333;
}

#secondary-product{
	width:752px;
	float:left;
	position:relative;
	background-color:#FFF;
	margin:0 14px 15px 14px;
	padding:0 14px 0 14px;
	border-top:1px dotted #CCC;
	color:#333;
}

#transition h1{
	text-align:center;
	font-size:16px;
	margin:0 0 0 0;
}

#secondary-product #left{
	position:relative;
	float:left;
	width:511px;
	padding:10px 20px 15px 0;
	border-right:1px dotted #CCC;
}

#secondary-product #left p{
	margin:0;
	padding:0;
}

#secondary-product #left h2{
	font-size:14px;
	line-height:20px;
	margin:10px 0 10px 0;
	color:#3C4394;
	font-weight:normal;
}

#secondary-product #left h3{
	font-size:18px;
	line-height:24px;
	margin:10px 0 15px 0;
	color:#990C1F;
}

#secondary-product #left h3 a:link, #secondary-product #left h3 a:visited{
	color:#990C1F;
	text-decoration:none;
}

#secondary-product #left h3 a:hover{
	color:#990C1F;
	text-decoration:underline;
}

#secondary-product #left ul{
	margin:0 15px 0 30px;
}

#secondary-product #left ul li{
	list-style:disc;
	padding:0 0 5px 0;
}

#secondary-product #right{
	position:relative;
	float:left;
	width:200px;
	padding:10px 0 15px 20px;
}

#secondary-product #right p{
	text-align:center;
	margin:0;
	padding:0;
}

#secondary-product #right h2{
	font-size:22px;
	line-height:28px;
	text-align:center;
	color:#990C1F;
}

#secondary-product #right h3{
	font-size:18px;
	line-height:24px;
	text-align:center;
	color:#333;
}

#secondary-product #right h3 a:link, #secondary-product #right h3 a:visited{
	color:#333;
	text-decoration:underline;
}

#secondary-product #right h3 a:hover{
	color:#990C1F;
	text-decoration:underline;
}

#secondary-product #right del{
	color:#666;
}

#seo-header{
	margin:0 14px 0 14px;
	width:780px;
	float:left;
	position:relative;
}

#seo{
	position:relative;
	float:left;
	width:752px;
	margin:0 14px 0 14px;
	padding:10px 14px 0 14px;
	background:url(../images/gradient-seo-complete.jpg) top left repeat-x #FFF;
	font-size:12px;
	line-height:18px;
}

#seo p{
	padding:0;
	margin:20px;
}

#seo ol{
	padding:0;
	margin:0 0 0 30px;
}

#seo ol li{
	padding:0 0 15px 0;
	list-style:decimal;
}

#ribbon{
	position:relative;
	float:left;
	width:808px;
	height:69px;
	margin:0 0 0 0px;
	background:url(../images/ribbonbg-complete.png) top left no-repeat;
}

#ribbon ol{
	padding:10px 0 0 0;
	margin:0px;
}

#ribbon ol li{
	float:left;
	margin:10px 0px 0 30px;
	list-style:none;
}

#legal{
	position:relative;
	float:left;
	width:752px;
	margin:0px 14px 0 14px;
	padding:20px 14px 20px 14px;
	font-size:12px;
	line-height:18px;
	text-align:center;
	border-top:1px #E8E8E8 solid;
	background:url(../images/legal-gradient-complete.jpg) top left repeat-x #FFF;
}

#legal p{
	padding:0;
	margin:20px;
}

#legal img{
	padding:0;
	margin:20px;
}

#legal a:link, #legal a:visited{
	color:#333;
	text-decoration:underline;
}

#legal a:hover{
	color:#FFF;
	background-color:#333;
	text-decoration:none;
}

div.topright{
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:60px;
	padding:5px;
    background:#F6F6F6;
	text-align:center;
	font-size:10px;
	z-index:20;
}

div.topright a:link, div.topright a:visited{
	text-decoration:none;
	color:#333;
}

div.topright a:hover{
	text-decoration:underline;
	color:#333;
}