/*
Stewart Hale

MWISMedia New Media Design & Development

Author: David Goadby

 */


/* ---------------------------------------------------------------*/
/* Forces vert scrollbar on all pages*/
/* Removes unpredictable 'browser default' settings */
/* Body tag settings */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

#box li {
	margin-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}


p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	font: normal 12px "arial", Arial;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	color:#999;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #F5F5F5;
	color: #999;
	background-image: url(../images/page_bg.jpg);
}

#main {
width: 835px;
margin: auto;
padding: auto;
background: #FFFFFF repeat-y url(../images/bg.jpg);
}

#two_col {
margin: 0 0 0 20px;
}

#col_one {
width:298px;
float:left;
}

#col_two {
width: 490px;
float:left;
}


/* ----------------------------------- */

#header {
width: 490px;
height: 96px;
background: no-repeat url(../images/header.jpg);
}

#header p {
	color: #CCCCCC;
	font-size: 9px;
	padding: 2px;
	text-align: right;
	margin-right: 35px;
}

#header a{
	color: #999999;
	text-decoration:none;
}

#header a:hover{
	color: #FECB01;
	text-decoration:none;
}

#content {
background: repeat-y url(../images/2col.jpg);
text-align:left;
}

#home_col_one {
	float: left;
	width: 270px;
	text-align:left;
	background: no-repeat url(../images/content-bg.gif);
}

#home_col_two {
	float: left;
	width: 190px;
}

#home_col_three {
	float: left;
	width: 445px;
	text-align:left;
	margin: 7px;
	padding: 7px;
}


/* ----------------------------------- */

#content #fix h1, #content #apply h1 {
font: 16px normal Arial, Helvetica, sans-serif;
margin: 2px 0 2px 25px;
color:#FFCC00;
width: 420px;
padding: 3px 0 3px 0 ;
}

#content #fix h2, #content #apply h2 {
color:#999999;
font: 14px normal Arial, Helvetica, sans-serif;
margin: 2px 0 2px 25px;
border-bottom: 1px dotted #CCCCCC;
width: 420px;
padding: 3px 0 3px 0 ;
}

.border {
border-bottom: 1px dotted #CCCCCC;
}

#content #fix h3, #content #apply h3 {
color:#999999;
font: 14px normal Arial, Helvetica, sans-serif;
margin: 10px 0 2px 25px;
border-bottom: 1px dotted #CCCCCC;
width: 420px;
padding: 3px 0 3px 0 ;
display:block;
}

#content #fix p{
font: 12px normal Arial, Helvetica, sans-serif;
margin: 0 0 0 45px;
width: 170px;
line-height: 20px;
width: 370px;
padding: 10px 0 3px 0 ;
}

#content #fix li{
font: 12px normal Arial, Helvetica, sans-serif;
margin: 0 0 0 55px;
line-height: 18px;
width: 370px;
padding: 3px 0 3px 20px;
list-style-type:none;
background: no-repeat url(../images/li_bbg.jpg);
}



#content #home_content_col #home_col_one h1 {
margin: 8px 0 2px 15px;
width: 215px;
line-height: 18px;
border-bottom: 1px dotted #CCCCCC;
padding: 0 0 5px 0;
font-weight:bold;
font-size: 14px;
}

#content #home_content_col #home_col_one h2 {
font-weight:bold;
margin: 8px 0 2px 15px;
}

#content #home_content_col #home_col_one p{
font: 9px normal Arial, Helvetica, sans-serif;
margin: 5px 0 10px 30px;
width: 215px;
line-height: 18px;
border-bottom: 1px dotted #CCCCCC;
padding: 0 0 5px 0;
}

#home_col_three p{
font: 11px normal Arial, Helvetica, sans-serif;
}

#home_col_three h2 {
font-weight:bold;
margin: 8px 0 2px 15px;
}

#content #home_content_col #home_col_one em{
font-style:normal;
color:#FFCC00;
}

/* ----------------------------------- */

.comment {
width: 200px;
margin: 10px 0 10px 0 ;
text-align: left;
}

.name {
margin: 5px 1px 1px 5px;
}

.comment_text {
font: 9px Arial, Helvetica, sans-serif;
margin: 5px 1px 1px 5px;
line-height: 20px;
}


/* ----------------------------------- */
a{
	color: #FECB01;
	text-decoration:none;
}
a:hover{
	color: #FECB01;
	text-decoration:none;
}


/* ----------------------------------- */

#footer {
float:left;
font-size: 9px;
width: 788px;
height: 100px;
background: no-repeat url(../images/footer.jpg);
text-align:right;
}

#footer p {
margin: 10px 25px 0 0;
	color:#CCCCCC;
}

#footer a {
	font-size: 10px;
	color:#CCCCCC;}

/* ----------------------------------- */


#box {
	background-color: #FFFFFF;
	margin: 25px;
	padding: 25px;
	border: 1px solid #CCCCCC;
	text-align: left;
	width: 450px;
}

#box p {
margin: 10px 0 10px 10px;
color:#999;
}


table.cost {
	text-align: center;
	width: 430px;
	border: 1px solid #666666;
	border-spacing: 2px;
	border-collapse: collapse;
}

table.cost td {
	border: 1px solid #666666;;
	padding: 3px;}
#formc input {
	width: 55px;
}
#calc td {
	font-size: 11px;
	font-weight: normal;
}
p.big, .big, .big p { font-size: 12px; }   

/* MAIN APPLICATION FORM */
#apply .form { width: 85%; margin: 0 0 10px 15px; clear:both; display:block;}
#apply .form_text { width: 85%; margin: 0 0 10px 15px; padding: 10px 20px 10px 10px;clear:both; display:block;}
#apply .form h3 { display:block; float:left; clear:both; font-weight: bold; font-size: 24px; color:#999999; border-bottom: 1px solid #F89B2C; padding: 0 0 5px 0;margin: 10px 0 5px 10px; width: 95%;}
#apply p {display:block; padding: 3px; }
#apply label { display:block; margin: 3px; font: normal 12px "trebuchet MS", Arial;}
#apply input, #apply textarea, #apply select  { border: 1px solid #FFCC00; width: 90%; margin: 0 0 0 8px; font: normal 14px "trebuchet MS", Arial; padding: 3px; color: #9999AC; }
#apply select { margin: 0 0 0 8px;}
#apply p.half { float: left;width: 43%;margin: 3px 3px 3px 10px; height: 55px; }
#apply p.half1 { float: left;width: 43%;margin: 3px 3px 3px 10px; height: 25px; }
#apply p.halfnew1 { float: left;width: 47%;margin: 3px 3px 3px 10px; height: 55px; }
#apply p.full{ float: left;width: 90%;margin: 3px 3px 3px 5px;}
#apply .continue { width: 111px; height: 38px;  border:1px solid #999999; background: #FFCC00; color: #FFFFFF; margin: 0 0 0 15px; float:left; font-weight: bold; }
#apply .form .btn { width: 120px; height: 38px; border:1px solid #999999; margin: 0 0 0 15px; float:left; background: #FFCC00; color: #ffffff; font-weight: bold;}
#apply input.singleline-fieldp { border: 1px solid #FFCC00; width: 85%; font: normal 14px "trebuchet MS", Arial; padding:3px; color: #9999AC; }
#apply input.singleline-fieldsmall { float:left; border: 1px solid #FFCC00; width: 50px; font: normal 14px "trebuchet MS", Arial; padding:3px; color: #9999AC; }

#form input,#form textarea {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#404040;}
#form p {width:250px; margin: 0 0 5px 0; padding: 5px 0 3px 0;}
#form label {font-weight: bold; display:block; margin: 5px 0 0 10px;}
#form label.chosen {color:#B30E40;}
#form .singleline-field, #form select {border: 1px solid #F89C2D; width: 85%; margin: 5px 0 5px 10px; font: normal 14px "trebuchet MS", Arial; padding: 3px;}



#apply .error { border: 1px solid #B30E40; background-color:#B30E40; padding: 5px 5px 5px 0px; width: 90%; margin: 0 0 0 5px; color: #FFFFFF;  }
#apply .error p { font: normal 12px "trebuchet MS", Arial; color: #FFFFFF; width: 90%;  }
#apply .error strong { color:#F89B2C; font-size: 12px; font-family: "trebuchet MS", Arial; }
#apply .error_bg { background: #FFB9B9; }

#apply .offerRow { width: 85%; margin:0px; float:left; font: normal 12px "trebuchet MS", Arial; }
#apply .offerCol1 { width: 40%; margin:0px; float:left; padding:0px 0px 0px 30px; }
#apply .offerCol2 { width: 35%; margin:0px; float:left; }

#apply .offerRow2 { width: 65%; margin:0px; float:left; font: normal 12px "trebuchet MS", Arial; padding:0px 0px 0px 30px; }
#apply .offerRow2 input { border: 1px solid #FFCC00; width: 150px; margin: 0px; font: normal 14px "trebuchet MS", Arial; padding: 3px; color: #9999AC; }