/* Copyright 2008, SeriousSites, Tom Lilley */
/* ==CSS Reset ============================================================= */
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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;} /* remember to define focus styles! */
ins {text-decoration: none;} /* remember to highlight inserts somehow! */
del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* =============================================================================
Notes:
- Floated elements with applied margin in same direction as float gets DOUBLED - Fix = display:inline;
- Collapsing margins - only the larger margin is used if two adjoining margins meet - use border?
==End=========================================================================== */

/* Height settings for litebox */
html, body {min-height: 100%;height: auto !important;height: 100%;} /* height settings for litebox */
body{font:normal 75% arial, sans-serif;background:#254061;text-align:center;} /* Text-Align needed for IE5.5 */

/* Links */
a, a:link, a:visited{color:blue;}
a:hover{text-decoration:none;}

a.formbutton_send, a.formbutton_send:link, a.formbutton_send:visited{margin-top:3px;display:block;text-align:left;width:221px;height:73px;line-height:73px;background:url(/images/general/btnsend.jpg) 0px 0px ;outline:none;}
a.formbutton_send:hover{background-position:0px 73px;}

a.formbutton_search, a.formbutton_search:link, a.formbutton_search:visited{float:right;margin-top:3px;display:block;width:35px;height:21px;line-height:21px;text-align:center;color:#dddddd;font-size:1em;text-decoration:none;background:url(/images/general/btnSearch.jpg) 0px 0px;outline:none;}
a.formbutton_search:hover{background-position:0px 21px;color:white;text-decoration:none;}

/* Div link - make a div clickable*/
a.divlink,  a.divlink:link {display:block;line-height:0;font-size:0;width:100%;height:100%;}

/* Standard elements */
p{padding:4px;padding-left:0px;font-size:1.1em;line-height:1.2em;color:#1d3b5e;}
img{border:none;}

h1,h2,h3{font-family:arial,sans-serif;font-weight:normal;font-size:14px;color:white;}
	
ul{list-style-type:none;margin-left:10px;}
	li{line-height:17px;font-size:13px;color:#1d3b5e;}
	
.required, .warning, .errortext{color:red;}
.left{float:left;}
.right{float:right;}
.inputmask{margin-left:5px;vertical-align:top;font-size:.8em;color:#555555;}
.promotiontext{color:red;font-size:2em;}
.pricereduction{text-decoration:line-through;}

/* tables */
table{font-size:1em;color:#1d3b5e;}
	td{vertical-align:top;}
	td.label{font-weight:bold;width:125px;}
	td.data{}
	td.shippinghighlight{padding:4px 0 4px 0;color:black;font-weight:bold;}

/* File Upload */
#wait{display:none;}
#fileupload{width:100%;background-color:white;}
	#fileupload td{text-align:center;font-weight:bold;font-size:1.3em;color:red;}
	#fileupload td.title{font-size:2em;color:black;}
	#fileupload td.small{font-size:1em;font-weight:normal;color:#555555;}

/* Div clearing */
div.clear{clear:both;font-size:.1em;}

/* Wrapper */
#canvas{position:relative;margin: 0px auto 0px auto;text-align:center;width:960px;background:white url(/images/general/canvas_repeat.gif) repeat-y;}
	
/* Banner */
#banner{position:relative;text-align:left;width:960px;height:286px;}
	
	.version1{background:url(/images/banner/Banner_Background_1.jpg) no-repeat;}
	.version2{background:url(/images/banner/Banner_Background_2.jpg) no-repeat;}
	.version3{background:url(/images/banner/Banner_Background_1.jpg) no-repeat;}
	.version4{background:url(/images/banner/Banner_Background_3.jpg) no-repeat;}

	#banner p{margin:0px;padding:0px;margin-top:3px;font-size:13px;}
	#banner ul{margin:0px;padding:0px;}
	#banner li{}
	#banner table{font-size:13px;}
	#banner h1,h2{margin:0px;padding:0px;}
	#banner h1{position:absolute;top:40px;left:10px;width:327px;height:50px;text-indent:-9999px;font-size:.1em;background: url(/images/banner/JSModelsLogo.png);}
	#banner #verified{position:absolute; top:5px;left:525px;width:145px;height:145px;background: url(/images/banner/verified.png);}
	#banner #manufacturers{position:absolute;top:233px;left:208px;width:158px;height:20px;background: url(/images/banner/manufacturers.jpg);}
	#banner #banner_left{position:absolute; top:137px;left:0px;width:210px;height:149px;}
		#banner #banner_left .left_h2_1{position:absolute;top:7px;left:20px;}
		#banner #banner_left .left_nav{position:absolute;top:30px;left:20px;}
		#banner #banner_left .left_h2_2{position:absolute;top:129px;left:20px;}
	#banner #banner_right{position:absolute;top:38px;left:750px;width:210px;height:248px;}
		#banner #banner_right .right_h2_1{position:absolute;top:8px;left:20px;}
		#banner #banner_right #search{position:absolute;top:35px;left:20px;width:155px;}
		#banner #banner_right .right_h2_2{position:absolute;top:107px;left:20px;}
		#banner #banner_right #basket{position:absolute;top:135px;left:20px;width:160px;}
		#banner #banner_right .right_h2_3{position:absolute;top:228px;left:20px;}
	#banner #banner_center{position:absolute;top:259px;left:200px;width:560px;height:27px;}
		#banner #banner_center .center_h2_1{position:absolute;top:7px;left:20px;}

#main_area{position:relative;text-align:left;width:960px;}
	/* left sidebar */
	#sidebar_left{position:relative;text-align:left;float:left;display:inline;width:190px;margin-left:10px;}
		#sidebar_left h3{margin:0px;padding:0px;padding:2px;padding-left:10px;font-size:13px;margin-top:0px;border-bottom:1px solid #162f4d;color:white;background:#1d3b5e;}
		#sidebar_left ul{margin-top:1px;margin-bottom:3px;}
		#sidebar_left li{line-height:17px;font-size:12px;}
		#sidebar_left li.empty{color:#777777;}
	
	/* Content */
	#content{position:relative;float:left;display:inline;width:520px;margin-left:10px;padding:10px;text-align:left;}
		.secure{background:url(/images/paypal/paypal-secure.jpg) top right no-repeat;}
		#content h1 , #content h2, #content h3{color:black;margin:8px;margin-left:0px;margin-bottom:10px;}
	
	/* Products */
	/* Detail */	
	#productdetail{width:492px;margin-left:3px;margin-top:10px;padding:8px;padding-bottom:70px;border-top:1px solid #567ca9;background:url(/images/general/productdetail.gif) bottom left no-repeat;}
		
		#productdetailimage{float:right;border:1px solid #ced6e0;background:#eeeeee;padding:3px;margin:3px;margin-right:3px;}
		#productdetail img{border:1px solid white;}
		#productdetail table{margin-bottom:4px;margin-top:10px;}
		#productdetail h2{margin-top:12px;color:#1d3b5e;margin-bottom:5px;}
		#productdetail p.description{color:#555555;}
		#productdetail p.price{}
		
	/* listing display - using three cols and a FAUX style background to keep things aligned */
	div.productcols{width:510px;margin-left:3px;margin-top:8px;padding-bottom:8px;background:white url(/images/general/productcols.gif) bottom left no-repeat;}
		div.productcols p{margin:0px;padding:0px;margin:2px;}
		div.productcols p.small{color:#555555;font-size:1em;}
		div.productcontainer{float:left;display:inline;width:152px;padding:4px;margin-right:12px;border-top:1px solid #aaaaaa;}
		div.productcontainer.last{margin-right:0px;} /* must remove the margin for the last col image */
	/* Product paging links */
	table.paginglinks{width:100%;margin-top:5px;}
	table.paginglinks td{vertical-align:top;}
	table.paginglinks p{font-size:.9em;color:#444444;}
		table.paginglinks td.left{width:200px;}
			table.paginglinks td.left p{float:left;}
		table.paginglinks td.center{text-align:center;}
			table.paginglinks td.center p{font-size:1.2em;color:#333333;}
		table.paginglinks td.right{width:200px;}
			table.paginglinks td.right p{float:right;}
	/* Button link - First Previous Next Last */
	a.formbutton_paginglink, a.formbutton_paginglink:link, a.formbutton_paginglink:visited{float:left;display:block;width:90px;height:27px;line-height:23px;text-align:center;color:#dddddd;font-size:1em;text-decoration:none;background:url(/images/general/btnNavigation.jpg) 0px 0px;outline:none;} 
	a.formbutton_paginglink:hover{background-position:0px 27px;color:white;text-decoration:none;}
		/* Disabled button effect */
		span.paginglink_disabled{float:left;background:url(/images/general/btnNavigation_Disabled.jpg) ;width:90px;height:27px;line-height:23px;text-align:center;} 
			
	/* right sidebar */
	#sidebar_right{position:relative;float:left;display:inline;text-align:left;width:190px;margin-left:10px;}
		#sidebar_right div.featured_product{width:160px;margin: 10px auto 10px auto;padding:5px;background:#b6cbe4 url(/images/general/featuredbox.gif) bottom right no-repeat;border:1px solid #f2f5f8;}
		#sidebar_right p{margin:0px;padding:2px;font-size:1em;}
		#sidebar_right h3{padding:0px;margin:0px;padding-left:10px;background:url(/images/general/h3.jpg) no-repeat;line-height:27px;height:27px;width:180px;}

/* footer */
#footer{position:relative;text-align:left;padding-top:55px;width:960px;height:100px;background:#254061 url(/images/general/footer_background.jpg) top left no-repeat;}
	#footer p{color:#dddddd;padding:0px;margin:0px;}
		#footer p.footer{text-align:right;white-space:nowrap;}
		#footer p.footer span{float:left;text-align:left;}
	#footer a, #footer a:link, #footer a:visited{color:white;}
	#footer a:hover{text-decoration:none;}

/* Terms */
#terms{border:1px solid #3c5068;background:#eeeeee;padding:5px;height:250px;overflow:auto;margin-top:10px;}
		#terms h1, #terms h2, #terms h3 {color:#666666;font-size:1em;font-weight:bold;}
		#terms p {color:#666666;font-size:.9em;}
		
/* Inputs */
form{}
input{padding:2px;margin:2px;font-size:1em;font-family:arial, sans-serif;}
.search{width:100px;float:left;height:18px;background:white url(/images/general/search_fade.gif) repeat-x;border:1px solid #3c5068;}
textarea{padding:2px;margin:2px;font-size:1em;font-family:arial, sans-serif;}