@charset "utf-8";

/* TAG RESETS */
html, body, form, fieldset, label, legend, table, td, th{
	margin:0; padding:0;
}
html{
}
body{
	background:url(../images/bgs/htmlbg.gif) 0% 0% repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin:0 0 15px 0;
	padding:0;
}
h1{
	font-size:30px;
	color:#186090;
}
#home h1{
	display:none;
}
h2{
	font-size:18px;
	color:#186090;
}
h2#ourproducts{
	background:url(../images/titles/our_products.gif) no-repeat;
	height:33px;
	text-indent:-9999px;
	margin:0 0 20px 0;
}
h3{
	font-size:16px;
	font-weight:bold;
	color:#184890;
}
h3 a{
	color:#184890;
}
h4{
	color:#186090;
	font-size:125%;
}
h4 a{
	color:#186090;
	text-decoration:none;
}
h4 a:hover{
	text-decoration:underline;
}
p{
	margin:0 0 15px 0;
	padding:0;
}
ul{
	margin:0 0 15px 0;
	padding:0;
}
ol{
	margin:0 0 15px 0;
	padding:0 0 0 20px;
}
li{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
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;
}
.floatright{
	float:right;
}
.floatleft{
	float:left;
}
.clearboth{
	clear:both;
}
div.clearboth{
	font-size:0;
	height:0;
	line-height:0;
}
.displaynone, .hidden{
	display:none;
}
p.nomargin{
	margin:0;
}
.cms{ margin:0 0 15px 0; }
th{
	text-align:left;
}
a{
	color:#333;
	outline:none;
}
a img{ border:none; }
a:hover{
	text-decoration:none;
}
/*
img.png{
	behavior: url(./scripts/iepngfix.htc);
}
*/
.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%;
}

/************    FONTS      **************/


/***********    LAYOUT      **************/

#page_wrap{
	width:780px;
	margin:0 auto;
	padding:125px 0 110px 0;
	position:relative;
	background:url(../images/bgs/footer.jpg) 50% 100% no-repeat;
}
.left_col{
	width:515px;
	float:left;
	margin:0 15px 20px 0;
	min-height:380px;
}
.right_col{
	width:250px;
	float:left;
	padding:0;
}
.right_col .colwrap{
	margin:0 0 20px 0;
	background:#c5deeb url(../images/bgs/sidepanel_base.gif) 0% 100% no-repeat;
}
.right_col .sidewrap{
	background:url(../images/bgs/sidepanel_top.gif) no-repeat;
	padding:20px;
}
.full_col{
	min-height:580px;
	border-top:1px dashed #186090;
	padding:15px 0 0 0;
}

.homeintro{
	background:url(../images/bgs/homeintro.jpg) no-repeat;
	height:191px;
	padding:30px 35px 0 545px;
	font-size:13px;
	color:#fff;
	line-height:18px;
	margin:0 0 20px 0;
}

#header{
	height:80px;
	position:absolute;
	top:0;
	left:0;
	width:780px;
}
	#header h3{
		font-size:30px;
		color:#186090;
		position:absolute;
		right:0px;
		top:65px;
		font-weight:normal;
	}
	#header p.logo{
		position:absolute;
		left:0px;
		top:16px;
	}
	#header ul{
		position:absolute;
		left:215px;
		top:20px;
		width:575px; /*must be present to stop li's dropping down*/
	}
	#header li{
		float:left;
		margin:0 8px 0 0;
	} 
	#header li a{
		display:block;
		text-indent:-9999px;
		height:18px;
	}
	#header li.link1{ width:80px; } 
	#header li.link1 a{ width:80px; background:url(../images/btns/navigation.gif) no-repeat 0 0;} 
	#header li.link1 a:hover, #header li.link1 a.on{ background:url(../images/btns/navigation.gif) no-repeat 0 -18px;} 
	#header li.link2{ width:60px; } 
	#header li.link2 a{ width:60px; background:url(../images/btns/navigation.gif) no-repeat -88px 0;} 
	#header li.link2 a:hover, #header li.link2 a.on{ background:url(../images/btns/navigation.gif) no-repeat -88px -18px;} 
	#header li.link3{ width:67px; } 
	#header li.link3 a{ width:67px; background:url(../images/btns/navigation.gif) no-repeat -155px 0;} 
	#header li.link3 a:hover, #header li.link3 a.on{ background:url(../images/btns/navigation.gif) no-repeat -155px -18px;} 
	#header li.link4{ width:42px; } 
	#header li.link4 a{ width:42px; background:url(../images/btns/navigation.gif) no-repeat -230px 0;} 
	#header li.link4 a:hover, #header li.link4 a.on{ background:url(../images/btns/navigation.gif) no-repeat -230px -18px;} 
	#header li.link5{ width:75px; } 
	#header li.link5 a{ width:75px; background:url(../images/btns/navigation.gif) no-repeat -314px 0;} 
	#header li.link5 a:hover, #header li.link5 a.on{ background:url(../images/btns/navigation.gif) no-repeat -314px -18px;}	
	#header li.link6{ width:112px; } 
	#header li.link6 a{ width:112px; background:url(../images/btns/navigation.gif) no-repeat -396px 0;} 
	#header li.link6 a:hover, #header li.link6 a.on{ background:url(../images/btns/navigation.gif) no-repeat -396px -18px;}
	#header li.link7{ width:82px; } 
	#header li.link7 a{ width:82px; background:url(../images/btns/navigation.gif) no-repeat -516px 0;} 
	#header li.link7 a:hover, #header li.link7 a.on{ background:url(../images/btns/navigation.gif) no-repeat -516px -18px;}
		
	#header .minicart{
		background:url(../images/cart_bg.gif) no-repeat;
		width:78px;
		height:25px;
		padding:20px 0 0 32px;
		color:#fff;
		font-size:11px;
		margin:60px 0 0 20px;
		float:right;
	}
	#header .minicart a{
		color:#fff;
	}
	#header .minicart h4{
		display:none;
	}
	
h3#titlecontact{
	background:url(../images/bullets/phone.gif) no-repeat;
	line-height:30px;
	padding:0 0 0 35px;
}
h3#titlepayment{
	background:url(../images/bullets/key.gif) no-repeat;
	line-height:30px;
	padding:0 0 0 35px;
}
h3#titleshipping{
	background:url(../images/bullets/van.gif) no-repeat;
	line-height:30px;
	padding:0 0 0 35px;
}
h3#titlenews{
	background:url(../images/bullets/news.gif) no-repeat;
	line-height:30px;
	padding:0 0 0 35px;
}
.payment{
	text-align:center;
}
	
	
#footer{
	clear:both;
	color:#90c0d8;
	text-align:center;
	font-size:11px;
}
#footer ul{
}
#footer ul li{
	display:inline;
	border-right:1px solid #90c0d8;
	margin:0 18px 0 0;
	padding:0 19px 0 0;
}
#footer ul li.enditem{
	border-right:none;
	margin:0;
	padding:0;
}
#footer a{
	color:#666;
}
#footer p a{
	color:#90c0d8;
}
ul.menu{
}
	ul.menu li{
	}
	ul.menu li ul{
	}
	ul.menu li ul li{
		margin:0 0 1px 0;
	}
	ul.menu li ul li a{
		display:block;
		background:#e4e4e4;
		font-weight:bold;
		text-decoration:none;
		padding:4px 3px;
	}
	ul.menu li ul li a:hover{
		background:#186090;
		color:#fff;
	}
	ul.menu li ul li select{
		width:158px;
		height:23px;
	}
	.menu h3{
		font-size:13px;
		font-weight:bold;
	}

fieldset{
	border:1px solid #ccc;
	padding:10px;
	margin:0 0 20px 0;
}
legend{
	background-color:#fff;
	padding:5px 10px;
	color:#186090;
	font-size:125%;
}
fieldset label{
	display:block;
	margin:0 0 15px 0;
	font-weight:bold;
}
fieldset label span.subtitle{
	font-weight:normal;
}
fieldset label span.required{
	color:#999;
}
fieldset label input, fieldset label select, fieldset label textarea{
	margin:0 0 0 10px;
}

fieldset ul{
	margin:10px;
}
fieldset ul li ul{
	margin:0;
	padding:0;
}
fieldset ul li input, fieldset ul li textarea, fieldset ul li select{
	width:300px;
}

.colwrap2 fieldset label input, .colwrap2 fieldset label select, .colwrap2 fieldset label textarea{
	margin:10px 0 0 0;
	width:230px;
}
fieldset .error{
	font-weight:bold;
	color:#CC0000;
	display:block;
	margin:0 0 10px 0;
}
a.submitbtn{
	background-color:#186090;
	color:#fff;
	border:1px solid #000080;
	padding:6px;
	text-decoration:none;
	line-height:26px;
}
.notice{
	background:#F2F2F2;
	border:1px solid #e4e4e4;
	margin:0 0 20px 0;
	padding:10px;
	font-size:15px;
}
.warning{
	border:1px solid #cc0000;
	padding:10px;
	color:#cc0000;
	font-weight:bold;
}
.alert{
	color:#cc0000;
	font-weight:bold;
}
td.alert{
	color:#cc0000;
	font-weight:normal;
}
td.alert a{
	color:#cc0000;
}
ul.error{
	background:#cc0000;
	padding:10px 10px 1px 25px;
	margin:0 0 20px 0;
}
	ul.error li{
		color:#fff;
		list-style:disc;
	}
	ul.error li a{
		color:#fff;
	}
ul.success{
	background:#003399;
	padding:10px 10px 1px 25px;
	margin:0 0 20px 0;
}
	ul.success li{
		color:#fff;
		list-style:disc;
	}
	ul.success li a{
		color:#fff;
	}

table.formTbl{
	border-collapse:collapse;
	margin:0 0 15px 0;
}
	table.formTbl td, table.formTbl th{
		border:1px solid #e4e4e4;
		padding:7px;
	}
	table.formTbl .vars td{
		border:none;
		border-right:1px solid #e4e4e4;
		border-bottom:1px dashed #e4e4e4;
		padding:5px 7px 5px 7px;
	}	
	table.formTbl td h4{
		margin:0;
	}	
	table.formTbl tr.topheader th{
		background-color:#186090;
		color:#fff;
	}
	table.formTbl th{
		background-color:#f2f2f2;
	}
	
table.fieldsTbl{
	border-collapse:collapse;
	margin:0 0 15px 0;
	border:none;
}
	table.fieldsTbl td, table.fieldsTbl th{
		border:none;
		padding:7px;
	}
	table.fieldsTbl th{
		background-color:#f2f2f2;
	}	
	fieldset table.fieldsTbl label{
		margin:0;
	}
	fieldset table.fieldsTbl label.remove{
		display:inline;
		margin:0 0 0 10px;
	}
	fieldset table.fieldsTbl label.remove input{
		width:auto;
	}
	fieldset table.fieldsTbl input, fieldset table.fieldsTbl select, fieldset table.fieldsTbl textarea{
		width:300px;
	}

ul.list-inline{
	margin:0 0 20px 0;
}
ul.list-inline li{
	float:left;
	margin:0 10px 0 0;
}
ul.buttonsright{
	margin:0 0 20px 0;
	text-align:right;
}
ul.buttonsright li{
	margin:0 0 0 10px;
	display:inline;
}

.colwrap2{
}
.colwrap2 .col1{
	width:260px;
	float:left;
}
.colwrap2 .col2{
	width:260px;
	float:right;
}

ul.breadcrumbs{
	border:1px solid #e4e4e4;
	padding:5px;
	background:#fff;
	margin:0 0 20px 0;
}
	ul.breadcrumbs li{
		display:inline;
		background:url(../../images/bullets/arrow.gif) no-repeat 100% 50%;
		margin:0 10px 0 0;
		padding:0 20px 0 0;
	}
	ul.breadcrumbs li.enditem{
		background:none;
		margin:0;
		padding:0;
	}
	ul.breadcrumbs li a{
		color:#999;
		text-decoration:none;
	}
	ul.breadcrumbs li a:hover{
		text-decoration:underline;
	}
	
ul.list1{
	padding:0 0 0 25px;
}
	ul.list1 li{
		list-style:disc;
	}
	ul.list1 ul{
		padding:10px 0 0 25px;
	}
	ul.list1 ul li li{
		list-style:circle;
	}
	
.price{
}
.price-add{
	color:#339900;
}
.price-sub{
	color:#990000;
}


.product, .product-end {
	text-align:center;
	width:250px;
	float:left;
}
.prodlist .product {
	margin:0 15px 20px 0;
}
.prodlist .product-end {
	margin:0 0 20px 0;
}
.prodlist .prodImage img{
	margin:0 0 10px 0;
}
.prodlist h3{
	width:250px;
	background:url(../images/titles/prodlist_title_top.gif) #164386 no-repeat;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	padding:6px 0 0 0;
}
.prodlist h3 a{
	color:#fff;
	text-decoration:none;
	background:url(../images/titles/prodlist_title_base.gif) 0% 100% no-repeat;
	display:block;
	width:244px;
	padding:0 3px 6px 3px;
}


.description{
	font-size:15px;
}
.imagegallery{
	background:#c5deeb url(../images/bgs/sidepanel_top.gif) no-repeat;
	margin:0 15px 15px 0;
	width:250px;
	float:left;
}
.gallerywrap{
	background:url(../images/bgs/sidepanel_base.gif) 0% 100% no-repeat;
	padding:15px 25px;
}
.gallerywrap p{
	margin:0;
}
.proddesc{
	width:515px;
	float:left;
	margin:0 15px 0 0;
	padding:0 0 120px 0;
}
.prodinfo{
	width:250px;
	float:left;
}
#pricebox{
	background:#c5deeb url(../images/bgs/sidepanel_top.gif) no-repeat;
	font-size:19px;
	margin:0 0 15px 0;
	color:#fff;
}
#pricebox .colwrap{
	background:url(../images/bgs/sidepanel_base.gif) 0% 100% no-repeat;
	padding:15px;
}
#pricebox strong{
	font-size:25px;
	color:#184890;
}
#placeholder{
	width:200px;
	margin:0 10px 10px 0;
	float:left;
}
#prodGallery li a{
	display:block;
	width:58px;
	height:58px;
	text-indent:-9999px;
}
#prodGallery li{
	float:left;
	width:58px;
	height:58px;
	margin:0 10px 10px 0;
	padding:0;
	border:1px solid #e4e4e4;
}
#prodGallery li.enditem{
	margin:0 0 10px 0;
}
.variationlists .field{
	width:228px;
	margin:0 10px 10px 0;
	float:left;
}
.variationlists select{
	width:228px;
}
.variationlists h4{
	margin:0 0 5px 0;
	color:#184890;
	font-weight:bold;
}

.extrainfo{
	width:515px;
	height:160px;
}
	.extrainfo p{
		margin:0 0 10px 0;
	}
	.extrainfo textarea{
		width:310px;
		height:90px;
		float:left;
	}
	.extrainfo .payment{
		text-align:center;
		float:right;
		width:163px;
		padding:36px 0 0 0;
	}
	.extrainfo .paypal{
		margin:0 0 10px 0;
	}

.subtotal{

}
.additional{
	color:#999;
}

.imgwrap{
	padding:10px;
	margin:0 10px 7px 0;
	float:left;
	border:1px solid #ccc;
}

.subtext{
	color:#666; padding:0 10px 0 0;
}


/* ARTICLE LIST */

ul.article-list{
	margin:0; padding:0;
	list-style:none;
}
	ul.article-list li{
		margin:0 0 10px 0; padding:0 0 10px 0;
		border-bottom:1px dashed #4580d7;
	}
	ul.article-list li h3 a{
		text-decoration:none;
	}
	ul.article-list li h3 a:hover{
		text-decoration:underline;
	}
	.thumbnail-wrap{
		float:left;
		margin:0 15px 10px 0;
		width:80px;
		padding:3px;
		height:60px;
		border:1px solid #ccc;
	}
	.thumbnail-wrap:hover{
		border:1px solid #0059de;
	}
	.thumbnail{
		width:80px;
		height:60px;
		position:relative;
		overflow:hidden;
	}
	.thumbnail img{
		position:absolute;
	}

	ul.article-list li .articlebody{
		width:515px;
		float:left;
	}
	ul.article-list li p.articleextra{
		float:right;
		width:150px;
		padding:0 0 0 10px;
		border-left:1px dashed #ccc;
		margin:0 0 10px 10px;
		font-size:10px;
		line-height:17px;
	}	
/* ARTICLES */

.filter{
	width:495px;
	height:27px;
	padding:5px 10px;
	margin:0 0 20px 0;
	background:url(../images/bgs/filter.gif) no-repeat;
	line-height:27px;
}
.filter select{
	font-size:10px;
	margin:0 5px 0 0;
}
.filter label{
	margin:0 5px 0 0;
}
.filter input{
	float:right;
}
.filterSelect{
	width:140px;
}


#articlewrap{
}
	p.listingreturn{
		/*float:right;
		line-height:22px;
		margin:0; padding:0;*/
	}
	p.listingreturn a{
		text-decoration:underline;
	}
	.articletext{
		width:515px;
	}
	.articletext .cms img{
		max-width:515px;				
	}
	#blogspots, #articlewrap{
		line-height:1.5em;
	}
	#articlewrap .articlepic-wrap{
		float:right;
		margin:0 0 15px 15px;
		width:200px;
		padding:5px;
		border:1px solid #ccc;
	}
	#articlewrap .articlepic{
		width:200px;
		height:150px;
		position:relative;
		overflow:hidden;
	}
	#articlewrap .articlepic img{
		position:absolute;
	}
	.caption{
		margin:5px 0 0 0;
		padding:5px;
		background:#dedede;
		font-size:11px;
		font-style:italic;
	}
	.articleinfo{
		background:#eaeaea;
		padding:5px;
		margin:0 0 15px 0;
	}
	.articleinfo strong{
		margin:0 5px 0 0;
	}
		.articleinfo h2{
			font-size:11px;
			font-weight:normal;
			border:0;
			padding:0;
			margin:0;
			color:#000;
		}
		span.articlecategory{
			float:right;
		}
	.authorpic{
		font-size:10px;
	}
		.authorpic .authorlink{
			font-size:11px;
		}
		.authorpic .avatar{
			margin:0 0 10px 0;
		}

.team-pic{
	float:left;
	margin:0 20px 20px 0;
}
.logolist{
	padding:0 0 0 15px;
}