@charset "utf-8";
/* 
Master CSS file for medlin-davis.com
By: Neal Saxon, Click Optimize
Created: August, 2009

P.S. "This shirt is dry clean only... which means it's dirty." -Mitch Hedberg
*/

/*

fallback fonts: 'Century Gothic',Futura,'URW Gothic L',sans-serif
dark green (top nav, h1): #005838; 15px, 36px
sidebar green (background): #004129; 16px
body text: #808285; 14px 26px
tert nav: #686868; 11px

*/

body{
	font: 14px Helvetica, Arial, sans-serif;
	color: #000;
	background: #fff url(/images/bg_body.jpg) left 81px fixed repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
}

/*---------------( main containers )---------------*/

#wrap{
	position: relative;
	margin: 0 auto;
	padding: 0 13px;
	width: 900px;
	background: transparent url(/images/bg_wrap.png) left top repeat-y;
	text-align: left;
}

#content_container{
	width: 862px;
	margin: 6px 19px 0 19px;
}

/*---------------( header )---------------*/

#header{
	position: relative;
	margin: 0 19px;
	padding: 0;
	width: 862px;
	height: 75px;
	background: #fff url(/images/bg_header.png) left bottom no-repeat;
}


#logo{
	position: absolute;
	width: 243px;
	height: 156px;
	margin: 0;
	padding: 0;
	top: 5px;
	left: -4px;
}
#logo a{
	display: block;
	width: 243px;
	height: 156px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/medlin_davis_logo.png) left top no-repeat;
}
#logo a:hover{
	background: url(/images/medlin_davis_logo.png) left -156px no-repeat;
}

a#call-store-open{
	position: absolute;
	top: 15px;
	left: 275px;
	display: block;
	width: 225px;
	font: 15px 'Century Gothic',Futura,'URW Gothic L',sans-serif;
	line-height: 15px;
	color: #000;
	text-decoration: none;
}
a#call-store-open:hover{
	text-decoration: underline;
}
#call-store-popup{
	position: absolute;
	top: 35px;
	left: 250px;
	width: 300px;
	background: #D6CFB3;
	padding: 10px;
	border: 3px solid #005838;
	z-index: 9000;
	line-height: 20px;
}
#call-store-popup span{
	padding: 0 0 0 10px;
	color: #686868;
}
a#call-store-close{
	color: #000;
	text-decoration: none;
}
a#call-store-close:hover{
	text-decoration: underline;
}

ul#tertNav{
	float: right;
	width: 350px;
	font: 11px 'Century Gothic',Futura,'URW Gothic L',sans-serif;
	line-height: 11px;
	color: #686868;
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;

}
ul#tertNav li{
	float: left;
	margin: 0;
	padding: 0 8px;
	border-right: 1px solid;
}
ul#tertNav li.last{ padding-right: 0px; border-right: none;}
ul#tertNav li a{
	color: #686868;
	text-decoration: none;
}
ul#tertNav li a:hover,
ul#tertNav li a.current{
	text-decoration: underline;
}

ul#topNav{
	position: absolute;
	top: 50px;
	right: 0px;
	width: 621px;
	font: 15px 'Century Gothic',Futura,'URW Gothic L',sans-serif;
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
}
ul#topNav li.first{ width: 100px; }
ul#topNav li{
	float: left;
	width: 125px;
	text-align: center;
}
ul#topNav li.last{ width: 145px; text-align: right; }
ul#topNav li a{
	color: #005838;
	text-decoration: none;
}
ul#topNav li a:hover,
ul#topNav li a.current{
	color: #000;
}


ul#topNav li ul{
	position: absolute;
	left: -9999px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 180px;
	text-align: center;
	border: 1px solid #005838;
	background: #005838;
	text-transform: none;
}
ul#topNav li#locations ul li{ width: 180px; }

ul#topNav li#locations ul a{
	color: #fff;
	display: block;
	padding: 3px 5px;
}

ul#topNav li#locations ul a:hover,
ul#topNav li#locations ul a.current{ background: #fff; color: #005838; }

ul#topNav li#locations:hover ul{ top: 20px; left: 195px; }

/*---------------( sidebar )---------------*/

#sidebar{
	float: left;
	width: 234px;
	margin: 0 7px 0 0;
}


ul#sideNav{
	font: 16px 'Century Gothic',Futura,'URW Gothic L',sans-serif;
	line-height: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 82px 0 8px 0;
	list-style: none;
	background: #004129 url(/images/bg_sideNav.jpg) left top no-repeat;
}
ul#sideNav li{
	margin: 0;
	padding: 0;
}
ul#sideNav li a{
	display: block;
	padding: 7px 0;
	color: #fff;
	text-decoration: none;
}
ul#sideNav li a:hover,
ul#sideNav li a.current{
	color: #005838;
	background: #fff;
}

.sidebar_button a{
	display: block;
	margin-top: 15px;
	text-indent: -9999px;
	overflow: hidden;
}

a#view_map{
	width: 213px;
	height: 176px;
	margin-left: 8px;
	background: url(/images/view_map.png);
}

a#monthly_account{
	width: 224px;
	height: 64px;
	background: url(/images/monthly_charge_account.png) left top no-repeat;
}
a#monthly_account:hover{ background: url(/images/monthly_charge_account.png) left -64px no-repeat; }

a#customer_login{
	width: 224px;
	height: 64px;
	background: url(/images/customer_login.png) left top no-repeat;
}
a#customer_login:hover{ background: url(/images/customer_login.png) left -64px no-repeat; }

/*---------------( main )---------------*/

#content_main{
	float: left;
	width: 621px;
}

#banner{
	padding: 0 0 15px 0;
}

body.index #main{ padding-left: 0; }
body.admin #main{ min-height: 500px; }
#main{
	font-size: 14px;
	line-height: 26px;
	color: #808285;
	padding: 0 0 190px 10px;
}

h1{
	font: 36px 'Century Gothic',Futura,'URW Gothic L',sans-serif;
	line-height: 36px;
	color: #005838;
	margin: 0;
	padding: 13px 0 15px 0;
}

h2{
	font: 20px 'Century Gothic',Futura,'URW Gothic L',sans-serif;
	line-height: 20px;
	color: #005838;
	margin: 0;
	padding: 0 0 10px 0;
}
h3{
	font: 15px 'Century Gothic',Futura,'URW Gothic L',sans-serif;
	line-height: 15px;
	color: #005838;
	margin: 0;
	padding: 5px 0 10px 0;
}

p{
	margin: 0 0 15px 0;
	padding: 0;
}

#main ul,
#main ol{
	margin: 0 0 15px 0;
	padding: 0;
}
#main ul li{
	margin: 0 0 0 20px;
	padding: 0;
	list-style: outside disc;
}
#main ol li{
	margin: 0 0 0 20px;
	padding: 0;
}

ul.two_column{
	float: left;
	width: 620px;
}
ul.two_column li{
	float: left;
	width: 280px;
}

#main a{
	color: #005838;
	text-decoration: none;
	border-bottom: 1px solid;
}
#main a:hover{
	border-bottom: none;
}

#bottom_buttons{
	position: absolute;
	bottom: 0px;
}
#bottom_buttons a{
	margin: 0 0 0 25px;
	border-bottom: none;
}

.location_map{
	float: right;
	margin: 0 0 10px 10px;
	width: 300px;
	text-align: center;
	font-size: 11px;
}
.location_map img{
	margin: 15px auto 0 auto;
	border: 1px solid #333;
}

.padding-maker{ padding: 10px; }
.clear{ clear: both; }

img.right{
	float: right;
	border: 1px solid #333;
	margin: 0 0 10px 10px;
}

/*---------------( forms )---------------*/

.terms{
	font-size: 12px;
	line-height: 18px;
}
.required,
.assurance{
	color: #f00;
}
.charge_row{
	float: left;
	clear: left;
	width: 600px;
	padding: 0 0 5px 0;
}
.charge_row label{
	float: left;
	display: block;
	width: 120px;
	text-align: right;
	padding: 2px 5px 0 0;
	line-height: 14px;
}
.charge_row .text{
	width: 200px;
}
.charge_row .submit{
	margin: 0 0 0 125px;
}

textarea{
	width: 300px;
	height: 150px;
}

/*---------------( footer )---------------*/

#footer_wrap{
	position: relative;
	width: 926px;
	height: 140px;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 0 auto;
	background: url(/images/bg_footer_wrap.png) left top no-repeat;
}

#footer{
	width: 900px;
	margin: 0 auto;
	padding: 50px 0 0 0;
	color: #005838;
	font-size: 9px;
}

#footer ul{
	float: left;
	width: 650px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li{
	float: left;
	margin: 2px 0;
	padding: 0 5px;
	border-right: 1px solid #005838;
	line-height: 9px;
}
#footer ul li.last{ border-right: none; }

#footer a{
	color: #005838;
	text-decoration: none;
}
#footer a:hover,
#footer a.current{
	text-decoration: underline;
}

#clickoptimize{
	float: right;
	width: 167px;
}