/*---------------------------------------------
*	File Name:		screen.css
*	Website Name:	Diamond Wire Spring
*	Website URI:	www.diamondwirespring.com
*	Copyright:		2009 Diamond Wire Spring Company
*	
*	Author: 		Zoltun Design
*	Author URI:		www.zoltun.com
*
*   The body is declared in the master.css
*	stylesheet.  
*--------------------------------------------*/

/**********************************************
*											  *
*	Please do not use Dreamweaver's "format	  *
*	source code" function. Thank you!		  *
*											  *
**********************************************/

/*	Global Styles
---------------------------------------------*/

body { background: #172030; color: #333; }

.nav_img a, .notext { overflow: hidden; text-indent: -999em; }
.notext_alt span { opacity: 0; }

.relative { position: relative; }

.img_left { float: left !important; margin: 5px 5px 5px 0px; }

.img_right { float: right; margin: 5px 0px 5px 5px; }

.img_size { width: 600px; }

.float-none { float: none !important; }

a { color: #003399; }

/*	Header
---------------------------------------------*/

#header { background: #fff url(../images/bg_header.png) repeat-x; height: 103px; position: relative; }

#logotype { background: url(../images/logotype.png) no-repeat; display: block; float: left; height: 43px; width: 400px; }

#logo { background: url(../images/logo.png) no-repeat; display: block; height: 125px; position: absolute; top: 0px; left: 400px; width: 182px;}

.translate { color: #fff; position: absolute; right: 350px; top: 3px; }
	.translate a { color: #fff; font-size: .9em; }

#quick_links { color: #fff; height: 41px; float: right; font-size: .9em; overflow: hidden; padding: 20px 0 5px 0; width: 405px; }
	#quick_links a { color: #fff; }

#cart_display { background: url(../images/icon_cart.png) no-repeat left center; float: left; padding: 5px 0; text-align: right; width: 165px; }

.front_touts_wrap { background: url(../images/bg_front_touts.png) repeat-x; height: 237px; }

.front_touts { background: url(../images/bg_waves.png) no-repeat; height: 235px; margin:0 auto; width:985px; }
	.tout_top { display: block; height: 205px; margin-top: 15px; width: 486px; }	
	.tout_custom { background: url(../images/tout_custom.png) no-repeat; float: left; }	
	.tout_stock { background: url(../images/tout_stock.png) no-repeat; float: right; }

#search_box { background: url(../images/bg_search.png) no-repeat left bottom; min-height: 24px; left: 725px; position: absolute; top: 103px; width: 260px; }

#search_collapse { display: none; height: 42px; position: relative; }

.search_input { background: transparent url(../images/bg_search_input.png) no-repeat; border: none; height: 17px; left: 20px; padding: 5px 24px 3px 5px; position: absolute; top: 8px; width: 150px; }

.search_submit { left: 210px; position: absolute; top: 8px; }

#search_toggle { display: block; float: right; height: 25px; position: relative; width: 120px; }

#search_panel { background-color:#FFFFFF; left:21px; position:absolute; top:32px; width:276px; z-index: 1000; }

.result_wrap { border: 2px solid #172030; padding: 5px; position: relative; z-index: 1001; }

/*	Page Structure (div, span, etc.)
---------------------------------------------*/

.wrap { width:985px; margin:0 auto; }

#main { }
	.main_home { background: #fff; }	
	.main_interior { background: #eef5f9 url(../images/bg_interior.jpg) repeat-x; padding: 30px 0px; }	
	.home_copy { padding-top: 15px; width: 486px; }	
	.copy_left { float: left; }	
	.copy_right { float: right; }

#front_callouts { background: url(../images/bg_schematics.png) repeat-x; clear: both; height: 217px; }

#sidebar { float: left; margin: 20px 0px 0px -30px; width: 270px; }
	.callout { background-position: right top; background-repeat: no-repeat; clear: both; display: block; margin: 0; height: 185px; width: 270px; }	
	.co_springs { background-image: url(../images/callout_springs.png); }	
	.co_quote { background-image: url(../images/callout_quote.png); }	
	.co_stock { background-image: url(../images/callout_stock.png); }		
	.co_specials { background-image: url(../images/callout_specials.png); }	
	.co_location { background-image: url(../images/callout_location.png); }	
	.co_experience { background-image: url(../images/callout_experienced.png); }

#content { float: right; margin: 20px 0 0 0; width: 723px; }
	.standard { background: url(../images/bg_standard_top.png) no-repeat; margin-bottom: 30px; padding-top: 24px; }	
	.standard_mid { background: url(../images/bg_standard_mid.png) repeat-y; min-height: 200px; padding: 0px 50px; zoom:1; }	
	.standard_mid img { float:right; }	
	.standard_mid img.left_img { float:left; !important }
	.standard_mid img.none_img { float:none; !important }	
	.faq_mid { padding: 0px; }	
	.faq_mid h1 { padding: 0px 20px; }	
	.standard_btm { background: url(../images/bg_standard_btm.png) no-repeat; height: 24px; }
	
	.standard_mid hr { border: 0px; border-top: 1px solid #99CCFF; background: transparent; height: 1px; }
	
	.left_column {float:left;width:340px;}
			
	.left_column img {width:340px;margin: 0 0 20px;}
		
	.left_column table tr td{padding:6px 0;	}
		
	.right_column {	float:left;	width:250px; margin:0 0 0 30px; }
		
	.right_column img {
			width:250px;
			margin: 0 0 20px;
		}
	.right_column img.pdf {
			width:16px;
			margin: 0 5px 0 0;
			float:left;
		}
	.column_container {
			display:block;
		}

	.btn_order { background: url(../images/order_online.png) no-repeat; display: block; height: 45px; width: 136px; }
	
.summary { background: url(../images/bg_summary.png) no-repeat; height: 208px; margin: 30px 2px; position: relative; width: 717px; }	
	.summary .more { background: url(../images/btn_more_info.png) no-repeat; clear: both; display: block; float: right; width: 120px; height: 38px; }	
	.summary_over { background-image: url(../images/bg_summary_over.png) !important; }	
	.summary .more:hover, .summary:hover .more, .summary_over .more { background-image: url(../images/btn_more_info_over.png) !important; }	
	.summary .contact { background: url(../images/btn_contact.png) no-repeat; clear: both; display: block; float: right; width: 120px; height: 38px; }	
	.summary .contact:hover { background-image: url(../images/btn_contact_over.png) !important; }	
	.summary .direction { background: url(../images/btn_directions.png) no-repeat; clear: both; display: block; float: right; width: 120px; height: 38px; }	
	.summary .direction:hover { background-image: url(../images/btn_directions_over.png) !important; }	
	.summary_img { height: 134px; left: 26px; position: absolute; top: 37px; width: 144px; background-image: url(images/manufacturing_img.jpg); }	
	.summary_content { left: 205px; top: 27px; position: absolute; width: 484px; }
	
.contact_group { clear: left; margin: 20px 10px; position: relative; }
	.contact_location { border-right: 1px solid #ccc; float: left; padding-right: 10px; width: 360px; }	
	.contact_address { color: #000; font-size: 1.1em; font-weight: bold; }	
	.contact_phone { background: url(../images/icon_phone.jpg) no-repeat left 2px; color: #333; font-size: 1em; letter-spacing: -0.05em; height: 32px; padding-left: 50px; }	
	.contact_tollfree { color: #09c; font-size: 1.2em; font-weight: bold; }
	#contact_drop { background: #eee; float: right; font-weight: bold; height: 21px; overflow: hidden; padding: 5px !important; width: 206px; list-style: none !important; position: absolute; left: 388px; text-align: center; z-index: 100; }	
	#contact_drop a { color: #003399; }	
	.poc_name { background: url(../images/bg_contact_name.png); margin: 0px; border: 1px solid #aaa; color: #777; display: block; height: 19px; line-height: 19px;  width: 202px; }
	#contact_drop .poc_name { background: none; margin: 10px auto 0px;   }
	#contact_drop .first { background: url(../images/bg_contact_name.png); cursor: pointer; cursor: hand; margin: 0px; }
	.contact_title { font-weight: bold; margin: 10px auto; padding: 0; } 
	.contact_drop { height: auto !important; }
	.contact_poc { background: #eee; float: right; font-weight: bold; margin: 0px; padding: 5px; width: 206px; text-align: center; }
	
	.contact_left { float: left; margin-right: 20px; width: 291px; }
	.contact_right { border-left: 1px solid #99CCFF; float: left; padding-left: 20px; width: 291px; }
		
#location_buttons { position:relative; bottom:25px; }	
	.sum2 { position:relative; bottom:25px; }	
	.sum3 { position:relative; top:10px; }	
	.sum4 { position:relative; bottom:10px; }	
	.sum5 { position:relative; top:10px; }
	
	.loc_link { font-weight: bold; text-transform: uppercase; }
	.loc_num { font-size: 1.2em; font-weight: bold; }
	.loc_block { border-top: 1px solid #99CCFF; clear: both; margin-top: 10px; padding-top: 10px; }
	

	
#side_text { background: url(../images/bg_sidetext_mid.png) repeat-y; letter-spacing: -0.01em; padding: 0 35px; }	
	.side_text_wrap { float: right; margin: 0 0 40px 0; width: 245px; }	
	.side_text_top { background: url(../images/bg_sidenav_top.png) no-repeat; padding-top: 25px; }	
	.side_text_btm { background: url(../images/bg_sidenav_bm.png) no-repeat; padding-top: 26px; }
	
.faq_group { border-top: 1px solid #ccc; background: #ecf6fe; margin: 0px 13px 0px 14px; padding: 10px 0; }	
	.faq_group ul li { margin:0 30px; }	
	.faq_odd { background-color: #f6f7f0; }	
	.faq_first { margin-top: 15px; }	
	.faq_last { border-bottom: 1px solid #ccc; margin-bottom: 20px; }	
	.faq_qa { font-size: 18px; font-weight: bold; }	
	.btm_touts { background-position: no-repeat; display: block; float: left; height: 199px; margin: 10px 0 0 0; width: 324px; }	
	.tout_questions { background-image: url(../images/tout_questions.png); }	
	.tout_locations1 { background-image: url(../images/tout_map1.png); }
	.tout_locations2 { background-image: url(../images/tout_map2.png); }	
	.tout_locations3 { background-image: url(../images/tout_map3.png); }	
	.tout_locations4 { background-image: url(../images/tout_map4.png); }		
	.tout_download { background-image: url(../images/tout_download.png); float: right; }
	
.catalog_springs { border-top: 1px solid #ccc; height: 120px; padding: 15px 0px; }
	.category { float: left; width: 180px; padding-right: 27px; }
	.category_img { float: none !important; padding: 0; margin: 0; }
	.category_prop { min-height: 270px; }
	
.cart { background: #eee; padding: 5px; width: 600px; }

#bubble_location { display: none; }

#footer { background: #172030; border-top: 15px solid #09699b; color: #fff; font-size: .9em; min-height: 150px; text-align: center; }

.copyright { border-top: 1px solid #fff; clear: both; margin: 10px auto; padding: 5px 0px; width: 500px; }

#icon_smi { background: url(../images/icon_smi.png) no-repeat; display: block; float: left; height: 36px; margin-left: 400px; width: 152px; }

#icon_iso { background: url(../images/icon_iso.png) no-repeat; display: block; float: left; height: 36px; width: 36px; }

.pdf_link { background: url(../images/pdf_icon.jpg) no-repeat left center; padding-left: 20px; }

.p_header { font-weight: bold; }

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

#nav_1 { float: left; margin-top: 23px; width: 395px; }

#nav_2 { float: right; width: 400px; }
	.nav { height: 37px; padding: 0; position: relative; }	
	.nav li { display: block; float: left; height: 37px; }	
	.nav li a { background-repeat: no-repeat; display: block; float: left; height: 37px; }	
	.nav_home, .nav_home a { background-image: url(../images/nav_home.png); width: 92px; }	
	.nav_home a:hover { background-position: 0px -37px; }	
	.nav_stock, .nav_stock a { background-image: url(../images/nav_stock.png); width: 150px; }	
	.nav_stock a:hover { background-position: 0px -37px; }	
	.nav_custom, .nav_custom a { background-image: url(../images/nav_custom.png); width: 153px; }	
	.nav_custom a:hover { background-position: 0px -37px; }	
	.nav_about, .nav_about a { background-image: url(../images/nav_about.png); width: 123px; }	
	.nav_about a:hover { background-position: 0px -37px; }	
	.nav_company, .nav_company a { background-image: url(../images/nav_company.png); width: 97px; }	
	.nav_company a:hover { background-position: 0px -37px; }	
	.nav_locations, .nav_locations a { background-image: url(../images/nav_locations.png); width: 93px; }	
	.nav_locations a:hover { background-position: 0px -37px; }	
	.nav_contact, .nav_contact a { background-image: url(../images/nav_contact.png); width: 87px; }	
	.nav_contact a:hover { background-position: 0px -37px; }
	
#nav_user { float: left; padding: 5px 0px 5px 10px; text-align:right; width: 220px; }	
	#nav_user li { border-left: 1px solid #666; float: left; margin-right: 5px; padding-left: 5px; }	
	.link_login { background: #0099cc; padding: 0px 5px; }	
	.link_login:hover { color: #09c !important; background: #fff; text-decoration: none; }
	#nav_user .last { margin-right: 0; }
	.btn_youtube { background: url(../images/btn_youtube.png) no-repeat; display: block; height: 32px; margin-top: -10px; width: 31px; }
	.btn_youtube:hover {text-decoration: none !important; }
	
#side_nav { background: url(../images/bg_sidenav_mid.png) repeat-y; letter-spacing: -0.01em; padding: 0 24px; }	
	.side_nav_wrap { float: right; margin: 0 0 40px 0; width: 245px; }	
	.side_nav_top { background: url(../images/bg_sidenav_top.png) no-repeat; padding-top: 25px; }	
	.side_nav_btm { background: url(../images/bg_sidenav_bm.png) no-repeat; padding-top: 26px; }	
	#side_nav li, #side_nav li a { background: url(../images/bg_sidenav_item.png) no-repeat; }	
	#side_nav li a { color: #333; display: block; height: 42px; font-size: 1.0em; font-weight: bold; line-height: 42px; text-align: center; }	
	#side_nav li a:hover { background: url(../images/bg_sidenav_hover.png) no-repeat; color: #fff; text-decoration: none; }	
	#side_nav li.over, #side_nav li.over a { background: url(../images/bg_sidenav_hover.png) no-repeat; color: #fff; text-decoration: none; }	
	#side_nav li.firstover, #side_nav li.firstover a { background: url(../images/bg_sidenav_first_hover.png) no-repeat; color: #fff; text-decoration: none; }	
	#side_nav li.first, #side_nav li.first a { background: url(../images/bg_sidenav_first.png) no-repeat; }	
	#side_nav li.first a:hover { background: url(../images/bg_sidenav_first_hover.png) no-repeat; }	
	#side_nav li.last, #side_nav li.last a { background: url(../images/bg_sidenav_last.png) no-repeat; }	
	#side_nav li.last a:hover { background: url(../images/bg_sidenav_last_hover.png) no-repeat; }	
	#side_nav li.lastover, #side_nav li.lastover a { background: url(../images/bg_sidenav_last_hover.png) no-repeat; color: #fff; text-decoration: none; }
	#side_nav li ul { display: block; padding: 0; }
	#side_nav li.over ul { display: block; }
	#side_nav li ul li a { font-size: 1em; height: 26px; line-height: 26px; }
	#side_nav li.over ul li a { background: url(../images/bg_sidenav_item.png) no-repeat; color: #555; }
	#side_nav li.over ul li a:hover, #side_nav li.over ul li.over, #side_nav li.over ul li.over { background: url(../images/bg_sidenav_hover.png) no-repeat !important; color: #ccc; }
	
#nav_footer { font-weight: bold; margin: 10px auto; width: 680px; }	
	#nav_footer li { border-right: 1px solid #666; float: left; margin-right: 5px; }	
	#nav_footer .last { border-right: 0px; }	
	#nav_footer li a { color: #0099cc; font-size: .9em; padding: 0px 10px 0px 5px; }

/*	Headings
---------------------------------------------*/

h1 { }

	.standard h1 { border-bottom: 1px solid #ccc; color: #09C; font-weight: bold; margin-bottom: .375em; padding-bottom: 0em; }
	.faq_mid h1 { margin: 0 30px; border:none; !important }	
	.page_title { color: #fff; font-weight: bold; margin-left: 18px; }

h2 { }

	.copy_left h2 { background: url(../images/txt_diamond.png) no-repeat; height: 39px; width: 486px; }	
	.copy_right h2 { background: url(../images/txt_committed.png) no-repeat; height: 39px; width: 486px; }	
	.summary_content h2 { border-bottom: 1px solid #ccc; color: #069; font-weight: bold; line-height: 1; margin: 0 0 .375em 0; padding: 0; }	
	.standard h2 { color: #069; font-weight: bold; line-height: 1; margin: 0; padding: 0 0 .375em 0; }	
	.faq_mid h2 { border-bottom: 1px solid #ccc; margin: 0.375em 25px 0.375em 35px; }	
	#side_text h2 { font-weight: bold; text-align: center; }
	.category h2 { clear: both; color: #9EC340; }

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #669933;
	line-height: 16px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #0099cc;
}

h5 { }

/*	Text Styles
---------------------------------------------*/

p { }

	.copy_left p { padding-left: 6px; }
	.faq_mid p { padding: 0px 25px 0px 35px }
	.category p { clear: both; font-size: .9em;text-align: left; }
	
ul { }

	.copy_right ul { color: #666; list-style-image: url(../images/bullet_yellow.png); font-family: Rockwell, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; padding: 0 0 0 40px; }	
	.standard ul { list-style: disc; }	
	.standard ol { list-style: decimal; } 

table {}

	#results { font-size: .9em; padding: 5px; width: 156px; }
	.results_head td { border-bottom: 1px solid #172030; font-weight: bold; }
		.row_over { background-color:#eaeaea; cursor:pointer }	
		.row_normal { background-color:#ffffff; cursor:pointer }	
		.green { color:#669900; font:bold 13px arial; padding:0 0 0.3em;} 	
		.line { border-bottom:1px solid #CCCCCC; width:250px; margin:10px 0;}	
	
	.spring_info { padding-right: 15px; }
	
	#spring_list { font-size: .9em; }
	#spring_list tr { position: relative; }
	

/*	Forms
---------------------------------------------*/

.button_list label{
/*margin:0px;*/
width:auto;
margin-right:20px;
}

fieldset legend { color: #069; font-size: 1.4em; font-weight: bold; margin: .5em 0em; }

fieldset label { display: inline-block; padding-right: 10px; width: 110px; }

fieldset .short_box { width: 50px; }

.req { color: #CC0000; vertical-align: super; font-size: .8em; }


/*	Extras
---------------------------------------------*/