/* @group Basic */

/* OLD COLORS 
lime green - #c0db5a
bright green - #72af4c
random blue - #15516E
dark orange - d38829
bright orange - f59f31
blue green - 2fa3b6
*/


html { background: #252a26 url(/i/bg2.gif) 50% 0px repeat-x; text-align: center; }

body { text-align: left; font: 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #ffffff; padding: 0 0px 0 20px; margin: 5px auto 0 auto; width: 850px; }

strong { color: #ffffff; }

hr { display: none; height: 0; padding: 0; margin: 0; border: 0px; }

hr.line { display: block; margin: 20px 0; border-bottom: 1px solid #353535; }

.clear { clear: both; height: 0; width: 0; line-height: 0; font-size: .1px; margin: 0; padding: 0; }

.left { float: left; margin-right:10px; margin-bottom: 10px; }

img.left { float: left; margin-right:10px; margin-bottom: 10px; }

img.right { float: right; margin-left:10px; margin-bottom: 10px; }

img { border: none; }

img.frame { background-color: #fff; padding: 3px; border: 1px solid #D3CFC3; }

img.thumb { width:110px; height:82px; background:#ffffff; padding: 2px; margin:0 10px 10px 0; border-right: 1px solid #000000; border-bottom: 1px solid #000000; }
img.thumb.last {  margin-right:0px; }



.sidebar img.feature { border: 1px solid #2a2a2a; }

div.picture { background-color: #fff; padding: 3px; border-left: 1px solid #D3CFC3; border: 1px solid #D3CFC3; white-space:nowrap; }

div.picture img { margin-bottom: 3px; }

div.picture img.frame { padding: 0; border: 0px; }

div.picture span { padding-left: 5px; font-size: 80%; margin-top: 10px; color: #90907b; }

a[rel="zoom"] { margin-right: -1px; }

/*h2 {
	color: #72af4c;
	padding: 0 0 5px 0; 
	margin: 50px 0 15px 0; font: 36px/40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; }

h2.intro { margin-top: 25px; }
*/
h2 { color: #02a3dc; border-bottom: 1px ridge #c5c5c5; padding: 0 20px 5px 20px; margin: 0 0 25px 0;  text-transform: uppercase; font: bold 30px/38px "AvantGarde Md BT", "Futura Bk Bt", "Century Gothic"; }

.sidebar h2 { line-height: 33px; font-size: 16px; color: #ffffff;  padding-right: 10px; font-style: normal; }

h2 em { color: #ffffff; font-style: normal; font-weight:normal; }

.sidebar h2 {  color: #63bbdc; }

h3 { color: #72af4c; padding: 10px 20px; font: 26px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; border-bottom: 1px solid #a0a0a0; }

.sidebar h3 { line-height: 33px; font-size: 16px; color: #ffffff;  padding-right: 10px; font-weight:bold; }

h5 { color: #15516E; padding: 0 0 5px 0; margin: 0 0 5px 0; line-height: normal; font-size: 16px; }

p { padding: 5px 20px; font-weight: normal; color: #d8d8d8; line-height: 1.8em; font-family: Verdana; margin: 0px; }

p.info { line-height: 1.5em; }

p.intro { width: 500px; }

a, a:link{
	color: #d38829;
	text-decoration: none;
	border-bottom: 0px solid #3f484e; 
}

a:hover {
	color: #f59f31;
	text-decoration: none;
	border-bottom-color: #f59f31; 
}

.sidebar ul { list-style:none; list-style-position: outside; padding: 0px; width: 100%; margin: 0;}

.sidebar ul li { padding: 0; width: 100%; margin:0; }

a.go { background: url(/i/go-arrow.gif) no-repeat 20px .45em; border:none; margin: 0; padding: 3px 20px 3px 40px; display: block; }

a.go:hover { background: #2a2a2a url(/i/go-arrow.gif) -380px .45em no-repeat; color: #ffffff;
 }

a.go:active {
	background: #464646 url(/i/go-arrow.gif) no-repeat -780px .45em;
	color: #ffffff;
}

a.go.email {
	background: url(/i/go-mail.gif) no-repeat 6px 0.2em;
	padding-left: 28px;
}

a.go.email:hover {
	background: #f8f8f8 url(/i/go-mail.gif) no-repeat -194px 0.2em;
}

a.go.email:active {
	background: #d4d4d4 url(/i/go-mail.gif) no-repeat -394px 0.2em;
}

a.go.feed {
	background: url(i/GoFeed.gif) no-repeat 9px 0.4em;
	padding-left: 28px;
}

a.go.feed:hover {
	background: #f8f8f8 url(i/GoFeed.gif) no-repeat -191px 0.4em;
}

a.go.feed:active {
	background: #d4d4d4 url(i/GoFeed.gif) no-repeat -391px 0.4em;
}

pre{
margin-left: 160px;
font-size: 11px;
color: green;
background-color: #fff;
border: 1px solid #ccc;
padding: 10px;
}

.auto_clear {
	color:#999;
}

.textfield {
width: 350px;
}

table { table-layout:fixed; text-align:center; width:100%;  }

.services td { padding: 10px; }
.services th { font-size: 20px; font-weight: normal; margin-bottom: .2em; margin-top: 0; line-height: 25px; padding-bottom: 20px; }

/* @end */

/* @group Mast */

#mast { width:450px; height:180px; background:url(/i/sparks.jpg) no-repeat left top; margin: 5px 0 0 0; padding: 30px 400px 0 0; }

#mast p { text-transform: uppercase; margin: 0; letter-spacing: .1em; font-size: 16px;  font-weight: normal; display:none;}

/* @end */

/* @group Logo Replacement */

h1 { width:400px; height:100px; background:url(/i/logo4.gif) no-repeat left bottom; margin: 20px 0 0 0; padding: 0; }

h1 a { height: 0px !important; width: 0px !important; padding: 100px 400px 0 0; overflow: hidden; display: block; font-size: 1px !important; color: #143F50; border: none; }

h1 a:link, h1 a:visited, h1 a:active, h1 a:hover { border: none; }

strong#phone { display: block; width:400px; height:25px; background:url(/i/800.gif) no-repeat left bottom; overflow: hidden; font-size: 1px !important; border: none; text-indent:-9999em; padding-top: 15px;}

p.top {  }

p#phone { text-align:right; }

/* @end */

/* @group Header */

.header { height: 244px; /*position: relative;*/ margin-bottom: 30px;}

.header .tagline { padding: 0; margin: 0; width: 373px; height: 93px; background: transparent url(/i/tagline.gif) top left no-repeat; float: right; text-indent:-9999em; }

/* @end */

/* @group Navigation */

.header .navigation { background: #d7dbde; width: 100%; border-top: 0px solid #b0b0b0; border-bottom: 2px groove #1a1d20; padding: 0px;}

.header ul { padding: 0; margin: 0 0 0 0px; list-style: none; color: #666;}

.header li { float: left; padding: 0px 0px 0 0; text-transform: uppercase; width: 142px; text-align:center; letter-spacing:.1em; font-weight: bold; margin: 0; }

.header li.last { width: 140px; }

.header li a { background: #d7dbde url(/i/nav_off_bg2.gif) repeat-x 0 50%; display: block; border-bottom: none; border-top:1px solid #ccc;  color: #000;  margin:0; padding:0; line-height:34px; text-shadow: #fff 1px 1px 0; }

.header li a:hover { text-decoration:none; color: #000000; border-bottom:none; }

#home_page .navigation .home a,
#about_page .navigation .about a,
#services_page .navigation .services a, 
#products_page .navigation .products a, 
#specials_page .navigation .specials a, 
#contact_page .navigation .contact a  { background: #d7dbde url(/i/nav_on_bg4.jpg) repeat-x 0 50%; color: #fff; text-shadow: #636363 1px 1px 0; border-top: 1px solid #636363; border-right: 1px solid #ccc; border-left: 1px solid #636363; padding: 0;}

/* @end */

/* @group Main Layouts */

.content_column {
	margin: 0px;
	float: left;
	width: 560px;
	padding: 0;
}

.wrapper{
	margin: 0;
	padding: 25px 0 0 0;
	width:850px;
}

.sidebar {
	float: right;
	width: 261px;
	margin-top: 5px;
	font-size: 12px;
	line-height: 145%;
	padding-left: 0px;
	border-left: 0px solid red;
}

/* @end */

/* @group Footer */

.footer { font: normal 11px/16px helvetica, arial, sans-serif; color: #A3A2A0; padding: 50px 20px 20px 20px; border-bottom: 5px solid #2a2a2a; margin: 0; clear: both; }

.footer p { float: right; margin: 0; padding: 0; }

.footer ul { float: left; padding: 0; margin:0; list-style: none; color: #666666; line-height: 14px; font-style: normal; font-size: 10px; }

.footer li { float: left; padding: 0px 5px 4px; margin: 0; border-right: 0px solid #3f3f3f; }

.footer li.last { border: none; }

.footer li a { margin:0; padding:0; color: #d8d8d8;}

#home_page .footer .home,
#about_page .footer .about,
#services_page .footer .services, 
#products_page .footer .products, 
#specials_page .footer .specials, 
#contact_page .footer .contact  { background: #2a2a2a; color: #fff; border-top: 1px solid #636363; }

/*p.footer a:link,p.footer a:visited,p.footer a:active { color: #3a5e8c; text-decoration: none; border-bottom: 1px solid #cbd2d8; }*/

/*p.footer a:hover { color: #203651; text-decoration: none; border-bottom: 1px solid	#8CA4B8; }*/

/* @end */

/* @group Column Divs */

.three-column .column { 
	width: 32%; 
	float: left; 
	padding-right: 1%;
	padding-bottom: 20px;
}

.two-column .column { 
	width: 48%; 
	float: left; 
	padding-right: 4%;
	padding-bottom: 20px;
}

.three-column, .two-column { clear: both; margin-bottom: 20px;}


.column img { 
	padding: 3px; 
	border: 0px solid #D3CFC3;
	margin-bottom: 0;
	padding-left: 20px;
}

.column.last { 
	padding: 0;
	padding-bottom: 20px;
}

.column p a,.column p a:link,.column p a:visited { 
	color: #1B4E5F; 
	text-decoration: none; 
}

.column p a:hover { 
	color: #1B4E5F; 
	text-decoration: underline; 
}

.column p span { 
	font-size: 11px; 
	color: #498FA7;
}

.column blockquote { 
	padding: 0; 
	margin: 0; 
}

.column blockquote p { 
	font: italic 13px/20px georgia, 'times new roman', serif; 
	color: #757470; 
}

h4 { padding: 0 20px; font-size: 20px; font-weight: normal; margin-bottom: .2em; margin-top: 0; line-height: 25px; }

.column p { margin: 0; font-size: 11px; line-height: 18px; }

/* @end */

/* @group Gallery */

.half { width: 48%; margin-right: 3%; }

.half.left { float: left; margin: 0 3% 3% 0; }

.half.last { margin: 0; }

.last:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.boxed { background: #222222 url(/i/round_bg.gif) top right no-repeat; padding-bottom: 10px; border-bottom: 1px solid #2a2a2a; margin: 5px 0 20px 0;  }

.boxed.blue { background-color: #094259; background-image: url(/i/round_blue_bg.gif); border-bottom: 1px solid #558ea5; }
.boxed.blue p { color: #ffffff; }
.boxed.blue a { color: #02a3dc; }
.boxed.blue h3 { border-bottom: 1px solid #558ea5; }

.boxed.green { background-color: #546130; background-image: url(/i/round_green_bg.gif); border-bottom: 1px solid #85952d; }



.boxed.orange { background-color: #863407;
background-image: url(/i/round_orange_bg.gif); border-bottom: 1px solid #963b09; }
.boxed.orange h3 { border-bottom: 1px solid #ca500b; }

.boxed h3 { margin: 10px 20px 5px 20px; color: #ffffff; padding: 10px 0;}

.boxed a { border:none; }

.welcome p {  }

.sidebar .boxed { background-position: top right; margin-top:0px; }

.sidebar .boxed h3 { padding: 5px 0 0 0;  margin:0px 20px 5px 20px; color: #ffffff; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

/* @end */

/* @group Table.sheet */

table.sheet { table-layout:auto; text-align:left; width: 100%; margin-bottom: 20px; border-bottom: 0px dotted #677380; padding-bottom: 20px; }

table.sheet a { border-width: 0px; color: #fff; background: url(/i/glass.gif) 0 2px no-repeat; padding: 0 0 0 16px; margin-left: -15px; }

table.sheet a:hover { border-bottom: 1px solid #677380; }

table.sheet tr.heading th { border-bottom: 1px solid #353535; padding: 3px 20px 10px 20px; text-transform: uppercase; color: #fff; font-size: 130%; }

table.sheet th { width: 40%; }

table.sheet td, table.sheet th { padding: 3px 20px; color:#becbc9; vertical-align:top; }

table.sheet tr.alt td, table.sheet tr.alt th { border-bottom: 1px solid #677380; border-top: 1px solid #677380; background: #2c3136; }

table.sheet tr.last td {  }



/* @end */

/* @group List.sheet */

ul.sheet { width: 100%; margin-bottom: 20px; padding:0 0 20px 0;  list-style: none; }

ul.sheet a { border-width: 0px; color: #fff; background: url(/i/glass.gif) 0 50% no-repeat; padding: 0 0 0 14px; margin-left: -14px; }

ul.sheet a:hover { border-bottom: 1px solid #677380; }

ul.sheet li { padding: 3px 20px; color:#becbc9 ; }

ul.sheet li.alt { border-bottom: 1px solid #677380; border-top: 1px solid #677380; background: #2c3136;  }

ul.sheet tr.last td {  }



/* @end */

/* @group Lightbox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a { border: 0; }
	
#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/i/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/i/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/i/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}



/* @end */

/* @group Form Table  */

table.form-table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
	table-layout:auto;
	text-align:left;
}

table.form-table th, 
table.form-table td {
	margin: 0;
	padding: 4px;
	border: 0px;
	border-bottom: 1px solid #2a2a2a;
	vertical-align: bottom;
}

table.form-table th {
	padding-left: 20px;
	text-align: right;
	vertical-align: top;
	color: #ffffff;
}

table.form-table .required {
	text-decoration:underline;
}

table.form-table td {
	padding-right: 20px;
}

table.form-table tr.alt td, table.form-table tr.alt th { 
	background-color: #1f1f1f; border-color:#2a2a2a;
 }

table.form-table tr.error td, table.form-table tr.error th { 
	background-color: #02a3dc;
 }
 
 table.form-table tr.alt.error td, table.form-table tr.alt.error th { 
	background-color: #148dbf;
 }
 
 table.form-table tr.alt.error a { 
	color: #ffffff;
 }
 
 
table.form-table tr.last th, 
table.form-table tr.last td {
	/*border-bottom: none;*/
}

table.form-table td p.note {
	font-size: 80%;
	padding: 0; line-height: 1; }

table.form-table td p.note em {
	display: inline;
	margin: 0;
	font-style: italic;
}

input[type=text], 
select {
	width: 100%;
}

input.large { width: 200px; margin-right: 5px; }
input.medium { width: 100px; margin-right: 5px; }
input.short { width: 30px; margin-right: 5px; }

table.form-table select.auto { width: auto; }

table.form-table textarea {
	width: 100%;
}

table.form-table label { font-weight:bold; }


table.form-table table {  width: 100%; margin-top: -5px; table-layout:auto; text-align:left; }

table.form-table table th, table.form-table table td { text-align:left; padding-left: 0; padding-right:0; margin: 0; border: 0px; background:none; table-layout:fixed; }

/* @end */

/* @group Plain Table */



/* @end */

/* @group Color Scheme */

html { background-color: #1a1a1a; }

table.sheet tr.alt td, table.sheet tr.alt th { background-color: #222222; border-color:#2a2a2a; }

p, table.sheet td, table.sheet th { color: #d1d1d1; }

h2 { border-color: #353535; }

/* @end */

/* @group Item of the Week */

.iow p { font: 150%/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

.iow em { font-size:80%; }

.iow strong { text-transform:uppercase; }

/* @end */

/* @group Sale */

p.sale { padding-left: 94px; padding-top: 10px; background: url(/i/sale_star_orange.png) 0 50% no-repeat;   }

p.sale.ten { background-image: url(/i/sale_star_10.png); }
p.sale.twenty { background-image: url(/i/sale_star_20.png); }
p.sale.thirty { background-image: url(/i/sale_star_30.png); }
p.sale.fourty { background-image: url(/i/sale_star_40.png); }
p.sale.fifty { background-image: url(/i/sale_star_50.png); }
p.sale.sixty { background-image: url(/i/sale_star_60.png); }
p.sale.seventy { background-image: url(/i/sale_star_70.png); }
p.sale.eighty { background-image: url(/i/sale_star_80.png); }
p.sale.ninety { background-image: url(/i/sale_star_90.png); }

p.sale.small { padding-left: 50px; padding-top: 5px; background: url(/i/sale_star_small.png) 0 50% no-repeat; margin: 0; min-height:inherit; }

p.alt { background-color: #1f1f1f; border-top: 1px solid #2a2a2a; border-bottom: 1px solid #2a2a2a; }

/* @end */

/* @group IE PNG Fix */

img, div, p { behavior: url(iepngfix.htc)  }

* html .content_column .sale { width: 450px; }

* html .sidebar .sale { width: 145px; }

/* @end */