/*-----------------------------
Author: Dennis Huh
Date: Feb. 10, 2010
Version: 1.0
Layout: 3 Column Layout
Filename: secondary.css
-------------------------------*/

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

	Table of Contents
	
	01. Reset Header (Resets the header styles from home.css)
	02. Main Content (Container)
	03. Bread crumb
	04. Side Links (Secondary Nav)
	05. Middle Content (Main Column)
    06. Side-Form (Form on Right Side)
	
---------------------------------*/

/*----------------------------
    01. Reset Header
------------------------------*/
#header {
float:left;
width:1000px;
height:188px;
background:#fff;

}

#header ul {
float:left;
height:48px;
width:960px;
background:url(../images/navback.jpg) no-repeat left top;
margin:0;
}

#three-col-layout #body-wrapper{
float:left;
padding:0 20px;
}

/*-----------------------------
	02. Main Content (Container)
-------------------------------*/
#three-col-layout #body-content{
  background: #eee url(../images/secondary-main-back.gif) repeat-x top left;
  float: left;
  width:960px;
  padding: 0 0 0 0px;
  margin: 0 0 10px 0;
}

/*------------------------------
	03. Bread crumb
--------------------------------*/
#bread-crumb{
  width: 600px;
  padding: 15px 0 0 15px;
  color: #5e2900;
}

#bread-crumb a{
  color: #fff;
}

#bread-crumb a:hover{
  color: #30001c;
}

 #bread-crumb p{
  font-size: 9pt;
}

#bread-crumb strong{
  font-weight: bold;
}

/*------------------------------
	04. Side Links (Secondary Nav)
--------------------------------*/
#side-links{
  background: url(../images/sidenav-top.gif) no-repeat left top;
  padding: 10px 0 0 0;
  width: 241px;
  float: left;
  margin: 15px 0 0 -12px;
  position: relative;
}

#side-links ul{
  background: url(../images/sidenav-bottom.gif) no-repeat left bottom;
  padding: 0 0 30px 30px;
}

#side-links li{
  color: white;
  font-size: 13pt;
  margin: 5px 0;
  
}

#side-links li a{
  display: block;
  font-size: 12pt;
  background: url(../images/link-square.gif) no-repeat left 13px;
  padding: 5px 0 8px 15px;
  border-bottom: 1px solid #beb4ba;
  width: 170px;  
}

#side-links li a:hover{
  color: white;
  background: url(../images/white-square.gif) no-repeat left 13px;
}

#side-links li a.active{
  color: white;
  background: url(../images/white-square.gif) no-repeat left 13px;
}

#side-links li.last-link a{
  border-bottom: none;
}

.side-inter-link li p{
  display: block;
  font-size: 12pt;
  background: url(../images/gray-arrow.gif) no-repeat left 10px;
  padding: 5px 0 8px 20px;
  border-bottom: 1px solid #beb4ba;
  width: 170px;  
  color: #afafaf;
}

.side-inter-link li.last-link p{
  border: none;
}

/*------------------------------
	05. Middle Content (Main Column)
--------------------------------*/
#mid-col{
  width: 410px;
  float: left;
  padding: 0 0 0 20px;
}

#mid-col h1{
  color: #30001c;
  border-bottom: 1px solid #e4dbcf;
  padding: 20px 0 10px 0;
  margin: 0 0 20px 0;
}

#mid-col p{
  margin: 0 0 10px 0;
}

#mid-col img{
  float: right;
  margin: 0 0 5px 5px;
}

#mid-col img.image-float-left{
  float: left;
  margin: 0 10px 5px 0px;
}

#mid-col .important-text{
  font-size: 14pt; 
  color: #30001c;
}

#mid-col p strong{
  font-weight: bold;
  color: #30001c;
  font-size: 12pt;
 }

 #mid-col ul li a{
   font-weight: bold;
   background: url(../images/orange-arrow.gif) no-repeat left 50%;
   padding: 0 0 0 15px;
   font-size: 11pt;
 }
 
 #mid-col ul li p{
   padding: 0 0 0 15px;
 }
 
 .inter-list{
   margin: 0 0 20px 0;
   }
 
 .inter-list li{
 font-weight: bold;
   background: url(../images/purple-check.gif) no-repeat left 8px; 
   padding: 0 0 0 15px;
   font-size: 11pt;
   margin: 0 0 10px 0;
   color: #7F004D;
 }
/*------------------------------
      06. Side-Form (Form on Right Side)
--------------------------------*/
#SidePageQuote1_UpdatePanel1 {
width:289px;
float:right;}

#side-form {
width:289px;
height:508px;
float:right;
background:url(../images/sidebar-form-back.jpg) no-repeat top left;
margin: -75px -14px 0 0px;
position: relative;
}

#side-form select{
width: 247px;
font-size: 15pt;
background:url(../images/input-back.gif) no-repeat left top;
border: 1px solid #fff;
}

#side-form input {
border:1px solid #fff;
background:url(../images/input-back.gif) no-repeat left top;
width:247px;
font-size:15pt;
}


#side-form p {
clear: both;
float:none;
padding:0 10px 10px 15px;
}

#side-form p#side-form-header {
text-transform:capitalize;
margin:10px 0 10px 15px;
color: #fff;
font-size: 20pt;
}

#side-form p#side-form-header span {
color:#ffd81d;
font-style:italic;
text-transform:uppercase;
}

#side-form label{
display:block;
font-size: 9pt;
padding-bottom:5px;
}

/*to zip from zip*/
#side-form p.short-para {
width:75px;
clear: none;
float:left;
margin: 0 9px 10px 0;
padding: 0;

}

#side-form p.first-short-input{
  padding-left: 15px;
}

#side-form p.short-para input {
width:70px;
margin: 0;
padding: 0;
}

/*Move Date*/
#side-form div.short-div {
width:75px;
height:50px;
clear: none;
padding: 0;
float: left;
}

#side-form div.short-div div.basicdatepicker input {
width:70px;
margin: 0;
}

/*div.basicdatepicker{
float:left;
}

div.basicdatepicker link{
float: left;
}*/

#side-form input.submit {
background:url(../images/submit-side.jpg) no-repeat top left;
height:46px;
width:249px;
cursor:pointer;
margin: 10px 0 0 15px;
text-indent: -9999px;
display: block;
border: none;
}

#side-form input.submit:hover {
background:url(../images/submit-side.jpg) no-repeat bottom left;
}