/*
	@Version 0.3
	@Created by Joey Rabbitt (createanet)
	@1 April 2009
*/


/* /////////////// TAG RESETS / DEFAULTS //////////////////// */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, 
h4, h5, h6, pre, form, fieldset, input, p, 
blockquote, th, td 
{ margin : 0; padding : 0; }

*{
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6{
	margin:0 0 15px 0;
	padding:0;
	font-size: 100%;
}
h1{
	font-weight:normal;
	font-size:300%;
}
h2{
	font-weight:normal;
	font-size:180%;
}
h3{
	font-size:150%;
}
h3, h3 a{
	color:#0066cc;
}
h4{
	font-size:120%;
}
p{
	margin:0 0 15px 0;
	padding:0;
	line-height:1.4em;
}
ul{
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}
	li{
		margin:0 0 10px 0;
		padding:0;
	}
	li.enditem{
		margin:0;
	}
ol{
	margin:0 0 15px 0;
	padding:0 0 0 20px;
}
	ol li{
		list-style:decimal;
	}

hr{
	display:none;
}
.hr, .hr-clear{
	height:1px;
	font-size:0px;
	margin:0 0 20px 0;
	border-bottom:1px dashed #ccc;
}
.hr-clear{
	clear:both;
}
a{
	outline:none;
	color:#333;
}
a img{
	border:none;
}
a:hover{
	text-decoration:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #f4f4f4;
	margin:0 0 15px 0;
}

th, td {
	padding: 7px;
}
th {
	background:#333;
	color:#fff;
	text-align:left;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
	.clearfix {
		display: inline-block;
	}
	
	html[xmlns] .clearfix {
		display: block;
	}
	
	* html .clearfix {
		height: 1%;
	}

/* ------------- SOME DEFAULT STYLES --------------- */	
	
.floatright{
	float:right;
}
.floatleft{
	float:left;
}
.clearboth{
	clear:both;
}
	div.clearboth{
		font-size:0;
		height:0;
		line-height:0;
	}
.displaynone, .hidden{
	display:none;
}
* .nomargin{
	margin-bottom:0;
}
.subtext{
	color:#999;
	font-size:90%;
}
a.rss{
	background:url(../images/rss.gif) no-repeat 0px 1px;
	line-height:12px;
	padding:0 0 0 15px;
	text-decoration:none;
}
a.rss:hover{
	text-decoration:underline;
}
.overflowbox{
	height: 250px;
	overflow: auto;
}

/*---------------- CMS AREA FORMATING -----------------*/

.cms{
	margin:0 0 15px 0;
}
.cms ul, ul.list1 {
}
.cms ul li, ul.list1 li{
	background:url(../images/bullet.gif) no-repeat 0px 4px;
	padding:0 0 0 15px;
}

body {
	font:74% Arial, Helvetica, sans-serif;
	text-align:center;
	background:url(../images/backgrounds/page_bg.gif) repeat-x top left #FFF;
	color:#333;
}

/*////////////  Template Variables  //////////////////////*/

#wrap{
	width: 940px;
	margin: 0 auto;
	text-align: left;
}
#main_content, .main_column{
	width:580px;
	display: inline;
	float: left;
	margin-bottom: 25px;
	min-height: 400px;
	margin-top:25px;
}

.right_column, #subcontent{
	width: 318px;
	padding:0 11px 0 11px;
	margin-left: 20px;
	float: left;
}
.left_column{
	width: 160px;
	margin-left: -940px;
	float: left;
	margin-bottom: 10px;
	}


/*\-------Sub Navigation--------- /*\/*/

#header {
	margin-bottom:0;
	padding:15px 0 0 0;
	height:170px;
	position:relative;
	background:url(../images/backgrounds/telephone.gif) no-repeat  680px 15px;
}

/*\-------Sub Navigation--------- /*\/*/

#subnavigation { margin:0 0 35px 0; padding:0; color:#FFFFFF;}
#subnavigation li {display:inline; margin:0; padding:0 5px 0 5px; border-right: 1px solid #FFF;}
#subnavigation li a {color:#FFF; text-decoration:none;}
#subnavigation li a:hover {color:#FFF; text-decoration:underline;}

/*\-------Main Navigation--------- /*\/*/

#mainnav  {height:20px; margin:0 0 12px 0; padding:0; list-style:none; width:540px;}
#mainnav li { margin:0 17px 0 0; padding:0; text-indent:-900em; float:left;}

#home a, #products a, #why a, #seal a {height:20px; display:block;}

#home a {width:52px; background:url(../images/backgrounds/maintabs.gif)  no-repeat 0 0; }
#home a:hover, body#homepage #home a {background-position: 0 -20px;}

#products a {width:88px; background:url(../images/backgrounds/maintabs.gif) no-repeat -74px 0;}
#products a:hover, body#prodpage #products a  {background-position: -74px -20px;}

#why a {width:122px; background:url(../images/backgrounds/maintabs.gif) no-repeat -180px 0;}
#why a:hover, body#whypage #why a {background-position: -180px -20px;}

#seal a {width:173px; background:url(../images/backgrounds/maintabs.gif) no-repeat -321px 0;}
#seal a:hover, body#sealspage #seal a {background-position: -321px -20px;}

/*\-------Titles--------- /*\/*/

#main_content, .main_column h1 { color:#1e2f68; font-size:24px;}

#main_content, .main_column h3 {margin:0 0 15px 0; padding:0; height:29px; color:#FFFFFF;}

.right_column h3 {margin:0 0 7px 0; padding:0; height:29px; color:#FFFFFF;}

h3#popularseals { background:url(../images/titles/popular_seals.gif) no-repeat top left #1e2f68; text-indent:-9000px;}
h3#whyseals { background:url(../images/titles/why.gif) no-repeat top left #1e2f68; text-indent:-9000px;}
h3#sealfinder { background:url(../images/titles/sealfinder.gif) no-repeat top left #1e2f68; text-indent:-9000px;}
h3#gasketguyfinder { background:url(../images/titles/gasketguyfinder.gif) no-repeat top left #1e2f68; text-indent:-9000px;}
h3#gasketsearch_home { background:url(../images/titles/gasketsearch.gif) no-repeat top left #1e2f68; text-indent:-9000px;}
h3#testimonials { background:url(../images/titles/testimonials.gif) no-repeat top left #1e2f68; text-indent:-9000px;}
h3#trade { background:url(../images/titles/trade.gif) no-repeat top left #1e2f68; text-indent:-9000px;}
h3#questions { background:url(../images/titles/questions.gif) no-repeat top left #1e2f68; text-indent:-9000px;}
h3#contactdetails { background:url(../images/titles/contact_details.gif) no-repeat top left #1e2f68; text-indent:-9000px;}
h3#measure { background:url(../images/titles/measure.gif) no-repeat top left #1e2f68; text-indent:-9000px;}
h3#gasketinfo_finder { background:url(../images/titles/gasketinfo.gif) no-repeat top left #1e2f68; text-indent:-9000px;}
h3#gasketsearch_product { background:url(../images/titles/gasketsearch_prods.gif) no-repeat top left #1e2f68; text-indent:-9000px;}

.testimonial_link { color: #1E2F68; }
.testimonial_link:hover {}

/*\-------Video Player--------- /*\/*/

#vidplayer { background:url(../images/vidplayer.jpg) no-repeat; width:318px; height:260px; margin:0 0 10px 0; padding:0;}


.navigations{
	display: block;
	overflow: hidden;
}
	.navigations ul li { margin:0; display:inline; }

	.navigations a {
		display: block;
		background-color: #f4f4f4;
		margin:0 0 1px 0;
		padding: .2em;
		text-decoration: none;
	}

	.navigations a:hover, #navigations ul#rss li a:hover {
		background-color:#0066cc;
		color:#fff;
	}
		.navigations ul#rss li a {
		background: #f4f4f4 url(../images/rss.gif) 10px 4px no-repeat; padding-left: 30px;
	}


.collapsed li ul {
	display:none;
	padding:0px;
	height: auto;
	margin: 0px;
}
.collapsed li ul li {
	margin: 0px;
}
.collapsed li ul li a {
	background-color: #e0e0e0;
	padding-left: 10px;
}
	

#footer {
	clear: left;
	height:83px;
	background:url(../images/backgrounds/footer_bg.gif) repeat-x top left;
	padding: 20px 10px 0 10px;
	color:#FFF;
	position:relative;
}

	#footer .tag {font-style:italic; font-size:16px; margin-bottom:10px;}
	
	#footer .tagline { color:#737da1; font-size: 16px; position:absolute; top:20px; right:10px;}

	#footer p { margin-bottom: 0; color:#FFF; }
	
	#footer ul {margin:0 0 5px 0; padding:0; font-size:11px;}
	#footer li {display: inline;}
	
#footer a { color:#FFF; text-decoration:none;}
#footer a:hover { color:#FFF; text-decoration:underline;}

/* -------- Titles -------- */





/* -------- SIDE COLUMNS / BOXES -------- */

.right_column, .left_column{
	background:#FFF;
	margin-top:-70px;
	margin-bottom:20px;
}


.right_column h4 { margin:0 0 10px 0; padding:0; font-size:14px;}
.right_column p { margin:0 0 15px 0; padding:0;}

.right_column .quotes {background:url(../images/backgrounds/quote.gif) no-repeat top left; padding:0 0 0 30px; margin:0 0 15px 20px; font-style:italic; font-size:14px;}

.sidebox{
	background:#fff;
	margin:5px 0px 10px 0px;
	padding:0px;
}


/*------------ FORM ELEMENTS ------------ */

form{
	margin:0;
	padding:0;
}

fieldset{
	border:none;
	padding:0;
	margin:0 0 15px 0;
}
	.sidebox fieldset{
		border:none;
		padding:0;
		margin:0;
	}

.sidebox h3,

.main_column fieldset h3 {
	background:#1e2f68;
	color:#fff;
	font-size:140%;
	padding: 5px;
	margin:0;
	height:auto;
	font-weight:normal;
}
fieldset h3{
	margin:5px;
}
	.sidebox h3{
		margin:0 0 5px 0;
	}

fieldset ul{
	margin:10px 0 10px 0;
}
fieldset ul li ul{
	margin:0;
	padding:0;
}
	.sidebox fieldset ul{
		margin:5px;
	}

legend{
	background-color:#fff;
	padding:5px 10px;
	font-size:125%;
	margin:0;
}

input.sumbit{
	width:auto;
}
label.checklabel{
	display:inline;
	padding:0 5px 0 0;
	margin:0;
}
option {
	font-size: 1em !important;
}
label {
	display: block;
	margin: 0 0 5px 0;
	font-weight:bold;
}

label span {
font-size:11px; font-weight:normal; font-style:italic;
}

/* default width of form elements in main column */

.main_column fieldset input,
.main_column fieldset select,
.main_column fieldset textarea{
	width:300px;
}
.main_column fieldset input.checkbox,
.main_column fieldset input.submit{
	width:auto;
}

/* widths of elements floating into 2 columns */

.colwrap2 {
}
	.colwrap2 fieldset.column-a{
		float:left;
		width:282px;
		margin:0 15px 15px 0;
	}
	.colwrap2 fieldset.column-b{
		float:left;
		width:282px;
	}
	.colwrap2 fieldset.column-a input,
	.colwrap2 fieldset.column-a select,
	.colwrap2 fieldset.column-a textarea,
	.colwrap2 fieldset.column-b input,
	.colwrap2 fieldset.column-b select,
	.colwrap2 fieldset.column-b textarea {
		width:260px;
	}
	.colwrap2 fieldset.column-b{
		float:left;
		width:282px;
	}
	.colwrap2 input.submit{
		width:auto;
	}

/* -------------------- ERRORS ------------------- */

ul.error, ul.success {
	list-style:disc;
	padding:10px 10px 5px 25px;
}
	ul.success {
		background:#FFFF99;
	}
	ul.error {
		background:#CC0000;
		color:#fff;
	}
	ul.error li, ul.success li {
		margin:0 0 5px 0;
	}
	.sidebox ul.error, .sidebox ul.success {
		padding:5px 5px 2px 25px;
		margin:0 0 5px 0;
	}
	.sidebox ul.error li, .sidebox ul.success li {
		margin:0 0 2px 0;
	}

li.error {
	border:1px dashed #CC0000;
	margin:0 0 10px 0;
	padding:10px;
}
em.error  {
	color: #CC0000;
	font-weight: bold;
	display: block;
	margin:0 0 5px 0;
}


/*---------------------- PAGING ---------------------- */

.paging{
	padding:10px;
	border:1px solid #e4e4e4;
	text-align:center;
	clear:both;
	margin:15px 0 20px 0;
}
.paging a{
}


/* -------------------- BREADCRUMBS ------------------- */

ul#page_slugs li {
	display: inline;
	font-size: 85%;
}

/* -------------------- FILTER BOX ------------------- */

.filter  {
	border:1px solid #ccc;
	background:#f4f4f4;
	padding:10px 10px 0 10px;
	margin-bottom:15px;
	min-height:29px;
}
	.filter ul{
		margin:0 0 10px 0;
	}
	.filter ul li{
		display:inline;
		margin:0 10px 0 0;
	}
	.filter a{
		font-weight:bold;
	}
	.filter label {
		display:inline;
		margin:0;
		padding:0 5px 0 0;
	}
/* ----------------------- LISTS ---------------------- */

ul.listinline{
}
	ul.listinline li{
		display:inline;
		padding:0 8px 0 0;
		margin:0 7px 0 0;
		border-right:1px solid #ccc;
	}
	ul.listinline li.enditem{
		padding:0;
		margin:0;
		border-right:none;
	}
	ul.listinline a{
		text-decoration:none;
	}
	ul.listinline a:hover{
		text-decoration:underline;
	}
	tr.row_a {
		background: #fff;
	}
	tr.row_b {
		background: #cee7ff;
	}

/*---------------------- LINKS LISTINGS --------------------- */

.links {
}
	.links h3{
	}
	.links li{
		padding:0 0 15px 0;
		margin:0 0 15px 0;
		border-bottom:1px dashed #333;
	}
	.links .thumbnail{
		width:160px;
		height:90px;
		margin:0 18px 0 0;
		float:left;
		border:1px solid #333;
	}
	.links .textwrap {
		width: 340;
		margin-left: 180px;
	}
	.links a {
		display: block;
		margin-top: 10px;
		font-size: 110%;
	}

	/*---------------------- JOBS LISTINGS --------------------- */

.jobs {
}
	.jobs h3{
	}
	.jobs li{
		padding:0 0 15px 0;
		margin:0 0 15px 0;
		border-bottom:1px dashed #333;
	}
	.jobs a {
		display: block;
		margin-top: 10px;
		font-size: 110%;
	}
	h3.job_title {
	}
	div.job_description {
		margin: 5px 0px;
	}



/* -------------------- ARTICLE LISTINGS  ------------------- */

.articles{
}
	.articles h3{
	}
	.articles li{
		padding:0 0 15px 0;
		margin:0 0 15px 0;
		border-bottom:1px dashed #333;
	}
	.articles .thumbnail{
		width:160px;
		height:90px;
		margin:0 18px 0 0;
		float:left;
		border:1px solid #333;
	}
	.articles .textwrap{
		width:340px;
		float:left;
	}
	.articles .subtext{
		margin:0 0 5px 0;
	}

.articles li ol.subarticles{
	margin:0;
}
	.articles li ol.subarticles li{
		padding:0;
		margin:0 0 5px 0;
		border-bottom:none;
	}
	.articles li ol.subarticles h4 span{
		color:#999;
	}

/* -------------------- ARTICLE / PRODUCT PAGE ------------------- */

ul.attributes{
	padding:10px 10px 0 10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f4f4f4;
}
ul.attributes li{
}
ul.attributes li ul{
	padding:5px 0 0 20px;
}
ul.attributes li ul li{
	margin:0 0 5px 0;
	list-style:disc;
}

.article-pics{
	float:right;
	margin:0 0 0 10px;
	width:280px;
}
	.article-pics img{
		margin:0 0 15px 0;
		width:280px;
	}
	.article-pics ul li{
		margin:0;
	}

/*------------ EVENT LISTINGS ------------ */

#events .articles li{
	position:relative;
}
	#events .articles li h3	{
		padding:0 40px 0 0;
	}
	div.event_icon, div.notice_icon{
		position:absolute;
		top:0px;
		right:0px;
		text-indent:-9999px;
	}
	div.event_icon{
		width:32px;
		height:42px;
		background:url(../images/icon_event.gif) no-repeat 50% 0%;
	}
	div.notice_icon{
		width:32px;
		height:42px;
		background:url(../images/icon_notice.gif) no-repeat 50% 0%;
	}


/*------------ GALLERY ------------ */

#gallerylisting {
}
	#gallerylisting img{
		width:160px;
	}
	#gallerylisting li{
		width: 160px;
		height:126px;
		border: 1px solid #CCC;
		background: #FFF;
		padding: 5px;
		text-align: center;
		position: relative;
		float: left;
		display: inline;
		margin: 0 2px 10px 0;
	}
	#gallerylisting li.enditem{
		margin: 0 0 10px 0;
	}
	#gallerylisting li.firstitem{
		clear:both;
	}

	#gallerylisting li a span{
		position: absolute;
		left: -9999px;
	}
	#gallerylisting li a:hover span{
		top: 5px;
		left: 5px;
		width: 150px;
		background: #333;
		color: #FFF;
		padding: 7px 5px;
		font-size: 0.9em;
		border: 1px solid #0066cc;
		border-width:0 0 2px 0;
	}
.galleryimages{
	text-align:center;
}
.galleryimages img{
	margin:0 0 15px 0;
}


/*------------ PRODUCTS ------------ */

.categories{
}
	.categories h3{
	}
	.categories li{
		padding:0 0 15px 0;
		margin:0 0 15px 0;
		border-bottom:1px dashed #333;
	}
	.categories .thumbnail{
		width:80px;
		height:45px;
		margin:0 18px 0 0;
		float:left;
		border:1px solid #333;
	}
	.categories .textwrap{
		width:420px;
		float:left;
	}
	.categories .subtext{
		margin:0 0 5px 0;
	}

.piclist img{
	margin:0 0 5px 0; border: 1px solid #666;
}
.piclist p{
	margin:0;
}

.piclist { margin:0 20px 0 0; padding:0; width:202px; float:left;}
.piclist li { margin:0; padding:0;}



/*------------ Featured Products ------------ */

#featured_products { margin:0; padding:0; list-style:none;}
#featured_products li { width:174px; float:left; margin:0 25px 0 0; padding:0;}

#featured_products li h2 {font-size:12px; font-weight:bold; margin:0 0 5px 0; padding:0;}
#featured_products li p {font-size:12px; margin:0 0 5px 0; padding:0; line-height:normal;}

#featured_products li .prodimage {border:1px solid #333333; margin:0 0 5px 0; padding:0;}

#featured_products a {color:#333333; text-decoration:none;}
#featured_products a:hover {color:#333333; text-decoration:underline;}


/*------------ Why GasketGuy ------------ */

#sitefeatures {margin:0 0 40px 0; padding:0; list-style:none;}
#sitefeatures li { font-size:16px; color:#1e2f68; padding:0 0 0 30px; height:22px; }

.one {background:url(../images/backgrounds/one.gif) no-repeat 0px 0px;}
.two {background:url(../images/backgrounds/two.gif) no-repeat 0px 0px;}
.three {background:url(../images/backgrounds/three.gif) no-repeat 0px 0px;}

/*------------ FAQS ------------ */

#main_column .answers ul {padding: 0; margin: 0; list-style: none;}


.answers li h4{
	  padding: 0 0 10px 50px;
	  margin-bottom: 10px;
	  background: transparent url('../images/icons/question.gif') 0 0 no-repeat;
	}
	.answers li p{
	  padding: 0 0 10px 50px;
	  margin-bottom: 10px;
	  background: transparent url('../images/icons/answers.gif') 0 0 no-repeat;
	}

	.answers li img.top {
	   position: absolute;
	   bottom: 1px;
	   left: 50px;
	 }

/*------------ Page Intro ------------ */

.pageintro {height:115px; padding:0; margin:0;}
.pageintro h2 { color:#1e2f68; font-weight:100; font-style: italic; font-size: 150%; margin:0 0 5px 0; }

h5 { font-style:italic; color: #1E2F68; font-size:14px; font-weight: normal; }
small { font-size: 11px; font-weight: bold; }
.button { color: #fff; font-size: 10px; font-weight:bold; text-transform:uppercase; padding: 5px; background: #73AFDA; text-decoration:none; }

/*

#offers .category #offer_thmb { float: left; margin: 0 10px 10px 0; }
#offers .category { margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 10px; }
#categorylisting li { border-bottom: 1px solid #ccc; padding: 20px 0 0 0; }
#categorylisting li a { }
#categorylisting p { margin-bottom: 0; }
.category_thumb { float: left; margin: 0 10px 10px 0; }
#categorylisting li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#recentnews li { margin-bottom: 10px; }




.download {
	background: #fffeef;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	}
	.download a {
		background: url(../images/pdf.gif) 0 2px no-repeat;
		padding: .2em .8em;
		padding-left: 20px;
	}
	div.download span {
		font-size: 90%;
	}
	.pdf a {
		background: url(../images/pdf.gif) 0 2px no-repeat;
		display: block;
	}
	.swf a {
		background: url(../images/swf.gif) 0 2px no-repeat;
		display: block;
	}












.links li { padding: 5px; }




form.brochureForm fieldset {
	padding: 5px 20px;
	border: 1px solid #999;
	margin: 0 0 10px 0;
}
form.brochureForm legend {
	text-transform: capitalize;
	font-weight: bold;
	color: #039;
	padding: 0 5px;
}
form.brochureForm ol {
	list-style: none;
}
form.brochureForm ol li {
	margin: 5px 0;
}
	form.brochureForm ol li ol li {
		display: inline;
	}
	form.brochureForm ol li ol label {
		display: inline;
	}
form.brochureForm em {
	font-weight: bold;
	color: #E00;
}
form.brochureForm label {
	display: block;
	text-transform: capitalize;
}
form.brochureForm label.radio {
	display: inline;
	padding-left: 5px;
}








#type_select {
	float:left;
	width:100%;
	border-bottom:1px solid #333;
	margin:0 0 10px 0;
	line-height:normal;
}

#type_select ul {
	margin:0;
	padding:0;
	list-style:none;
	padding:10px 10px 0 0;

}
#type_select li {
	float:left;
	border: 1px solid #333; border-bottom: none; border-right: none;
	margin:0;
	padding:0;
}
#type_select a {
	display: block;
	text-decoration: none;
	padding:5px 15px 4px;

}
#type_select ul li.bookend { border-right:1px solid #333;}

#type_select #current {
}
#type_select #current a {
		background: #333; color: white;
}
#type_select a:hover { color: white; background:#333; }









ol.archive_list ol {
	padding:20px;
	list-style:disc;
}
ol.archive_list ol li { margin-bottom: 10px; }
ol.archive_list ol p { margin-bottom:0; }

ol.archive_list ol span { display: block; font-size: 90%; font-weight: normal; }


*/

/*------------ Product page search ------------*/

#prod-search {
background: #b1cff8;
}

#prod-search form {
margin-left: 10px;
}

#prod-search p {
padding: 5px;
}