﻿*{margin:0px; padding:0px;}
body {font-family:Arial; font-size:1em; background:#151515 url(images/layout/bg-full.gif) repeat top center; color:#cccaca;}
a{color:#006BB6;}
a:visited{color:#EF3E42;}
img{border:none;}
h2{margin-bottom:8px;}

/************************************* MASTERPAGE FRAMEWORK ****************************/
#wrapper{width:1000px; margin:0px auto; position:relative;  margin-top:40px;}
#middle{width:1000px; float:left; position:relative;}
#container{width:1000px; float:left; background-color:#333333; position:relative;}
#leftColumn{width:340px; margin-left:8px; _margin-left:3px; float:left;}
#rightColumn{width:640px; float:right;}
/*-------------------------------------------------------------------------------------*/

/************************************* LAYOUT ******************************************/
#header{background:#191819 url(images/layout/header-bg.jpg) no-repeat; width:1000px; height:210px; border-top:solid 1px #0A0809;}
#header div.logo{background-image:url(images/layout/header-logo.gif); width:288px; height:131px; margin-top:15px; margin-left:15px;}

#footer{width:1000px; background:#333 url(images/layout/footerImage.gif) no-repeat; height:110px; float:left;}
#footer div.badges{float:left; margin-top:50px; margin-left:20px;}
#footer div.badges img{float:left; margin-right:20px;}

#pageFooter{float:left; width:1000px; position:relative; }
#pageFooter p{color:#393737; font-size:.7em; text-align:center; margin:10px 0px;}
/*-------------------------------------------------------------------------------------*/

/************************************* MAIN NAVIGATION *********************************/
#mainNavigation{margin-top:19px;}
#mainNavigation ul{list-style-type:none; width:100%; float:left;}
#mainNavigation li{float:left; color:#6d6d6d; font-weight:bold; margin-right:48px; text-decoration:none; font-size:1.1em;}
#mainNavigation a{float:left; height:20px; background-repeat:no-repeat;}
#mainNavigation li a.home{background-image:url(images/menu/home-off.gif); width:62px; margin-left:20px;}
#mainNavigation li a.home:hover{background-image:url(images/menu/home-on.gif);}
#mainNavigation li a.products{background-image:url(images/menu/products-off.gif); width:108px;}
#mainNavigation li a.products:hover{background-image:url(images/menu/products-on.gif);}
#mainNavigation li a.news{background-image:url(images/menu/news-off.gif); width:60px;}
#mainNavigation li a.news:hover{background-image:url(images/menu/news-on.gif);}
#mainNavigation li a.events{background-image:url(images/menu/events-off.gif); width:80px;}
#mainNavigation li a.events:hover{background-image:url(images/menu/events-on.gif);}
#mainNavigation li a.media{background-image:url(images/menu/media-off.gif); width:68px;}
#mainNavigation li a.media:hover{background-image:url(images/menu/media-on.gif);}
#mainNavigation li a.sports{background-image:url(images/menu/sports-off.gif); width:78px;}
#mainNavigation li a.sports:hover{background-image:url(images/menu/sports-on.gif);}
#mainNavigation li a.store{background-image:url(images/menu/store-off.gif); width:66px;}
#mainNavigation li a.store:hover{background-image:url(images/menu/store-on.gif);}
#mainNavigation li.last{margin-right:0px;}
#mainNavigation li.last a.contact{background-image:url(images/menu/contact-off.gif); width:96px; padding-right:0px;}
#mainNavigation li.last a.contact:hover{background-image:url(images/menu/contact-on.gif);}
/*-------------------------------------------------------------------------------------*/

/************************************* CONTACT FORM ***********************************/
#contactForm{width:600px; padding:0px 20px 20px 20px; margin:0 auto;}
#contactForm fieldset{border:solid 2px #EF3E42;}
#contactForm legend{color:#cccaca}
#contactForm p{margin:15px;}
#contactForm ol{list-style-type:none; margin-left:37px;}
#contactForm li{padding:3px 0px; clear:both;}
#contactForm label{float:left; width:30%;}
#contactForm input{float:left; width:60%;}
#contactForm input.submit{float:right; margin-right:35px; margin-bottom:10px;}
/*-------------------------------------------------------------------------------------*/

/************************************* HOMEPAGE WIDGETS ********************************/

/*    Feature    */
.feature,.featureSub{background:#333 url(images/homeRight/feature-bg.gif) no-repeat; width:640px; height:295px; margin-bottom:5px; float:left;}
.featureSub{margin-bottom:0px;}
/*---------------*/

/*   HomeVideo   */
.homeVideo{border:solid 2px #aaabab; width:336px; height:272px; float:left;}
#vid-tabs{float:left; width:336px; margin-bottom:20px;}
#vid-tabs ul{float:left; list-style-type:none;}
#vid-tabs li{float:left; padding:3px; color:#fff; background-color:#222; border-bottom:solid 1px #EF3E42; border-left:solid 1px #EF3E42; border-right:solid 1px #EF3E42; font-size:12px;}
#vid-tabs li:hover{background-color:#333;}
#vid-tabs li a{color:#c0c0c0; text-decoration:none;}
#vid-tabs li a:active{color:#EF3E42;}
#vid1{float:left;}
#vid2{display:none; float:left;}
#vid3{display:none; float:left;}
#vid4{display:none; float:left;}
#vid5{display:none; float:left;}
/*---------------*/

/* HomeProducts  */
.homeProducts{border-top:solid 2px #006bb6; border-bottom:solid 2px #006bb6; margin-bottom:20px;float:left; position:relative;}
.homeProducts div.prodBody,.homeProducts div.prodBody img,.homeProducts div.prodBody p{float:left;}
.homeProducts div.prodBody p{width:190px; font-size:.8em;}
/*---------------*/

/*  HomeBuckets  */
.homeBuckets{float:left; position:relative; width:640px; margin-bottom:20px;}
.homeBuckets div.leftBucket img{float:left; border:solid 2px #741f23;}
.homeBuckets div.rightBucket img{float:right; border:solid 2px #004168; margin-right:10px;}
/*---------------*/

/* HomeBlogFeed  */
.homeBlogFeed{float:left; border:solid 2px #fff; margin-bottom:20px;}
.homeBlogFeed div.title{float:left; background-color:#121212; background-image:url('images/homeLeft/blogFeedTitle-bg.gif'); background-repeat:no-repeat; width:333px; height:25px; padding-bottom:5px;}
.homeBlogFeed div.posts{width:333px; font-size:.8em;}
.homeBlogFeed div.posts span.date{color:#ef3e42; display:block; padding:2px 0px 3px 8px; font-size:.8em; font-weight:bold;}
.homeBlogFeed div.posts p{padding:0px 5px 5px 8px; color:#989898; }
.homeBlogFeed div.posts p a{color:#989898; text-decoration:none;}
.homeBlogFeed div.posts div.post{background-color:#232323;}
.homeBlogFeed div.posts div.postAlt{background-color:#171717;}
.homeBlogFeed div.footer{float:left; text-align:right; background-color:#232323; width:333px;}
.homeBlogFeed div.footer a{padding-right:5px; text-decoration:none; color:#484848; font-size:.75em;  font-weight:bold;}
/*---------------*/

/*HomeLeftBucket */
.homeLeftBucket{float:left; margin-bottom:20px;}
.homeLeftBucket img{border:solid 2px #005698;}
/*---------------*/

/* HomeFootText  */
.homeFootText{width:500px; font-size:.75em; color:#8e8e8e; margin-bottom:20px; float:left;}
/*---------------*/

/*  PhotoRibbon  */
#photoRibbon_Container{width:626px; margin-bottom:20px; border:solid 2px #006BB6; float:left; position:relative; background-image:url('images/homeRight/photoRibbon-bg.jpg'); background-repeat:repeat-x; height:116px; }
#photoRibbon_Container div.photoRibbon_Photo{float:left; margin-left:30px; padding-top:13px;}
#photoRibbon_Container div.photoRibbon_Photo_First{_margin-left:15px;}
/*---------------*/
/*-------------------------------------------------------------------------------------*/

/************************************* INTERIOR WIDGETS ********************************/

/* SharkProducts */
.sharkProducts{float:left; border:solid 1px #ef3f42; margin-bottom:15px; width:333px; background-color:#1b1b1b;}
.sharkProducts div.title{float:left; background-color:#0b0b0b; background-image:url('images/interiorLeft/sharkProducts-Title.gif'); background-repeat:no-repeat; width:100%; height:26px; padding-bottom:5px;}
.sharkProducts div.products{float:left; width:333px; background-image:url('images/interiorLeft/product-bg.jpg'); background-repeat:repeat-x;}
.sharkProducts div.products div.product{float:left; width:110px; padding-bottom:10px;}
.sharkProducts div.products div.product img{width:100px; height:140px; border:none; margin-left:5px;}
.sharkProducts div.products div.product p{color:#ef3f42; font-size:.7em; text-align:center; padding-top:5px;}
/*---------------*/

/* LeftTextBlock */
.leftTextBlock{float:left; width:333px; padding-bottom:15px; border-bottom:dashed 1px #565353; margin-bottom:20px;}
.leftTextBlock p{font-size:0.81em; color:#a9a8a8; line-height:1.5em; padding-left:3px;}
/*---------------*/

/*  AD 333x280  */
.ad333x280{float:left; width:333px; margin-bottom:20px;}
/*--------------*/

/* DisplayBucket*/
.displayBucket{float:left; width:333px; margin-bottom:20px;}
.displayBucket img{border:solid 2px #004168;}
/*--------------*/

/*KeepMovingText*/
.keepMovingText{float:left; width:333px; margin-bottom:20px; background-image:url('images/interiorLeft/keepMoving.jpg'); background-repeat:no-repeat;}
.keepMovingText p{margin-top:115px; font-size:0.81em; color:#a9a8a8; line-height:1.5em; padding-left:3px;}
.keepMovingText ul{margin-top:115px; font-size:0.81em; color:#a9a8a8; line-height:1.5em; padding-left:3px; margin-left:20px;}
/*--------------*/

/*Contact Text */
.contactText{float:left; width:333px; margin-bottom:20px; background-image:url('images/interiorLeft/contactText.gif'); background-repeat:no-repeat; padding-top:70px;}
.contactText p{border-top:dashed 1px #444; font-size:0.78em; color:#a9a8a8; line-height:1.5em; padding-left:3px; margin-bottom: 10px;}
.contactText h3{margin-bottom:4px; font-size:.9em;}
/*-------------*/

/*ProductFeature*/
.productFeature{float:left; width:628px; height:278px; border:solid 2px #505153; margin-bottom:18px;}
.productFeature p{margin-top:155px; margin-left:137px; width:475px; font-size:.84em;}

.sharkEnergy{background-image:url('images/interiorRight/productFeature-SharkEnergy.jpg'); background-repeat:no-repeat;}
.sharkSugarFree{background-image:url('images/interiorRight/productFeature-SharkSugarFree.jpg'); background-repeat:no-repeat;}

.productInformation{border-bottom:solid 2px #c4c0c0; padding-bottom:25px; color:#b7b7b8; font-size:.75em; float:left; margin-bottom:5px; width:628px;}
.productInformation h1{font-size:1.38em; padding-bottom:8px; margin-bottom:10px; border-bottom:dashed 1px #565353; font-weight:normal;}
.productInformation h2{font-weight:bold; font-size:1em; margin:5px 0px;}
.productInformation p{clear:both; margin:10px 0px;}
.productInformation ul{list-style-type:none; float:left; margin:10px 0px;}
.productInformation li{float:left; width:300px; clear:left; padding:2px 0px;}
.productInformation ul.stats li{border-bottom:dashed 1px #3d3d3d;}
.productInformation li label{float:left;}
.productInformation li span{float:right;}
.productInformation a{float:right; text-decoration:none; color:#565353; border:none; margin-right:10px;}
/*--------------*/

/*Hover Nutrition*/
.hoverNutrition{display:none; float:right; background-image:url('images/interiorRight/shark-nutrition.jpg'); background-repeat:no-repeat; width:174px; height:459px; z-index:9999; position:absolute; right:0; margin-top:55px;}
.hoverNutrition-free{display:none; float:right; background-image:url('images/interiorRight/shark-free-nutrition.jpg'); background-repeat:no-repeat; width:195px; height:478px; z-index:9999; position:absolute; right:0; margin-top:55px;}
/*--------------*/

/*StandardContent*/
.standardContent{font-size:.75em; float:left; margin-bottom:5px; width:628px;}
.standardContent h1{font-size:1.6em; padding-bottom:8px; margin-bottom:10px; border-bottom:dashed 1px #565353; font-weight:normal;}
.standardContent h2{font-weight:bold; font-size:1.2em; margin:5px 0px; color:#EF3E42;}
.standardContent h3{font-weight:bold; font-size:1em; margin:5px 0px;}
.standardContent p{clear:both; margin:10px 0px;}
.standardContent ul{list-style-type:none; width:600px; float:left; margin:10px 0px;}
.standardContent li{float:left; width:300px; clear:left; padding:2px 0px;}
.standardContent a{}
.standardContent dl{float:left;}
.standardContent dt{font-weight:bold; margin:5px 0px; border-bottom:dashed 1px #6d6d6d; width:200px;}
.standardContent dd{margin-bottom:10px; padding-left:10px;}
.standardContent a.music{clear:left; float:left; margin:5px 0px;}
/*---------------*/

/*  Shark Sports */
#theSharks{}
#theSharks h3{border-bottom:1px solid #0A74AF;clear:left;color:#0A74AF;font-size:1.1em;width:100%;}
#theSharks ul{}
#theSharks li{padding:1px 0;width:100%;}
/*---------------*/

/*-------------------------------------------------------------------------------------*/

a.jumpTop{float:right; text-decoration:none; color:#565353; border:none;margin-bottom:5px; margin-right:10px; font-size:.8em;}
.divLink{width:100%; height:100%; display:block; cursor:pointer;}

/************************************* CMS RELATED *************************************/
.cmsEditLink, .cmsEditLink:visited{background-color:#EF3E42; color:#fff; padding:0px 5px; float:left;}
.cmsSaveLink, .cmsSaveLink:visited{background-color:green; color:#fff; padding:0px 5px; float:left;}
.cmsCancelLink, .cmsCancelLink:visited{background-color:red; color:#fff; padding:0px 5px; float:left;}
.cmsLoginStatus, .cmsLoginStatus:visited{padding:0px 20px; background-color:#EF3E42; color:#fff; border:solid 1px #fff;}
.floatLeft{float:left;}
.floatRight{float:right;}
.RadEditor{position:relative;}
.RadEditor table{position:absolute; z-index:200;}
.reContentCell{position:relative;}
.reToolCell table{position:relative;}
#leftColumn .radeditor{margin-left:-30px;}
/*-------------------------------------------------------------------------------------*/