@charset "utf-8";
/* CSS Document for home page*/
/* page structure */
.ContentHome { width: 795px; background: #333333; float: left; }
#WrapperHome { clear: both; float: left; width: 980px; padding: 0; background: #000000; }
#homecontent { width:765px; background: #333333 url(/homepage/images/bkg-content-home.jpg) no-repeat center 35px; min-height: 610px; height:auto !important; /* for modern browsers */ height:1% !important; /* for modern browsers */ float: left; }
/* content */
#contenttop { width:750px; height: 460px; }
#contenttop h1 { color: #FFFFFF; font: bold 2.2em/0em "Century Gothic", Verdana, "Arial Rounded MT Bold", Arial, sans-serif; text-align: center; padding-bottom: 6px; padding-top: 30px; }
#contenttop h3 { color: #CC3300; margin: 0px; }
#contenttop p { font-size: 1.3em; text-align: center; color: #999999; margin-top: 30px; line-height: 0em; }
#contentslider { width:740px; height: 240px; padding-top: 10px; float: right; }
.shopnow { padding:0 0px 0 60px; width: 300px; display: inline; margin: 5px 0px; }
#shop { float: left; width: 740px; }
#shop a { color:#CC3300; text-decoration: none; }
#shop a:hover { color:#FFFFFF; }
#content .noitems { color:#AA3700; padding: 20px 0px 50px 80px; }
#cartstatus { border-bottom: 1px dotted #999999; padding: 10px 0px 1px; text-align: right; }
#cartitems { width: 680px; height:auto; float: left; }
/* Content bottom */
#contentbott { width:750px; margin-top: 10px; margin-bottom: 5px; float: left; }
#contentbott img { padding-left: 36px; }
#contentbott #col1,
#contentbott #col2,
#contentbott #col3 { width: 225px; float: left; padding-left: 20px; }
#contentbott #col1 { }
#contentbott #col2 { }
#contentbott #col3 { }
#contentbott h2 { border-top: 2px dotted #CCCCCC; padding-top: 4px; }
#contentbott h2 a:link,
#contentbott h2 a:visited { color: #CC3300; }
#contentbott h2 a:hover { color: #587087; }
#contentbott h3 { font-family: Arial, Helvetica, sans-serif; }
#contentbott h3 a:link,
#contentbott h3 a:visited { color: #666666; }
#contentbott h3 a:hover { color: #CC3300; }
/* Content bottom 2 */
#contentbott2 { width:750px; margin: 20px 0 20px 20px; float: left; border-top: 2px dotted #444444; padding: 15px 0px 20px; }
#contentbott2 .col1 { width: 210px; float: left; padding-left: 20px; }
#contentbott2 .col2 { width: 220px; float: left; padding-left: 20px; }
#contentbott2 .col3 { width: 228px; float: left; padding: 0 0 0 40px; }
#contentbott2 h2 { font-size: 1.3em; font-weight: bold; color: #CC9900; margin-bottom: 2px; padding-top:6px; }
#contentbott2 a:link,
#contentbott2 a:visited { color: #FFFFFF; font-size: 1.2em; }
#contentbott2 a:hover { color: #CC3300; }
#contentbott2 .imgleft {float:left; padding-right: 10px; }
/* verbs */
#verbs { }
#verbs a { background-color: none; }
#contenttop #verbs p { text-align: left; line-height: 0px; font-size: 0px; }
.taste { margin-left: 200px; margin-top: 45px; position: relative; }
.free { float: right; position: relative; width: 350px; margin-top: -30px; }
.slick { margin-left: 75px; margin-top: 10px; position: relative; }
.cool { margin-left: 550px; position: relative; margin-top: 15px; }
.tough { margin-left: 30px; margin-top: 35px; }
.strong { margin-left: 525px; margin-top: 15px; }
.green { margin-left: 115px; margin-top: 15px; }
.less { margin-left: 400px; margin-top: 0px; }
#taste { width:202px; height:217px; }
#free { width:202px; height:217px; }
#slick { width:217px; height:183px; }
#cool { width:203px; height:144px; }
#tough { width:203px; height:124px; }
#strong { width:213px; height:162px; }
#fast { width:279px; height:112px; }
#green { width:279px; height:112px; }
#less { width:322px; height:111px; }
.tooltip { display:none; z-index: 100; }
/* side bar */
#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar p,
#sidebar img,
#sidebar ul { padding: 5px 15px 5px 10px; }
#sidebar h4,
#sidebar h5 { color: #587087; border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; margin: 0px 5px 5px 20px; padding-left: 0px; }
#sidebar h2 { color:#333333; background: #587087; font: bold 1.2em Tahoma, Verdana, Arial, sans-serif; padding: 5px 10px; margin: 0px 5px 5px 20px; }
#sidebar li { margin-left: 10px; list-style-position: outside; }
#sidebar table { margin:0px 5px 10px 20px; }
#sidebar th { padding:5px 10px; text-align:center; vertical-align:top; background-color:#999999; color:#FFFFFF; font-weight:bold; font-size: 0.8em; }
#sidebar td { padding:5px; text-align:center; vertical-align:middle; border: 1px solid #CCCCCC; font-size: .8em; }
/* class styles */