*{
}

html {
	padding-bottom: 1px;
}

body {
    text-align: center;
    background-color: #FFFFFF;
    /* Adjust the MainContent Block
    to return to the left half its width */  
	/*color: #4a575f;
	background-color: #FFFFFF*/
}

.ControlPanel {
    margin:0 auto;
    height: auto;
    width: 800px;
 }
 
#parentcontainer{
    /*margin: 1px auto;*/
    
    position: relative;
    _top: 0;
    margin-left: auto;
    margin-right: auto;
    text-align:left;
    background-color: #FFFFFF;
    left: 0px;
}
.parentcontainer {
    position:relative;
    top:0px;
    width: 940px;  
    min-height: 600px;
    height:auto;
}

.header{
    position: relative;
    display: block;
    clear: both;
    width: 940px;
    height: 100px;
    background-image: url('../images/bg-header.gif');
    top: 0px;
    left: 0px;
}

.headerlogo{
    position: absolute;
    display: block;
    top: 5px;
    left: 5px;
}

.searcharea{
    position: absolute;
    display: block;
    width: 320px;
    height: 90px;
    top: 0px;
    left: 620px;  
}

#seacharealinks{ 
    position: absolute;
    display: block;
    text-align: justify;
    width: 280px;
    top: 30px;
    left: 30px;  
}

.box-header ul {
	float: right;
	margin: 0 0 0 -7px;
	padding: 0 0 7px;
	list-style: none;
	overflow: hidden;
	position: relative;
}
.box-header ul li {
	float: left;
	padding: 0 7px;
	margin: 0 1px 0 -1px;
	background: url(../images/bg-sep-header.gif) no-repeat 0 2px;
}

.seachareainput{
    position: absolute;
    display: block;
    width: 280px;
    height: 30px;
    top: 55px;
    left: 30px; 
    overflow: visible;
    z-index: 5; 
} 

.menuarea{
    position: relative;
    float: left;
    display: block;
    clear: both;
    width: 940px;
    max-width: 100%;
    background: url('/images/bg-nav.gif') no-repeat;
	min-height: 48px;
	height: auto;
    z-index: 3;
}    

#DynamicContentArea{
}
.DynamicContentArea{
    position: absolute;
    left: 1px;
    width: 940px;
    height: auto;
    min-height: 300px;
    top: 160px;
    list-style-type: none;
}     
.footerarea{
    position: relative;
    display: block;
    clear: both;
    width: 940px;
    height: 100px;
}

.footerpolaricon{
    display: block;
    background-image: url('../images/polarlogo.jpg');
    background-repeat: no-repeat;
    position:relative;
    float:left;
    width: 56px;
    height: 48px;
}

.footericeteamicon{
    display: block;
    background-image: url('../images/ice_team.jpg');
    position:relative;
    float:left;
    width: 40px;
    height: 48px;
}

.footerspacerV{
    display: block;
    background-color: Transparent;
    position: relative;
    float: left;
    clear:both;
    height: 20px;
    width: 940px;
    top: 0px;
}

.footerspacerH{
    display: block;
    background-color: Transparent;
    position: relative;
    float: left;
    width: 20px;
    height: 48px;
}

.footerbar{
    display: block;
    background-image: url('../images/footer_background.jpg');
    position:relative;
    float:right;
    width: 796px;
    height: auto;
    text-align: left;
    padding-top: 1px;
    padding-left: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 500;
    color: #ffffff; 
    
}

.footertext{
    display: block;
    position:relative;
    float:right;
    width: 800px;
    height: 100px;
    padding-top: 3px;
}

.templatecontentpane{
    min-height: 540px;
    display: block;
}
    

/* HOME PAGE CSS styles*/

.mainfeature{
    display: block;
    background-position:center;
    position:relative;
    float: left;
    width: 620px;
    height: 320px;
    z-index: 0;
    overflow: hidden;
}
.newproductsheader{
    background-color:#25A5E2;
    position:relative;
    display: block;
    float:left;
    clear:left;
    width: 622px;
    min-height: 36px;
    height: auto;
    margin-top: 12px;
}
.newproducts{
    position:relative;
    float: left;
    display: block;
    width: 622px;
    min-height: 240px;
    height: auto;
}

.newproductitems{
    position:relative;
    display: block;
    float: left;
    height: auto;
    max-height: 375px;
    width: auto;
    margin-top: 0px;
}

.specialoffers{
    position:relative;
    display: block;
    float: right;
    width: 300px;
    min-height: 200px;
    height: auto;
    clear:right;
}
.enews{
    position:relative;
    display: block;
    float: right;
    width: 300px;
    min-height: 120px;
    height: auto;
    clear:right;
}

.downloadcatalog{
    position:relative;
    float: right;
    display: block;
    width: 300px;
    min-height: 100px;
    height: auto;
    clear:right;
}

/*SECONDARY PRODUCT DETAIL TEMPLATE CSS SETTINGS*/

.product_detail_secondary_nav_area_left{
    border: solid, 1px, black;
    position: relative;
    display: block;
    float: left;
    width: 200px;
    height: 300px;
           
}

#contentpage2title{
}

.contentpage2title{
    position: relative;
    float: left;
    display: block;
    clear:right;
    min-height: 20px;
    height: auto;
    width: 700px;
}

.product_detail_secondary_right_content{
    /*border: solid, 1px, black;*/
    position: relative;
    float: right;
    display: block;
    width: 731px;
    min-height: 440px;
    height:auto;
    
}
  
.product_detail_secondary_nav_content_area{
    position: relative;
    float: left;
    display: block;
    width: 200px;
    height: 200px;
}             

.product_detail_secondary_right_recommendations{
   position: relative;
    float: right;
    display: block;
    clear:right;
    width: 731px;
    min-height: 140px;
    height: auto;
}

.secondaryproductitems{
    position:relative;
    display: block;
    float: left;
    min-height: 82px;
    height:auto;
    width: 220px;
    margin-right: 20px;
    margin-top: 10px;

}

.leftcolumn{
    position: relative;
    float: left;
    display: block;
    width: 200px;
    min-height: 500px;
    height: auto;
}

.middlecolumn{
    position: relative;
    float: left;
    display: block;
    width: 390px;
    min-height: 300px;
    height: auto;
}   
.rightcolumn{
    position: relative;
    float:right;
    display: block;
    width: 310px;
    min-height: 300px;
    height: auto;     
}

.doublecolumn{
    position: relative;
    float:right;
    display: block;
    width: 700px;
    min-height: 300px;
    height: auto;
    padding: 10px 10px 3px 10px;
}    
 
.doublepane{
    position:relative;
    float: left;
    display: block;
    width: 690px;
    min-height: 300px;
    height: auto;
    padding: 0px 10px 3px 3px;
}

   
.leftpanetop{
    position:relative;
    float:left;
    display: block;
    width: 200px;
    min-height: 140px;
    height: auto;
}

.leftpanemiddle1{
    position:relative;
    float: left;
    display: block;
    width: 200px;
    min-height: 20px;
    height: auto;
    overflow: visible;
}
.leftpanemiddle2{
    position:relative;
    float: left;
    display: block;
    width: 200px;
    min-height: 20px;
    height: auto;
}

.leftpanebottom1{
    position:relative;
    float: left;
    display: block;
    width: 200px;
    min-height: 20px;
    height: auto;
}
.leftpanebottom2{
    position:relative;
    float: left;
    display: block;
    width: 200px;
    min-height: 20px;
    height: auto;
}

.middlepanetop{
    position:relative;
    float:left;
    display: block;
    min-width: 310px;
    width: auto;
    min-height: 50px;
    height: auto;
    padding: 0px 3px 3px 10px;
}

.middlepane{
    position:relative;
    float: left;
    display: block;
    width: 310px;
    min-height: 50px;
    height: auto;
    padding: 0px 10px 3px 3px;
}

.middlepane2left{
    position:relative;
    float: left;
    display: block;
    width: 160px;
    min-height: 50px;
    height: auto;
}

.middlepane2right{
    position:relative;
    float: left;
    display: block;
    width: 160px;
    min-height: 50px;
    height: auto;
}

.middlepanebottomleft{
    position:relative;
    float: left;
    display: block;
    width: 120px;
    min-height: 50px;
    height: auto
}

.middlepanebottommiddle{
    position:relative;
    float: left;
    display: block;
    width: 310px;
    min-height: 50px;
    height: auto;
}
.middlepanebottomright{
    position:relative;
    float: left;
    display: block;
    width: 120px;
    min-height: 50px;
    height: auto;
}
.rightpanetop{
    position:relative;
    float:right;
    display: block;
    min-width: 310px;
    width: auto;
    min-height: 50px;
    height: auto;
    overflow: hidden;
}

.rightpanebottomleft{
    position:relative;
    float:left;
    display: block;
    width: 310px;
    min-height: 40px;
    height: auto;
    background-position:right;
    overflow: hidden;
}

.rightpanebottomright{
    position:relative;
    float:right;
    display: block;
    min-width: 10px;
    width: auto;
    min-height: 40px;
    height: auto;
    background-position: left;
    overflow: hidden;
}


.catalogleftcolumn{
    position:relative;
    float:left;
    display: block;
    top: 1px;
    left: 1px;
    width: 200px;
    min-height: 500px;
    z-index: 2;
}

.catalogmiddlecolumn{ 
    position: relative;
    float:left;
    top: 1px;
    width: 440px; 
    min-height: 201px; 
    height: auto;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 1;
}  

.catalogrightcolumn{ 
    position: relative;
    float:right;
    top: 1px;
    display: block;
    width: 265px; 
    min-height: 300px; 
    height: auto;
    margin-right: 5px;
}  
 
.catalogcontenttitle{
     position:relative; 
     display: block;
     float:left; 
     width: 460px; 
     min-height:100px; 
     height:auto;
 }

.catalogcontenttable{
    position:relative;
    display: block;
    float:left;
    width: 434px;
    min-height: 300px;
    height:auto;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 4px;
    
}

.catalogrighttop{
    position:relative;
    float:right;
    width: 260px;
    min-height: 200px;
    height: auto;
}

.catalogrightbottom{
    position:relative;
    float:right;
    width: 260px;
    min-height: 200px;
    height: auto;
}

/*TEXT AND FORMATING CSS*/

.title{
    font-family: Arial, Helvetica, sans-serif; font-size: medium; text-transform: capitalize; font-weight: bold; color: #005bc6;
    margin-left: 4px;
    line-height: 18px;
    text-align:left;
}

img {border-width: 0px;
    border-style: none;
}
a {text-decoration: none; color: #005bc6;}
a:link{text-decoration: none; color: #005bc6;}
a:visited{text-decoration: underline; color: #005bc6;}
a:hover {text-decoration: underline; color: #005bc6;}

.footerbar a{text-decoration: none; color: #efefef;}
.footerbar a:link{text-decoration: none; color: #efefef;}
.footerbar a:hover {text-decoration: underline;}
.footerbar a:visited{text-decoration: none; color: #efefef;}
p {margin: 0;padding: 0 0 15px;}

ul.product_style{
    margin: 0;	
    padding: 0 0 15px; 
    list-style: none; 
    
}
li.product_style {
    background: url('../images/bg-sep-list.gif') no-repeat 14px 6px; 
    line-height: 16px; padding: 0 0 20px 25px; 
    list-style-image:none; 
    list-style:none; 
    text-decoration: none; 
    font-family: Arial; 
    font-size: 12px; 
    font-weight: 500; 
    color: #4A575F;
 }


h1 {font: 28px Arial, Tahoma, Geneva, sans-serif; color: #005bc6; font-size: 28px; font-weight: 500; line-height: 30px; margin: 0; padding: 0 0 10px 3px; letter-spacing: -1px; text-transform: uppercase;}
h2 {font: 22px Arial, Tahoma, Geneva, sans-serif; color: #005bc6; font-size: 22px; font-weight: 500; line-height: 30px; margin: 0; padding: 0 0 10px 3px; letter-spacing: -1px; text-transform: uppercase;}
h3 {font: 18px Arial; color: #4A575F; font-size: 18px; font-weight: 600; line-height: 28px; margin: 0; padding: 0 0 8px 3px; text-transform: uppercase;}
h4 {font: 14px Arial; color: #005bc6; font-size: 12px; font-weight: 600; text-decoration: "underline"; line-height: 18px; margin: 0; padding: 0 0 0px 3px; text-transform: uppercase;}
h5 {font: 10px Arial, Tahoma, Geneva, sans-serif; color: #4A575F; font-size: 10px; font-weight: 600; line-height: 24px; margin: 0; padding: 0 0 4px 3px; text-transform: uppercase;}
h6 {font: 8px Arial, Tahoma, Geneva, sans-serif; color: #4A575F; font-size: 8px; font-weight: 600; line-height: 20px; margin: 0; padding: 0 0 4px 3px; text-transform: uppercase;}

Normal {font: 14px Arial; color: #4A575F; font-size: 13px; font-weight: 400; line-height: 30px; margin: 0; padding: 0 0 10px 10px; letter-spacing: -1px; text-transform: none;}
.text{font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 500; color: #4A575F;}
.normaltext{font-family: Arial; font-size: 12px; font-weight: 500; color: #4A575F; line-height:17px;}
.catalogtext{font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 500; color: #4A575F;}
.catalogCTAtext{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 600; color: #005bc7;}
.bluetext{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #005bc7;}
.textwhite{font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: 500; color: #FFFFFF;}
	
	
.csstemplateboxwhite{
    display: block;
    height: 20px;
    width: 600px;
    background-color:#FFFFFF;
    text-align: center;
}	

.csstemplateboxblue{
    display: block;
    height: 20px;
    width: 600px;
    background-color:#005bc7;
    text-align: center;
}	


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration: none;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #005bc7;
padding: 1px;
left: -200px;
display:none;
color: #005bc7;
text-decoration: none;
font-weight:bold;
font-size:11px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
text-decoration: none;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
display:inline;
text-decoration: none;
top: -200;
/*position where enlarged image should offset horizontally */

}