@charset "UTF-8";
/*
Stylesheet Name: SmartPak Core Styles
Description: These styles define web objects that are present throughout the site.
Version: 1.0
Author: Steven Maguire
*/

/*------- Global Styles -------*/
body, html 				{margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #333; background: #fff;}
h1 						{margin: 0px; padding: 10px 0 15px 0; font-size: 30px; line-height:32px; font-weight:normal;}
h2 						{margin: 24px 0px 0px 0px; padding: 0px; color: #888888; font-size: 16px; line-height: 22px; font-weight: normal; font-style: italic;}
h3 						{margin: 10px 0px 4px 0px; color: #333; font-size: 18px; line-height:20px;}
h4 						{margin: 0px 0px 2px 0px; color: #424242; font-size: 16px; line-height: 18px;}
h5 						{margin: 0px; padding: 0px; color: #1e518e; font-size: 14px; line-height: 17px; font-weight:bold;}
a 						{color:#1e518e;}
a:hover 				{text-decoration:none;}
p 						{margin: 0px; padding: 0px 0px 15px 0px; font-size: 14px; color: #343434;}
strong 					{color: #000;}

/*------- Structure Styles -------*/
.saran			{margin: 0px auto; width: 809px; background: none;}
.artCon			{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both; background: none;}

.header, .content, .footer			{margin: 0px; padding: 0px 17px; width: 775px; height: auto; float: left; clear: both; background:none;}
.content			{padding: 10px 17px 0px 17px;}
.sidebar			{display: none; visibility: hidden;}
.mainContent			{margin: 0px; padding: 1px 0px; width: 775px; height: auto; float: right;}
.footer				{display: none; visibility: hidden;}

.c200				{margin: 0px; padding: 0px; width: 200px; height: auto; float: left; clear: none;}
.c240				{margin: 0px; padding: 1px 0px; width: 240px; height: auto; float: left; clear: none;}
.c260				{margin: 0px; padding: 0px 0px; width: 260px; height: auto; float: left; clear: none;}
.c515				{margin: 0px; padding: 0px; width: 515px; height: auto; float: left; clear: none;}
.c575				{margin: 0px; padding: 0px; width: 575px; height: auto; float: left; clear: none;}
.c775				{margin: 0px; padding: 0px; width: 775px; height: auto; float: left; clear: none;}

/*------- Multibrand Tabs -------*/
.mbArt			{display: none; visibility: hidden;}
.mbContainer			{margin: 0px auto; padding: 0px; width: 980px; height: auto;}
.mbContainer ul			{margin: 0px; padding: 0px; width: auto; list-style-type: none; float: right;}
.mbContainer ul li			{margin: 0px; padding: 0px; float: left;}
.mbContainer ul li em			{font-size: 1px; text-indent: -1000px; overflow: hidden; display: block;}
.mbContainer ul li a			{margin: 0px; padding: 0px; display: block; width: 100px; line-height: 32px; background-image: url(http://designweb/images/00_persistent/multibrand/nav-sprites.gif); background-position: 0 0; text-align: center; text-decoration: none; cursor: pointer;}
.mbContainer ul li a.western			{margin: 0px; padding: 0px; display: block; width: 110px; line-height: 32px; background-image: url(http://designweb/images/00_persistent/multibrand/nav-sprites.gif); background-position: -100px 0; text-align: center; text-decoration: none; cursor: pointer;}
.mbContainer ul li a:hover			{margin: 0px; padding: 0px; display: block; width: 100px; line-height: 32px; background-image: url(http://designweb/images/00_persistent/multibrand/nav-sprites.gif); background-position: 0 -64px; text-align: center; text-decoration: none; cursor: pointer;}
.mbContainer ul li a.western:hover			{margin: 0px; padding: 0px; display: block; width: 110px; line-height: 32px; background-image: url(http://designweb/images/00_persistent/multibrand/nav-sprites.gif); background-position: -100px -64px; text-align: center; text-decoration: none; cursor: pointer;}
.mbContainer ul li.active a, .mbContainer ul li.active a:hover			{margin: 0px; padding: 0px; display: block; width: 100px; line-height: 32px; background-image: url(http://designweb/images/00_persistent/multibrand/nav-sprites.gif); background-position: 0 -32px; text-align: center; text-decoration: none; cursor: pointer;}
.mbContainer ul li.active a.western, .mbContainer ul li.active a.western:hover			{margin: 0px; padding: 0px; display: block; width: 110px; line-height: 32px; background-image: url(http://designweb/images/00_persistent/multibrand/nav-sprites.gif); background-position: -100px -32px; text-align: center; text-decoration: none; cursor: pointer;}

/*------- Header Objects -------*/
.mastHead		{margin: 0px; padding: 0px; width: 100%; height: auto; float: left; clear: both;}
.navTop, .navBot		{display: none; visibility: hidden;}
.mastHead			{margin: 0px 0px 5px 0px;}
.navBot				{background: url(../siteart/00_Core/bkg-navBot.png) no-repeat top left;}
.logo			{margin: 0px; padding: 10px 0px 0px 0px; width: 350px; height: 65px; float: left; clear: none;}
.promo			{margin: 0px; padding: 0px; width: 130px; height: auto; float: left; clear: none; text-align: center;}
.mastHead#current .promo			{margin: 0px; padding: 0px; width: 250px; height: auto; float: left; clear: none; text-align: center;}
.tollFree			{margin: 22px 0px 0px 0px; padding: 0px; width: 174px; height: auto; float: left; clear: none; text-align: center;}
.tollFree span			{font-size: 22px; font-weight: bold; line-height: 20px; text-align: left; display: block;}
.tollFree span span			{font-size: 16px;}
.eCommBadge			{display: none; visibility: hidden;}
.eCommBadge ul			{margin: 0px; padding: 0px; list-style-type: none;}
.eCommBadge ul li		{margin: 0px; padding: 0px; float: left; font-size: 11px; background-image: url(../siteart/00_Core/bkg-eCommBadge.gif); color: #666;}
.eCommBadge ul li a		{color: #666;}
.eCommBadge ul li.acct		{margin: 0px 10px 0px 0px; padding: 5px 10px; width: 170px; height: 60px; background-position: 0 0;}
.eCommBadge ul li.acct li		{margin: 0px; padding: 1px 0px; width: auto; height: auto; float: none; display: block; background: none;}
.eCommBadge ul li.acct li.em		{font-size: 12px; font-weight: bold; line-height: 13px;}
.eCommBadge ul li.cart		{width: 100px; height: 70px; background-position: 0 -70px; font-weight: bold; font-size: 14px; line-height: 22px; text-align: center;}
.eCommBadge ul li.cart span		{display: block; font-size: 36px;}
.eCommBadge ul li.cart a		{text-decoration: none;}
.eCommBadge ul li.cart a:hover		{text-decoration: none; color: #333;}

/*.eCommBadge#old			{margin: 0px; padding: 0px; width: 360px; height: auto; float: right; clear: none;}
.eCommBadge#old ul			{margin: 0px; padding: 10px; list-style-type: none;}
.eCommBadge#old ul li		{margin: 0px; padding: 1px; display: block; font-size: 14px; text-align: right; color: #333;}
.eCommBadge#old ul li.em		{font-size: 18px;}
.eCommBadge#old ul li a			{margin: 0px 5px; padding: 0px;}
.eCommBadge#old ul li a span			{margin: 0px 0px 0px 5px; padding: 0px;}
.eCommBadge#old ul li.ph		{font-size: 24px; font-weight: bold; linbe-height: 26px;}

.eCommBadge#new			{margin: 0px; padding: 0px; width: 300px; height: auto; float: right; clear: none;}
.eCommBadge#new ul			{margin: 0px; padding: 0px; list-style-type: none;}
.eCommBadge#new ul li		{margin: 0px; padding: 0px; float: left; font-size: 11px; background-image: url(../siteart/00_Core/bkg-eCommBadge.gif); color: #666;}
.eCommBadge#new ul li a		{color: #666;}
.eCommBadge#new ul li.acct		{margin: 0px 10px 0px 0px; padding: 5px 10px; width: 170px; height: 60px; background-position: 0 0;}
.eCommBadge#new ul li.acct li		{margin: 0px; padding: 1px 0px; width: auto; height: auto; float: none; display: block; background: none;}
.eCommBadge#new ul li.acct li.em		{font-size: 12px; font-weight: bold; line-height: 13px;}
.eCommBadge#new ul li.cart		{width: 100px; height: 70px; background-position: 0 -70px; font-weight: bold; font-size: 14px; line-height: 22px; text-align: center;}
.eCommBadge#new ul li.cart span		{display: block; font-size: 36px;}
.eCommBadge#new ul li.cart a		{text-decoration: none;}
.eCommBadge#new ul li.cart a:hover		{text-decoration: none; color: #333;}*/


.navTop ul				{margin: 0px; padding: 0px; width: 100%; height: auto; list-style-type: none; float: left; clear: both; background: url(../siteart/00_Core/bkg-navEquine.gif) no-repeat top left;}
.navTop ul li			{margin: 0px; padding: 0px; float: left;}
.navTop ul li.rt		{float: right;}
.navTop ul li a			{margin: 0px; padding: 0px; width: auto; height: 34px; display: block; line-height: 34px; background-image: url(../siteart/00_Core/bkg-navEquine.gif);}
.navTop ul li a:hover			{margin: 0px; padding: 0px; width: auto; height: 34px; display: block; line-height: 34px; background-image: url(../siteart/00_Core/bkg-navEquine.gif);}
.navTop ul li a span		{margin: 0px; padding: 0px; display: none; visibility: hidden;}
.navTop ul li.shop a		{width: 143px; background-position: 0 0;}
.navTop ul li.shop a:hover		{width: 143px; background-position: 0 -34px;}
.navTop ul li.what a		{width: 184px; background-position: -143px 0;}
.navTop ul li.what a:hover		{width: 184px; background-position: -143px -34px;}
.navTop ul li.about a		{width: 108px; background-position: -327px 0;}
.navTop ul li.about a:hover		{width: 108px; background-position: -327px -34px;}
.navTop ul li.health a		{width: 168px; background-position: -435px 0;}
.navTop ul li.health a:hover		{width: 168px; background-position: -435px -34px;}
.navTop ul li.blogs a		{width: 85px; background-position: -603px 0;}
.navTop ul li.blogs a:hover		{width: 85px; background-position: -603px -34px;}
.navTop ul li.custcare a		{width: 146px; background-position: -688px 0;}
.navTop ul li.custcare a:hover		{width: 146px; background-position: -688px -34px;}
.navTop ul li.contact a		{width: 125px; background-position: -834px 0;}
.navTop ul li.contact a:hover		{width: 125px; background-position: -834px -34px;}


.searchMain				{margin: 0px; padding: 0px; width: 400px; height: 36px; float: left; clear: none;}
.searchMain form		{margin: 0px; padding: 0px; float: left; clear: none;}
.searchMain form input.s			{margin: 4px 0px 0px 10px; padding: 2px; width: 330px; height: 16px; float: left; clear: none; border: 2px solid #ccc; color: #666; font-weight: normal; font-size: 14px;}
.searchMain form input.b			{margin: 4px 0px 0px 0px;}
.qLinks					{margin: 0px; padding: 0px; width: 560px; height: 36px; float: right; clear: none; background: none;}
.qLinks ul				{margin: 0px; padding: 0px; list-style-type: none; float: right;}
.qLinks ul li			{margin: 0px; padding: 0px; float: left; font-size: 12px;}
.qLinks ul li a			{margin: 0px; padding: 0px 15px; display: block; line-height: 36px; color: #333;}

/*------- Sidebar Objects -------*/
.sidebar h2				{margin: 0px 1px; padding: 7px 0px; width: 171px; display: block; background: #fff; color: #0262c6; font-weight: bold; text-align: center; font-size: 14px; font-style: normal;}
.sidebar ul				{margin: 0px 1px; padding: 0px 5px; width: 161px; height: auto; list-style-type: none; font-size: 12px;}
.sidebar ul ul				{margin: 0px; padding: 0px 0px 10px 10px; width: 146px;}
.sidebar ul li			{margin: 0px; padding: 0px; width: 161px; display: block;}
.sidebar ul li li			{margin: 0px; padding: 0px; width: 146px; display: block; border-top: none; border-bottom: none;}
.sidebar ul li a		{margin: 0px; padding: 5px 5px; width: 151px; height: auto; display: block; background: none; text-decoration: none; color: #333;}
.sidebar ul li a:hover		{margin: 0px; padding: 5px 5px; width: 151px; height: auto; display: block; background: #ecf2ff; text-decoration: none; color: #333;}
.sidebar ul li li a		{margin: 1px 0px; padding: 2px 5px; width: 141px; height: auto; display: block; background: none;}
.sidebar ul li li a:hover	{margin: 1px 0px; padding: 2px 5px; width: 141px; height: auto; display: block; background: none; text-decoration: underline;}
.sidebar ul li.active			{background: #fff;}
.sidebar ul li.active a			{color: #0262c6; font-weight: bold;}
.sidebar ul li.active li a			{color: #333; font-weight: normal;}
.sidebar ul li.active li.active a			{color: #0262c6; font-weight: bold; background: #d8e4fe;}

.sidebar .sbECommTop			{margin: 0px 12px 0px 0px; padding: 0px; width: 173px; height: auto; float: left; clear: none; display: block;}
.sidebar .sbECommBot, .sidebar .sbInfo, .sidebar .sbBadges	{margin: 0px; padding: 5px 0px; width: 173px; height: auto; float: left; clear: none; display: block;}
.sidebar .sbEComm	{margin: 0px; padding: 0px; width: 173px; height: auto; float: left; clear: none; display: block;}

.sidebar .sbEComm		{background: url(../siteart/00_Core/bkg-sbEComm.gif) repeat-y left;}
.sidebar .sbECommTop		{background: url(../siteart/00_Core/bkg-sbEComm_top.gif) no-repeat top left;}
.sidebar .sbECommBot		{background: url(../siteart/00_Core/bkg-sbEComm_bottom.gif) no-repeat bottom left;}
.sidebar .sbEComm h2				{border-top: 1px solid #c6cad6; border-bottom: 1px solid #ecf2ff;}
.sidebar .sbEComm ul li			{border-top: 1px solid #ecf2ff;  border-bottom: 1px solid #c5cbd9;}
.sidebar .sbEComm ul li ul li			{border-top: none;  border-bottom: none;}
.sidebar .sbInfo ul li			{border-top: 1px solid #f6f6f6;  border-bottom: 1px solid #eee;}
.sidebar .sbInfo ul li ul li			{border-top: none;  border-bottom: none;}
.sidebar .sbBadges li			{text-align: center;}

.insideFooterWrap				{margin: 0px; padding: 0px 7px; width: 980px; height: auto; float: left; clear: both; none;}
.insideFooter				{margin: 0px; padding: 0px; width: 980px; height: auto; float: left; clear: both; background: #1E518E;}
.insideFooter h6			{margin: 0px; padding: 5px 5px 0px 5px; color: #fff; font-size: 16px;}
.insideFooter ul			{margin: 0px; padding: 0px 5px 5px 15px; list-style-type: none; font-size: 12px;}
.insideFooter ul li			{margin: 0px; padding: 1px 0px; display: block;}
.insideFooter a				{color: #fff;}
.outsideFooter				{margin: 0px; padding: 10px 7px; width: 980px; height: auto; float: left; clear: both; background: #f6f6f6 url(../siteart/00_Core/bkg-outsideFooter.gif) no-repeat top left;}
.outsideFooter p			{margin: 0px auto; padding: 5px; display: block; width: auto; height: auto; color: #666; font-size: 12px; text-align: center;}
.outsideFooter img			{margin: 5px;}