/*

COLORS:
Light blue - #b3d2ea
Dark Blue - #055278
Black
White

FONTS:
Main body text - Times New Roman, reg, 15px, black
Alternative text (News, Products) - Arial, reg, 12px
Nav text - Arial, bold, 12px, light blue #b3d2ea (unselected), white  
(selected)
Phone/Email label text - Arial, bold, 10 px, all caps, white
Phone number and email address text - Times New Roman, bold, 15px,  
Dark Blue - #055278
News header text - Arial, bold, 14px, Dark Blue - #055278
Links - Arial, bold, 10px, all caps, white (when on blue background),  
Dark Blue - #055278 (when on white background)
Footer text - Arial, reg, 11px, extra letter space, Dark Blue - #055278

*/

html
{
	/* Always make vertical scrollbar (kills annoying page shift in Firefox) */
	min-height: 100%;
	margin-bottom: 1px;
}

body, td, p { font-family:Times New Roman; font-size:15px; color: black; }

.alt { font-family:Arial, sans-serif; font-size:12px; font-weight: normal; color: black; text-decoration:none;}

.title { font-family:Times New Roman; font-size:22px; color: #055278; text-decoration:none;}
.subtitle { font-family:Georgia,serif; font-size:16px; color: #055278; text-decoration:none;}

.headline { font-family:Georgia,serif; font-size:30px; color: #353692; text-decoration:none;}
.subheadline { font-family:Georgia,serif; font-size:18px; color: #353692; text-decoration:none;}

.proheading  { font-family:Arial, sans-serif; font-size:14px; font-weight: bold; color: #055278; text-decoration:none;}
.prodesc  { font-family:Arial, sans-serif; font-size:12px; font-weight: normal; color: #055278; text-decoration:none;}
a.prodesc:hover  { font-family:Arial, sans-serif; font-size:12px; font-weight: normal; color: #055278; text-decoration:underline;}

.subcattitle { font-family:Arial, sans-serif; font-size:14px; font-style:italic; font-weight:bold; color: #FFFFFF; text-decoration:none;}

.spectitle { font-family:Arial, sans-serif; font-size:12px; font-style:italic; font-weight:bold; color: #FFFFFF; text-decoration:none;}
.specheading { font-family:Arial, sans-serif; font-size:10px; color: #000000; text-decoration:none;}
.speccell1 { border-top:1px solid #000000; border-right:1px solid #000000; font-family:Arial, sans-serif; font-size:10px; color: #000000; text-decoration:none; }
.speccell2 { border-top:1px solid #000000; font-family:Arial, sans-serif; font-size:10px; color: #000000; text-decoration:none; }


.nav { font-family:Arial, sans-serif; font-size:12px; font-weight: bold; color: #b3d2ea; text-decoration:none;}
.nav:hover { font-family:Arial, sans-serif; font-size:12px; font-weight: bold; color: white; text-decoration:none; }
.navsel { font-family:Arial, sans-serif; font-size:12px; font-weight: bold; color: white; text-decoration:none; }

a.leftnav {
	font-size: 12px;
	line-height: 16px;
	color: black;
}
a.leftnavsel {
	font-size: 12px;
	line-height: 16px;
	color: black;
	font-weight:bold;
}
a.subnav {
	font-family:Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: black;
}
a.subnavsel {
	font-family:Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: black;
	font-weight:bold;
}

.pagelink {
	font-family:Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #055278;
}
.pagefade {
	font-family:Verdana, sans-serif;
	font-size: 11px;
	color: #B3D2EA;
}

.link {
	font-family:Verdana, sans-serif;
	font-size: 11px;
	color: black;
}

.small { font-family:Arial, sans-serif; font-size:10px; color: #000000; }
.login { color:#FFF; font-size:11px; text-decoration:none; }
.alert { border:1px solid #EEEEEE; background-color:#EEEEEE; padding:5px; font-weight:bold; color:Red; text-align:center; }
.gold { color: #EDCE8E; }

.pagelink {
	font-size: 10px;
	text-decoration: none;
}
.pagefade {
	font-size: 10px;
	color: #EEEEEE;
}
.itemlink { text-decoration: none; }
.itemlink:hover { color: #041a36; text-decoration: none; }
.itemdate { color: black; font-size: 10px; font-weight: bold; font-family: arial, helvetica, Verdana, sans-serif; text-decoration: none; text-transform: uppercase; }
.itemtitle { color: #055278; font-size: 14px; font-weight: bold; font-family: arial; text-decoration: none; }
.itemtitlelink { color: #055278; font-size: 14px; font-weight: bold; font-family: arial; text-decoration: none; }
.itemtitlelink:hover { color: white; text-decoration: none; }
.itemtitlelink:visited { color: #055278; }
.itemtitlelink:visited:hover { color: #055278; }
.itemteaser { color: #041a36; font-size: 11px; font-weight: normal; font-family: arial, helvetica, Verdana, sans-serif; text-decoration: none; }
.itemmore { color: white; font-size: 10px; font-weight: bold; font-family: arial; text-decoration: none; }
.itemmore:hover { text-decoration: underline; }
.header_label { color: white; font-size: 10px; font-weight: bold; font-family: arial; text-transform: uppercase; }
.header_font { color: #055278; font-size: 15px; font-weight: bold; font-family: Times New Roman; }
.header_font a { color: #055278; font-size: 15px; font-weight: bold; font-family: Times New Roman; text-decoration: none;}

#news_field {
border: 1px solid white;
padding: 8px;

font-family: Arial;
font-size: 12px;

}

.news_header { font-family: Times New Roman; font-size: 22px; font-weight: reg; color: black ; }
.news_view_all { color: white; font-size: 14px; font-weight: bold; font-family: arial; text-decoration: none; text-transform: uppercase; }
.news_view_all:hover { text-decoration: underline; }
/*  LAYOUT CSS */

body{
background-color: #b3d2ea;
margin:0;
padding:0;
font-family: Times New Roman;
font-size:15px;
height: 100%;
text-align:center;
}

#maincontainer_header{
width: 100%; /*Width of main container*/
padding:0;
}

#maincontainer_body{
width: 100%; 
padding-top: 10px;
background-color: #b3d2ea;
min-height: 100%;
padding:0;
height: 100%;
}
/*
#maincontainer_footer{
width: 100%; /*Width of main container
padding:0;
clear:both;
float:left;
}*/

#topsection{
width: 100%;
padding:0;
/*height: 200px; Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 0px;
}

#contentwrapper{
margin: 0 auto;
width: 760px;
padding-top:30px;
background-color: #b3d2ea;
text-align:left;
}

#rightcolumn{
float: right;
width: 300px; /*Set left margin to LeftColumnWidth*/
background-color: #b3d2ea;
padding-left:20px;
}

#leftcolumn{
width: 760px; /*Width of left column*/
 /*Set left margin to -(MainContainerWidth)*/
background-color: #b3d2ea;
float:left;
}

#footer{
float:left;
clear:both;
width: 100%;
background-color: white;
color: #055278;
text-align: center;
font-family: Arial;
font-size:11px;
padding-top: 8px;
padding-bottom: 8px;
letter-spacing: 0.2em;
}

#footer a{
color: #055278;
text-decoration:none;
}

.innertube{
padding: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0px;
}


#product_search {
width: 292px;
padding-top:6px;
}

#featured_product {
width: 292px;
text-align:center;
background-color: white;
}

.prod_search_header { font-family: Arial; font-size: 14px; font-weight: bold; color: black ; }
.prod_search_button { border: 1px solid #F1A02D; background-color: white;}

.prod_link { font-family: Arial; font-weight: bold; font-size:10px; color: #055278; text-decoration: none; text-transform: uppercase;}
.prod_header { text-align: center; font-family:Arial; letter-spacing: 0.07em; font-weight: bold; font-size:14px; color: white; text-decoration:none; }

/* Contact form styles */

.button { border: 1px solid #333333; background-color: #fd983e; font-size: 12px; font-family: Verdana; height:18px; color:#FFFFFF; }
.textbox { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; height:18px; }
.textboxreqd { border: 1px solid #333333; font-size: 12px; font-style: italic; font-family: Verdana; width: 250px; background-color: #FFF4DF; height:18px; }
.textboxreqds { border: 1px solid #333333; font-size: 12px; font-style: italic; font-family: Verdana; width: 100px; background-color: #FFF4DF; height:18px; }

.dropdown { border: 1px solid #333333; font-size: 12px; font-family: Verdana; }
.large_text { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; height: 70px; }
.large_textreqd { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; height: 70px; background-color: #FFF4DF; }
.textboxshort { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 50px; }
.short_textboxreqd { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 100px; background-color: #FFF4DF; }