/* CSS Document
 *
 * TITLE: Layout.css
 * DATE: 9-14-06
 * AUTHOR: Jason Debauche
 *         Web Creations and Consulting, LLC
 * 
 * CSS Layout 24-7Stores.com
 *
 * NOTE: Alternate Internet Explorer Fixes excluded
 *
**/


/* DEFAULT */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background:url(../graphics/body_bkg.jpg) top center repeat-y;
}

#container {
	margin:0 auto;
	width:760px;
	background:url(../graphics/containerBG.gif) top left repeat-y;
}

#logo {
	border:1px solid #FFF;
	width:197px;
}

ul.servicesList li {
	list-style-type:disc;
	margin-bottom:10px;
	margin-left:20px;
}

ul.serviceListInner li {
	list-style-type:circle;
}

#leftPanel {
	float:left;
	width:197px;
}

#truckerServices {
	padding:30px 7px 5px 7px;
	background:url(../graphics/TruckerServices.jpg) top left no-repeat;
	height:112px;
	border-bottom:1px solid #FFF;
}

#rvServices {
	padding:35px 7px 5px 7px;
	background:url(../graphics/RVServices.jpg) top left no-repeat;
	height:107px;
	border-bottom:1px solid #FFF;
}





#rightPanel {
	float:right;
	width:561px;
}

.headerImg {
	border-right:1px solid #FFF;
}



#columnDivide {
	background:url(../graphics/columnDivide.gif) top left repeat-y;
}

/* Used for 2 column layouts */
#content {
	padding:0px 5px;
}

#leftColumn {
	float:left;
	width:300px;
	padding:5px;
	padding-top:0;
}




table.stripetables{
	border: 1px solid #D9D9D9;
	width:550px;
	margin:0 auto;
}
	
table.stripetables tr td{
	padding: 5px 9px;
	background: #fff;
	text-align:left;
}
	
table.stripetables thead th{
	background-color: #E5E5D8;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #D9D9D9;
	font-weight: bold;
	text-align:left;
	padding: 10px 9px;
	color:#592C16;
}
	
table.stripetables tbody tr th{
	background-color: #fff;
	background:#FFF url(../graphics/listStar.gif) top center no-repeat;
	font-weight: normal;
	border-left: none;
	padding: 5px 9px;
}
	
table.stripetables tbody td{
	border-left: 1px solid #D9D9D9;
}
	
table.stripetables tbody tr.even td{
	background-color: #F3F3F3;
}

.pod {
	border:1px solid #CCC;
	border-top:none;
	zoom:1; /* MS ONLY ADDS "LAYOUT" TO AVOID FLICKER BUG */
	padding:1px; /* IE6 screws up without this */
}

ul.stripelists {
	border-bottom:1px solid #CCC;
}

.pod ul.stripelists {
	border-bottom:none;
}

ul.stripelists li {
	padding:2px 25px;
}

.pod p {
	margin:10px 25px;
}



ul.checkList li {
	background:url(../graphics/listcheck.gif) top left no-repeat;
	padding-left:17px;
	padding-top:3px;
	margin-left:5px;
}

.checkList {
	margin-bottom:15px;
}




#rightColumn {
	float:right;
	width:250px;
	background:#FFFFF7;
}

#rightColumn p {
	padding:5px 10px;
	margin-left:83px;
}

#topNav {
	background:url(../graphics/topNav_bkg.gif) top left repeat-x;
	height:44px;
	text-align:right;
	border-right:1px solid #FFF;
}

#topNav ul li {
	display:inline;
}



.teaser{
	position:relative;
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
}

.bL {
	position:absolute;
	bottom:0;
	left:0;
	margin-bottom:5px;
	margin-left:10px;
}

.bR {
	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:5px;
	margin-right:10px;
}


#footer {
	background:#C30;
	height:35px;
	border:1px solid #FFF;
}

#footer ul {
	padding-left:5px;
}

#footer li {
	display:inline;
	float:left;
	padding:10px 5px;
}

#footer p {
	float:right;
	padding:10px;
}

.webcac {
	text-align:center;
	margin-left:460px;
	padding-bottom:20px;
}

.imgLB {
	float:left;
	border:1px solid #476474;
	background:#FFF;
	padding:1px;
	margin-right:10px;
	margin-bottom:10px;
}

.imgR {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.imgRB {
	float:right;
	border:1px solid #476474;
	background:#FFF;
	padding:1px;
	margin-left:10px;
	margin-bottom:10px;
}

.imgL {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.imgC {
	text-align:center;
}

.imgCB {
	border:1px solid #FFF;
}

.clearIt {
	clear:both;
}

/* Locator Additions */

.leftPane {
	float:left;
	width:250px;
	padding-left:10px;
}

.rightPane {
	float:right;
	width:280px;
	margin-left:-5px;
}

.clearBdr {
	clear:both;
	height:1px;
	border-bottom:1px solid #CCC;
}

/* Form */

form {
	/*width:300px;*/
}

input {
	/*border:1px solid #999999;*/
}

.benefits {
	background:#FFFFFB;
	width:315px;
	padding:7px;
	margin-bottom:20px;
	border:1px solid #CCCCCC;
}

.centerQuote {
	width:250px;
	padding-left:20px;
}

#contactHold {
	width:300px;
	margin:0 auto;
}

#coupons {
	text-align:center;
}

#legal {
	margin:10px;
}