body {
background-color: #d7dfe2;
margin:0px;
padding:0px;
font: 10px  verdana, arial, helvetica;
color: #416271;
}

#wrapper { background:url(images/wrapper-bg.png) repeat-y center; }

img {	border: 0; }
br.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }

h1{
padding:5px 0 5px 0;
margin:0;
font-size:18px;
color:#416271;
}
h2{
padding:5px 0 5px 0;
margin:0px;
font-size:16px;
color:#416271;
}
h3{
padding:0 0 5px 0;
margin:0;
font-size:12px;
color:#416271;
}
h4{
padding:0 0 10px 0;
margin:0px;
font-size:14px;
color:#416271;
}
p {
text-align:justify;
padding:2px 0 2px 0;
margin:0px;
line-height:15px;
}

p.clear{
clear:both;
padding:10px 0 0 0;
}
p.center{
text-align: center;
margin: auto;
}
.center{
text-align: center;
margin: auto;
}

#mainContainer{
width:900px;
height:auto;
margin:auto;
background-color:#fff;
}

#header{
width:900px;
height:auto;
margin:auto;
background:url(images/header-bg.png) no-repeat 0 0;
}

#logo{
padding:15px 0 5px 20px;
float:left;
width: 214px;
height: 150px;
}


a:link {text-decoration: none; color: #416271;}
a:visited {text-decoration: none; color: #416271;}
a:active {text-decoration: none; color: #416271;}
a:hover {text-decoration: underline; color: #416271;}


#topLinks {
	width: 450px;
	height: auto;
	float: right;
}

#topLinks ul {
	float: right;
	font-size: 11px;
}

#topLinks ul li {
display:inline;
list-style:none;
padding: 0 12px;
border-right: 1px solid #416271;
}

#topLinks ul li.last { border-right:0; }
#topLinks ul li a { text-decoration:none; color: #416271; }
#topLinks ul li a:hover { text-decoration:underline; }
#topLinks ul li.shopcart a { background:url(images/cart.png) no-repeat 0 50%; padding-left: 25px; }

#topLinks p {
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	padding-top: 10px;
}

#topLinks p.phoneNo {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	padding: 0;
}
/*----------------------menu-------------------------*/
#nav {
width:900px;
height:32px;
padding: 0;
clear:both;
background-color:#416271;
}
#nav ul {
list-style:none;
padding:0 10px;
margin: auto;
display:block;
}
#nav ul li {
list-style:none;
display:inline;
float:left;
width:auto;
height:32px;
line-height:32px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
border-left: 1px solid #fff;
display: block;
}
#nav ul li.first { border: 0; padding-left: 25px; }

#nav ul li a{
padding:0 24px;
height:32px;
width: auto;
float:left;
text-decoration:none;
margin:0;
color:#fff;
text-align:center;
}

#nav ul li a:hover { text-decoration: underline; }

/*----------------middle mainBanner-----------*/

.text_content{
width:350px;
float:left;
padding:20px 0 0 0;
}
.read_more{
width:101px;
height:29px;
text-align: right;
padding:10px;
background:url(images/read_more_bg.gif) no-repeat center;
line-height:29px;
text-align:center;
}
.read_more a{
text-decoration:none;
color:#FFFFFF;
}
.read_more_link{
width: auto;
padding:3px 20px 3px 22px;
background:url(images/orange_bullet.gif) no-repeat 0 50%;
}
.read_more_link a{
text-decoration:none;
color:#f7941d;
}


.boxImg {
float: left;
margin-right: 20px;
}



/*----------------------left rail -------------------------*/

#leftRail {
width:280px;height: auto;padding:5px 0 0 0; float:left;
}
#leftRail ul{
list-style:none;
margin: auto;
display:block;
padding:0px;
}
#leftRail ul li{
list-style: none;
display: block;
line-height: 29px;
height:2 9px;
width: 280px;
padding: 0 0 0 35px;
margin: 7px 0 7px 0;
color: #6898ac;
background: url(images/left_nav_arrow.gif) no-repeat left;
border-bottom: 1px dashed #bedf77;
background-position:0px 0px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}


/*---------------------- mainBanner -------------------------*/

#mainBanner { margin:0; width:900px; height:260px; }

#imageContainer {
position:relative;
width:900px;
}
#imageContainer ul {
display:inline;
list-style:none;
}

#imageContainer img {
display: none;
position: relative;
top: 0;
left: 0;
}

#imageContainer {
height:260px;
}

#imageContainer img {
display:none;
position:absolute;
top:0; left:0;
}


/* ----- Other stuff -------- */

.productsBox{
padding:10px 0 5px 0;
border: 2px solid #999;
padding: 4px 10px;
margin-bottom: 20px;
}

.productsBox a { text-decoration: none; }
.productsBox a:hover { text-decoration: underline; }
.productsBox h3 {	font-size: 16px; }

.productsBox p{
font-size: 12px;
line-height: 18px;
margin-left: 140px;
color: #333;
}

.productsBox span.extra {
font-size: 10px;
line-height: 20px;
color: #666;
}

/*--------------------------mainContent-------------------*/
#mainContent{
clear:both;
width:auto;
height:auto;
background:url(images/mainContent-fade.png) repeat-x top;
}
#leftContent{
width:320px;
height:auto;
margin:10px;
float:left;
padding:10px;
/* background:url(images/left_content_bg.gif) repeat-x top; */ 
}
#rightContent{
width:490px;
height:auto;
margin:10px 0 0 0;
float:left;
padding:10px;
}

#rightContent h2 { text-transform: uppercase; font-size: 20px; }

div.specialLink {
float: left;
width:202px;
height:120px;
/* background:url(images/special.png) no-repeat center; */
}

div.specialLink a {
width:202px;
height:120px;
}

.prodCallOut {
float: right;
}

.prodCallOut img {
margin: 10px;
}

.prodCallOut p {
clear: both;
text-align: center;
font-size: 28px;
}

/*-----------------------contact_form-------------------*/
#contact_form{
width:410px;
height:auto;
padding:10px 0 0 60px;
}
.form_row{
float:left;
padding:4px 0 4px 0;
}
label{
width:100px;
float:left;
padding:3px 5px 0 0;
color:#59a5bf;
text-align:right;
}
input.contact_input{
width:220px;
height:18px;
float:left;
border:1px solid #333;
background-color:#dbedf3;
color: #000;
}
textarea.contact_textarea{
width:220px;
height:80px;
float:left;
border:1px #ced6ec solid;
background-color:#dbedf3;
color: #000;
}

/*--------------wideContent-----------*/
#wideContent{
width:auto;
padding:20px 20px 10px 20px;
background-color:#fff;
font-size: 12px;
line-height: 20px;
color: #333;
}

#wideContent h1 { font-size: 20px; margin-bottom: 15px; }
#wideContent h2 { font-size: 16px; margin-top: 15px; }
#wideContent h3 { font-size: 14px; }
#wideContent h1, #wideContent h2, #wideContent h3, #wideContent p, #wideContent li, #wideContent ol { color: #333; }

#wideContent p { line-height: 20px; }

#wideContent .callOut {
font-size: 24px;
text-align: center;
padding: 20px 5px;
border: 2px solid #999;
background: #ccc;
	
}

/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:60px;
color: #fff;
background-color:#416271;
}
.copyrightIcon{
float:left;
padding-left:10px;
padding-top: 5px;
}
.footerNav{
float:right;
padding-right:15px;
padding-top:13px;
font-size: 11px;
color: #fff;
}

#footer ul#annex li {
display:inline;
list-style:none;
border-left: 1px solid #fff;
padding:0 5px 0 5px;
}

#footer ul#annex li.first { border:none; padding-left:0; }

.footerNav a {
text-decoration:none;
color: #fff;
}
.footerNav a:hover {
text-decoration:underline;
}
#footerBottom {
	display:block;
	height:10px;
	margin:0 auto;
	width:900px;
}