/* ---------- EquiShine CSS ---------- */
/* - July 2005                       - */
/* - Identity Developments           - */
/* - www.i-devs.com                  - */
/* - (c)2005 Identity Developments   - */
/* ----------------------------------- */

/* ---------- basic elements --------- */
/* - maroon #7D0009 -- gold #CC9933 -  */

body {
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #000;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}
/* IE 5.x hack */
body {text-align: center;}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #7D0009;
	clear: both;
}

h1 {font-size: 2.4em; margin: 0;}

h2 {font-size: 2em;}

h3 {font-size: 1.6em;}

h4 {font-size: 1.4em;}

h5 {font-size: 1.2em;}

h6 {font-size: 1em;}

h2, h3, h4, h5, h6 {margin: 15px 0 0;}

p {font-size: 1em;}

.clr {clear: both;}
.clrL {clear: left;}
.clrR {clear: right;}
.fltL {float: left;}
.fltR {float: right;}

img {margin: 0;	padding: 0;}

/* - basic lists - */
ul {
	margin-top: 5px;
	color: #7D0009;
	list-style: square outside;
}

li {
	padding: 2px 0 5px;
	font-size: 1.1em;
}

li .color1 {color: #666;}

.signed {
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;	
	line-height: 150%;
}

/* ---------- background images ---------- */
/* - home page - */
#sec1 .bg1 #holderMain {background:  url(images/dean-meyer-horse.jpg) no-repeat right bottom;}

/* - information - */
#sec2 .bg1 #holderMain {background: url(images/equi-shine-27.jpg) no-repeat right bottom;}

/* - information - nutritional guidelines - */
#sec2 .bg2 #holderMain {background: url(images/equi-shine-3-horse-ribbons.jpg) no-repeat right bottom;}

/* - information - preventative medicine - */
#sec2 .bg3 #holderMain {background: url(images/equi-shine-14.jpg) no-repeat right bottom;}
/* cutting-edge article */
#sec2 .bg3a #holderMain {background: url(images/sheila-schils.jpg) no-repeat right bottom;}

/* - information - faq - */
#sec2 .bg4 #holderMain {background: url(images/equi-shine-24.jpg) no-repeat right bottom;}

/* - information - links - */
#sec2 .bg5 #holderMain {background: url(images/equi-shine-18.jpg) no-repeat right bottom;}

/* - products - */
#sec3 .bg1 #holderMain {background: url(images/equi-shine-22.jpg) no-repeat right bottom;}

/* - products - daily supplements - */
#sec3 .bg2 #holderMain {background: url(images/equi-shine-19.jpg) no-repeat right bottom;}

/* - products - booster supplements - */
#sec3 .bg3 #holderMain {background: url(images/equi-shine-21.jpg) no-repeat right bottom;}

/* - products - e-catalog - */
#sec3 .bg4 #holderMain {background: url(images/equi-shine-20.jpg) no-repeat right bottom;}

/* - dealers - */
#sec4 .bg1 #holderMain {background: url(images/equi-shine-2.jpg) no-repeat right bottom;}
#sec4 .bg2 #holderMain {background: url(images/equi-shine-30.jpg) no-repeat right bottom;}

/* - about us - */
#sec5 .bg1 #holderMain {background: url(images/sheila-schils.jpg) no-repeat right bottom;}

/* - about us - history - */
#sec5 .bg2 #holderMain {background: url(images/equi-shine-29.jpg) no-repeat right bottom;}

/* - about us - contact - */
#sec5 .bg3 #holderMain {background: url(images/equi-shine-1.jpg) no-repeat right bottom;}

/* - search - */
#sec6 .bg1 #holderMain {background: url(images/equi-shine-28.jpg) no-repeat right bottom;}

/* - error - */
#sec404 .bg1 #holderMain {background: url(images/equi-shine-31.jpg) no-repeat right top;}


/* ---------- layout ---------- */
#wrapper {
	position: relative;
	background: #FFF;
	margin: 15px auto;
	padding: 0 0 20px;
	width: 740px;
	text-align: left;
}

/* - corners - brand identity - */
#corner-tr, #corner-tl, #corner-br, #corner-bl {
	position: absolute;
	z-index: 300;
	margin: 0;
	padding: 0;
	width: 75px;
}

#corner-tr {top: -15px;	left: 680px;}
#corner-tl {top: -15px;	left: -15px;}
#corner-br {bottom: -15px; left: 580px;}
#corner-bl {bottom: -15px; left: -115px;}

/* ---------- =HDR header ---------- */
#headerMain {
	position: relative;
	background: #7D0009;
	margin: 0;
	padding: 0;
	width: 740px;
}

/* - doctor's choice supplements - */
#headerMain #hdrCompany {
	position: absolute;
	top: 5px;
	left: 55px;
	color: #C93;
	margin: 0;
	padding: 0;
	font: bold 16px/1em Verdana, Arial, Helvetica, sans-serif;
}

/* - Equi-Shine title for SE spidering, hidden b/c es-logo image used- */
#headerMain #hdrBrand {
	display: none;
	color: #C93;
	margin: 0;
	padding: 0;
	line-height: 0;
}

#es-logo {
	margin: 0 auto;
	width: 640px;
}
/* - IE 5.x hack - */
* html #es-logo {
	margin-left: 50px;
	mar\gin: 0 auto;
}

#headerSub {
	position: relative;
	background: transparent url(images/subHeadbar.gif) no-repeat bottom;
	margin: 0;
	padding: 0;
	width: 740px;
	height: 29px;
}

/* - tagline - horse vitamin and mineral supplement - */
#headerSub #hdrTagline {
	color: #C93;
	margin: 4px 0 0 210px;
	padding: 0;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	word-spacing: 4px;
}

/* ---------- main section ---------- */
#container {
	position: relative;
	background: #FFF;
	margin: 0;
	padding: 0;
	border-left: solid 100px #000;
	border-right: solid 3px #000;
	width: 637px;
}
/* IE fix - Mac hide \*/
* html #container {
    width: 740px;
    w\idth: 637px;
}
/* stop hiding */

#holderMain {
	position: relative;
	float: right;
	margin: 10px 0 0;
	padding: 0 0 10px;
	width: 532px;
}

#contentMain {
	position: relative;
	float: left;
	margin: 0;
	width: 386px;
}

/* - full width of the content area; dealer page, privacy, TOS - */
#contentMain.fullWide {width: 526px;}

/* special treatment for privacy and TOS pages - */
#sec0 #contentMain p:first-line {
	color: #666;
	font-weight: normal;
}

#contentMain p:first-line {
	color: #7D0009;
	font-weight: bold;
}

#contentMain p {
	color: #666;
	margin: 0 0 10px;
	padding: 0;
	font-size: 1.2em;
	line-height: 140%;
}

dl {margin: 1em 0; padding: 0;}

dt {line-height: 1.4em;}

dd {
	margin-left: 1.5em; 
	padding: 3px 0 15px 0;
}

.products dt {font-size: 1.2em;}
.products dd {font-size: 1em;}

#contentMain img.fltL {margin: 3px 5px 3px 0;}

#linkText {
	margin: 10px 0 10px;
	border: solid 1px #7D0009;
}

/* - article header links - */
.block {display: block;}

/* - sub content area ----------------------- */
#contentSub {
	position: relative;
	float: right;
	margin: 0 0 0 3px;
	width: 140px;
}

/* - sideBar - */
p.sideBar {
	background: #FEFFEE;
	color: #000;
	margin-top: 1em;
	padding: 5px;
	border: 1px solid #E9D3A7;
	border-bottom: 1px solid #C93;
	border-right: 1px solid #CC9933;
	width: 120px;
	color: #7D0009;
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	line-height: 150%;
}
/* IE fix - Mac hide \*/
* html p.sideBar {
	width: 132px;
	w\idth: 120px;
}
/* stop hiding */

/* - =POS - product sale configuration - */
.cartView {
	position: relative;
	margin: 3px 5px 20px 20px;
	width: 115px;
}

.cartAdd {
	padding: 0 0 10px;
	width: 115px;
}

#productPOS {
	position: relative;
	margin: 40px 5px 20px 20px;
	width: 115px;
}

#productPOS p {margin: 5px 0 0;}

.productName {
	display: block;
	color: #7D0009;
	margin: 0 0 5px;
	font-weight: bold;	
}

.productDesc {
	display: inline;
	margin: 0 8px 0 0;
}

#productPOS form {margin: 5px 0 10px;}

/* - hover magnify image - */
.productBig {
	position: relative;
	border: 2px solid #C93;
	width: 10px;
	height: 10px;
}

a.productSpan {border: none;}

a.productSpan img {border: none;}

a.productSpan span {display:none;}

a.productSpan:hover span {
	position: absolute;
	z-index: 300;
	display: block;
	top: -10px;
	right: -80px;
}

/* - faq's - */
.handler {
	cursor: help;
	border-bottom: 2px dotted #C93;
	margin-right: 30px;
	padding-left: 20px;
	font-size: 1.2em;
}

.handler_down {
	background: #7D0009;
	color: #FFF;
	cursor: help;
	padding-left: 20px;
	font-size: 1.22em;
}

.toggle {padding-left: 20px;}

/* - searchForm - */
#searchForm a {border: none;}

#searchForm img {display: block;}

#searchForm {margin-bottom: 40px;}

/* ---------- footer & trailer ---------- */
#footer {
	position: relative;
	clear: both;
	background: #000;
	margin: 0;
	padding: 0;
	width: 637px;
	height: 100px;
}

#footer #prodGroup {
	float: left;
	margin: 8px 10px 0 0;
}

#footer p {
	margin: 0 0 10px 0;
	padding: 10px 0 0;
	color: #C93;
	font-size: 1.1em;
	line-height: 160%;
}

#footer a {
	color: #C93;
	border: none;
}

#footer p .bull {padding: 0 1em;}

.coName {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 150%;
}

/* - trailer - */
#trailer {
	position: relative;
	margin: 10px 0 0 50px;
	width: 640px;
}

#trailer .bull {
	padding: 0 .5em;
	color: #7D0009;
}

#legalCopy {
	position: relative;
	margin: 20px 0 0;
	font-size: 1em;
}

/* - third party logo - */
#tpLogos {display: block;}

.ups {
	float: right;
	margin: 7px 1px 1px 1px;
}

.upsLegal {font-size: .8em;}


/* - tables ---------------------------- */
/* - basic layout - */
/* - font-size requirement for IE5.x - */
table {
	table-layout: fixed;
	border-collapse: collapse;
	empty-cells: hide;
	border: 3px solid #7D0009;
	font-size: 100%;
}

caption {
	background: #7D0009;
	color: #FFF;
	margin: 0;
	padding: 5px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
}

th {
	background: #000;
	color: #FFF;
	padding: 5px 0;
	font-weight: bold;
}

tr	{vertical-align: top;}

tr.tblRow1 td {border-top: none;}

td {
	padding: 3px 0 5px 0;
	border-top: 1px dotted #999;
}

/* - basic - */
table.tblBasic {
	margin: 0 0 10px;
	width: 380px;
}

table.tblBasic tbody th {
	background: #C93;
	color: #7D0009;
	text-align: left;
}

table.tblBasic td, table.tblBasic th {padding-left: 3px;}

table.tblBasic .tblCol2 {padding-right: 3px;}

table.tblBasic tfoot td {
	border-top: 1px solid #000;
	font-style: italic;
}

/* - guaranteed analysis - */
table.tblAnalysis {width: 380px;}

table.tblAnalysis .tblCol1, table.tblAnalysis .tblCol3 {
	padding-left: 3px;
	text-align: left;
}

table.tblAnalysis .tblCol2 {border-right: 3px solid #000;}

table.tblAnalysis .tblCol2, table.tblAnalysis .tblCol4 {
	padding-right: 1em;
	text-align: right;
}

/* - nutritional guidelines and dealers - */
table.tblGuide {margin-bottom: 120px;}

table.tblDealers, table.tblGuide {width: 526px;}

table.tblDealers tbody th {
	background: #C93;
	color: #7D0009;
	text-align: left;
}

table.tblDealers td, table.tblDealers th, table.tblGuide td, table.tblGuide th {
	padding-left: 3px;
}

table.tblGuide .tblCol4 {padding-right: 3px;}

table.tblDealers .tblCol4 {
	padding-right: 3px;
	width: 90px;
}
/* IE fix - Mac hide \*/
* html table.tblDealers .tblCol4 {
	width: 93px;
	w\idth: 90px;
}
/* stop hiding */

tr.ruled, tr.ruled a {
	color: #FFF;	
	background: #7D0009;
}

.tblBreakout {border-top: none;}

table.tblDealers a:hover {color: #FFF;}

/* ---------- navigation & links ---------- */
/* - basic - */
a {
	color: #7D0009;
	padding: 0;
	border-bottom: solid 1px #C93;
	text-decoration: none;
}

a:hover {border-bottom: dotted 2px #C93;}

a:active {background: #DFDFDF;}

#headerMain a {
	border: 0;
	text-decoration: none;	
}

/* - left side nav holder - */
#holderSub {
	background: transparent;
	position: relative;
	float: left;
	margin: 0 0 0 -100px;
	padding: 0;
 	width: 199px;
}

#holderSub * {position: relative;}

/* - navSide - */
#navSide {
	position: relative;
	float: left;
	background: #000;
	color: #FFF;
	margin: 0 4px;
	width: 89px;
}

#navSide ul {
	margin: 0;
	padding: 0;
	width: 85px;
}

#navSide li {
	list-style: none;
	margin: 0;
	border-bottom: 3px solid #000;
	font-weight: bold;
	font-size: 1em;
	line-height: 160%;
	text-align: left;	
}

#navSide li a {
	display: block;
	padding: 0.5em 0.2em;
	border: none;
	text-decoration: none;
}

#navSide li a:link, #navSide li a:visited {color: #FFF;}

#navSide li a:hover {background: #7D0009;}

#navSide li a:active {background: #C93;}

/* - navSub - */
#navSub {
	float: right;
	margin: 10px 2px 0;
	padding: 0;
	width: 90px;
	text-align: left;
}

#navSub a {font-size: 1em;}

#navSub ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* - subSection nav treatment - */
#navSub .subSection {
	display: block;
	margin: 0 .3em 5px;
	padding: 3px 3px 3px 2px;
	border: none;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: underline;
}

#navSub a.subSection {font-size: 1em;}

#navSub a:link.subSection, #navSub a:visited.subSection {
	color: #7D0009;
}

#navSub a:hover.subSection  {
	background: #7D0009;
	color: #FFF;
	text-decoration: none;
}

#navSub a:active.subSection {
	background: #C93;
	color: #7D0009;
	text-decoration: none;
}

/* - regular navSub links - */
#navSub li {
	margin: 0;
	padding: 0 0 1px;
	width: 91px;
	font-size: .9em;
}

#navSub a {
	display: block;
	margin: 0 .3em;
	padding: 0 3px 0 6px;
	border-bottom: none;
	line-height: 1.4em;
	text-decoration: underline;
}

#navSub li a:link, #navSub li a:visited {color: #000;}

#navSub li a:hover {
	background: #7D0009;
	color: #FFF;
	text-decoration: none;
}

#navSub li a:active {
	background: #C93;
	color: #7D0009;
	text-decoration: none;
}

/* - locators - */
#sec1 .nav1, #sec2 .nav2, #sec3 .nav3, #sec4 .nav4, #sec5 .nav5, #sec6 .nav6 {
	border-bottom: 2px solid #C93;
}

#navSub.page1 .sub1 a, #navSub.page2 .sub2 a, #navSub.page3 .sub3 a, #navSub.page4 .sub4 a, #navSub.page5 .sub5 a, #navSub.page6 .sub6 a, #navSub.page7 .sub7 a, #navSub.page8 .sub8 a, #navSub.page9 .sub9 a, #navSub.page10 .sub10 a, #navSub.page11 .sub11 a, #navSub.page12 .sub12 a, #navSub.page13 .sub13 a, #navSub.page14 .sub14 a, #navSub.page15 .sub15 a {
	background: #C93;
	color: #7D0009;
	text-decoration: none;
}

#navSub.page1 .sub1 a:visited, #navSub.page2 .sub2 a:visited, #navSub.page3 .sub3 a:visited, #navSub.page4 .sub4 a:visited, #navSub.page5 .sub5 a:visited, #navSub.page6 .sub6 a:visited, #navSub.page7 .sub7 a:visited, #navSub.page8 .sub8 a:visited, #navSub.page9 .sub9 a:visited, #navSub.page10 .sub10 a:visited, #navSub.page11 .sub11 a:visited, #navSub.page12 .sub12 a:visited, #navSub.page13 .sub13 a:visited, #navSub.page14 .sub14 a:visited, #navSub.page15 .sub15 a:visited {
	background: #C93;
	color: #7D0009;
	text-decoration: none;
}

#navSub.page1 .sub1 a:hover, #navSub.page2 .sub2 a:hover, #navSub.page3 .sub3 a:hover, #navSub.page4 .sub4 a:hover, #navSub.page5 .sub5 a:hover, #navSub.page6 .sub6 a:hover, #navSub.page7 .sub7 a:hover, #navSub.page8 .sub8 a:hover, #navSub.page9 .sub9 a:hover, #navSub.page10 .sub10 a:hover, #navSub.page11 .sub11 a:hover, #navSub.page12 .sub12 a:hover, #navSub.page13 .sub13 a:hover, #navSub.page14 .sub14 a:hover, #navSub.page15 .sub15 a:hover {
	background: #C93;
	color: #FFF;
	text-decoration: none;
}

#navSub.page1 .sub1 a:active, #navSub.page2 .sub2 a:active, #navSub.page3 .sub3 a:active, #navSub.page4 .sub4 a:active, #navSub.page5 .sub5 a:active, #navSub.page6 .sub6 a:active, #navSub.page7 .sub7 a:active, #navSub.page8 .sub8 a:active, #navSub.page9 .sub9 a:active, #navSub.page10 .sub10 a:active, #navSub.page11 .sub11 a:active, #navSub.page12 .sub12 a:active, #navSub.page13 .sub13 a:active, #navSub.page14 .sub14 a:active, #navSub.page15 .sub15 a:active {
	background: #C93;
	color: #7D0009;
	text-decoration: none;
}

#navBot {
	clear: both;
	color: #FFF;	
	margin: 0;
}

/* - inline - */
.navHoriz {width: 520px;}

/* bottom of dealer page to clear background image */
.special ul.navList {
	margin-bottom: 80px;
	width: 470px;
}

.navHoriz ul {
	margin-left: 0;
	padding-left: 0;
}

.navHoriz .navList li {
	display: inline;
	padding: 5px;
	list-style-type: none;
	font-weight: bold;
	line-height: 230%;
}

.navHoriz a {padding: 3px;}

.navHoriz a:link, .navHoriz a:visited {
	color: #7D0009;
	text-decoration: none;
}

.navHoriz a:hover {
	background: #7D0009;
	color: #FFF;
	text-decoration: none;
}

/* --------------- identity developments byline --------------- */
a.iDevs span {display: none;}

a.iDevs {
	color: #0D3C72;
	text-decoration: underline;
	border: none;
	}

a.iDevs:hover {
	color: #D2D5A8;
	background: #FFF;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: underline;
	}

/* - background-color for opera - */
a.iDevs:hover span {
	background-color: #D2D5A8;
	background: #D2D5A8 url(images/id64trans-b.gif) no-repeat 5px center;
	position: absolute;
	left: 0;
	top: -10px;
	z-index: 500;
	display: block;
	color: #0D3C72;
	border: 2px solid #0D3C72;
	padding: 8px 100px;
	width: 435px;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
	}
/* IE fix - Mac hide \*/
* html a.iDevs:hover span {  /* Tan Hack */
    width: 639px;
    w\idth: 435px;
	}
/* stop hiding */