@charset "UTF-8";
/*----------------------------------------------------
SARATOGA CSS Document 
Created: Mon 03.02.09 @ 2:08 a.m.
Updated: --- --.--.-- @ --:-- -.-.
Author: branoSEVEN
----------------------------------------------------*/


/*--- 00. General Components ---------------------------------------------------------------------------*/
html, body {margin:0; padding:0; width:100%; height:100%; color:#767676; line-height:14px; font-size:11px; font-family:Verdana, sans-serif; background-image:url(../../../images/bg.gif); background-position:top; background-repeat:repeat-x;}
ul, li {list-style-type:square; line-height:11px; margin:0 0 7px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
a, a:link, a:active, a:visited {color:#767676;	text-decoration:none;}
a:hover {text-decoration:underline;}
.clear {overflow:hidden; clear:both; height:0; margin:0; padding:0; font-size:1px; font-size:0.01em; display:block;}
* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width:1280px; /*IE5 width*/
w\idth:1280; /*IE6 width*/
}
.bdywrpr {width:1280px; text-align:left; margin:0 auto; z-index:1;}

/*--- 01. Header BarComponents ------------------------------------------------------------------------*/
.topBar {font-size: 10.5px; font:Georgia;}
.topBar a, topBar a:link, .topBar a:active, .topBar a:visited, .topBar a:hover {color: #767676; text-decoration: underline;}
.tagLine {font-size:11px; font-family: Arial, Helvetica, sans-serif;}
.topBarNav {font-size:11px; font-family: Verdana, Helvetica, sans-serif;}
a.topBarNav {color: #767676; text-decoration: none;}
a.topBarNav a:hover {color: #767676; text-decoration: none;}


/*--- 02. Header Navigation Components -----------------------------------------------------------------*/
ul#topnav {height:31px; margin:0; padding:0; top:100px; left:36px; position:absolute;}
ul#topnav li {float:left; list-style-type:none; background-image: url(../../../images/nav-puck.gif);}
ul#topnav li a {display:block; text-decoration:none;}
ul#topnav li a:link {text-decoration:none;}
ul#topnav li a:visited {text-decoration:none;}
ul#topnav li a:hover {text-decoration:none;}
ul#topnav li a:active {text-decoration:none;}

ul#topnav .menu {top:31px; position:absolute; background-color:#fcfcfc; background-image: url(../../../images/bg-subnav.png) repeat-x bottom left; padding:4px 0 12px 10px;}

ul#topnav .menu ul.sub_nav {float:left;}
ul#topnav .menu ul.sub_nav {margin:0 10px 0 0; padding:4px; width:170px;}
ul#topnav .menu ul.sub_nav li {float:none; background-image:none;}
ul#topnav .menu ul.sub_nav li a, ul#topnav .menu ul.sub_nav li a:link, ul#topnav .menu ul.sub_nav li a:visited {font-size:11px; font-weight:normal; line-height:1.3em; color:#666666; text-decoration:none; padding:4px 6px; height:100%; background-color:transparent;}
ul#topnav .menu ul.sub_nav li a:hover {color:#fff; text-decoration: none; background-color:#c31e3c;}
ul#topnav .menu ul.sub_nav li a:active {color:#fff; text-decoration: none; background-color:transparent;}

ul#topnav li .menu {display:none;}
ul#topnav li:hover .menu {display:block;}
ul#topnav li.over .menu {display:block; width:200px;; height:1%;}
ul#topnav a.nav_item span {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}

li.nav_supplements {background-position:0 0;}
li.nav_supplements:hover, li.nav_supplements_over {background-position:0 -35px;}
li.nav_supplements a.nav_item, li.nav_supplements_over a.nav_item {width:160px; height:33px;}
li.nav_supplements .menu {left:0; min-width:138px}

li.nav_electrolytes_vitamins {background-position:-170px 0;}
li.nav_electrolytes_vitamins:hover, li.nav_electrolytes_vitamins_over {background-position:-170px -35px;}
li.nav_electrolytes_vitamins a.nav_item, li.nav_electrolytes_vitamins_over a.nav_item {width:227px; height:33px;}
li.nav_electrolytes_vitamins .menu {left:158px; min-width:138px; margin:2px;}

li.nav_horse_grooming {background-position:-410px 0;}
li.nav_horse_grooming:hover, li.nav_horse_grooming_over {background-position:-410px -35px;}
li.nav_horse_grooming a.nav_item, li.nav_horse_grooming_over a.nav_item {width:136px; height:33px;}
li.nav_horse_grooming .menu {left:385px; min-width:138px; margin:2px;}

li.nav_horse_health_care {background-position:-560px 0;}
li.nav_horse_health_care:hover, li.nav_horse_health_care_over {background-position:-560px -35px;}
li.nav_horse_health_care a.nav_item, li.nav_horse_health_care_over a.nav_item {width:153px; height:33px;}
li.nav_horse_health_care .menu {left:521px; min-width:376px; margin:2px;}

.divSearch {background-image: url(../../../images/bg-search.gif); background-position:0 3px; background-repeat:repeat-x; height:39px; padding:7px;}

/*--- 03. Left Column Components -----------------------------------------------------------------------*/

/*--- 04. Middle Column Components ---------------------------------------------------------------------*/

/*--- 05. Content Column Components --------------------------------------------------------------------*/
.contBg {background-color:#ffffff;}
.borders {background-color: #d6d6d6;}
.bordersAlt {background-color: #ffffff;}
.tbl-hdrBg {background-image:url(../../../images/table-hdrBg.gif); background-repeat:repeat-x; height:33px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#8a8a8a;}
.tbl-cssBdr {border-bottom:thin #e3e3e3 solid; border-left:thin #e3e3e3 solid; border-top:thin #e3e3e3 solid;}
.tbl-hdr {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:25px;}
.productHeader {font-family:Helvetica; font-size:18px; font-weight:normal; font-stretch:narrower;}
.prodSmlHdr {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.prodSmlHdr2 {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
.prodDesc {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
.prodShortDesc {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
.qty {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
.price {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}

.contentslide{width:auto; height:302px;}
.contentslide .opacitylayer{width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.contentslide .contentdiv{display: none;}

/*--- 06. Product Tab Components -----------------------------------------------------------------------*/
#tablist {padding:8px 0; margin-left:70px; margin-bottom:0; margin-top:0.1em; font:normal 11px Arial, Helvetica, sans-serif; font-weight:bold; color:#333333;}
#tablist li {list-style:none; display:inline;margin:0;}
#tablist li a {text-decoration:none; padding:9px 0.5em;	margin-left:0px; font:normal 11px Arial, Helvetica, sans-serif; border:1px solid #d6d6d6; border-bottom:none; color:#666666;}
#tablist li a.current {background-color:#e3e3e3;}
.tabcontent {display:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
#tabcontentcontainer {width:850px; overflow:auto; border-left:1px solid; border-top:1px solid; border-bottom:1px solid;	border-right:0px; padding:10px 10px 10px 10px; margin-left:70px; border-top-color:#d6d6d6; border-bottom-color:#d6d6d6; border-left-color:#d6d6d6; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}

/*--- 07. Footer Components ----------------------------------------------------------------------------*/
.divSignup {background-image: url(../../../images/bg-search-red.gif); background-position:0 4px; height:39px;}
.custBnft {background-image: url(../../../images/customer-benefits.gif); background-repeat:no-repeat; /*--left:280px;--*/ left:37px; top:145px; position:absolute; height:34px;}

.bcrumbwrpr {font-size:11px;}

.ftrwrpr {font-size:11px; color:#666;}
.ftrwrpr a, .subftrwrpr a:link, .subftrwrpr a:visited {color:#666; text-decoration:none;}
.ftrwrpr a:hover {color:#666; text-decoration:underline;}
.ftrwrpr a:active {color:#666; text-decoration:none;}

.subftrwrpr {font-size:10px; color:#999;}
.subftrwrpr a, .subftrwrpr a:link, .subftrwrpr a:visited {color:#999; text-decoration:none;}
.subftrwrpr a:hover {color:#999; text-decoration:underline;}
.subftrwrpr a:active {color:#999; text-decoration:none;}