html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: Trebuchet MS, helvetica, arial, sans-serif;
  background-color:#c6e9fb;
  color: #333333;!important;
  font-size:12px;
}

A:link { color: #0099FF; text-decoration: underline;} 
A:visited { color: #0099FF; text-decoration: underline; } 
A:active { color: #0099FF; text-decoration: underline; }  
A:hover{ color: #FF6600; text-decoration: underline;}
/* Default HR*/
HR{
	border:0;
	border-top:1px dashed #c0c0c0;
	height:1px;	
	width:100%;
}
IMG{
	border:none;!important;
}
DIV{
padding:0px;

}
ul li{
	/*color:#c7eafc;*/
	list-style-type:square;
	list-style-image:url(../images/bullet-point.gif);
	vertical-align:middle;
	
	/*list-style-type: none;
	background-image: url(../images/bullet-point.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	padding-left:12px;
	line-height:150%;*/
}

#page{
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  border:0px solid #000000;
  width:960px;
  margin: 0 auto;
  background-color:#ffffff;
}

/* Overide EXT Styles */
div.detailtext{
	padding:0px;
	padding-right:0px;
	}
div.listingsContainer{
	padding-left:0px;
	padding-right:0px;
}

#header{
	width:100%;
	border:0px;
	border-bottom:1px solid #dcddde;
	padding:0px;
}
#header .headerlogo{
	text-align:left;
	padding-left:20px;
	padding-top:10px;
	width:150px;
}
#header .headerboxes{
	text-align:right;
	vertical-align:top;
	padding:0px;
	padding-right:20px;
}
#header .headernav{
	text-align:right;
	vertical-align:bottom;
	padding:0px;
	padding-right:20px;
	padding-bottom:10px;
	height:38px;

}

.headerbox{
	width:185px;
	padding:0px;
	border-collapse:collapse;
	border:0px;
	float:right;
	margin-left:5px;
}
/*
.headerbox .headerboxleft{
	background-image:url(../images/layout/headerboxblue-bgleft.gif);
	width:4px;
	padding:0px;
}
.headerbox .headerboxbody{
	background-color:#e8f6fe;
	text-align:center;
	padding:0px;
}
.headerbox .headerboxright{
	background-image:url(../images/layout/headerboxblue-bgright.gif);
	width:4px;
	padding:0px;
}
.headerboxbottom{
	text-align:left;
	background-image:url(../images/layout/headerboxblue-bgbot.gif);
	padding:0px;
	height:12px;
}
*/
.headerbox .headerboxleft{
	background-image:url(../images/layout/headerboxlightblue-bgleft.gif);
	width:4px;
	padding:0px;
}
.headerbox .headerboxbody{
	/*background-color:#e8f6fe;*/
	background-color:#ffffff;
	text-align:center;
	padding:0px;
}
.headerbox .headerboxright{
	background-image:url(../images/layout/headerboxlightblue-bgright.gif);
	width:4px;
	padding:0px;
}
.headerboxbottom{
	text-align:left;
	background-image:url(../images/layout/headerboxlightblue-bgbot.gif);
	padding:0px;
	height:12px;
	border:0px solid #000000;
}

.headerbox .headerboxleftgrey{
	background-image:url(../images/layout/headerboxlightblue-bgleft.gif);
	width:4px;
	padding:0px;
}
.headerbox .headerboxbodygrey{
	background-color:#e8f6fe;
	text-align:center;
	padding:0px;
}
.headerbox .headerboxrightgrey{
	background-image:url(../images/layout/headerboxgrey-bgright.gif);
	width:4px;
	padding:0px;
}
.headerboxbottomgrey{
	text-align:left;
	background-image:url(../images/layout/headerboxgrey-bgbot.gif);
	padding:0px;
	height:12px;
}

.headerbox .headerboxleftlightblue{
	background-image:url(../images/layout/headerboxlightblue-bgleft.gif);
	width:4px;
	padding:0px;
}
.headerbox .headerboxbodylightblue{
	background-color:#e8f6fe;
	text-align:center;
	padding:0px;
}
.headerbox .headerboxrightlightblue{
	background-image:url(../images/layout/headerboxlightblue-bgright.gif);
	width:4px;
	padding:0px;
}
.headerboxbottomlightblue{
	text-align:left;
	background-image:url(../images/layout/headerboxlightblue-bgbot.gif);
	padding:0px;
	height:12px;
}



img.headerboxbotleft{
	left:0;
	top:0;
	margin:0px;
	float:left;
}
img.headerboxbotright{
	right:0;
	top:0;
	float:right;
}


.headerbutton{
	margin:0px;
	margin-right:2px;
	float:none;
	border:0px;
}
.headerbuttons{
	padding:0px;
	vertical-align:top;
	padding-right:10px;
	
}
.headersearch{
	padding:0px;
	vertical-align:top;
}

#headersearchbox{
	text-align:left;
	height:38px;
	padding:0px;
	border-collapse:collapse;
	width:185px;
	float:right;
	margin-left:5px;
}
.headersearchboxbody{
	text-align:left;
	vertical-align:middle;
	background-color:#e2f4fd;
	background-image:url(../images/layout/searchbox-body.gif);
}
.headersearchboxleft, .headersearchboxright {
	width:13px;
	background-color:#e2f4fd;
	padding:0px;
}



img.searchboxleft{
	float:left;
	margin:0px;
}
img.searchboxright{
	float:right;
	margin:0px;
}

input.headersearchboxtext{
	/*border:solid 1px #76d2f7;*/
	border:solid 1px #c0c0c0;
	width:100px;
	height:18px;
	margin-right:5px;
	font-size:12px;
	text-align:middle;
	color:#666666;
}

img.headericon{
	margin:0px;
	margin-right:5px;
	border:0px;
}

#headercartbox{
	width:170px;
}
div.headerboxtitle{
	
	height:20px;
	font-size:11px;
	padding:2px;
	border-bottom:2px solid #ffffff;
	background-color:#e8f6fe;
	
}
div.headerboxinfo{
	width:100%;
	font-size:11px;
	/*
	background-color:#e8f6fe;*/
	background-color:#ffffff;
	vertical-align:middle;
	padding:0px;
	padding-top:4px;
	color:#999999;
	border-bottom:0px solid #ffffff;
}
div.headerboxinfowhite{
	width:100%;
	font-size:11px;
	background-color:#ffffff;
	vertical-align:middle;
	padding:0px;
	padding-top:4px;
	color:#999999;
	border-bottom:0px solid #ffffff;
}
/* Header Box fields */
#HeaderLoginForm INPUT{
	font-size:11px;
	width:100px;
	border:1px #c0c0c0 solid; 
	padding:1px;
}
#HeaderLoginForm CHECKBOX{
	font-size:9px;
	width:100px;
	border:1px #c0c0c0 solid; 
}
/* Sub Nav Styles */
#subnav{
	border:0px;
	border-bottom:1px solid #dcddde;
	padding:4px;
	padding-top:8px;
	padding-left:25px;
	text-align:left;
	height:25px;
	color:#000000;
}
/* Breadcrumb styles*/
.BodyNavBreadcrumb{
	font-size:14px;
	font-weight:bold;
	color:#c0c0c0;
}
.BodyNavCat{
	font-size:14px;
	font-weight:bold;
}
.BodyNavCatCurrent{
	font-size:14px;
	color:#FF6600;
}

/* Content Styles */
#content{
	text-align:left;
	font-family: Trebuchet MS, helvetica, arial, sans-serif;
	color: #333333;
	padding:0px;
	padding-top:0px;
	padding-bottom:0px;
	clear:both;
	border:0px solid #000000;

}
h1.contenttitle{
	font-size:18px;
	margin-top:10px;
	padding-left:0px;
}
/* Content Layout - This contains all styles used in our inlcuded layout files for custom templates 
TODO: use ID's
*/
TABLE.contentdefault{
	width:100%;
	border:none;
	padding:0px;
	border-collapse:collapse;
}
TD.contentheader{
	border:1px dashed #dcddde;
	padding-left:24px;
	padding-top:10px;
	padding-right:24px;
	padding-bottom:0px;
	
}
TD.contentcolumnleft{
	border-right:1px dashed #dcddde;
	width:50%;
	padding-left:24px;
	padding-top:15px;
	padding-right:20px;
	padding-bottom:15px;
	
}
TD.contentcolumnleftfooter{
	border-right:1px dashed #dcddde;
	width:50%;
	padding-left:24px;
	padding-top:0px;
	padding-right:20px;
	padding-bottom:10px;
	
}
TD.contentcolumnright{
	padding-right:24px;
	padding-top:25px;
	padding-left:22px;
	padding-bottom:15px;
}
TD.contentcolumnrightfooter{
	padding-right:24px;
	padding-top:0px;
	padding-left:22px;
	padding-bottom:10px;
}
TD.contentfooter{
	border-top:1px dashed #dcddde;
	padding-top:15px;
	padding-left:24px;
	padding-bottom:15px;
	padding-right:24px;
}
/* Displays 3 square ads or content at the bottom of the content area */
TABLE.contentfootersquares{
	width:100%;
	border:0px solid #000000;
	padding:0px;
	border-collapse:collapse;
}
TABLE.contentfootersquares TD{
	padding:0px;
	width:33%;
	vertical-align:top;
}
TABLE.contentfootersquares TD.contentfootersquareleft{
	padding:0px;
	width:278px;
	vertical-align:top;
}
TABLE.contentfootersquares TD.contentfootersquarecenter{
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	vertical-align:top;
}
TABLE.contentfootersquares TD.contentfootersquareright{
	padding:0px;
	width:278px;
	vertical-align:top;
}

img.contentimage{
	border: 0px;
}
div.clearfloat{
	clear:both;
}
/* Content Detail Styles. These are used within the fckeditor */
/* ContentTable-2Column - Used for the Products- More Info tabs*/
table.ContentTable-2Column, table.ContentTable2Column,table.ContentTable2ColumnFluid {
	width:100%;
	border: none;	
}
table.ContentTable-2Column td.ColumnLeft {
	width:50%;
	vertical-align: top;
	padding-right: 13px;
	border:10px solid #FF00FF;

}
table.ContentTable2Column td.ColumnLeft {
	width:50%;
	vertical-align: top;
	padding-right: 13px;
}
table.ContentTable2Column td.ColumnRight  {
	width:50%;
	vertical-align: top;
	padding-left: 13px;
}
table.ContentTable2Column tr.tableRows {
	vertical-align: top;
}
/* ContentTable-2ColumnFuild - Used for features*/
table.ContentTable2ColumnFluid td.ColumnLeft {
	vertical-align: top;
	padding-right: 5px;
}
table.ContentTable2ColumnFluid td.ColumnRight  {
	vertical-align: top;
	padding-left: 5px;
}



/*Footer Styles */
#footer{
	border-top:1px solid #dcddde;
	padding-top:10px;
	clear:both;
	bottom:0px;
}
#footerboxes{
	padding:5px;
	padding-bottom:0px;
	padding-right:30px;
	padding-left:25px;
	clear:both;
}

#footerlinks{
	padding:5px;
	padding-top:10px;
	padding-left:25px;
	color:#666666;
	text-align:center;
	font-size:12px;
	clear:both;
}


#footercopyright{
	color:#666666;
	text-align:center;
	padding:5px;
	padding-left:25px;
	
	font-size:11px;
	clear:both;
}
#footercopyright A:link { color: #666666; text-decoration: underline;} 
#footercopyright A:visited { color: #666666; text-decoration: underline; } 
#footercopyright A:active { color: #666666; text-decoration: underline; }  
#footercopyright A:hover{ color: #FF6600; text-decoration: underline;}

table.footerboxorange, table.footerboxblue{
	width:218px;
	height:135px;
	padding:0px;
	
	float:right;
	margin-left:8px;
	
}
table.footerboxorange .footerboxbody{
	border: 2px solid #ffe3a5;
	height:90px;
	font-size:11px;
	vertical-align:middle;
	
}
table.footerboxblue .footerboxbody{
	border: 2px solid #c7eafc;
	height:90px;
	font-size:11px;
}
.footerboxtopcorner{
	width:12px;
	vertical-align:top;
}
.footerboxbotcorner{
	width:12px;
	vertical-align:bottom;
}
.footerboxheader{
	font-size:14px;
	font-weight:bold;
	height:20px;
	padding:3px;
	width:200px;
}
.footerboxfooter{
	padding:0px;
	font-size:11px;
	text-align:right;
	line-height:10px;
	padding:2px;
}
/* Blue Footer Box Links */
A.footerboxbluelink:link { color: #0099FF; text-decoration: none;} 
A.footerboxbluelink:visited { color: #0099FF; text-decoration:  none; } 
A.footerboxbluelink:active { color: #0099FF; text-decoration:  none; }  
A.footerboxbluelink:hover{ color: #0099FF; text-decoration: underline;}

/* Orange Footer Box Links */
A.footerboxorangelink:link { color: #f7941e; text-decoration: none;} 
A.footerboxorangelink:visited { color: #f7941e; text-decoration:  none; } 
A.footerboxorangelink:active { color: #f7941e; text-decoration:  none; }  
A.footerboxorangelink:hover{ color: #f7941e; text-decoration: underline;}

table.footerboxorange .footerboxtopcorner, table.footerboxorange .footerboxbotcorner, table.footerboxorange .footerboxheader, table.footerboxorange .footerboxfooter{
	background-color: #ffe3a5;
	color:#f7941e;
}
table.footerboxblue .footerboxtopcorner, table.footerboxblue .footerboxbotcorner, table.footerboxblue .footerboxheader, table.footerboxblue .footerboxfooter{
	background-color: #c7eafc;
	color:#0099FF;
}
ul.footerboxlistblue,ul.footerboxlistorange{
	text-align:left;
	margin-left:6px;
	padding:0px;
	
}
ul.footerboxlistblue li{
	/*color:#c7eafc;
	list-style-type:square;
	list-style-image:url(../images/layout/footerbox-blue-linksquare.gif);
	vertical-align:middle;*/
	
	list-style-type: none;
	list-style-image:none;
	background-image: url(../images/layout/footerbox-blue-linksquare.gif);
	background-repeat: no-repeat;
	background-position:0px;
	padding-left:12px;
	line-height:150%;
}
ul.footerboxlistorange li{
	/*color:#c7eafc;
	list-style-type:square;
	list-style-image:url(../images/layout/footerbox-blue-linksquare.gif);
	vertical-align:middle;*/
	
	list-style-type: none;
	list-style-image:none;
	background-image: url(../images/layout/footerbox-orange-linksquare.gif);
	background-repeat: no-repeat;
	background-position:0px 4px;
	padding-left:12px;
	line-height:150%;
}

ul.footerboxlistright{
	position:relative;
	left:140px;
	text-align:left;
}

img.footerboxcorner{
	margin:0px;
}
/* Footer Boxes Rounded Rect */
.roundcont {
	width: 250px;
	background-color: #ffe3a5;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;

}

.roundtop { 
	background: url(../images/layout/footerbox-orange-topright.gif) no-repeat top right; 

}

.roundbottom {
	background: url(../images/layout/footerbox-orange-botright.gif) no-repeat top right; 
}

img.corner {
   width: 12px;
   height: 12px;
   border: none;
   display: block !important;
  float:left;
}

/* Product */
img.productImageTiny{
	margin-top:6px;
	margin-right:6px;
}
TABLE.productDetailSummary{
	width:100%;
	padding:2px;
	border-collapse:collapse;
}
TD.productDetailSummaryLabel{
	width:75px;
	padding:2px;
	padding-left:0px;
	text-align:left;
	border:0px solid #000000;
}
TD.productDetailSummaryValue{
	padding:2px;
	padding-left:10px;
	text-align:left;
	width:auto;
}
.productTeaserTitleLarge{
	font-size:12px;
	font-weight:normal;
}
.productTeaserTitleSmall{
	font-size:12px;
	font-weight:normal;

}

/*Pods */
.Pod {
	width: 200px;	
	padding: 0px;
	maring: 0px;		
}
.ImageHeader {
	padding: 0px;		
}
.TextHeader {
	padding: 8px;
	font-size: 14px;	
	font-weight:bold;
}
.PodText {
	padding: 8px;
	background-color:#e2f4fd;
}

/* Forms */
.ContactForm {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size:14px;
	margin: 0px;
}
.ContactFormHeader {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size:12px;
	background-color: #6ccff6;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	padding-left:10px;
	padding-right:10px;
}
.ContactFormBody {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size:12px;
	padding: 5px;
	padding-left:10px;
	padding-right:10px;
	border-left: 1px solid #dcddde;
	border-right:1px solid #dcddde;
}
.ContactFormBodyLeft {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size:12px;
	padding: 5px;
	padding-left:10px;
	width: 120px;
	border-left: 1px solid #dcddde;
}
.ContactFormBodyRight {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size:12px;
	padding: 2px;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #dcddde;
}
.ContactFormBottom {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size:12px;
	padding: 5px;
	padding-left:10px;
	border-bottom:1px solid #dcddde;
	border-left: 1px solid #dcddde;
	border-right:1px solid #dcddde;
}
.ContactForm INPUT.formfield{
	border:1px solid #666666;
	font-size:12px;
	width:180px;
	height:24px;
	vertical-align:middle;
}
INPUT.formcheck{
	height:1.5em;
	width:1.5em;
}
/* Testimonial Pod */
DIV.testimonialpod{
	text-align:left;
	background-image:url(../images/layout/testimonial-quotes.gif);
	background-repeat: no-repeat;
	width:434px;
	height:95px;
	border:0px solid #000000;
	padding:1px;
}

.sidebarrelatedtitle{
	font-size:14px;
	font-weight:bold;

}

/* Photo Comp Form*/
.TinyText {
	font-family: "Trebuchet MS";
	font-size: 10px;
}
.FormTable {
	border:0px;
	padding: 0px;
	margin: 0px;
}
.TableHeaderRow {
	background-color: #0033FF;
	padding-left:5px;		
}
.FormLeftColumn {
	width:180px;
	padding-left:8px;
}
.FormLeftColumnNoWidth {
	padding-left:8px;
}
.FormRightColumn {
	width:330px;
}
.FormRight3Column {
	width: 180px;
	background-color:#e2f3fd;
	padding:5px;
}
.FormHeader {
	color: #ffffff;
}
/* form fields need to inherit the website font styles */
.InputText {
	width: 95%;
	font-family: "Trebuchet MS";
	font-size: 14px;
	padding: 4px;
	padding-left: 5px;
	border: 1px solid #666666; 
}
.InputTextSmall {
	width: 50%;
	font-family: "Trebuchet MS";
	font-size: 14px;
	padding: 5px;
	border: 1px solid #666666; 
}
.SelectText {
	font-family: "Trebuchet MS";
	font-size: 12px;
	border: 1px solid #666666; 
}
.TextArea{
	font-size: 12px;
	width: 95%;
	font-family: "Trebuchet MS";
	border: 1px solid #666666;
}

.formfileupload {
	width: 95%;
	font-size: 12px;
	margin-bottom:2px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #666666; 
}
.formlabelrequired{
	border-right: 4px solid #6ccff6;
}
.formfieldrequired{
	border-left: 4px solid #6ccff6;
}
/* coremod:mg | Custom style used by form buttons using images */
.formButtonImage {
	BORDER: 0px solid #ccc;
	background-color: #FDFFF5;
	text-align : center;
	padding: 1px;
}
/* Form Containers -using help*/
DIV.formcontainer{
	padding:0px;
	
}
DIV.formheader{
	clear:both;
	background-color:#45a9ee;
	border:1px solid #45a9ee;
	padding-left:10px;
}
DIV.formheadersub{
	clear:both;
	background-color:#6ccff6;
	border:1px solid #6ccff6;
	padding-left:10px;
}
DIV.formbody{
	border-left: 1px solid #dcddde;
	border-right: 1px solid #dcddde;
	border-bottom: 1px solid #dcddde;
	clear:both;
	padding:0px;
}
DIV.formfooter{
	clear:both;

}
.FieldWidthMax{
	width:99%;
}
.FieldWidthLarge{
	width:75%;
}
.FieldWidthMedium{
	width:50%;
}
.FieldWidthSmall{
	width:25%;
}