/* Start of CMSMS style sheet '** Ecool Default **' */
/**** Body Descriptor ****/

body{
	background: #FFFFFF;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

/** Make sure tinyMCE body is white **/
.mceContentBody{
       background-color: #FFFFFF;
}

/**** Layout Divs and Layout Div Children (in hierarchal order) ****/

div#pagewrapper{
	position: relative;
	width: 875px;
	text-align: left;
	margin: 0 auto;
	height: 100%;
	border-left: 1px solid #BBB4A3;
	border-right: 1px solid #BBB4A3;
	background-color: #DDD7C8;
	overflow: hidden;
}

div#divider{
	position: absolute;
	left: 16px;
	height: 5000px;
	width: 0px;
	border-right: 1px solid #BBB4A3;
	z-index: 15;
}

div#headwrapper{
	position: relative;
	height: 140px;        /* the height of head_header, so the image in head_3d can overlap the centralpicture div */
	position: relatve;
	z-index: 10;
}

div#centralpicture{
	position: relative;
	margin-top: 0px;        /* no changie...this needs to stick so the head_3d can overlap properly */
	background: Black;
	height: 145px;       /* height of the actual image */
}

div#contentwrapper{
	margin-top: -10px;       /* lets the columns overlap the central picture */
	overflow: hidden;
	position: relative;
	z-index: 10;
}

div#footwrapper_global,
div#footwrapper_aero,
div#footwrapper_versa,
div#footwrapper_smart,
div#footwrapper_running,
div#footwrapper_gapshield{
	background-color: #004F14;   /** default bg color...change it below for specific divs **/
	height:145px;
}

div#footwrapper_aero{
	background-color: #202A5B;   /** using cascading to change bg color **/
}

div#footwrapper_versa{
	background-color: #8A2629;   /** using cascading to change bg color **/
}

div#footwrapper_smart{
	background-color: Black;   /** using cascading to change bg color **/
}

div#footwrapper_running{
	background-color: #9B8578;   /** using cascading to change bg color **/
}

div#footwrapper_gapshield{
	background-color: #53595B;   /** using cascading to change bg color **/
}


div.access_offset{          /**hidden for SEO purposes**/
	position: absolute;
	top: -9999em;
	left: -9999em;
	font-size: .1em;
}

div#head_3d{
	position: absolute;
	z-index: 10;
	top: -2px;
	left: 0px;
	height: 115px;
	width: 16px;
}

div#head_header{
	position: absolute;
	background: #E7E2D7;
	top: 0px;
	left: 16px;
	height: 140px;
	width: 859px;
}

div.headerimg{
	margin: 28px 0px 0px 33px;
}

div.headerimg img{
	margin-bottom: 10px;
}

div#head_header_menutab{
	position: absolute;
	top: 108px;
	left: 31px;
}

div#head_header_menutxt{
	position: absolute;
	top: 22px;
	left: 585px;
	width: 350px;
}

div#cont_3d{
	float:left;
	width: 16px;
}

div#colwrapper{
	overflow: hidden;       

/* works with the huge margin/padding combo to make columns look even...don't mess with this :-) */
	padding-bottom: 15px;
}

div#cont_content{
	float: left;
	width: 547px;
	background-color: #EFECE4;
	border-right:1px solid #BBB4A3;
	
/* huge margin/padding combo helps make columns look even...no touchy, please */
	
	padding-bottom: 450px;
	margin-bottom: -450px;
}

div.cont_content_main{
	margin: 0px 12px;
}

div.cont_content_globalh,
div.cont_content_aeroh,
div.cont_content_versah,
div.cont_content_smarth,
div.cont_content_runningh,
div.cont_content_gapshieldh{         /** this describes all of the column header containers...colors will be assigned later**/
	background: #78BF43;
	width: 100%;
	height: 20px;
	margin-bottom: 25px;
	margin-top: 0px;
}

div.cont_content_aeroh{        /** use cascading action to apply different color to each content_h div **/
	background: #73AADC;
}

div.cont_content_versah{        /** use cascading action to apply different color to each content_h div **/
	background: #8A2629;
}

div.cont_content_smarth{        /** use cascading action to apply different color to each content_h div **/
	background: #000;
}

div.cont_content_runningh{        /** use cascading action to apply different color to each content_h div **/
	background: #8CC63F;
}

div.cont_content_gapshieldh{        /** use cascading action to apply different color to each content_h div **/
	background: #808285;
}

div.cont_content_gaph{        /** use cascading action to apply different color to each content_h div **/
	background: #808285;
}

div#cont_secondary{
	float: left;
	width: 310px;
	background-color: #E7E2D7;
						/* huge margin/padding combo helps make columns look even...no touchy, please */
	padding-bottom: 2000px;
	margin-bottom: -2000px;
	text-align: left;
}

div.cont_secondary_main{
	margin: 0px 12px;
}

div.cont_secondary_main ul{
      list-style-position: outside;
}

div.cont_secondary_globalh,
div.cont_secondary_aeroh,
div.cont_secondary_versah,
div.cont_secondary_smarth,
div.cont_secondary_runningh,
div.cont_secondary_gapshieldh{         /** this describes all of the column header containers...colors will be assigned later**/
	background: #89B864;
	width: 311px;
	height: 20px;
	margin-bottom: 25px;
}

div.cont_secondary_aeroh{           /** use cascading action to apply different color to each secondary_h div **/
	background: #202A5B;
}

div.cont_secondary_versah{           /** use cascading action to apply different color to each secondary_h div **/
	background: #9D9FA2;
}

div.cont_secondary_smarth{           /** use cascading action to apply different color to each secondary_h div **/
	background: #8CC63F;
}

div.cont_secondary_runningh{           /** use cascading action to apply different color to each secondary_h div **/
	background: #9B8578;
}

div.cont_secondary_gapshieldh{           /** use cascading action to apply different color to each secondary_h div **/
	background: #58595B;
}

div#foot_3d{
	float:left;
	width: 16px;
}

div#foot_footer{
	float: left;
	width: 859px;
}

div#foot_footer_globalspc,
div#foot_footer_aerospc,
div#foot_footer_versaspc,
div#foot_footer_smartspc,
div#foot_footer_runningspc,
div#foot_footer_gapshieldspc{          /** this describes all of the foot spacers...specific colors will be assigned later**/
	height: 20px;
	width: 100%;
	background: #78BF43;
	margin: 0px;
	margin-bottom: 15px;
}

div#foot_footer_aerospc{           /** use cascading action to apply different color to each footer_spc div **/
	background: #73AADC;
}

div#foot_footer_versaspc{           /** use cascading action to apply different color to each footer_spc div **/
	background: #9D9FA2;
}

div#foot_footer_smartspc{           /** use cascading action to apply different color to each footer_spc div **/
	background: #8CC63F;
}

div#foot_footer_runningspc{           /** use cascading action to apply different color to each footer_spc div **/
	background: #8CC63F;
}

div#foot_footer_gapshieldspc{           /** use cascading action to apply different color to each footer_spc div **/
	background: #808285;
}

/**** Beginning Text Styling ****/

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

p{
	text-align: left;
	margin: 15px 0px;
        font-size: 12px;
}

table p{
	margin: 0px;
}

ul{
	margin: 0px;
        list-style-position: inside;
        font-size: 12px;
}

#tab_wrap_middle ul {
       list-style-position: outside;
       padding-left: 15px;
}

table.contactform{
	text-align: left;
	margin: 8px;
}

td textarea{
	width: 400px;
}

h3 {
      font-size: 1.1em;
}

h5{
	margin: 10px 0px 8px 0px;
}

p.p_title{
	font-size: .725em;
	color: #666;
	margin: -7px 0px 0px 0px;
}

a:link,
a:visited,
a:active{
	color: #10682c;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#colwrapper p, h3, h4, h5, h6, strong{
/*	margin-left: 10px; 
	margin-right: 10px; */
}

div.cont_content_globalh h3,
div.cont_content_aeroh h3,
div.cont_content_versah h3,
div.cont_content_smarth h3,
div.cont_content_runningh h3,
div.cont_content_gapshieldh h3,
div.cont_secondary_globalh h3,
div.cont_secondary_aeroh h3,
div.cont_secondary_versah h3,
div.cont_secondary_smarth h3,
div.cont_secondary_runningh h3,
div.cont_secondary_gapshieldh h3{
	margin: 0px;
	color: #000;  /** default text color...change it later for specific divs **/
	font-weight: bold;
	padding: 3px 0px 0px 10px;
        font-size: 12px;
}

div.cont_content_versah h3,
div.cont_content_smarth h3,
div.cont_content_runningh h3,
div.cont_content_gapshieldh h3,
div.cont_secondary_aeroh h3,
div.cont_secondary_runningh h3,
div.cont_secondary_gapshieldh h3{
	color: white;    /** changing the default color to white **/
}

div#foot_footer p{
	color: #E7E2D7;
	font-size: 10px;
	text-align: center;
	margin: 0px 0px 8px 0px;
}

div#foot_footer span{
	font-weight: bold;
}

div#foot_footer a:link,
div#foot_footer a:active,
div#foot_footer a:visited{
	color: white;
	text-decoration: underline;
}

div#foot_footer a:hover{
	text-decoration: none;
}

/**** Other Element Styling ****/

img{
	border: 0px;
}

img a{
	border: 0px;
}

div.treemenu{
	margin: 0px 25px 25px 25px;
	font-size: .8em;
}

div#minigallery_up{
       width: 300px;
       float: left;
       margin-left: 10px;
}

div#minigallery{
	height: 260px;
        margin-left: 10px;
}

div#minigallery_left{
	float: left;
	margin-right: 10px;
}

div#minigallery_left img{
	margin-bottom: 5px;
}

div#minigallery_thumbs{
	float: left;
	height: 200px;
	width: 180px;
}

div#minigallery_thumbs img{
	margin: 3px;
}

div#gal_cap{
	font-size: .7em;
	height: 2.5em;
	width: 275px;
}

.ProductItem {

}

.ProductItem, select, h5 {
       display: inline;
}

div#content_belowtab {
         margin: 0 10px;
}
/* End of '** Ecool Default **' */