/*
	Name: SF Engineering
	Date: Rocktober 2009!
	Description: Global Style Sheet
	Version: 1.0
	Coder: Enrique Ramirez
	Coder URI: http://enrique-ramirez.com
*/

/* Imports
===============================================*/
@import url("reset.css");

/* Global Styles
===============================================*/


/* Jons styles*/

#all_cat {
	width: 270px;
	height: 80px;
	padding-left: 7px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	}
#all_cat {
	background: #fff url(/assets/all_cat.jpg) 0 0 no-repeat;
	}
	
#all_cat a {
	border: none;
	color: #fff;
	text-decoration: none;
	display: block;
	}
#all_cat a:hover {
	color: #ccc;
	}
#all_cat p{
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-top: 3px;
	font-weight: bold;
	margin: 0;
	}
#all_cat h3{
	margin: 13px 0 0 5px;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	}


#tableData td{
	padding: 5px;
	background: #E3E3E3;
	border: 5px solid #fff;
	border-bottom: 10px solid #fff;
}

#tableData img{
	border: 1px solid #333;
	padding: 2px;
}
/* End Jons styles*/




body {
	background: white;
	color: black;
	font-size: 68.8%; /* Base font size: 11px */
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	line-height: 1.7; /* 19px */
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Headers
-----------------------------------------------*/
h1, h2 {font-size: 1.727em}	/* 19px */
h3 {font-size: 1.273em}	/* 14px */
h4 {font-size: 1.182em}	/* 12px */
h5 {font-size: 1em}		/* 11px */
h6 {font-size: 1em}		/* 11px */

h1, h2, h3, h4, h5, h6 {
	color: #9BA29B;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-weight: normal;
	line-height: 1.182em; /* 13 px */
	margin-bottom: .25em;
}

h1, h2 {color: #0092CF; margin-bottom: .8em;}
h1 {margin-bottom: .15em;}
	
/* Links
-----------------------------------------------*/
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {color: #0092CE; text-decoration: underline;}
a:hover, a:active {text-decoration: none;}
	
/* Paragraphs
-----------------------------------------------*/
p {margin-bottom: 1.7em;}

p.intro {color: #0091D0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists
-----------------------------------------------*/
ul {margin: 1em 0 1.5em 1.5em;}

ul li {
	background: url('../images/icons/list-bullet.gif') no-repeat 0 3px;
	padding: 0 0 0 15px;
}

ul li ul li {background: url('../images/icons/list-bullet2.gif') no-repeat 0 3px;}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes
-----------------------------------------------*/
blockquote {
	color: #65C5DE;
	font-size: 1.364em;
	font-style: normal;
	line-height: 1.4;
	margin-bottom: 2.5em;
}
blockquote .author {font-size: 0.733em;}
blockquote p {margin-bottom: 12px;}

q {}

/* Tables
-----------------------------------------------*/
table {margin: .5em auto 1.5em auto; width: 98%;}
td {vertical-align: top;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
	
.req {color: #990000;}

/* Layout
===============================================*/
.contents {margin: 0 auto; width: 954px; padding: 0 23px;}
.contents:after, #header .nav:after,
.buttons:after, #sidebar .module:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#productPhotos img {
	border: 4px solid #ccc;
	padding: 2px;
}

/* Header
-----------------------------------------------*/
#header {
	background: url('../images/bg-body.png') repeat-y center top;
}

	/* Top Menu */
	#top-menu {font-size: .818em; position: relative; padding: 0 0 0 0;}
	#top-menu ul {float: right; list-style: none; margin: 0; padding: 30px 15px 10px 0;}
	#top-menu li {
		background: none;
		border-left: 1px solid #004863;
		float: left;
		line-height: 1.1;
		margin: 0 0 0 10px;
		padding: 0 0 0 10px;
		text-transform: uppercase;
	}
	#cse-search-box {
	position: absolute;
	top: 20px;
	left: 0;
	}
	
.searchbt {
	border: none;
	background: #004963;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 8px 3px 8px;
	cursor: pointer;
	cursor: hand;
}

input[type="submit"]:hover{
   background: #0092cf;
}



#cse-search-results iframe {width: 700px; }


	#top-menu li.first {border: 0; margin: 0; padding: 0;}
	#top-menu li:first-child {border: 0; margin: 0; padding: 0;}
	
	#top-menu a:link, #top-menu a:visited {color: #004863; text-decoration: none;}
	#top-menu a:hover, #top-menu a:active {text-decoration: underline;}
	
	/* Flash */
	#header .flash {height: 224px; overflow: hidden; padding: 0 0 3px 0; width: 956px;}

	/* Nav */
	#header .nav {background: #0092CF; color: #fff; height: 1%;}
	
	#header .nav ul {
		background: #004963 url('../images/bg-menu.gif') repeat-y top left;
		float: right;
		height: 1%;
		list-style: none;
		margin: 0;
		overflow: hidden;
		padding: 0 220px 0 2px;
		text-transform: uppercase;
		width: 660px;
	}
	#header .nav li {background: none; float: left; padding: 0;}
	
	#header .nav a:link, #header .nav a:visited {
		color: #fff;
		display: block;
		float: left;
		text-decoration: none;
		padding: 5px 7px;
	}
	
	#header .nav a:hover, #header .nav a:active {background: #0092CF;}
	
	/* Sub Menu */
	#header .nav.sub {background: #fff; border-top: 1px solid #80C9E7;}
	#header .nav.sub ul {background: #0092CF; text-transform: none; padding-left: 0;}
	
	#header .nav.sub a:hover, #header .nav.sub a:active {text-decoration: underline;}

/* Body
-----------------------------------------------*/
#body {background: url('../images/bg-body.png') repeat-y center top;}

#body .contents {padding: 27px 20px 35px 23px; width: 900px;}
#body .contents.home {background: url('../images/bg-content.jpg') no-repeat bottom left;}
#body .contents.location {padding: 27px 0 0; width: 764px;}

	/* Content */
	#content {float: left; width: 640px;}
	
	/* Sidebar */
	#sidebar {float: right; overflow: hidden; width: 210px;}
	#sidebar img {margin-bottom: 15px; max-width: 210px;}
	#sidebar a img {display: block; margin-bottom: 6px;}
	
		/* Modules */
		#sidebar .module {font-size: .818em; height: 1%; margin-bottom: 15px;}
		
		#sidebar .module h2 {text-align: center;}
		#sidebar .module h3 {font-size: 1em; text-align: center;}
		
		#sidebar .module ul {list-style: none; margin: 0;}
		
			/* News */
			#sidebar .news {background: #EAEDEB url('../images/bg-news.gif') no-repeat top left; margin: 0 auto 15px auto; width: 203px;}
			#sidebar .news .wrap {
				background: url('../images/bg-news.gif') no-repeat bottom right;
				padding: 20px;
			}
			
			#sidebar .news li {
				background: url('../images/bg-new.gif') repeat-x bottom center;
				margin: 0 0 15px 0;
				padding: 0 0 15px 0;
			}

/* Quick Links
-----------------------------------------------*/
#quick {
	background: url('../images/bg-quick.png') repeat-y center top;
	padding: 30px 0 20px 0;
}
#quick a:link, #quick a:visited {color: #9AA29A; text-decoration: none;}
#quick a:hover, #quick a:active {color: #0092CE;}

#quick h2 {padding: 0 0 0 43px;}

#quick ul {height: 1%; list-style: none; margin: 0 0 20px 0; overflow: hidden; padding: 0 0 0 30px;}
#quick li {background: none; float: left; margin: 0 13px; padding: 0;}

#quick p {clear: both; margin: 0; padding: 0 43px;}
#quick p img {margin: 0 23px 0 0;}

/* Footer
-----------------------------------------------*/
#footer {
	background: url('../images/bg-footer.png') no-repeat center top;
	color: #3FB8D3;
	font-size: .909em;
	padding: 15px 0 25px 0;
}
#footer a:link, #footer a:visited {color: #3FB8D3;}

#footer p {float: left; margin: 0 0 0 45px;}
#footer img {float: right; margin: 0 30px 0 0;}
	
/* Sections
===============================================*/
/* Buttons */
.buttons {height: 1%; margin: 0 0 25px -10px; position: static !important; position: relative; width: 490px;}
.buttons div.left {float: left; margin: 0; width: 232px;}
.buttons div.right {float: right; margin: 0; width: 232px;}

/* ++++++++++++++++++++++++++++++  TEXT  ++++++++++++++++++++++++++++++++++++++ */
.prods {
position: relative;
width: 343px;
padding: 5px;
}
.bprods {
position: relative;
width: 450px;
padding: 5px;
}
/*.prod-text .imgdiv{
	margin-left:-120px;
	width:110px;
	margin-top:5px;
	padding:0px;
	height:74px;
	float:left;
	text-align:center;
	vertical-align: middle;
}*/
.prod-image {
position: absolute;
top: -8px;
left: -14px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
}
.prod-imagecat {
position: absolute;
top: 6px;
left: 13px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
}
.prod-text {
position: absolute;
top: 10px;
left: 120px;
line-height: 1.2;
width: 220px;
}
.bprod-text {
position: absolute;
top: 30px;
left: 400px;
width: 280px;
}
.bprod-text .imgdiv{
	margin-left:-320px;
	margin-top:30px;
	padding:0px;
	height:74px;
	float:left;
	text-align:center;
}
.bprod-image{
	left:10px;
}
.prod-text h2 {
color: #0092cf;
font-size: 13px;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-family: Arial,Helvetica,sans-serif;
}
.bprod-text h2 {
color: #0092cf;
font-size: 14px;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.prod-text p {
padding: 2px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 11px;
}
.bprod-text p {
padding: 7px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 11px;
line-height: 1.2;
}
.prod-img img, .bprod-img img { border: none; }
.prod-text h2 a:link { color:#0092cf; font-style:normal; text-decoration:none; font-weight:bold; }
.prod-text h2 a:visited { color:#0092cf; font-style:normal; text-decoration:none; font-weight:bold; }
.prod-text h2 a:hover { color:#0092cf; font-style:normal; text-decoration:underline; font-weight:bold; }
.prod-text h2 a:active { color:#0092cf; font-style:normal; text-decoration:none; font-weight:bold; }

/* news */
.news p {margin-bottom: 1em;}