a:hover {background:#ffffff; text-decoration:none; vertical-align:bottom; } /*BG color is a must for IE6*/

tooltip {
padding:12px;
}

a.tooltip span {display:none; padding:3px; margin-left:1px;
width:auto;}

a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

a.tooltipb span {display:none; padding:3px; margin-left:1px;
width:auto; position:relative; top:40%;}

a.tooltipb:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

#smgallery
{
height:62px;
}


#youtubetwo
{
height:250px;
width:290px;
float:left;
padding-right:20px;
}

#youtube
{
height:420px;
width:700px;
padding-left:17px;
margin-top:-22px;
overflow:hidden;
}

#music-player-wrapper
{
    height: 18px;
    margin: 0;
    padding: 0;
    text-align: right;
}


.brand-listing
{
    height: 220px;
    width: 33%;
    margin: 0px;
    padding: 0px;
    float: left;
    z-index:0;
    text-align: left;
    overflow:hidden;
}


.brand-listing-content {margin: 0 16px 0 0;padding: 0px;}

.brand-listing-image
{
    height: 125px;
    width: auto;
    margin: 0 0 18px 0;
    padding: 0 0 0 0;
    overflow:hidden;
    text-align: left;
}

.brand-listing-image img{border:none;}

.brand-listing-details p {font-size:0.9em;padding-bottom:1em;}
.brand-listing-details a:link, .brand-listing-details a:visited  {font-size:1em; line-height:1.4em;font-weight:bold;color:#808A90;}
.brand-listing-details a:hover{color:#000;}


.product-listing
{
    height: 420px;
    width: 33%;
    margin: 0px;
    padding: 0px;
    float: left;
    z-index:0;
    text-align: left;
    overflow:hidden;
    border-bottom:1px solid #B4B4B4;
}


.product-listing-content {margin: 0 16px 0 0;padding: 0px;}

.product-listing-image
{
    height: 160px;
    width: auto;
    margin: 0px;
    padding: 15px 0 0 0;
    overflow:hidden;
    text-align: left;
}

.product-listing-info 
{
    height: autopx;
    width: auto;
    margin: 0px;
    padding:0px;
    text-align: left;
    font-size:0.9em;
}

.product-listing-info p {padding-bottom:0.2em;}

p.title {color:#0082C3;height:auto;padding-bottom:0em;font-weight:bold;font-size:1.1em;padding-top:0em}

hr.product {  border: 0;width: 100%;color: #B4B4B4;background-color: #B4B4B4;height: 1px;margin-top:12px;margin-bottom:12px;}


.product-listing-details p {font-size:0.9em;padding-bottom:0em;}
.product-listing-details a:link, .product-listing-details a:visited  {font-size:0.9em;font-weight:bold;color:#808A90;}
.product-listing-details a:hover{color:#000;}

/* Link styles
------------------------------------------------ */

a:link {color: #8D8D8D; text-decoration: underline;font-weight:bold;}
a:visited {color: #8D8D8D; text-decoration: underline;font-weight:bold;}
a:hover {color: #000000; text-decoration: underline;}
a:active {color: #8D8D8D; text-decoration: underline;}

a.no-border:link, a.no-border:visited
{color: #161616;text-decoration:none;border:none;}
a.no-border:hover
{color: #000034;text-decoration:none;border:none;}

/* Container
------------------------------------------------ */

body { margin: 0px;padding: 0px; text-align: center;background-color: #FFF; color: #161616;}
#wrap { margin: 0px auto 12px auto; width: 960px; padding:0px;}
/* Header
------------------------------------------------ */

#logo {border-bottom:1px solid #B4B4B4;width:240px;height: 112px;}
#head {height: 112px; width: 700px; margin: 0 0 0 18px; padding:0 0 0 0; text-align: left; background-color:#FFF; border-bottom:1px solid #B4B4B4;color:#B4B4B4;}

.head-lhs {float: left; width: 500px; height: 22px; margin: 0px; padding: 84px 0 0 0;overflow:hidden;}

.head-rhs {float: right; width: 200px;height: 112px;padding: 0px;margin: 0px;text-align: right;overflow:hidden;}

.head-rhs a:link, .head-rhs a:visited { color:#B4B4B4;}
.head-rhs a:hover, .head-rhs a:active, .head-rhs a.active{ color:#000;}

.head-rhs ul
{
     margin: 16px 0px 8px 0px;
     padding: 0px 0px 0px 0px;
     list-style-type: none;
     text-decoration: none; 
}

.head-rhs ul li
{
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 4px 0px;
     list-style-type: none;
     width:auto;
     text-transform:lowercase;
}


#banner
{
    height: auto;
    width: 700px;
    padding: 0px;
    float: left;
padding-left:18px;
    z-index:0;
    text-align: left;
}

/* Footer
------------------------------------------------ */

#footer
{ 
    width: 960px;
    height: 36px;
    clear:both;
    margin: 50px auto 20px auto ;
    padding: 0;
    border-top:1px solid #B4B4B4;
    font: 0.8em Verdana, Helvetica, Arial, sans-serif;
}


.footer-left
{
    height: auto;
    width: 840px;
    margin: 10px 0 10px 0;
    padding: 0px;
    float: left;
    color:#919095;
    text-align:left;
    color: #B4B4B4;
}

.footer-right
{
    height: auto;
    width: 120px;
    margin: 10px 0 0 0;
    padding: 0px;
    float: right;
    text-align:right;
    color: #B4B4B4;
}


.footer-left a, .footer-right a{margin-left:4px;margin-right:4px;text-transform:lowercase;font-size: 0.9em;}
.footer-left a:link, .footer-left a:visited{font-weight:normal;color: #B4B4B4; text-decoration: none;border:none;}
.footer-right a:link, .footer-right a:visited{font-weight:bold;color: #000; text-decoration: underline;border:none;}

.footer-left a:hover{font-weight:normal;color: #000; text-decoration: none;border:none;}

.footer-right a:hover{font-weight:bold;color: #000; text-decoration: underline;border:none;}

.footer-left a:active{font-weight:normal;color: #B4B4B4; text-decoration: none;border:none;}

/* Layout
------------------------------------------------ */

#content
{
    height: auto;
    width: 960px;
    text-align: left;
    margin: 0px;
    padding: 16px 0 0 0;
    float: left;
}


.content-float
{
    height: auto;
    float: right;
    width: 719px;
    padding: 0;
    margin:0px;
}

.col-1
{

    height: auto;
    float: left;
    width: 240px;
    padding: 0px;
    margin: 0px;
}


.col-2
{
    height: auto;
    float: right;
    width: 718px;
    padding: 0px;
    margin: 0px;
}

.col-3
{

    height: auto;
    float: left;
    width: 240px;
    padding: 0px;
    margin: 0px;
}

#lhs, #main, #rhs
{ 
    height: auto;
    width: auto;
    margin: 0px;
    padding: 0px;
    text-align:left;
}

#main { font-size:1em;color: #666; width: 700px; margin: 0 0 0 18px; padding: 12px 0px 12px 0px;}
#rhs{ margin: 0px; padding:  0 16px 12px 0px ;}


.col-side                   
{

    height: auto;
    float: left;
    width: 190px;
    padding: 0px;
    margin: 0px;
}

.col-main, .col-main-brands
{

    height: auto;
    float: right;
    width: 485px;
    padding: 0px;
    margin: 0px;
}

.col-main-brands
{
    padding: 34px 0 0 0;
}

/* Side Navigation
---------------------------------------------------------------- */

.sectionlist { margin: 0px 0px 0px 0px; padding: 0;}

.sectionlist ul
{
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     list-style-type: none;
     text-decoration: none; 
}

.sectionlist li
{
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     list-style-type: none;
     width:auto;

}

.sectionlist a
{
     display: block;
     margin: 0px;
     padding:0 0 12px 0;
     text-decoration: none; 
     margin:0px;
     font: 1.4em Optima, Georgia, Cambria, Verdana, serif;
     text-transform:lowercase;
}

.sectionlist a:link, .sectionlist a:visited
{ color: #B4B4B4;border:none;
text-decoration: none; 
}

.sectionlist a:hover
{ color: #0082C3;border:none;
text-decoration: none;
}

.sectionlist a:active
{color: #0082C3;border:none;
text-decoration: none; 
}

.sectionlist a.active
{ color: #0082C3;border:none;
text-decoration: none; 
}


/* Panels & Callouts
---------------------------------------------------------------- */

#feature-row
{
    float:left;
    border-top:1px solid #B4B4B4;
    width:700px;
    height:auto;
    margin: 36px 0 0 0;
    padding:24px 0px 12px 0px;

}


.feature-panel, .feature-panel-right
{
    float:left;
    width:208px;
    height:auto;
    margin: 0 25px 0 0;
    padding:0px 0px 12px 0px;
}

.feature-panel-right {margin: 0 0 0 0; }
.feature-panel h3 {color:#B4B4B4;}
.feature-panel img, .feature-panel-right img{float:left;}

.feature-content
{
    float:left;
    width:auto;
    height:117px;
    margin: 0;
    padding:0px;
    overflow:hidden;
}

div.green {color:#FFF;background-color:#8CBD40;}
div.orange {color:#FFF;background-color:#FAC017;}
div.purple {color:#FFF;background-color:#652D74;}


#navigation, #brands, #awards, #features
{
    margin: 0px;
    float:left;
    width: 204px;
    height:auto;
    padding:12px 12px 12px 24px;
}

#navigation, #brands, #awards { border-bottom:1px solid #B4B4B4;}

#brands img, #awards img {margin:0 5px 2px 0} 

#breadcrumb
{
    font: 1em Optima, Georgia, Cambria, Verdana, serif;
    text-transform:lowercase;
    color:#B4B4B4;
    font-size:1em;
    margin: 0px 0px 0px 0px;
    float:left;
    width: 500px;
    height:auto;
    padding:4px 0px 4px 0px;
    text-align:left; 
    clear:both;
}


#breadcrumb a:link, #breadcrumb a:visited
{ color:#B4B4B4;}

#breadcrumb a:hover
{ color:#000;}


#search label{color:#919095;}
#address{color:#919095;margin-top:12px;font-size:0.9em;}



/* Headers & Misc
---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{line-height: 1em;padding: 0; margin: 0 0 0.2em 0; font-family:  didot, Optima, Georgia, Cambria, Verdana, serif; }

h1 { font-size: 2.2em; font-weight: normal; color: #009DE0;line-height: 0.9em;margin: 0 0 0 0;}
h2 { font-size: 1.8em; font-weight: normal;color:#50A343;}
h3 { font-size: 1.5em; font-weight: normal;color:#009DE0;margin: 0 0 0.2em 0;left:-3px;}
h4 { font-size: 1.5em; font-weight: bold;color:#B4B4B4;}
h5 { font-size: 1.4em; font-weight: normal; color: #000000;line-height: 1em;padding: 0; margin: 0 0 0em 0;}
h6 { font-size: 1.5em; font-weight: normal; color: #969696; line-height: 1em;padding: 0; margin: 0 0 0em 0;}

div.feature h3 { font-size: 1.4em; font-weight: normal;color:#B5B5B5;}

ol { margin: 0em; padding-bottom: 6px;}
ul{ margin: 0 0 0.4em 0; padding-bottom: 6px;}
ul ul{ margin: 0.5em 0 0.4em 0;padding: 0px;}
li{ margin-left: 0em; margin-right: 2em; font-size: 0.9em; line-height: 1.2em;   padding-top: 12px;}
ul ul li { margin-left: 1em; margin-right: 1em; font-size: 1em;line-height: 1.2em;  padding-bottom: 3px;}


/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, form, fieldset
{margin: 0; padding: 0; font: normal 100.01%/1.3em Helvetica, Arial, Verdana, san-serif;}

html { font-size: 65%; } /* 1em = 10px */
html { font-size: 75%; } /* override it ... go bigger */

p {line-height: 1.7em;margin: 0.1em 0;padding-bottom: 0.8em;}


/* Form Styles
---------------------------------------------------------------- */

textarea, input{font: normal 1em Verdana, Arial, Helvetica, sans-serif;}

form fieldset
{width: auto;height:auto;padding: 0 0 12px 0;margin: 0;border: 0;}

form input#textarea{width:auto;}

form label { color:#333;font-weight: normal; font-size:0.9em;}
form label.required { color:#000;font-weight: bold; font-size:0.9em;}

.form-container { width: auto;float:right;height: auto; margin: 0; padding: 0;}

.form-row{padding: 6px 0px 4px 0px; margin: 0; text-align:left;clear:both;}

.form-row input {float:left;}
.form-row textarea {float:left;}
.form-row select {float:left;}
.form-row label {width:140px;float:left;}

label.zemRequired, label.zemRequirederrorElement  
{font-weight:bold;}
label 
{font-weight:normal;}

.zemError, .comments_error
{
margin:0 0 1em 0 ;
padding:1em 0 0 0;
}

ul.zemError, ul.comments_error
{
margin:0;
padding:0;
}

.zemError li, .comments_error li
{
     font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
    list-style: none;
    height:1.5em;
    padding:4px 0 4px 0px;
    margin-left:1em;
    color: #FF0000;
}


/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label {cursor: pointer;} fieldset, form {border: none;}
a {outline: none;} img {border:none;}
.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }


/* Pagination
------------------------------------------------ */

#pagination {padding-top: 24px;margin-left: 0px;font-weight: bold;color: #000;}
.pagination ul {padding: 4px 0px 4px 00px;margin: 0px 2px 0px 0px;}
.pagination li {display: inline;padding: 5px 8px 5px 8px;margin: 0px 2px 0px 0px; background:#F0F0F0;}
.pagination li a {color: #B00D28;  text-decoration:none;  border:none;}
.pagination li.paginationEmpty  {font-weight: normal; color: #666; background:#F8F8F8;}
.pagination li a:hover {color: #000;  text-decoration:none;border:none;}



/* Images / Graphics
------------------------------------------------ */

.hr {height: 1px; width: auto;background-image: url('../images/dash.gif'); background-repeat: repeat-x;padding:0;margin-bottom:4px;}

hr {  border: 0;width: 100%;color: #B4B4B4;background-color: #B4B4B4;height: 1px;margin-top:24px;margin-bottom:16px;}

/* In Article Styling
------------------------------------------------ */

p.col-left
{
float:left;
width:47%;
}

p.col-right
{
float:right;
width:47%;
}

.grey
{
color:#808A90;
font-weight:normal;
font-size:1em;
}

.grey-small
{
color:#808A90;
font-weight:normal;
font-size:0.8em;
}

.black
{
color:#161616;
font-weight:bold;
font-size:0.9em;
font-family: Optima, Georgia, Cambria, Verdana, serif;
line-height:1.2em;
}

.blue
{
color:#009DE0;
font-weight:bold;
font-size:1.1em;
font-family: Helvetica, Arial, Verdana, san-serif;
}

.green
{
color:#50A343;
font-weight:bold;
font-size:1.1em;
font-family: Helvetica, Arial, Verdana, san-serif;
}

p.grey-title
{
color:#808A90;
font-weight:bold;
font-size:1.4em;
padding-bottom:0.2em;
padding-top:0.5em;
}


p.blue-title
{
color:#009DE0;
font-weight:bold;
font-size:1.4em;
padding-bottom:0.2em;
padding-top:0.5em;
}

p.col-award
{
line-height:1.4em;
padding-bottom:0.2em;
margin:0;
float:right;
width:610px;
}

h3.col-award
{
margin:0;
float:right;
width:610px;
height:26px;
}



p.col-brand
{
line-height:1.4em;
padding-bottom:0.6em;
margin:0 0 0 0;
float:left;
width:410px;
}

div#main h3.col-brand
{
margin:40px 0 0 0;
float:left;
width:410px;
height:40px;
font-size:1.5em;
}


.grey-right
{
color:#808A90;
font-weight:bold;
font-size:1.1em;
font-family: Helvetica, Arial, Verdana, san-serif;
text-align:right;
}

.grey-right a:link, .grey-right a:visited {color:#808A90;}
.grey-right a:hover {color:#000;}