/*
Name: Protoytpe Layout CSS
Creative by: Rise Creative Group
Date modified: 2/5/08
------------------------------------*/

/*  Reset all CSS 
------------------------------------*/
	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background: transparent; }




/* Base style
------------------------------------*/

body {
	padding: 0;
	margin: 0;
	background:#fff url(/images/body_bkg.jpg) repeat-x;
	}


/* Things to hide
------------------------------------*/
#header .logo span, #nav span {
	display:none;

}


/* Container
------------------------------------*/
#container {
	width:960px;
	background: #fff;
	padding: 0;
	margin: 0 auto;
	position: relative;
	background: url(/images/container_bkg.jpg) no-repeat;
	}
	
#index2 #container { 
	background: url(/images/container_bkg2.jpg) no-repeat;
	}	
		
#top_border {width: 100%; height: 10px; background: #333;}



/* Gift Certificate
------------------------------------*/
#gift-certificate { 
	position:absolute;
	top:147px;
	left:30px;
	}
	
/* Header
------------------------------------*/
#header {
	width:960px;
	height: 191px;
	margin: 0; 
	padding:0;
	position: relative;
	}

#header .logo, #header .logo a {
	position:absolute;
	left: 16px;
	top:28px;
	display:block; 
	font-weight: normal;
	font-size: 1.2em;
	width:220px;
	height: 121px;
}


#profile_widget {
	width: 205px;
	background: #666666;
	position: absolute;
	left: 210px;
	padding: 7px;
	top: 15px;
	font-size: .85em;
	color: #fff;
	}
	
#profile_widget a, #profile_widget a:visited {color: #FFFF00}
	
#profile_widget .imgholder {margin: 2px;}

#home #profile_widget {display: none;}

.product_holder {

}

#action_buttons {
	margin: 0;
	padding: 0;
	}
	
#action_buttons li {
	list-style: none;
	float: left;
	margin-right: 4px;
	}
	
#action_buttons li a {
	display: block;
	background: #666666;
	color: #fff;
	padding: 12px;
	}
	
#action_buttons li a:hover {
	background: #999;
	}
	
#split_col2 label {
	font-size: .8em;
	text-transform: uppercase;
	color: #333;
	}

/* Prototype placeholders
------------------------------------*/

.imgholder {
	background:url(/images/slant.gif);
	border:#999999 2px solid;
	margin: 5px;
	text-align:center;
	vertical-align:middle;
}

.imgholder span {
	background:#999999;
	color:#FFFFFF;
	margin: 10px;
	display:block;
}
.formholder {
	background:url(/images/blue_slant.gif);
	border: #003366 2px solid;
	margin: 10px;
	text-align:center;
	vertical-align:middle;
}

.formholder span {
	background:#003366;
	color:#FFFFFF;
	margin: 10px;
	display:block;
}

.infoholder {
	background:url(/images/yellow_slant.gif);
	border: #FFCC00 2px solid;
	margin: 10px;
	text-align:center;
	vertical-align:middle;
}

.infoholder span {
	background: #FFCC00;
	color: #000000;
	margin: 10px;
	display:block;
}

.info_pop {
	width: 400px;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #666;
}

.info_pop th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: #fff;
}

.info_pop_highlight {
	background-color: #fff;
}


/* Navigation
------------------------------------*/

#nav {
	
	background: url(/images/nav.png) no-repeat;
	width:672px;
	height:66px;
	position: relative;
	float:right;
	padding:0;
	margin:82px 0 0 0;
	display:inline;
}

#nav li{
	list-style: none;
	float: left;
	}

#nav li a {
	position:absolute;
	display: block;
	}




#nav li a.l1		 	 {	width:108px; height:41px; top:11px; left:11px;}
#nav li a.l1:hover 		 {	background:url(/images/nav.png)	-11px -77px  no-repeat;}
.commercial #nav li a.l1 { 	background:url(/images/nav.png) -11px -143px no-repeat;}
	
#nav li a.l2		 	 {	width:108px; height:41px; top:11px; left:127px;}
#nav li a.l2:hover 		 {	background:url(/images/nav.png)	-127px -77px  no-repeat;}
.residential #nav li a.l2 { 	background:url(/images/nav.png) -127px -143px no-repeat;}


#nav li a.l3		 	 {	width:108px; height:41px; top:11px; left:243px;}
#nav li a.l3:hover 		 {	background:url(/images/nav.png)	-243px -77px  no-repeat;}
.automotive #nav li a.l3 { 	background:url(/images/nav.png) -243px -143px no-repeat;}	
	
	
#nav li a.l4		 	 {	width:88px; height:41px; top:11px; left:359px;}
#nav li a.l4:hover 		 {	background:url(/images/nav.png)	-359px -77px  no-repeat;}
.vinyl #nav li a.l4 	 { 	background:url(/images/nav.png) -359px -143px no-repeat;}	


#nav li a.l5		 	 {	width:108px; height:41px; top:11px; left:455px;}
#nav li a.l5:hover 		 {	background:url(/images/nav.png)	-455px -77px  no-repeat;}
.aboutus #nav li a.l5 	 { 	background:url(/images/nav.png) -455px -143px no-repeat;}


#nav li a.l6		 	 {	width:88px; height:41px; top:11px; left:571px;}
#nav li a.l6:hover 		 {	background:url(/images/nav.png)	-571px -77px  no-repeat;}
.contact #nav li a.l6 	 { 	background:url(/images/nav.png) -571px -143px no-repeat;}
	
	
	
	
#shipment_listings #nav li a.shipment-listings {background: #eee;}
	
#secondary_nav {position: relative; font-size: .8em;}

#secondary_nav li {list-style: none; margin: 0; padding: 0;}




.phone {
	position:absolute;
	top:-2px;
	left:700px;
	width: 200px; 
	height:45px; 
	float:left;
	background:url(/images/phone_number.png) no-repeat;
}

.phone span {
	display:none;
}



#sub_nav ul {padding: 0 0 20px 0; margin: 0 0 20px 0; }

#sub_nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul ul {display: none; font-size: .85em; margin-bottom: 0; padding-bottom: 0;}


ul ul li {margin: 0;}

ul ul li a, ul ul li a:visited {background: #ccc !important;}

.orlando ul ul.orlando-nav, .jacksonville ul ul.jacksonville-nav, .memphis ul ul.memphis-nav, .conditions ul ul.conditions-nav {display: block; }


#sub_nav li a, #sub_nav li a:visited {display: block; padding: 5px; background: #ddd; border: 1px solid #ccc; margin-bottom: 5px; clear: right; font-size: .95em;}


#tertiary_nav {
	width: auto;
	height: 24px;
	padding: 5px 0 10px 10px;
	margin: 0;
	font-size: .9em;
	position: relative;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	display: block;
	overflow: hidden;
	background: #ECECEC;
}

#tertiary_nav ul {
	margin: 0;
	padding: 0;
	background: #333;
}


#tertiary_nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#tertiary_nav li a {
	display: block;
	padding: 10px 10px 13px 10px;
	margin: 0 0 0 6px;
}


#breadcrumbs {padding: 18px 0 18px 10px; font-size: .8em;}


li ul {display: block;}


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

#feature {
width: 958px;
margin: 0;
padding: 20px 0 0 0;
position:relative;
}

.feature_list {
	width:260px;
	list-style:none;
	padding:4px 0 4px 0;
	margin:0;
}

.feature_list li {
 padding: 0 0 4px 0;
}


.feature_list li a {
	display: block; 
	background: #E4F3F7; 
	padding: 12px 16px; 
	}
	
.feature_list li a:hover {
	display: block; 
	background: #74C1DD; 
	padding: 12px 16px; 
	}	


.subpage .feature_list {
		
	width:75%;	
		
}


.subpage #feature {
width: 958px;
/*background: #666666;
border: #888888 solid 1px;*/
margin: 0;
padding: 0;

}

.subpage #feature h1 {
	font-size: 2.5em;
	margin: 28px 0 0 15px;
	}

#intro_text {
	float: left;
	padding: 35px 15px 5px 15px;
	width: 550px;
	color: #fff;
	}
	
#news_box { 
 width: 264px;
 float: right;
 margin-right: 15px;
 color: #fff;
 padding: 5px 10px 10px 10px;
 }
 
#feature_search_holder {
	float: right;
	background: #333; 
	padding: 15px;
	margin: 25px 25px 0 0;
	width: 475px;
	color: #fff;
	}
	
 #feature_search_holder a, #feature_search_holder a:visited, #feature_search_holder a:active {
	color: yellow;
	}
	
#feature_products_holder {
	height: 170px;
	background: #999;
	padding-left: 18px;
	}

#feature_products_holder h2 {
	margin: 0;
	padding: 10px 0 0 0;
}

.ad {
	float: left;
	margin: 10px 15px 10px 15px;
	width: 140px;
	height: 115px;
	background: #ccc;
	}
	
.thumb{
	float: left;
	margin: 10px 15px 10px 15px;
	width: 54px;
	height: 50px;
	background: #ccc;
	}

#get_started {background: #ccc; padding: 30px; text-align: center;}


.featured_product {
	float: left;
	margin: 10px 0 10px 35px;
	width: 160px;
	height: 115px;
	background: #ccc;
	}
	
#call_out_buttons {
	position: absolute;
	left: 420px;
	top: 16px;
	font-size: .8em;
	width: 300px;
	}
	
/* Search
------------------------------------*/

#search {
	height: 30px;
	float: left;
	padding: 7px 0 0 36px;
	display: block;
}

	
/* Form styles 
-------------------------------------*/	


/* Content
------------------------------------*/

#content {
	width:960px;
	margin: -2px 0 0 0;
	padding-top: 20px;;
	}

.commercial #content {
	background:url(/images/commercial_bkg.jpg) 245px 2px no-repeat;
}	
	
.residential #content {
	background:url(/images/residential_bkg.jpg) 245px 2px no-repeat;
}

.automotive #content {
	background:url(/images/automobile_bkg.jpg) 250px 2px no-repeat;

}

.vinyl #content {
	background:url(/images/vinyl_bkg.jpg) 260px 2px no-repeat;

}


	
.aboutus #content {
	background:url(/images/commercial_bkg.jpg) 245px 2px no-repeat;
}
		
	
.highlight {background: #ccc; padding: 5px 8px 5px 8px;}


/* Columns
------------------------------------*/

#full_col {
	float: left;
	width: 912px;
	margin: 0;
	padding: 18px 18px 12px 30px;
	}

#main_col {
	float: left;
	width: 500px;
	margin: 0;
	padding: 40px 10px 10px 20px;
}

.split_col1 {
	float: left;
	width: 350px;
	margin: 0;
	padding: 18px 18px 20px 15px;
}


.split_col2 {
	float: left;
	width: 425px;
	margin: 0;
	padding: 18px 18px 20px 35px;
}

#sub_col {
	float: right;
	width: 365px;
	margin: 2px 4px 0 4px;
	border-color: #666;
	border-width: 1px;
	display: block;
}

.home #sub_col {
	width: 270px;
	float: right;
	padding-right: 20px;
}

.context_box {margin:72px 0 0 0; padding: 12px; background: #d9e9ed; font-size: .85em;}

.context_box ul li {
	list-style:none;
	float:left;
	padding:4px 20px 10px 20px;
}

#sub_col ul {padding: 0; margin: 0 0 20px;}

#sub_col li a:hover {background: #ccc;}


#col_left {
float: left;
	width: 350px;
	margin: 0;
	padding: 40px 10px 10px 10px;
	}
	
#col_center {
float: left;
	width: 450px;
	margin: 0;
	padding: 20px 0 0 20px;
}

#col_right {
float: right;
	width: 575px;
	height:425px;
	margin: 0;
	padding: 20px 0px 0 0;
	}
	
#menu {display: none;}

#feature img {
padding:10px;
width:553px;
height:409px;
top:0;
left:0;

}
	
	
.col {
	width: 280px;
	margin: 0;
	float: left;
	padding: 10px;
	font-size: .9em;
	position:relative;
	}
	
.subpage .col {
	width: 45%;
	}
	
.recent_listings ul {margin: 0; padding: 0; border-right: 1px solid #666666;}

.recent_listings li {float: left; min-height: 65px; padding: 18px; list-style: none; width: 40%;}
	
.recent_listings li:hover {background: #ddd;}
		
.rating {width: 280px; float: right; font-size: .9em; border-top: 1px solid #666666; padding: 5px; background: #ccc; margin-bottom: 10px; margin-top: -34px;}

	
.subpage .rating {width: 100%; font-size: .9em; border-top: 1px solid #666666; padding: 5px; background: #ccc; margin-bottom: 10px; margin-top: 0;}

	
.teaser {
	width: 260px;
	height: 150px;
	margin: 8px 15px 5px 0;
	float: left;
	padding: 10px;
	border: 1px solid #ccc;
	}
	
.teaser li:hover {background: #ddd;}

.subpage .teaser {
	width: 280px;
	height: 150px;
	margin: 8px 15px 5px 0;
	float: left;
	padding: 10px;
	border: 1px solid #ccc;
	}
	
#ad_holder {
	float: right;
	width: 160px;
	margin: 2px 0 0 0;
	padding: 18px 18px 12px 6px;
	background-color: #D3D3D3;
	border-color: #666;
	border-width: 1px;
	display: block;
}
	
#extras_holder {
	background: #B4B4B4;
	}
	
.newsletter {
	width: 250px;
	float: left;
	padding: 18px 0 10px 15px;
	}
	
#quick_links_holder {
	background:#15769E;
	width:100%;
	height:250px;
	color:#fff;
}	
	
.quick_links {
	width: 930px;
	padding: 0px 30px 10px 15px;
	margin: 0 auto;
	position: relative;
	}
	
.quick_links ul {
	font-size: .85em;
	padding: 0;
	list-style:none;
	float:left;
	margin:12px 60px 0 20px;
	padding:0;
	}	

.quick_links li {
	padding: 6px 0 6px 0;
	}	
	
.quick_links li a {
 	padding:0 0 6px 0;
	border-bottom:1px dotted #66BBDD;
}	
	
#pagination-digg{border:0; margin:0 auto; padding:0; width: 500px}

#pagination-digg li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
}
#pagination-digg a{
border:solid 1px #9aafe5
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
border:solid 1px #DEDEDE
color:#888888
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
color:#0e509e
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #0e509e
}


#sort_products {
	float: right;
	background: #dddddd;
	color: #111;
	padding: 10px;
	margin: -28px 0 0 0;
	}

/* Miscellaneous
------------------------------------*/

.center {
	text-align:center;
}

.right {
	float: right;
}

.left {
	float: left;
	}

.clear {
	clear: both;
}

img {
	border: 0;
	}
	
.img_format {
	padding:4px 0 4px 0;
}

.rebate .img_format {
	padding:0 0 20px 0;
}
	
.alert {
	color: #CC0000;
	font-weight: bold;
}

.note {
	color: #4EABCB;
}

.highlight {
	background-color: #ffcc99;
}

.tab_box {
	display: block; 
	background: #ccc; 
	border: 1px solid #666666; 
	padding: 12px 16px; 
	color: #000033;
}

.g_map {
	width:355px;
	height:350px;
	padding:5px;
	margin:0 0 10px 0;
	background: #d9e9ed;
}

/* Tables
------------------------------------*/
	
.tabular {
	width: 100%;
	background-color: #d9e9ed;
	/*border: 1px solid #999999;*/
	margin-bottom: 10px;
	margin-top: 10px;
}	
	
.tabular th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: #fff;
}

.tabular th a {
	color: #FFFF00;
	}
	
.tabular td {

padding:10px;

}	

.tabular_highlight {
	background-color: #bad6de;
}

/* Show/hide DL
------------------------------------*/
#TJK_ToggleON,#TJK_ToggleOFF {display:none}

/*  "Show All" + "Hide All" links */
#TJK_ToggleON,#TJK_ToggleOFF {
	padding:2px 5px;
	margin-right:5px;
	background-color: #2A507C;
	color: #FFFFFF;
}

/* zeroing out padding and margin */
#TJK_DL dd,#TJK_DL dt {margin:0;padding:0} 

/* margin for the DTs (shorthand) */
#TJK_DL dt {margin:7px 0}

/* image and left padding for DDs */
#TJK_DL dd {background:url(answer.gif) no-repeat;padding-left:25px}

/* styling all anchors in the DTs */
#TJK_DL dt a {background:0 50% no-repeat;padding-left:10px;color:#000;text-decoration:none}
#TJK_DL dt a:visited {color:#000}
#TJK_DL dt a:visited:hover, #TJK_DL dt a:hover, #TJK_DL dt a:active, #TJK_DL dt a:focus {color: #10498C;}

/* the + and - gif in the anchors */
#TJK_DL .DTplus a {background-image:url(/images/arrow_right.gif)}
#TJK_DL .DTminus a {background-image:url(/images/arrow_down.gif)}

/**********************************/
#TJK_DL .showDD {position:relative;top:0}
#TJK_DL dd,.hideDD{top:-9999px;position:absolute}
#TJK_ToggleON,#TJK_ToggleOFF {display:inline;cursor:pointer; cursor:hand;}
	

/* Site Information
------------------------------------*/

#site_information {
	margin: 62px 0 0 20px;
	padding:0;
	list-style: none;
	list-style-type:none;
	font-size: 0.8em;
	color: #8ABACE;
}

#site_information a, #site_information a:visited {
color: #8ABACE;
text-decoration:none;
}

#site_information li a {
font-size: 1.0em;
border-bottom:none;

}

/* ---- calendar and input styles ---- */

input.DatePicker{
	display: block;
	width: 100px;
	padding: 3px 3px 3px 24px;
	border: 1px solid #0070bf;
	font-size: 13px;
	background: #fff url(/images/date.gif) no-repeat top left;
	cursor: pointer;
}
input:focus.DatePicker{
	background: #fffce9 url(/images/datefocus.gif) no-repeat top left;
}
.dp_container{
	position: relative;
	padding: 0;
	z-index: 500;
}
.dp_cal{
	background-color: #fff;
	border: 1px solid #0070bf;
	position: absolute;
	width: 177px;
	top: 24px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	
}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option{
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th{
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}
.dp_cal td{
	cursor: pointer;
}
.dp_cal thead th{
	background: #d9eefc;
}
.dp_cal td.dp_roll{
	color: #000;
	background: #fff6bf;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
.dp_empty{
	background: #E9F1D4;
}
.dp_today{
	background: #daf2e6;
}
.dp_selected{
	color: #fff;
	background: #328dcf;
}