html{
	font-size: 100.01%;
}

body{
	background:#dcdbd8 url(../images/bg.gif) repeat-x;
	margin: 0;
	font: 64% Arial, Verdana, sans-serif, Georgia, "Times New Roman", Times, serif;
}
form {
	padding: 0;
	margin: 0;
	display: inline;	
}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form label input,
input[type="checkbox"],
input[type="radio"]{
	margin-right:6px;
}
fieldset{
	margin:0;
	padding:0;
	border:none;
}
img{
	border: none;
}
table{
	padding:0;
	margin:0;
	border-collapse:collapse;
}
td{
	padding:0;
	margin:0;
}
a{
	text-decoration: none;
}
a:active, a:focus{
	outline:none;
}
/* main container */
#main{
	margin: 0 auto;
	width: 872px;
	position:relative;
	padding:49px 0 90px;
}
/* header */
#header{
	overflow:hidden;
	position:absolute;
	width:872px;
	top:0;
	left:0;
	height:90px
}
#header div#liveperson{
	margin-top:14px;
	margin-left:300px;
}
/* The following two rules make sure LP only shows the button's row */
#header tr{
	display:none;
}
#header tr.lpStaticButtonTR{
	display:block;
}

/* links */
#header .links{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	font: 13px/16px Arial, Helvetica, sans-serif;
	margin: 24px 0 0 310px;
	display:inline;
}
#header .links li{
	display:inline;
	background:url(../images/header-links-separator.gif) no-repeat 0 50%;
	padding:0 6px 0 10px;
}
#header .links li:first-child{background:none}
#header .links a{color:#09f}
#header .links a:hover{text-decoration:underline}
/* tools */
#footer .tools{
	float:right;
	list-style:none;
	margin:0px 178px 0 0;
	display:inline;
	padding:0;
	font: 11px/18px Arial, Helvetica, sans-serif;
	white-space:nowrap;
}
#footer .tools li, #footer .tools a{
	display:inline;
	margin:0 0 0 10px;
}
#footer .tools a{color:#959595}
#footer .tools a:hover span{text-decoration:underline}
* html #footer .tools a:hover{text-decoration:underline}
#footer .tools img{margin:0 3px 0 0;}
/* content */
#content{
	background:url(../images/content-repeat.png) repeat-y;
	width:100%;
}
#content .top-bg{background:url(../images/content-top.gif) no-repeat}
#content .bottom-bg{
	background:url(../images/content-bottom.gif) no-repeat 0 100%;
	width:100%;
	padding: 0 0 32px 0;
}
#content .bottom-bg:after{
	content:'';
	clear:both;
	height:0;
	display:block;
}
/* content-2 */
#content-2{
	background:url(../images/content-repeat-wide.png) repeat-y;
	width:100%;
}
#content-2 .top-bg{
	background:url(../images/content-top-wide.gif) no-repeat;
}
#content-2 .bottom-bg{
	background:url(../images/content-bottom-wide.gif) no-repeat 0 100%;
	width:100%;
	padding: 0 0 32px 0;
}
#content-2 .bottom-bg:after{
	content:'';
	clear:both;
	height:0;
	display:block;
}
/* column-1 */
.column-1{
	float:left;
	width:204px;
	margin:-30px 0 0 -453px;
	display:inline;
	position:relative;
	background:url(../images/side-column-bg.jpg) no-repeat 22px 170px;
	min-height:740px;
}
* html .column-1{height:740px}
/* logotype */
.column-1 .logo{
	margin:0 0 0 22px;
	display:block;
	width:147px;
	height:161px;
}
.column-1 .logo img{display:block}
/* side menu */
.column-1 #menu{
	list-style:none;
	margin:0;
	padding:0;
}
.column-1 #menu li{
	padding:0 0 8px;
	background:url(../images/menu-shadow.png) no-repeat;
	height:66px;
	overflow:hidden;
	vertical-align:top;
}
.column-1 #menu a{
	display:block;
	width:100%;
	height:66px;
	overflow:hidden;
	position:relative;
}
.column-1 #menu img{display:block}
.column-1 #menu a:hover,
.column-1 #menu .active a{position:static}
.column-1 #menu a:hover img,
.column-1 #menu .active a img{margin:-66px 0 0}
/* column-2 */
.column-2{
	float:left;
	width:452px;
	margin:31px -218px 0 218px;
	padding-bottom:32px;
	display:inline;
}
.column-2 h1{
	font:italic bold 1.6em/1.12em Georgia, "Times New Roman", Times, serif;
	color:#996;
	margin:0;
}
/* info box */
.column-2 .info-box{
	margin:17px 0 0;
	border-top:1px solid steelBlue;
}
.column-2 .info-box h2{
	font:bold 1.6em/1.13em Arial, Helvetica, sans-serif;
	color:#369;
	margin:.5em 0 .75em 0;
}
.column-2 .info-box h3{
	font:bold 1.2em/1.13em Arial, Helvetica, sans-serif;
}
.column-2 .info-box ul, .column-2 .info-box p{
	font:1.2em/1.45em Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 0 .75em 0;
	padding:0;
}
.column-2 .info-box p+p{
	margin-top:.5em;
}
.column-2 .info-box ul{
	list-style:none;
}
.column-2 .info-box ul.disc{
	list-style:disc;
	list-style-position:outside;
	margin-left: 1.25em;
}
/* registration box placeholder */
.column-2 .registration-box{margin:24px 0 0;}
.column-2 .registration-box img{display:block}

/* column-2-3 */
.column-2-3{
	float:left;
	width:602px;
	margin:31px -368px 0 218px;
	display:inline;
}
.column-2-3 h1{
	font:italic bold 1.6em/1.12em Georgia, "Times New Roman", Times, serif;
	color:#996;
	margin:0;
}
/* info box */
.column-2-3 .info-box{
	margin:17px 0 0;
}
.column-2-3 .info-box h2{
	font:bold 1.6em/1.13em Arial, Helvetica, sans-serif;
	color:#369;
	margin:0;
}
.column-2-3 .info-box ul{
	font:1.2em/1.45em Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 0 .5em 0;
	padding:0;
	list-style:none;
}
/* registration box placeholder */
.column-2-3 .registration-box{margin:24px 0 0;}
.column-2-3 .registration-box img{display:block}

/* column-3 */
.column-3{
	float:right;
	margin: 0 15px 0 0;
	display:inline;
	width:158px;
}
/* side box */
.column-3 .box{
	background:url(../images/side-box-bottom.gif) no-repeat 0 100%;
	padding:0 0 1px;
}
.column-3 .box h2{
	background:#7d7d7d url(../images/side-box-top.gif) no-repeat;
	font:1.4em/1.28em Arial, Helvetica, sans-serif;
	color:#fff;
	padding:4px 10px;
	margin:0;
}
.column-3 .box .inner-content{
	border: 1px solid #7d7d7d;
	border-width:0 1px;
	background:#e7ebed;
}
/*  login box */
.login-box fieldset{
	overflow:hidden;
	display:block;
	padding: 0 9px 8px;
}
* html .login-box fieldset{
	overflow:visible;
	height:1%;
}
.login-box label{
	font:1.2em/1.5em Arial, Helvetica, sans-serif;
	color:#333;
	margin:4px 0 0;
	display:block;
}
.login-box .input-holder{
	background:url(../images/input-holder.gif) no-repeat;
	height:20px;
	margin: 4px 0 0;
	padding: 3px 0 0;
}
.login-box .input-holder input{
	font: 12px Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	background:none;
	border:0;
	margin: 0 0 0 5px;
	width:123px;
}
.login-box .btn{margin:8px 0 0}
.login-box .forgot-login{
	margin:4px 0 0;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
}
.login-box a{color:#0099ff}
.login-box a:hover{text-decoration:underline}
.login-box .separator{
	margin:0;
	font: 1.1em/1.4em Arial, Helvetica, sans-serif;
	color:#666;
}
.login-box .create-account{
	margin:3px 0 0;
	font: 1.1em/1.27em Arial, Helvetica, sans-serif;
}
/* qod-box */
.qod-box{
	background:url(../images/side-box-bottom.gif) no-repeat 0 100%;
	margin: 10px 0 9px;
	padding: 0 0 1px;
}
.qod-box .bottom{
	background:#7d7d7d url(../images/side-box-top.gif) no-repeat;
	padding: 16px 11px 14px;
}
.qod-box h2{
	margin:0;
	font:bold 1.2em/1em Arial, Helvetica, sans-serif;
	color:#fff;
}
.qod-box span{
	display:block;
	color:#fff;
	font: 1.2em/1.5em Arial, Helvetica, sans-serif;
	margin: 7px 0 0;
}
.qod-box strong{
	display:block;
	color:#fff;
	font: bold 1.2em/1.28em Arial, Helvetica, sans-serif;
}
.qod-box fieldset{
	overflow:hidden;
	width:100%;
	display:block;
	margin: 5px 0 0;
}
.qod-box .row{
	overflow:hidden;
	width:100%;
	color:white;
}
.qod-box .row input{
	float:left;
	width:16px;
	height:15px;
	margin:2px 7px 0 0;
	padding:0;
}
.qod-box .row label{
	float:left;
	font: 1.2em/1.5em Arial, Helvetica, sans-serif;
	color:#fff;
}
.qod-box .btn{margin:5px 0 0}
/* quick-links */
.quick-links{
	background:#e7ebed;
	padding: 10px 9px 17px;
}
.quick-links ul{
	list-style:none;
	margin:0;
	padding:0;
	font: 1.3em/1.38em Arial, Helvetica, sans-serif;
	color:#666;
}
.quick-links a{color:#09f}
.quick-links a:hover{text-decoration:underline}
.quick-links p{
	margin:0 0 4px;
	font: 1.3em/1.15em Arial, Helvetica, sans-serif;
	color:#666;
}
/* footer */
#footer{
	font: 1.3em/1.2em Arial, Helvetica, sans-serif;
	color:#666;
	padding: 5px 15px 0;
}
/* --------------------------------------------------------------------*/
.column-2 .info-box ul.stepbystep { list-style-position:inside; list-style-type:circle;list-style-image:none;padding:0;margin:0;}
ul.stepbystep li {display:inline; }
/*
ul.stepbystep li:before { content: "\00BB";}
ul.stepbystep li.first:before {	content: " ";}
ul.stepbystep li {background-image:url(/icons/vwicn011.gif);background-repeat:no-repeat; padding-left: 20px; }
*/
ul.stepbystep li a {padding: .2em .5em; }
ul.stepbystep li a:hover {background-color:lightgrey;color:green;}
/* --------------------------------------------------------------------*/
/* REQUIRED BUTTON STYLES: */		
button { 
	font-weight:bold;
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}
button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
button span, a.submitLink span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}
a.submitLink{
float: left;
}

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn, a.submitLink  { 
	padding: 0 7px 0 0; 
	margin-right:5px; 
	font-size:1.1em; 
	text-align: center; 
	background: transparent url(../images/btn_blue_sprite_sm.gif) no-repeat right -70px; 
}
button.submitBtn span, a.submitLink span {
	padding: 4px 0 0 8px; 
	height:21px; 
	background: transparent url(../images/btn_blue_sprite_sm.gif) no-repeat left top; 
	color:#fff; 
}
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -105px; 
}
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -35px;
}
/* --------------------------------------------------------------------*/
@media print{
	body { background-image:none;background:none;}
	#main {padding:0}
	#header {display:none;}
	.column-1-print-sandbag{height:320px;width:215px; float:right;}
	.column-1{ position:absolute;top:0px;right:0px;margin:0 0 0 -204px;float:right;padding: 0 5px 0 0; min-height:320px; background-image:none;}
	.column-1 .logo , .column-1 #menu {padding: 36px 0 0 0;}
	.column-1 #menu .inactive {display:none;}
	.column-3 {display:none;}
	.column-2, .column-2-3{ width:100%; margin:0; padding:31px 0 0;}
	#content, #content-2 {background:none;}
	#content .top-bg,#content .bottom-bg{ background:none;}
	.printhide {display:none;}
} 
@media handheld{
	body {background-image:none;background:none;}
	#main {padding:0}
	#header .links {margin:0;}
	#header .tools {display:none;}
    .column-1{display:block;float:none;margin:0;padding:0;min-height:0px; background-image:none;}
	.column-1 .logo {display:none;}
    .column-3 {display:block;float:none;}
	.column-2, .column-2-3{ width:100%; margin:0; padding:31px 0 0;}
	#content, #content-2 {background:none;}
	#content .top-bg,#content .bottom-bg{ background:none;}
}