/*------------------------------
Author: Dennis Huh

	Table of Contents
	
	01. General Float Styles
	02. Secondary Page Main Content
		02 a. Breadcrumbs
		02 b. Left Sidebar
			02 b i. Left Sidebar Nav
		02 c. Middle Content
			02 c i. UL Checkmarks		
			02 c ii. OL 
			02 c iii. DL
		02 d. Right Sidebar
			02 d i. Right Sidebar Side Form
				02 d i a. Side Form Left Info
				02 d i b. Side Form Right Info
				02 d i c. Side Form Submit
			02 d ii. Pod under Form
	03. Planning Your Move Slider
			
---------------------------------*/

/*--------------------------------
		01. General Float Styles
----------------------------------*/
.float-right{
  float: right;
  margin: 0 0 10px 10px;
}

.float-left{
  float: left;
  margin: 0 10px 10px 0;
}


/*--------------------------------
		02. Secondary Page Main Content
----------------------------------*/
#secondary #main-content{
  float: left;
  clear: both;
  background: #fff;
  padding: 15px 0 0 15px;
  width: 965px;
}

/*--------------------------------
		02 a. Breadcrumbs
----------------------------------*/
#bread-crumb{
  width: 98%;
  border-bottom: 1px solid #e1e1e1;
  height: 30px;
  margin: 0 0 20px 0;
  
}

#bread-crumb p{
  color: #ff0000;
}

#bread-crumb a{
  font-weight: normal;
}

#bread-crumb strong{
  color: #666;
  font-weight: normal;
}

/*--------------------------------
		02 b. Left Sidebar
----------------------------------*/
#sidebar1{
  width: 230px;
  margin: 0 0 20px 0;
  float: left;
}

#sidebar1 dl{
  margin: 0 0 30px 0;
}

#sidebar1 dt{
  background: url(../images/header-back.gif) no-repeat top left;
  width: 224px;
  height: 24px;
  color: #fff;
  padding: 5px 0 0 15px;
  margin: 0;
}

#sidebar1 dd{
  margin: 0;
}

#sidebar1 dd a{
  display: block;
  color: #0066cc;
  width: 207px;
  height: 22px;
  border: 1px solid #d9d9d9;
  background: #f1f4f6;
  padding: 8px 0 0 15px;
}

#sidebar1 dd a:hover{
  background: #A7C8DF;
  color: #Fff;
}

/*--------------------------------
		02 b i. Left Sidebar Nav
----------------------------------*/

#sidebar1 ul{
  margin: 0 0 30px 0;
}

#sidebar1 p.sidebar-header{
  background: url(../images/header-back.gif) no-repeat top left;
  width: 224px;
  height: 24px;
  color: #fff;
  padding: 5px 0 0 15px;
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

#sidebar1 li{
  margin: 0;
}

#sidebar1 li.dropdown a{
  background: #f1f4f6 url(../images/drop-arrow.gif) no-repeat 200px center;
}

#sidebar1 li a{
  display: block;
  color: #0066cc;
  width: 207px;
  border: 1px solid #d9d9d9;
  background: #f1f4f6;
  padding: 8px 0 8px 15px;
   font-size: 12px;
}


#sidebar1 ul li ul{
  margin: 0;
}

#sidebar1 li a:hover{
  background: #A7C8DF;
  color: #Fff;
}

#sidebar1 li a.active{
  background: #A7C8DF;
  color: #Fff;
}

#sidebar1 li.dropdown a:hover{
  background: #A7C8DF url(../images/drop-arrow.gif) no-repeat 200px center;
  color: #Fff;
}

#sidebar1 li.dropdown a.active{
  background: #A7C8DF url(../images/drop-arrow.gif) no-repeat 200px center;
  color: #Fff;
}

#sidebar1 ul.menu li ul li a{
  padding: 8px 0 8px 25px;
  width: 197px;
  color: #0066cc;
  background-color: #D1E3EF;
  background-image: none;
  border: 1px solid #CFCFCF;
 }
 
 #sidebar1 ul.menu li ul li a:hover{

  color: #fff;
  background-color: #A7C8DF;
  background-image: none;
 }
 
 #sidebar1 ul.menu li ul li a.active{
  color: #fff;
  background-color: #A7C8DF;
  background-image: none;
 }

/*--------------------------------
		02 c. Middle Content
----------------------------------*/
#middle-content{
  width: 440px;
  float: left;
  padding: 0 10px 0 10px;
  margin: 0 0 20px;
}

#middle-content h1{
  color: #133066;
  font-size: 22px;
  padding: 0;
  font-weight: bold;
}

#middle-content h2{
  font-size: 18px;
  margin: 0 0 7px 0;
}

#secondary #main-content p.question{
background: url(../images/question.gif) no-repeat left 2px;
padding: 0 0 0 20px;
}

#middle-content img{
  margin: 10px;
  padding: 2px;
  border: 1px solid #eee;
}

#main-content ul.two-column{
  margin: 0 0 10px 0;
  background: #EFEFEF;
}

#main-content ul.two-column li{
font-size: 12px;
  line-height: 160%;
  color: #666666;
  padding: 4px 0 4px 15px;
  clear: both;
  border-bottom: 1px solid #fefefe;
}

#main-content ul.two-column li span{
  width: 150px;
  display: block;
  float: left;
  font-weight: bold;
}

.custSubmit{
color: #fff;
background: #999999;
padding: 6px 10px;
}

/*--------------------------------
		02 c i. UL Checkmarks
----------------------------------*/

#secondary #main-content ul.checkmarks{
  margin: 10px 0;
  background: url(../images/speakers.jpg) no-repeat right center;
  margin: 0 0 15px 0;
}

#secondary #main-content ul.checkmarks li{
  font-size: 12px;
  padding: 0 0 0 20px;
  background: url(../images/checkmark.gif) no-repeat left center;
  margin: 0 0 5px 0;
  line-height: 160%;
  color: #666666;
}

#secondary #main-content ul.checkmarks2{
  margin: 5px 0 15px 0;
}

#secondary #main-content ul.checkmarks2 li{
  font-size: 12px;
  padding: 0 0 0 20px;
  background: url(../images/checkmark.gif) no-repeat left 3px;
  margin: 0 0 5px 0;
  line-height: 160%;
  color: #666666;
  font-weight: normal;
}


/*--------------------------------
		02 c ii. OL 
----------------------------------*/
#main-content ol{
 list-style: decimal;
 margin: 0 0 12px 20px;

}

#secondary #main-content ul li a{
font-size: 12px;
}

#main-content ol li{
 color: #666;
 font-size: 12px;
 margin: 0 0 5px 0;
 font-weight: bold;
}

#main-content ol li span{
font-weight: normal;
}

#main-content ol li p{
  color: #666;
  font-weight: normal;
}

/*--------------------------------
		02 c iii. DL
----------------------------------*/
#main-content dl{
  width: 100%;
  margin: 0 0 10px 0;  
}

#secondary #main-content dt{
  font-size: 14px;
  margin: 8px 0 10px 0;
}

#secondary #main-content dd{
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
}

#secondary #main-content dd a{
  color: #0066cc;
}

#secondary #main-content dd a:hover{
  color: #F40508;
}

/*--------------------------------
		02 d. Right Sidebar
----------------------------------*/
#sidebar2{
  width: 260px;
  float: left;
  margin: 0 0 20px 0;
}


/*--------------------------------
		02 d i. Right Sidebar Side Form
----------------------------------*/
#secondary #main-form{
    float: right;
  width: 250px;
  padding: 0 0 13px 0;
  margin: 0 0 20px 0;
  background: url(../images/form-bottom.gif) no-repeat left bottom;
}



#secondary #main-form p#form-header{
  color: #fff;
  font-family: arial, verdana, "san-serif";
  font-style: normal;
  padding: 5px 0 0 15px;
  margin: 0;
  font-size: 22px;
  height: 50px;
  font-weight: bold;
  background: url(../images/form-header.gif) no-repeat left top;
}


/*--------------------------------
		02 d i a. Side Form Left Info
----------------------------------*/


#secondary #main-form #name-info{
  float: left;
  width: 250px;
  padding: 0 0 0 15px; 
}

#secondary #main-form #name-info p{
}

#secondary #main-form #name-info input{
  width: 215px;
  height: 24px;
  border: 1px solid #999;
  
}

#secondary #main-form #zip-date{
padding: 0 0 0 15px;
width: 230px;
clear: both;
}

#secondary #main-form #zip-date label{
display: block;
height: 20px;

}

#secondary #main-form #zip-date div{

width: 75px;
float: left;
}

#secondary #main-form #zip-date div label{
padding: 2px 0 0 0;
height: 18px;
}

#secondary #main-form #zip-date p{
width: 75px;
float: left;

}

#secondary #main-form #zip-date input{
width: 60px;
  height: 24px;
  border: 1px solid #999;
}

#secondary #main-form #dwell-info{
padding: 0 0 0 15px;
margin: 0 0 10px 0;
}

#secondary #main-form #dwell-info select{
width: 215px;
  height: 24px;
  border: 1px solid #999;
}

/*--------------------------------
		02 d i c. Side Form Submit
----------------------------------*/
#secondary #main-form .btnSubmit{
  float: left; 
  clear: both;
  background: url(../images/submit-small.gif) no-repeat right top;
  width: 238px;
  height: 40px;
  border: none;
  display: block;
  text-indent: -9999px;
  cursor: pointer;
  margin: 0;
}

#secondary #main-form .btnSubmit:hover{
 background: url(../images/submit-small.gif) no-repeat right bottom;
}

/*--------------------------------
		02 d ii. Pod under Form
----------------------------------*/
.sidebar-info{
  float: right;
  clear: both;
  background: url(../images/side-bar-bottom.gif) no-repeat left bottom;
  padding: 0;
  width: 250px;
  margin: 0 0 20px 0;
  }

.sidebar-info p.sidebar-header{
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 3px 0;
  background: url(../images/side-bar-header-back.gif) no-repeat left top;
  padding: 10px 0 0 10px;
  color: #1a356a;
}

.sidebar-info img{
  float: left;
  margin: 0 10px 10px 0;
}

.sidebar-info p{
  color: #666666;
  padding: 10px 20px 10px 10px;
}

#video {float:right; padding-bottom:15px;}

/*--------------------------------
		03. Planning Your Move Slider
----------------------------------*/
#slider {
}

#middle-content #slider ol{
  font-weight: bold;
}

#middle-content #slider ol li{
  color: #666;
  font-weight: bold;
  margin: 0 0 8px 0;
}

#middle-content #slider ol li span{
  font-weight: normal;
 }

#middle-content #slider .scroll ul{
  margin: 0 0 15px 15px;
}

#middle-content #slider .scroll ul li{
  list-style: square;
  padding: 0;
  font-size: 12px;
  color: #666;
  margin: 0 0 8px 0;
}

#slider .navigation{
margin: 10px 0;
z-index: 2;

}

#slider .navigation li{
float: left;
}

#slider .navigation li a{
  width: 55px;
  height: 100px;
  color: #0066cc;
  font-size:12px;
  display: block;
  background: url(../images/scroll-link-back.gif) no-repeat top left;
  text-align: center;
  padding-top: 7px;
 }
 
#slider .navigation li a:hover{
  color: #Fff;
  background: url(../images/scroll-link-back.gif) no-repeat -55px top;
}
 
 #slider .navigation li a.selected{
 color: #fff;
 background: url(../images/scroll-link-back.gif) no-repeat -110px top;
 }

.scrollButtons{
display: none;
}

.scroll {
  width: 410px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  z-index: 1;
  clear: both;
  padding: 10px;
}

.scrollContainer div.panel {
  padding: 0px;
  width: 430px;
  padding: 0 5px;
   /* change to 560px if not using JS to remove rh.scroll */
}