﻿body
{
    font-family: Verdana;
    font-size: 12px;
}


h1{
    color:#017995;
    font-size:17px;
}

h2{
    color:#E9810A;
    font-size:15px;
}
#container
{
    width: 900px;
    margin: 30px auto 0 auto;
}

a, a:visited{
    color:#017995;
}


#topArea
{
    width: 900px;
    height: 80px;
   
}

#topArea #logo
{
    width: 284px;
    height: 63px;
    float: left;
    
}

#topArea #mainNav
{
    width: 592px;
    height: 75px;
    float: right;
    margin: 4px 0 0 0;
    padding: 0;
    list-style: none;
    width: 586px;
     
}

#topArea #mainNav table.mainnav
{
    width: 100%;
    border:none;
    border-collapse:collapse;
    height: 38px;
    float:none;
    clear:both;
}

#topArea #mainNav td
{
    background: #3192A9;
    text-align: center;
    height: 38px;
    border: 1px solid #fff;
}

#topArea #mainNav td.selected
{
    background: #017995;
}

#topArea #mainNav a, #topArea #mainNav a:visited
{
    text-decoration: none;
    font-size: 11px;
    color: #fff;
}

#miniCart .top{
    height:30px;
    clear:both;
    float:none;
    
}

#miniCart{
    height:30px;
    float:right;
    margin-right:4px;

}

#miniCart div{
    float:left;
}
#topArea #mainNav #miniCart .checkoutlink{
    margin:5px 0 0 5px;   
}
#topArea #mainNav #miniCart .checkoutlink a{
    color:#000;
    font-weight:bold;
}




#banner
{
    height: 291px;
}

#banner .left
{
    width: 305px;
    float: left;
}

#banner .left ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#banner .left li
{
    margin-bottom: 5px;
}

#banner .left li a, #banner .left li img
{
    border: none;
}

#banner .right
{
    width: 586px;
    float: right;
}


#contentContainer #leftColumn
{
    width: 315px;
    float: left;
   
}

#contentContainer #rightColumn
{
    width: 585px;
    float: left;
    overflow:hidden;
     padding-bottom:20px;
}

table#homePageColumns
{
    width: 100%;
    border: none;
    height:600px;
}

table#homePageColumns td
{
    vertical-align: top;
}

table#homePageColumns td .innerContent
{
    padding: 0 10px 4px 10px;
}

table#homePageColumns td.col1 .image
{
    float: right;
}


table#homePageColumns td.col2, table#homePageColumns td.col3
{
    background: #E1E2DC;
    width: 265px;
    min-height:590px;
    
}

table#homePageColumns td.col2
{
    border-right: 2px solid #fff;
}

table#homePageColumns td.col3
{
    padding-right: 0;
    width: 266px;
}

#footer
{
    background: #007E9B;
    clear: both;
    float: none;
}

#footer .innerContent
{
    padding: 10px;
    color: #fff;
    font-size: 10px;
}

#djk
{
    font-size: 10px;
    color: #999;
    padding: 2px;
    text-align: right;
    margin-top:10px;
    
}
#djk a, #djk a:visited
{
    font-size: 10px;
    color: #999;
    text-decoration:none;
}

div.clear
{
    float: none;
    clear: both;
    height: 1px;
}

/****************** FEATURED PRODUCT LIST & MENU ******************/
.frontPageFeaturedProductCategoryMenu
{
    font-family: Arial, Helvetica, sans-serif;
}
.frontPageFeaturedProductCategoryMenu ul.buttons
{
    list-style: none;
    width: 100%;
    padding: 0;
    margin:6px 0 14px 0;
    height:24px;
}
.frontPageFeaturedProductCategoryMenu ul.buttons li.selected
{
    background-color: #365614;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
}
.frontPageFeaturedProductCategoryMenu ul.buttons li
{
    float: left;
    margin:0;
    padding: 3px 6px 3px 6px;
}
.frontPageFeaturedProductCategoryMenu ul.buttons li a, ul.categorymenu li a:visited
{
    color: #365614;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.frontPageFeaturedProductCategoryMenu ul.buttons li.selected a, ul.categorymenu li.selected a:visited
{
    color: White;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}



.frontPageFeaturedProductCategoryMenu div.products div.product
{
    border: solid 1px #bbb;
    height: 100px;
    padding: 4px;
    margin-bottom: 4px;
}
.frontPageFeaturedProductCategoryMenu div.products div.odd
{
    background-color: White;
}
.frontPageFeaturedProductCategoryMenu div.products div.even
{
    background-color: #CFE7B7;
}

.frontPageFeaturedProductCategoryMenu div.products div.readmore a, .frontPageFeaturedProductCategoryMenu div.products div.readmore a:visited
{
    color: #365614;
    font-weight: bold;
    font-size: 10px;
}

.frontPageFeaturedProductCategoryMenu a.morelink, .frontPageFeaturedProductCategoryMenu a.morelink:visited
{
    color: #aa0000;
    font-weight: bold;
    margin-top: 6px;
    text-decoration: none;
}


/****************** PRODUCT CATEGORY MENU ******************/
.frontPageProductCategoryMenu
{
    font-family: Arial, Helvetica, sans-serif;
    width:275px;
}
.frontPageProductCategoryMenu ul.categorymenu
{
    list-style: none;
    width: 100%;
    padding: 0;
     margin:6px 0 10px 0;
    height:24px;   
}
.frontPageProductCategoryMenu ul.categorymenu li.selected
{
    background-color: #017995;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
}
.frontPageProductCategoryMenu ul.categorymenu li
{
    float: left;
    margin:0;
    padding: 3px 6px 3px 6px;
}
.frontPageProductCategoryMenu ul.categorymenu li a, ul.categorymenu li a:visited
{
    color: #017995;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.frontPageProductCategoryMenu ul.categorymenu li.selected a, ul.categorymenu li.selected a:visited
{
    color: White;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.frontPageProductCategoryMenu .children
{
    margin-top: 6px;
    clear: both;
    width: 275px;
}
.frontPageProductCategoryMenu .children div.child
{
    padding: 6px;
}
.frontPageProductCategoryMenu .children div a, .frontPageProductCategoryMenu .children div a:visited
{
    color: #017995;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.frontPageProductCategoryMenu .children div.odd
{
    background-color: #FFFFFF;
}
.frontPageProductCategoryMenu .children div.even
{
    background-color: #9DD6E3;
}

.small{
    font-size:10px;
}
.breadcrumbs {
    border-bottom:1px dashed #ccc;
    padding:10px 0 10px 0;
    margin-bottom:12px;
    height:18px;
}


.breadcrumbs a, .breadcrumbs a:visited{
    color:#666;
    font-size:10px;
}



.checkoutButtons img{
    border:none;
}


#miniCart .icon{
    float:left;
}

#prodCatMenu{
    height:600px;
}


#prodSearch{
    width:274px;
    height:68px;
    background:#017995;
    padding-top:12px;
}


#prodSearch .head{
    background:url(/images/head_search.gif) no-repeat;
    width:270px;
    height:19px;
    margin:0 0 0 12px;
    float:none;
    clear:none;
}

#prodSearch .body{
       margin:4px 0 0 12px;
}

#prodSearch .body input.text{
   
    float:left;
    width:200px;
    margin-right:2px;
    padding:4px;
}

#prodSearch .body input.submitbtn{
    float:left;
    width:31px;
    height:27px;
}
#subNavHead{
    width:275px;
    height:50px;
    background:#017995;
    color:#fff;
    font-size:18px;
    margin-bottom:2px;
}
#subNavHead div{
    padding:20px 0 0 10px;
}

#subNav{
    background:#E9810A;
    width:275px;
    padding-top:20px;
    min-height:300px;
    margin-bottom:2px;
}

#subNav ul{
    list-style:none;
    
    
    padding:0;
}
#subNav ul li{
    padding:6px 0 6px 10px;
   
   
}
#subNav ul a, #subNav ul a:visited{
    color:#fff;
    text-decoration:none;
}

#subNav ul li.selected{
   
  
}

#subNav ul li.selected a{
   color:#FFFF00;
  
}

#subNav ul a{
   padding-left:6px;
}

#subNav ul li.selected a{


}

.clear{
    float:none;
    clear:both;
    
}

#rightColumn .left{
    float:left;
    width:370px;
    padding-bottom:20px;
}

#rightColumn .right{
    float:right;
    width:200px;
   
}

#rightColumn .right .panel{
    border:1px solid #E1E2DC;
    padding:4px;
    
}

#rightColumn .right .panel .red{
    background:#96294B;
    padding:7px;
    color:#fff;
    font-size:11px;
}

#rightColumn .right .panel ul{
    margin:0 0 0 16px;
    padding:0;
    list-style-image:url(/images/redpanelbullet.gif);
    list-style-type:square;
    
}

#rightColumn .right .panel li{
    margin:0 0 10px 0;
}

#rightColumn .right .panel .panelHead{
color:#FFCC00;
font-weight:bold;
margin:6px 0 4px 0;
}

#rightColumn .right .panel .panelHead2{
color:#FFCC00;
font-weight:bold;
margin:6px 0 4px 0;
}


#rightColumn .right .panel .PanelImage{
    border:4px solid #fff;
    margin:4px auto 4px auto;
}


.RightImage{
    float:right;
    display:block;
    margin:10px 10px 10px 20px;
}