body
{   font-family:"Arial",sans-serif;
    font-size:14px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    margin: 0 auto;
    background: #ffffff;
    color: #4f504f;}


#wrapper 
{   margin:0px auto;
    height: 100%;
    min-height: 100%;
    background:transparent url(../images/siteBg.png) top center repeat-x;}

/** HEADER **/

#wrapper #header
{   width: 1023px;
    height: 96px;
    margin: 0 auto;}
#wrapper #header #logo
{   width: 227px; padding: 4px 0 0 0;
float: left;}
#wrapper #header #nav
{   float: right;
    vertical-align: top;
    padding: 4px 0 0 0;}

/** END HEADER **/

/** MAIN **/

#wrapper #mainTop
{   height: 37px;
    width: 1016px;
    margin: 0 auto;
    background:transparent url(../images/mainTop.png) 5px 0px no-repeat;}
#wrapper #mainTop.secondaryTop
{   height: 108px;
    width: 988px;
    font-weight: bold;
    padding: 9px 0 0 28px;
    background:transparent url(../images/mainTopSecondary.png) 5px 0px no-repeat;}
#wrapper #mainTop.secondaryTop h1
{    padding-left: 25px;}
    
#wrapper #mainTop.product
{   height: 107px;
    width: 988px;
    font-weight: bold;
    padding: 9px 0 0 28px;
    background:transparent url(../images/mainTopProduct.png) 5px 0px no-repeat;}
#wrapper #mainTop img
{   margin: 0 0 28px 0;}
#wrapper #mainTop ul.products li
{   display: inline;
    text-align: center;
    background: none;
    color: #424242;
    font-size: 14px;
    font-weight: bold;
    padding: 0 35px 0px 35px;
    background:transparent url(../images/nav/tick.png) center right no-repeat;}
#wrapper #mainTop ul.products li.last
{   background: none;}
#wrapper #mainTop ul.products li a
{   color: #ffffff;}
#wrapper #mainTop ul.products li.active span
{   background: transparent url(../images/down.png) bottom center no-repeat;
    padding: 15px 0 15px 0;}
#wrapper #main
{   width: 1016px;
    margin: 0 auto;
    background:transparent url(../images/mainBg.png) top center repeat-y;}
#wrapper #main #content
{   padding: 0px 35px 20px 40px;
    margin: -18px 0 0 0;
    height: 100%;}
#wrapper #main #content.secondary
{   min-height: 700px;
    padding: 30px 50px 50px 50px;}
#wrapper #main #content.secondaryBlank
{   min-height: 700px;
    padding: 30px 45px 50px 50px;
    background:none;}
#wrapper #main #content .search
{   background:transparent url(../images/search.png) center left no-repeat;
    width: 920px;
    height: 101px;
    margin: 0 0 15px 0;
    display:table-cell; 
    vertical-align:middle;
    text-align: left;
    padding: 0 20px 0 20px;}
#wrapper #main #content .search img
{   margin-bottom: -7px;}
#wrapper #main #content .search input
{   border: solid 1px #dcdcdc;
    width: 550px;
    color: #999999;
    padding: 5px;
    margin: 0 50px 0 0;}
#wrapper #main #content #search-header
{   margin: 10px 0 10px 0;}
#no-results
{   text-align: center;}
#loading-image
{
    margin-left:400px;
}
/** END MAIN **/

/** LINKS, GENERAL **/

a
{   color: #4d9ae8;
    font-weight: bold;
    text-decoration: none;}

p{  margin: 0 0 10px 0;
    line-height: 24px;}

span.tenPtFont
{   font-size: 10px;}
    
ul
{   margin-left: 0;
    padding-left: 0;
    list-style: none;}
ul li
{   
    padding-left: 10px;
    margin: 3px 0 3px 0;
    background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;}

/** END LINKS, GENERAL **/

/** TABLES **/
#wrapper #main #content table.middle tr td
{   vertical-align: top;
    padding: 0px 35px 0px 0px;}
table.productInfo
{   width: 100%;
}
table.productInfo tr td
{   vertical-align: top;
    text-align: left;
    padding: 5px;
    border-bottom: dotted 1px #01bd48;}
table.productInfo tr td.noBorder
{   border-bottom: none;
    width: 250px;}
table.productInfo tr th
{   vertical-align: top;
    text-align: left;
    padding: 5px;
    border-bottom: dotted 1px #01bd48;}
#wrapper #main #content table tr td table tr td.moreLink
{   background: transparent url(../images/arrow.png) no-repeat center left;
    padding: 5px 5px 5px 15px;
    font-size: 14px;
    font-weight: bold;}
table.searchResults tr td
{   border: solid 1px #cccccc;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    font-size: 12px;}
table.searchResults tr,
table.searchResults tr.odd
{   background-color: #fff;}
table.searchResults tr:hover,
table.searchResults tr.odd:hover
{   cursor:pointer;
    background-color: #e9e9e7;}
table.searchResults tr td.img,
table.searchResults tr.odd td.img
{   padding: 2px;
    background: #ffffff;
    font-size: 10px;
    color: #666;
    text-align: center;
    font-style: italic;
    width: 106px;}
table.searchResults tr td.img img,
table.searchResults tr.odd td.img img
table.searchResults tr.odd td
{   width: 100px;
    height: 100px;}
table.browse
{   margin: 0;
    width: 100%;}
table.browse tr td
{   font-size: 18px;
    padding: 6px 3px 9px 3px;
    width: 3.84%;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    background: transparent url(../images/browseTd.png) no-repeat center center;}
table.browse tr td a
{   color: #4d9ae8;
    text-decoration: underline;}
table.browseProd
{   width: 100%;
    margin-top: 10px;}
table.browseProd tr td
{   width: 25%;}
table.browseProd tr td a
{   font-weight: normal;
    text-decoration: underline;}
table.browseProd tr td span.letter
{   float: left;
    font-weight: bold;
    color: #11a14a;
    font-size: 18px;}
table.browseProd tr td ul
{   margin: 0 0 5px 0;}
table.browseProd tr td ul li
{   padding-left: 25px;
    margin: 0px 0 10px 0;
    background-image: none;}
table.browseProd tr td ul li span.backToTop
{   background-color: #4d9ae8;
    padding: 2px;}
table.browseProd tr td ul li span.backToTop a
{   color: #fff;
    font-weight: normal;}
    

/** HEADINGS **/
h1
{   font-size: 16px;
    font-weight: bold;
    color: #ffffff;}
h1.pageTitle
{   color: #666666;
    font-size: 16px;
    font-weight: bold;}
h1.pageTitle span
{   color: #4d9ae8;}
h1.green
{   color: #009a3d;
    margin: 3px 0 7px 0;}
h2
{   margin: 10px 0 10px 0;
    border-bottom: solid 1px #ffffff;}
    
h3.home
{   font-size: 14px;
    font-weight: bold;
    color: #64645a;
    margin: 30px 0 3px 0;}
    
h2.green
{   border-bottom: solid 1px #01bd48;}

div.greenInsideBg h3
{   font-size: 12px;
    font-weight: bold;
    color: #666666;
    margin: 20px 0 10px 0;}
h3 span
{   color: #01bd48;
    margin: 0 0 5px 0;}

h2.greenFull
{   border-bottom: solid 1px #01bd48;
    margin: 10px -5px 10px -5px;}

/** FLOATS and COLORED DIV SETUP**/

#wrapper #main #content div.left
{   float: left;
    margin: 0;
    padding: 20px 10px 0 0px;}
#wrapper #main #content div.right
{   float: right;
    margin: 0;
    padding: 20px 8px 0 8px;}
#wrapper #main #content img.home
{   margin: 0 0 0 -13px;}
#wrapper #main #content div.spotlight
{   float: right;
    width: 318px;
    margin: -3px -7px 0 0px;
    padding: 0 5px 5px 5px;
    border: solid 1px #c4d7f5;
    border-top-width:0px;
    background: #ebeff9 url(../images/spotlightBg.png) repeat-x top left;}
div.spotlight div.leftSpotlight
{   float: left;
    text-align: center;
    width: 100px;
    margin: 0;
    padding: 0px 10px 0px 0px;}
div.spotlight div.leftSpotlight img
{   margin: 1px;
    max-width: 83px;
    padding: 2px;
    border: 1px solid #c9d8f8 !important;}
div.spotlight div.rightSpotlight
{   float: right;
    width: 192px;
    border-left: dotted 1px #72bcf2;
    padding: 0px 0 10px 10px;}
div.spotlight div.rightSpotlight a.spotlightA
{   font-size: 12px;
    color: #01BD48;}    
    
div.blueBorder
{   border: solid 1px #c4d7f5;
    width: 585px;
    margin: 0 0 2px 0;}
div.darkBlueBorder
{   border: solid 1px #3374dc;
    width: 560px;
    margin: 0 0 2px 0;}
div.greenBorder
{   border: solid 1px #01bd48;
    width: 315px;
    margin: 0 0 2px 0;}
div.blueInsideBg
{   background: #ebeff9;
    margin: 1px;
    padding: 10px;}
div.blueHome
{   background: transparent url(../images/blueHomeBg.png) repeat-x top left;
    margin: 1px;
    padding: 10px;}
div.blueWhite
{   background: transparent url(../images/blueWhite.png) repeat-x top left;
    margin: 1px;
    padding: 10px 10px 10px 25px;}
div.greenInsideBg
{   background: #e3f4ea;
    margin: 1px;
    padding: 20px;}
div.greenBorderWide
{   border: solid 1px #01bd48;
    margin: 0 0 12px 0;}
/** END FLOATS and COLORED DIV SETUP **/

/** TABLES **/

#wrapper #main #content table
/*{   margin: 15px 0 0 0;}*/
#wrapper #main #content table tr td
{   padding: 5px;}

/** END TABLES **/

/** FORMS **/
table.registration tr td input
{   width: 390px;
    border: solid 1px #999;
    border-color: #999 #ccc #ccc #999;}
table.registration tr td select
{   width: 395px;
    border: solid 1px #999;
    border-color: #999 #ccc #ccc #999;}
table.registration tr td textarea
{   width: 390px;
    border: solid 1px #999;
    border-color: #999 #ccc #ccc #999;
    height: 175px;
    overflow: hidden;}
table.registration tr td
{   padding: 4px 4px 4px 0px;}
/** FOOTER **/

#wrapper #footer
{   width: 923px;
    font-size: 11px;
    margin: 0 auto;
    padding: 30px 0 0 65px;
    min-height: 100px;
    background:transparent url(../images/footerBg.png) top left no-repeat;}

#wrapper #footer div.rightCloud
{   float: right;
    padding: 0 8px 0 0;}
    
/** END FOOTER**/    
    
/** CLEAR **/
.clear
{   clear: both;}

/** CENTER **/
.center
{   text-align: center;}

/** IMAGES **/
img.productImage
{   max-width: 250px;
    border: 1px solid #999 !important;
    padding: 2px;}