/* Common CSS Document */



/* border colors */

/* backgrounds */
#content-header {background: #000}
#content { background-color: #fff;  }
#primary-nav {background-image: url(bg-header.png); background-repeat: repeat-x;}
#main-feature {background-image: url(icue-davinci.jpg); height: 350px; padding: 15px 5px 10px 15px;}
#emailPromo {background-image: url(promo.png); background-color: #006634; background-repeat: no-repeat; height:25px; width: 774px;}
#promoSpot {background-image: url(ranked.png); background-color: #006634; height:25px; background-repeat: no-repeat;}

/* General */
body { text-align: center; margin: 0 auto; font-size: 12px; font-family: Arial, Helvetica, sans-serif}
a, a:hover { text-decoration: none}
a img {border:0px;}
p {margin-top:0}
table {font-size: 12px; font-family: Arial, Helvetica, sans-serif}

h1 { text-align: center; margin: 0 auto; font-size: 9px; font-family: Arial, Helvetica, sans-serif; color: gray; text-transform: uppercase;}


img, form{margin:0; padding:0;}


input, select {margin:0;}
.clear { clear: both; padding: 0; margin: 0; height: 0; font-size: 0; line-height: 0}
.quiet { font-size:10px; font-weight:normal; line-height: 13px}
.centering-container { margin: 5px; text-align: center}
.area-header { font-weight: bold; font-size: 12px}
.section-header { font-weight: bold; font-size: 12px; padding: 0 0 5px 0}
.horizontal-divider { margin: 15px 0; background-repeat: repeat-x; height: 1px}
.float-left {float:left;}
.float-right {float:right;}
.nav-vertical-divider { padding: 0 4px; vertical-align: middle}

#canvas { text-align: left; width: 776px; margin: 0 auto}

#page { width: 774px;position:relative;}



/* Header */
#logo { float: left}

#primary-nav { width: 774px; height: 45px; text-align: left; display: block; vertical-align: middle; font-size: 10px; clear: both}
#primary-nav:after{content:""; display:block; height:0; clear:both}
#primary-nav img { vertical-align: middle; display: inline; border: 0px}

#nav,#nav li{margin:0;padding:0;list-style:none;display:inline}
#nav,#nav a{height:52px;}
#nav a{float:left; padding:52px 0 0;height:0 !important}




/* Main Content */
#main-content, #page-container { width: 774px;}
#catalog { overflow: visible}
#content { float: left; border-width:1px; border-style:solid; border-top: none; width: 774px}

img.float-left { 
    float: left; 
    margin: 4px; 
}


/* Footer */
#footer { padding: 8px 0 0;}
#footer img {vertical-align: top; margin: 0 0px; border: 1px solid #666666;}


#footer #footer-nav { margin: 4px 0 0; float: left; line-height: 16px; font-size: 10px; vertical-align: top;}
#footer #footer-nav A { text-decoration: none}


#copyright { clear: both; width: 776px; padding: 10px 0 0; font-size: 10px; text-align: center}

p.main {margin: 5px; padding: 5px;}