/* 
Style for the new headers as part of the Header Rollout (specifically http://internalwiki.lawdepot.com/index.php?title=Header_Roll_Out#New_Header_Markup).
Author: Travis Yaremco
Modified:
 */

#header
{
	display: inline-block;
	font-family: Trebuchet MS, sans-serif;
	font-size:10pt;
	width: 101%;
	margin: 7px auto 10px;
}

#header p
{
	position:relative;
	margin: 0px 0px 5px;
	padding: 0px;
	clear:both;
}

#header h1, #header h2, #header h3
{
	line-height:normal;
	font-weight: bold;
	margin: 0px 0px 5px;
	display:block;
}

#header h1{font-size: 16pt;color: #5B1400;}
#header h2{font-size: 12pt;}
#header h3{font-size: 10pt;}
/***********Header B C****************/
#headerB, #headerC
{
	position:relative;
		float:left;
		border: 1px solid #999;
	
		-webkit-border-radius: 13px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
		-moz-border-radius: 13px; /* FF1-3.6 */
		border-radius: 13px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
		
		-webkit-box-shadow: 0px 0px 8px 5px #E2E2E2; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
		-moz-box-shadow: 0px 0px 8px 5px #E2E2E2; /* FF3.5 - 3.6 */
		box-shadow: 0px 0px 8px 5px #E2E2E2; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
		
		background-color: #FFFFFF;
	margin-bottom: 5px;
	width: 935px;
		padding:6px 10px 0px 20px;
		height: 237px;
		line-height:16px;
		background-image: url(/images/leftPanel.png?v=2);
	background-repeat: repeat-x;
}

#headerB h1, #headerB h2, #headerC h1, #headerC h2
{
        display:block;
	font-weight: normal;
	text-align: center;
}

#headerB h1,#headerC h1{font-size: 48px;}
#headerB h2,#headerC h2{
	font-size: 22px;
	position:relative;
	top: 10px;
}

#headerB ol {
}

#headerB li {
	display: inline;
	float:left;
	width: 33%;
	font-size: 14px;
}
#headerB li div {
	position:relative;
	top: 8px;
	background-color: #4d4d4d;
	color: #ffffff;
	display:inline-block;
	width:35px;
	text-align: center;
	height: 32px;
	line-height: 32px;
	font-size: 32px;
	margin-right: 10px;
	-webkit-border-radius: 9px; 
	-moz-border-radius: 9px; 
	border-radius: 9px; 
}
.ua-ie-7 #headerB li div {
	zoom:1; 
	display: inline;
}

#headerC ul {
list-style:none;
}

#headerC li {
	display: inline;
	float:left;
	width: 32%;
	margin-right:1em;
	font-size: 12px;
	
}


 
/******** PANELS *********/

#leftPanel, #rightPanel, #bottomPanel
{
	position:relative;
	float:left;
	border: 1px solid #999;

	-webkit-border-radius: 13px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
	-moz-border-radius: 13px; /* FF1-3.6 */
	border-radius: 13px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	
	-webkit-box-shadow: 0px 0px 8px 5px #E2E2E2; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 0px 0px 8px 5px #E2E2E2; /* FF3.5 - 3.6 */
	box-shadow: 0px 0px 8px 5px #E2E2E2; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
	
	background-color: #FFFFFF;
	margin-bottom: 5px;
}

#leftPanel
{
	width: 653px;
	padding:6px 10px 0px 20px;
	height: 237px;
	line-height:16px;
	background-image: url(/images/leftPanel.png?v=2);
	background-repeat: repeat-x;
}

#leftPanel ul, #bottomPanel ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	overflow:visible; /*IE6/7 haslayout bug*/
}

#leftPanel.fullWidthTitle
{
	width: auto;
	height: auto;
	float:none;
	background-position: 0px -55px;
}

#rightPanel
{
	width: 278px;
	height: 243px;
	font-size:9pt;
	line-height:15px;
	margin-left: 5px;
}

#bottomPanel
{
	clear:both;
	width: 945px;
	padding: 7px 10px 5px 15px;
	background-color: #ffffee;
	background-image: url(/images/bottomPanel.png?v=2);
	background-repeat: repeat-x;
}

/********END PANELS*********/

/*********CONTENT LIST********/

#header #contentList {margin-right:-10px; position:relative;}
ul#contentList li {position:relative; padding-right: 10px;_width:96%;/*IE6*/}
ul#contentList li div{position:absolute;}


/***bullet list***/
#header .bulletList /*IE6 #id.class bug*/{ margin-top: 5px;} 
ul#contentList.bulletList li {padding-left:16px;}
ul#contentList.bulletList li div
{
	height: 10px;
	width: 10px;
	top:3px;
	left:0px;
	background: url(/images/headerImages.png?v=2) -81px -72px no-repeat;
	_background: url(/images/headerImages.gif?v=2) -81px -72px no-repeat;/*IE6*/
}


/***number list***/
#header .numberList /*IE6 #id.class bug*/{ margin-top: -3px; margin-left:-3px;} 
ul#contentList.numberList li {padding-left:31px; margin-top:11px;}
ul#contentList.numberList li div
{
	height: 26px; 
	width: 25px;
	top:-3px;
	left: 0px;
	background: url(/images/headerImages.png?v=2) no-repeat;
	_background: url(/images/headerImages.gif?v=2) no-repeat;/*IE6*/
}
ul#contentList.numberList #lst1{ background-position: -45px 0px;}
ul#contentList.numberList #lst2{ background-position: -45px -45px;}
ul#contentList.numberList #lst3{ background-position: -45px -90px;}
/***number list alt***/
ul#contentList.numberList.Alt #lst1{ background: url(/images/res_header/1.gif?v=2) -1px 0px no-repeat;}
ul#contentList.numberList.Alt #lst2{ background: url(/images/res_header/2.gif?v=2) -1px 0px no-repeat;}
ul#contentList.numberList.Alt #lst3{ background: url(/images/res_header/3.gif?v=2) -1px 0px no-repeat;}


/***moreSpace***/
/*IE6 will always use the last two rules; doesn't support class chaining*/
.numberList.moreSpace li{margin-top:16px !important;} 
.numberList.moreSpace{margin-top:-8px !important;}
.bulletList.moreSpace li{margin-top:7px !important;}
.bulletList.moreSpace{margin-top:-2px !important;}


/***Columns***/
/*IE6 will always use the last rule; doesn't support class chaining*/
/*    ( DIVw - ULm - #col*LIp ) / #col    */  

.fourColumns li {float:left;}
ul#contentList.bulletList.fourColumns li {width: 21%;} 

.threeColumns li {float:left;}
#bottomPanel ul#contentList.bulletList.threeColumns li {width:292px;} /* (945 - (-10) -3(16+10))/3 */
#bottomPanel ul#contentList.numberList.threeColumns li {width:278px;} /* (945 - (-10-3) -3(31+10))/3 */
ul#contentList.bulletList.threeColumns li {width:195px;} /* (653 - (-10) -3(16+10))/3 */
ul#contentList.numberList.threeColumns li {width:179px;} /* (653 - (-10-3) -3(31+10))/3 */

.twoColumns li {float:left;}
ul#contentList.bulletList.twoColumns li {width:305px;} /* (653 - (-10) -2(16+10))/2 */
ul#contentList.numberList.twoColumns li {width:292px;} /* (653 - (-10-3) -2(31+10))/2 */



/***Equipment Rental Agreement***/
#header .REQUIP /*IE6 #id.class bug*/{margin-top:-10px;margin-left:-11px;} 
ul#contentList.REQUIP li 
{
	float:left;
	width: 23%;
	padding-left:55px; 
	margin-top:16px;
}
ul#contentList.REQUIP li div
{
	height: 35px; 
	width: 50px;
	top:-5px;
	left: 0px;
	background: url(/images/equipmentImages.png?v=2) no-repeat;
	_background: url(/images/equipmentImages.gif?v=2) no-repeat;/*IE6*/
}
ul#contentList.REQUIP #lst1{ background-position: 10px 0px;}
ul#contentList.REQUIP #lst4{ background-position: 10px -38px;}
ul#contentList.REQUIP #lst7{ background-position: 10px -74px;}
ul#contentList.REQUIP #lst2{ background-position: -220px 0px;}
ul#contentList.REQUIP #lst5{ background-position: -221px -41px;}
ul#contentList.REQUIP #lst8{ background-position: -226px -78px;}
ul#contentList.REQUIP #lst3{ background-position: -457px -2px;}
ul#contentList.REQUIP #lst6{ background-position: -461px -38px;}
ul#contentList.REQUIP #lst9{ background-position: -460px -73px;}


/***Bill of Sale***/
#header .BOS /*IE6 #id.class bug*/{margin-top:-10px;margin-left:-11px;} 
ul#contentList.BOS li 
{
	float:left;
	width: 10.2%;
	padding-left:55px; 
	margin-top:23px;
}
ul#contentList.BOS li div
{
	height: 33px; 
	width: 50px;
	top:-10px;
	left: 0px;
	background: url(/images/BOS.png?v=2) no-repeat;
	_background: url(/images/BOS.gif?v=2) no-repeat;/*IE6*/
}
ul#contentList.BOS #lst1{ background-position: 0px 0px;}
ul#contentList.BOS #lst2{ background-position: -50px 0px;}
ul#contentList.BOS #lst3{ background-position: -100px 0px;}
ul#contentList.BOS #lst4{ background-position: -150px 0px;}
ul#contentList.BOS #lst5{ background-position: -200px 0px;}
ul#contentList.BOS #lst6{ background-position: -250px 0px;}
ul#contentList.BOS #lst7{ background-position: -300px 0px;}
ul#contentList.BOS #lst8{ width:auto; padding-left:0px;}


/***Sales Agreement***/
#header .SALES /*IE6 #id.class bug*/{margin-top:17px;margin-left:-11px;} 
ul#contentList.SALES li 
{
	float:left;
	width: 10.2%;
	padding-left:55px; 
	margin-bottom:15px;
}
ul#contentList.SALES li div
{
	height: 33px; 
	width: 50px;
	top:-10px;
	left: 0px;
	background: url(/images/BOS.png?v=2) no-repeat;
	_background: url(/images/BOS.gif?v=2) no-repeat;/*IE6*/
}
ul#contentList.SALES #lst1{ background-position: 0px 0px;}
ul#contentList.SALES #lst2{ background-position: -50px 0px;}
ul#contentList.SALES #lst3{ background-position: -100px 0px;}
ul#contentList.SALES #lst4{ background-position: -150px 0px;}
ul#contentList.SALES #lst5{ background-position: -200px 0px;}


/***Release***/
#header .RELEAS /*IE6 #id.class bug*/{margin-top:-10px;margin-left:-11px;} 
ul#contentList.RELEAS li 
{
	float:left;
	width: 23%;
	padding-left:55px; 
	margin-top:23px;
}
ul#contentList.RELEAS li div
{
	height: 36px; 
	width: 45px;
	top:-10px;
	left: 0px;
	background: url(/images/releaseImages.png?v=2) no-repeat;
	_background: url(/images/releaseImages.gif?v=2) no-repeat;/*IE6*/
}

ul#contentList.RELEAS #lst1{ background-position: 20px 0px ;}
ul#contentList.RELEAS #lst2{ background-position: -215px 0px ;}
ul#contentList.RELEAS #lst3{ background-position: -452px 0px ;}
ul#contentList.RELEAS #lst4{ background-position: 20px -45px ;}
ul#contentList.RELEAS #lst5{ background-position: -213px -45px ;}
ul#contentList.RELEAS #lst6{ background-position: -452px -43px ;}


/******END CONTENT LIST*******/

/********STEPS********/
ul#steps
{
	margin: 7px 0px 5px;
	clear:both;
	position: absolute;
	bottom: 4px;
	left: 10px;
	background: #ececec;
	
	-webkit-border-radius: 8px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
	-moz-border-radius: 8px; /* FF1-3.6 */
	border-radius: 8px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	
	width: 663px;
}

ul#steps li
{
	position:relative;
	width: 175px;
	padding: 5px 5px 5px 0px;
	margin-left: 37px;
	display:inline;
	float:left;
}

ul#steps li div
{
	position: absolute;
	height: 26px;
	width: 26px;
	left:-32px;
	top:5px;
	background: url(/images/headerImages.png?v=2) no-repeat;
	_background: url(/images/headerImages.gif?v=2) no-repeat;/*IE6*/
}

ul#steps #lst1, ul#steps #lst1_a{ background-position:  -45px 0px;}
ul#steps #lst2, ul#steps #lst2_b{ background-position: -45px -45px;}
ul#steps #lst3, ul#steps #lst3_c{ background-position: -45px -90px;}

/********END STEPS*******/


/*******RIGHT PANEL******/


/*.qd added by DCS for some reason*/
div#rightPanel.qd{padding: 0px;}

#testimonial
{
	display: table-cell;
	width: inherit;
	height: 78px;
	vertical-align: middle;
	line-height: 14px;
}
#testimonial i
{
	position:relative;
	top: -2px;
	font-size:8pt;	
	left: 10px;
}


/****IE6 vertical centering******/
#testimonial span 
{
	display: inline-block;
	padding: 1px 10px 0px 10px;
	vertical-align: middle;
}
b.vcenter 
{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
 }
 /**********************/
 
#guarantee
{
	background: url(/images/100percent_logo.png?v=2) 3px 3px no-repeat;
	_background: url(/images/100percent_logo.gif?v=2) 3px 3px no-repeat;/*IE6*/
	padding: 6px 0px 0px 88px;
	height:77px;
	border: 1px solid #999;
	border-right: none;
	border-left: none;
	margin: 0px 0px 3px 0px;
}
#guarantee a
{
	text-decoration: none;
	color: #22A;
}
#trusted
{
	height:72px;
	padding: 5px 5px 0px 88px;
	background: url(/images/stepicons.png?v=2) -95px -81px no-repeat;
	_background: url(/images/stepicons.gif?v=2) -95px -81px no-repeat;
	font-size: 17pt;
	line-height:normal;
	color: gray;
}
/*******END RIGHT PANEL******/


/*******IE6,7,8 CORNERS*******/
#header .cr
{
	position: absolute;
	background: url(/images/headerImages.png?v=2) no-repeat;
	_background: url(/images/headerImages.gif?v=2) no-repeat;/*IE6*/
	height: 15px;
	width: 15px;
	font-size:0px; /**IE6**/
}
#header .tl {top: -1px; left: -1px; background-position: -69px -125px;}
#header .tr {top: -1px;right: -1px; background-position: -82px -125px;}
#header .bl {bottom: -1px;left: -1px; background-position: -69px -138px;}
#header .br {bottom: -1px;right: -1px; background-position: -82px -138px;}

/*IE6*/
#leftPanel .ie6.tr, #leftPanel .ie6.br {right: -2px;}
#leftPanel .ie6.bl, #leftPanel .ie6.br {bottom: -2px;}
#rightPanel .ie6.bl, #rightPanel .ie6.br {bottom: -2px;}
#steps .ie6.bl, #steps .ie6.br {bottom: -1px; right:-2px;}


#steps .cr
{
	position: absolute;
	background: url(/images/headerImages.png?v=2) no-repeat;
	_background: url(/images/headerImages.gif?v=2) no-repeat;/*IE6*/
	height: 10px;
	width: 10px;
	font-size:0px; /**IE6**/
}
#steps .tl {background-position: -48px -124px;}
#steps .tr {background-position: -56px -124px;}
#steps .bl {background-position: -48px -132px;}
#steps .br {background-position: -56px -132px;}

/********END IE CORNERS*******/