/* @override 
	http://kwicksilverrimrepair.com/index.php/styles/kwicksilver
	http://kwicksilverrimrepair.com/styles/kwicksilver
	http://www.kwicksilverrimrepair.com/styles/kwicksilver
*/

/* 	Kwicksilver Rim Repair by RimGuard
	(c) 2011 Rim Guard
	Author: Imp Design LLC
	Version 1.0
 */

/* @group Helpers */

.clear{
	clear: both;
}

/* @end */

/* @group Structure */
body{
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #000 url(/images/site_images/backgrounds/body_bg.jpg) repeat-x center top;
	color: #333;
}
.wrapper{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#header .wrapper{
	height: 243px;
	background: url(/images/site_images/backgrounds/header_bg.jpg) no-repeat 0 0;
}
#phone_number{
	width: 220px;
	height: 40px;
	float: right;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	margin-top: 88px;
	margin-bottom: 73px;
}
#phone_number a{
	color: #fff;
}

#main_nav{
	clear: both;
}
#main_nav_test{
	clear: both;
}
#content{
	clear: both;
}
#content .wrapper{
	background-color: #fff;
	padding-bottom: 23px;
}
#left_column_home{
	width: 777px;
	float: left;
	background-color: #fff;
	padding-top: 23px;
	padding-left: 23px;
}
#left_column{
	float: left;
	width: 200px;
	padding-top: 50px;
}
#center_column{
	float: left;
	width: 560px;
	background-color: #fff;
	padding-left: 23px;
	padding-right: 17px;
	padding-top: 18px;
}
#right_column{
	float: left;
	width: 190px;
	padding-top: 23px;
}
#footer{
	clear: both;
}
#footer .wrapper{
	background-color: #fff;

}
#footer_content{
	padding-bottom: 15px;
	margin-right: 23px;
	margin-left: 23px;
	border-top: 1px solid #dcdcdc;
}
#site_info{
	float: left;
	width: 700px;
}
#footer_nav{
	clear: both;
}
.soc_media{
	float: left;
	width: 100px;
	padding-top: 12px;
}
/* @end */

/* @group Navigation */

/* @group Main Nav */

ul#main_nav{
	height: 42px;
	padding-left: 200px;
}
ul#main_nav li{
	list-style-type: none;
	float: left;
}
ul#main_nav li a{
  float: left;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
		width: 120px;
	margin-right: 5px;
	margin-left: 5px;
	height: 30px;
	text-align: center;
	padding-top: 12px;
}
ul#main_nav li.current a{
	color: #1566aa;
	background: url(/images/site_images/backgrounds/main_nav_li_bg.jpg) no-repeat 0 -42px;
}
ul#main_nav li a:hover{
	color: #1566aa;
	background: url(/images/site_images/backgrounds/main_nav_li_bg.jpg) no-repeat 0 0;
}

/* @end */



/* @group Sub Nav */
ul#sub_nav{
	padding: 0;
}
ul#sub_nav li{
	background: url(/images/site_images/backgrounds/subnav_li_bg.gif) no-repeat center bottom;
	list-style-type: none;
	padding: 0 0 1px;
}
ul#sub_nav li a{
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
	background: url(/images/site_images/backgrounds/subnav_a_bg.gif) no-repeat 0 center;
	width: 150px;
	float: none;
	display: block;
	padding-right: 59px;
	text-align: right;
	line-height: 18px;
	padding-bottom: 12px;
	color: #1566aa;
	padding-top: 12px;
}
ul#sub_nav li.current a{
	color: #f00;
	background-position: -200px center;
}
ul#sub_nav li a:hover{
	background-position: -200px center;
}
/* @end */

/* @group Footer Nav */
ul#footer_nav{
	padding-left: 10px;
	height: 30px;
	float: left;
}
ul#footer_nav li{
	list-style-type: none;
	float: left;
	padding-right: 20px;
}
ul#footer_nav li a{
	float: left;
	text-decoration: none;
	line-height: 2em;
	color: #ababab;
}
ul#footer_nav li.current a{
	text-decoration: underline;
	color: #777;
}
a.facebook_link{
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	display: block;
	background: url(/images/site_images/buttons/soc_icons.gif) no-repeat 0 0;
	float: left;
}
a.twitter_link{
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	display: block;
	background: url(/images/site_images/buttons/soc_icons.gif) no-repeat -45px 0;
	float: left;
	margin-left: 8px;
}
a.facebook_link:hover{
	background-position: 0 -32px;
}
a.twitter_link:hover{
	background-position: -45px -32px;
}
/* @end */



/* @end */

/* @group Typography */
h1{
	color: #1566aa;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2em;
	padding-right: 23px;
	margin-bottom: 8px;
}
h2{
	color: #1566aa;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}
h3{
	font-weight: bold;
	font-size: 18px;
}
p{
	font-size: 16px;
	line-height: 1.3em;
	padding-right: 23px;
	margin-bottom: 10px;
}
p a{
	color: #123f62;
}
p#copyright{
	float: left;
	color: #ababab;
	font-size: 13px;
	padding-left: 12px;
	clear: both;
	width: 600px;
}
p#id_logo{
	float: right;
	width: 100px;
	height: 25px;
	margin-top: 14px;
}
p#id_logo a{
	display: block;
	width: 100px;
	height: 25px;
	float: right;
	text-indent: -9999px;
	background: url(/images/site_images/backgrounds/an_ID_creation.jpg) no-repeat;
}
ul{
	padding-left: 23px;
	margin-bottom: 5px;
}

ul#nav_categories.nav_categories {
	float: left;
	padding-left: 0;
}
ul#nav_categories.nav_categories li {
	list-style-type: none;
	float: left;
	padding-right: 15px;
}
ul#nav_categories.nav_categories li a {
	text-decoration: none;
	color: #333;
	padding-right: 7px;
}
#services img{
	margin-bottom: 12px;
	margin-left: 18px;
	float: right;
}
/* @end */

/* @group Slideshows */
#home_slideshow{
	width: 752px;
	height: 296px;
	margin-bottom: 23px;
}
#home_slideshow .slides{
	width: 752px;
	height: 296px;
	background: url(/images/site_images/backgrounds/slideBG.gif) no-repeat;
}
#home_slideshow .slides.before_after{
	width: 752px;
	height: 296px;
	background: url(/images/site_images/backgrounds/before_after_slide_bg.gif) no-repeat;
}
#service_slideshow{
	width: 550px;
	height: 296px;
	margin-bottom: 23px;
}
#service_slideshow .slides{
	height: 296px;
	width: 580px;
	background: url(/images/site_images/backgrounds/ServiceSlideBG.gif) no-repeat;
}
#service_slideshow .slides.before_after{
	height: 296px;
	width: 580px;
	background: url(/images/site_images/backgrounds/before_after_serviceslide_bg.gif) no-repeat;
}
.before_image{
	width: 254px;
	height: 294px;
	float: left;
	margin-top: 1px;
	margin-left: 31px;
}
.after_image{
	width: 254px;
	height: 294px;
	float: left;
	margin-top: 1px;
	margin-left: 34px;
}
#service_slideshow .after_image{
	margin-left: 23px;
}
.single_image{
	width: 560px;
	float: left;
	padding-top: 12px;
	padding-left: 7px;
	height: 275px;
	padding-right: 5px;
}
#service_slideshow .single_image{
	width: 535px;
}
.slide_text{
	float: left;
	width: 165px;
	padding-left: 12px;
	padding-top: 12px;
	height: 280px;
}
.caption{
	height: 220px;
	overflow: hidden;
	display: table-cell;
	vertical-align: bottom;
}
.caption p{
	padding: 0 11px 0 12px;
	font-size: 20px;

}
.slide_button a{
	width: 142px;
	height: 50px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(/images/site_images/buttons/learn_more_button.gif) no-repeat 0 -50px;
	margin-left: 8px;
}
.slide_button a:hover{
	background-position: 0 0;
}
/* @end */

/* @group Modules */

/* @group Products */
.product_group{
	clear: both;
	margin-bottom: 12px;
}
.product_group h2{
	margin-left: 195px;
}
.prod_grp_image{
	float: left;
	width: 180px;
	margin-right: 15px;
}
.prod_grp_info{
	float: left;
}
.prod_grp_info p{
	width: 345px;
	padding: 0;
}
.product_listing{
	border-top: 1px solid #ddd;
	clear: both;
}
.prod_var{
	width: 140px;
}
.prod_price{
	width: 105px;
	text-align: right;
	height: 28px;
}
.prod_button{
	width: 115px;
}
a.buy_now{
	height: 26px;
	width: 84px;
	display: block;
	margin-left: 28px;
	background: url(/images/site_images/buttons/cart.gif) no-repeat -84px 0;
	text-indent: -9999px;
}
a.buy_now:hover{
	background-position: -84px -26px;
}
a#view_cart{
	height: 26px;
	width: 84px;
	display: block;
	margin-left: 28px;
	background: url(/images/site_images/buttons/cart.gif) no-repeat 0 0;
	text-indent: -9999px;
}
a#view_cart:hover{
	background-position: 0 -26px;
}

/* @end */

/* @group OEM */
.oemprod_sku{
	font-weight: bold;
	font-size: 12px;
}
.oemprod_desc{
	font-size: 12px;
	color: #666;
	padding: 0 10px;
}
.oemprod_price{
	text-align: center;
	font-weight: bold;
	padding: 0 10px;
}
.oemprod_button a.buy_now{
	margin-left: 0;
}
.oemprod_img #gallery{
	float: left;
}
.oemprod_img #gallery a{
	float: left;
}

a#oemview_cart{
	height: 26px;
	width: 84px;
	display: block;
	background: url(/images/site_images/buttons/cart.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin-left: 0;
}
a#oemview_cart:hover{
	background-position: 0 -26px;
}


/* @group lightbox */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/* @end */
/* @end */

/* @group Locations */
.locations{
	margin-bottom: 12px;
}
.locations h2{
	margin-top: 0;
	margin-bottom: 0;
}
.locations table{
	margin-top: 3px;
}
.locations table td{
	border-bottom: 1px solid #efefef;
}
.locations td.contact_name{
	width: 75px;
	border-bottom-style: solid;
}
.locations td.contact_phone{
	width: 180px;
}
.locations a{
	color: #123f62;
	text-decoration: none;
}
.locations a:hover{
	text-decoration: underline;
}
.category_area{
	margin-bottom: 15px;
	padding: 10px;
	background-color: #333;
	border: 1px solid #ccc;
	color: #999;
}
.category_area a{
	font-size: 14px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
.category_area a.current, .category_area a:hover{
	color: #fff;
}
/* @end */

/* @group Authorized Service Centers */
.authorized_service{
	clear: both;
}
.asc_logo{
	float: left;
	margin-right: 12px;
	width: 150px;
	height: 95px;
}

.auth_service_info{
	float: left;
	width: 370px;
	margin-bottom: 24px;
}
.auth_service_info h2, .auth_service_info p{
	margin: 0;
	padding: 0;
}
.auth_service_info a{
	color: #123f62;
}
/* @end */

/* @group Estimate and Contact Form */
#estimate_form, #contact_form, #repair_form{
	width: 400px;
}
.form_group{
	margin-top: 10px;
	border-top: 1px solid #d3e5ff;
	padding-top: 10px;
	float: left;
	width: 410px;
}
#estimate_form .group, #contact_form .group, #repair_form .group{
	height: 35px;
	float: left;
	margin-bottom: 10px;
}
#estimate_form .area_group, #contact_form .area_group, #repair_form .area_group{
	float: left;
}

#estimate_form h3, #contact_form h3, #repair_form h3{
	font-size: 16px;
	border-bottom-color: #1466aa;
	color: #0366b5;
	padding-left: 12px;
	margin-bottom: 8px;
}
#estimate_form label, #contact_form label, #repair_form label{
	font-size: 15px;
	width: 125px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 8px;
	padding-top: 5px;
}
#estimate_form input, #contact_form input, #repair_form input{
	height: 24px;
	width: 250px;
	font-size: 16px;
	font-weight: bold;
	color: #5d5d5d;
	float: right;
}
#estimate_form input:focus, #contact_form input:focus, #repair_form input:focus{
		background-color: #e2eeff;
	color:#000;
}
#estimate_form select, #repair_form select{
	display: block;
	float: left;
	font-size: 16px;
	border-style: solid;
	border-width: 1px;
}
#estimate_form input.submit_button, #contact_form input.submit_button, #repair_form input.submit_button{
	float: right;
	display: block;
	background: url(/images/site_images/buttons/submit_estimate.gif) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	color: #ff0000;
	width: 130px;
	height: 40px;
	border-style: none;
	cursor: pointer;
	margin-top: 10px;
	margin-right: 10px;
}
#estimate_form input.submit_button:hover, #contact_form input.submit_button:hover, #repair_form input.submit_button:hover{
	background-position: 0 -40px;
}
#contact_form textarea{
	font-size: 16px;
	font-weight: bold;
	color: #5d5d5d;
	width: 250px;
	height: 150px;
	float: right;
}
text_area#message:focus{
	background-color: #e2eeff;
	color:#000;
}

#contact_form p{
	font-size: 14px;
	margin-left: 6px;
}
/* @end */

/* @group Google Direction Maps */
#map_canvas{
	border: 2px solid #1566aa;
	margin-bottom: 12px;
}
input#start{
	height: 24px;
	margin-top: 8px;
	width: 550px;
	font-weight: bold;
	font-size: 16px;
	color: #777;
}
input#start:focus{
	background-color: #e2eeff;
	color:#000;
}
input#getdirections.submit_button{
	width: 76px;
	height: 20px;
	padding: 0;
	margin: 8px 0 0;
	background: url(/images/site_images/backgrounds/simple_contact_submit_bg.gif) no-repeat -50px 0;
	border-width: 0;
	cursor:pointer;
	border-style: solid;
	font-size: 0;
	line-height: 0;
	color: #fff;
}
input#getdirections.submit_button:hover{
	background-position: -50px -20px;
}
.googledir a{
	color: #1566aa;
	font-weight: bold;
}
/* @end */

/* @group Staff */
.staff_module{
	padding-bottom: 23px;
	clear: both;
	margin-bottom: 24px;
}
.staff_photo{
	float: left;
	margin-right: 12px;
}
.staff_photo img{
	color: #1566aa;
	border-style: none;
}
.staff_info{
	padding-left: 140px;
}
.staff_info h2{
	margin-bottom: 0;
}
.staff_info h3{
	color: #1566aa;
	font-size: 14px;
	margin-bottom: 8px;
}
.staff_info h3 a{
	color: #1566aa;
	text-decoration: none;
}
.staff_info h3 a:hover{
	text-decoration: underline;
}
/* @end */

/* @group Testimonials */
.testimonial{
	background: url(/images/site_images/backgrounds/quote_left.gif) no-repeat;
	padding-left: 45px;
	padding-top: 15px;
}
.testimonial_author{
	background: url(/images/site_images/backgrounds/quote_right.gif) no-repeat right;
	font-style: italic;
	text-align: right;
	padding-bottom: 12px;
	padding-right: 25px;
}

/* @end */

/* @group Download Brochure */
#brochure_download{
	margin-top: 24px;
}
#brochure_download a{
	width: 177px;
	height: 54px;
	display: block;
	background: url(/images/site_images/buttons/brochure_button.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#brochure_download a:hover{
	background-position: 0 -54px;
}
/* @end */

/* @group Simple Contact Form */

#simple_contact_form{
	margin-top: 23px;
	background: url(/images/site_images/backgrounds/simple_contact_form_bg.gif) repeat-y;
	color: #777;
}
#simple_contact_form p{
	color: #777;
	font-size: 13px;
	padding-left: 10px;
	margin-bottom: 0;
	margin-top: 5px;
}
#simple_contact_form p.contact_note{
	font-size: 11px;
	font-style: italic;
	margin-bottom: 8px;
}
#simple_contact_form h4 a{
	width: 177px;
	background: url(/images/site_images/backgrounds/simple_contact_form_header.gif) no-repeat;
	height: 41px;
	text-indent: -9999px;
	display: block;
}
#simple_contact_form .group{
	padding-left: 8px;
	font-size: 13px;
	clear: both;
	height: 28px;
}
#simple_contact_form .group input{
	float: right;
	height: 16px;
	width: 110px;
	margin-right: 22px;
}
#simple_contact_form .group label{
	float: left;
	padding-top: 5px;
}
#simple_contact_form input.submit_button{
	width: 177px;
	height: 20px;
	padding: 0;
	margin: 8px 0 0;
	background: url(/images/site_images/backgrounds/simple_contact_submit_bg.gif) no-repeat 0 0;
	border-width: 0;
	cursor:pointer;
	border-style: solid;
	font-size: 0;
	line-height: 0;
	color: #fff;
}
#simple_contact_form input.submit_button:hover{
	background-position: 0 -20px;
}
label.error{
	color: #c71a0f;
}
/* @end */

/* @group Special Offer Module */
#specials_module{
	width: 175px;
	border: 1px solid #ddd;
	background: url(/images/site_images/backgrounds/specials_bg.jpg) no-repeat 0 0;
	padding-top: 70px;
}
#specials_module h3{
	text-align: center;
	color: #ff0000;
	padding-right: 8px;
	padding-left: 8px;
}
#specials_module p{
	text-align: center;
	color: #ff0000;
	padding-right: 8px;
	padding-left: 8px;
}

/* @end */

/* @group GoogleTalk */
#right_column iframe{
	margin-top: 50px;
}

/* @end */



/* @end */

/* @group Maps */
#asc_map,#sa_map{
	width: 530px;
	height: 350px;
	border: 1px solid #2474bc;
	margin-bottom: 24px;
}	


/* @end */


