/* ------------------------------------------------------------

	Title: 		SolEquine
	Author: 	neal barrow at gmail dot com

------------------------------------------------------------ */

body {
	font: small Arial, sans-serif;
	background: #FBA64B url(../images/bg_body.jpg) top left repeat-x;
	color: #363636;
	text-align: center;
	}

body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, input, form, fieldset, label {padding: 0; margin: 0;}
p {padding-bottom: 1em; line-height: 1.4em}

a:link, a:visited {color: #0093D0}
a:hover {color: #0375A4;}
img {border: none;}

/* ------------------------------------------------------------

	Page Structure

------------------------------------------------------------ */
#container {
	width: 937px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bg_container.jpg) top left repeat-y;
	}

#containerOutLeft {
	background: url(../images/bg_containerLeft.jpg) top left no-repeat;
	}
	
#containerOutRight {
	background: url(../images/bg_containerRight.jpg) top right no-repeat;
	}
	
#containerInner {
	padding: 0 12px 0 12px;
	}

#content {
	padding-bottom: 30px;	
	}
	
#content a {
	text-decoration: none;
}
	
#content a:hover {
	text-decoration: none;
}

.products #content {
	background: none;
}

.clear {
	clear: both;
	}
/* ------------------------------------------------------------

	Banner

------------------------------------------------------------ */
#banner {
	width: 913px;
	height: 192px;
	background: url(../images/bg_banner2.jpg) top left no-repeat;
	position: relative;
	}
	
#banner h1 {
	display: block;
	text-indent: -9999px;
}

#banner h1 a {
	width: 202px;
	height: 150px;
	position: absolute;
	top: 22px;
	left: 42px;
}

#navOuter {
	background: #6F1401;
	border-bottom: 8px solid #883523;
	overflow: hidden;
	_height: 1%;
}

#navOuter ul {
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	padding: 0 0 0 8px; 
	}
	
#navOuter ul li {
	float: left;
	padding: 0;
	list-style: none;
	line-height: 1em;
	background: url(../images/bg_nav_split.jpg) center right no-repeat;
	}
	
#navOuter ul li a  {
	float: left;
	padding: 10px 15px 9px 15px;
	color: #FFF;
	display: block;
	text-decoration: none;
	font-size: 12px;
	}
	
#navOuter ul li a:hover {
	color: #D4611B;
	}

#navOuter .divisionof {
	float: right; 
	padding: 7px 20px 0 0; 
	font-weight: bold; 
	color: #FFF; 
	letter-spacing: 1px; 
	font-style: italic;
}

#navOuter .divisionof a {
	text-decoration: underline;
	color: #FFF;
}

#navOuter .divisionof a:hover {
	color: #D4611B;
}
	

/* ------------------------------------------------------------

	Left Column

------------------------------------------------------------ */

#leftColOuter {
	float: left;
	width: 579px;
	margin: 0;
	padding: 0;
	}

#leftCol {
	padding: 35px 0 0 30px;
	}
	
#leftCol p {
	padding: 0 0 20px 0;
	}
	
#leftCol a {
	color: #603913;
	text-decoration: none;
	border-bottom: 1px dotted #603913;
	}

#leftCol a:hover {
	border-bottom: 1px solid #603913;
	}
	
#leftCol h3 {
	font-size: 24px;
	color: #790000;
	margin: 0 0 7px 0;
} 
#suppliesHeading {
	font-size: 20px;
	color: #790000;
	margin: 0 0 10px 20px;
}
#leftCol .keywords {
	font-size: 16px;
	margin: 5px 0 3px 0;
	padding: 0;

}
#leftCol h4 {
	font-size: 16px;
	color: #FF8A20;
}

#leftCol h5 {
	font-size: 15px;
	margin: 0 0 10px 0;
}

#leftCol .comingSoon {
	text-align: center;
	padding: 0 85px;
	}

#leftCol .comingSoon p {
	font-size: 17px;
	font-style: italic;
	}
	
#leftCol .updatesImg {
	border: 1px solid #FE8915;
	float: right;
	margin: 0 0 10px 15px;
}

.leftImage {
	margin-bottom: 31px;
	}
	
.rightImage, #content .product .productDesc .updatePrice {
	float: right;
	margin: 0 35px 10px 10px;
	border: none;
}

#content .product .productDesc .updatePrice {
	width: 144px;
}

.cameraIcon {
	float: left;
	margin: 0 20px 10px 0;
}

#horsePhotos {
	float: right;
	width: 370px;
	margin: 15px 0 0 0;
}

#leftCol .schedule {
	margin: 0 0 0 15px;
	font-size: 12px;
}

#leftCol .schedule li {
	padding: 0 0 4px 0;
	margin: 0 0 6px 0;
}

#leftCol #discountCode {
	text-align: center;
}

#leftCol #discountCode strong {
	color: #790000;
}

#discountHeading {
	font-size: 20px;
	color: #790000;
	margin: 5px 0 25px 0;
}

#leftCol hr {
	border: none;
	border-bottom: 1px dotted #BDBDBD;
	height: 1px;
	background: none;
	margin: 0 0 20px 0;
	display: block;
	}	

/*----------- Site Map ----------*/
#siteMap {
	padding: 0;
	margin: 10px 0;
}

#siteMap h4 {
	padding: 0;
	margin: 15px 0 2px 0;
}	
#siteMap ul {
	padding: 0;
	margin: 0 0 0 20px;
}	
#siteMap li {
	padding: 5px 0;
	margin: 0;
}	
#siteMap li a {
	font-weight: bold;
}

/*----------- Links List ----------*/
#linksList {
	padding: 0;
	margin: 10px 0;
}

#linksList h4 {
	padding: 0;
	margin: 15px 0 2px 0;
}	
#linksList ul {
	padding: 0;
	margin: 0 0 0 20px;
}	
#linksList li {
	padding: 5px 0;
	margin: 0;
}	
#linksList li a {
	font-weight: bold;
}	
/*----------- Classified Heading ----------*/

#leftCol  #classifiedHeading {
	padding: 0 0 5px 0;
	margin: 15px 0 30px 0;
	font-size: 16px;
	line-height: 22px;
	color: #FF8A20;
	border-bottom: 1px dotted #FF8A20;
}

/* ------------------------------------------------------------

	Products Page

------------------------------------------------------------ */
#product #content {
	padding-top: 42px;
}

#content .productOuter {
	padding: 0 35px;
	overflow: hidden;
	_height: 1%;
}

#content .product {
	margin: 0 0 15px 0;
	padding: 0 10px;
	overflow: hidden;
	_height: 1%;
	border-bottom: 1px solid #DEDEDE;
}

#content .product .productDesc {
	width: 690px;
	float: right;
}


#content .product p {
	font-size: 90%;
	margin: 4px 0 10px 0;
	padding: 0;
}

#content .product .strip {
	margin: 4px 0 4px 0;
	padding: 0;
}

#content .product h4 {
	font-size: 17px;
	margin: 0;
	padding: 0;
}

#content .product a {
	color: #790000;
}

#content .product a:hover {
	color: #4B0202;
}


#content .product img {
	float: left;
	border: 4px solid #FE8915;
	margin: 0 15px 10px 0;
	width: 110px;
}

#content .product img:hover {
	border: 4px solid #873523;
	margin: 0 15px 10px 0;
	width: 110px;
	float: left;
}

#content .koolPakCallout {
	float: right;
}

/* ------------------------------------------------------------

	Products Secondary Page

------------------------------------------------------------ */
.productBox {
	padding: 40px 25px 25px 60px;
	overflow: hidden;
	_height: 1%;
	clear: both;
}

.supplies .productImg {
	margin: 0 0 0 45px;
}

.supplies .productBoxInner {
	padding: 0 20px;
	width: 570px;
}

.productImage {
	float: left;
}

.productBoxInner {
	float: right;
	width: 573px;
	margin: 18px 30px 0 0;
}

.productBoxInner p, .productBoxInner h5, .productBoxInner ul {
	padding-left: 10px;
}

#content .productBoxInner p a {
	color: #6F1401;
	text-decoration: underline;
}

#content .productBoxInner p a:hover {
	color: #420D02;
}

.productBoxInner h5 {
	font-size: 20px;
	color: #6F1401;
}

.productBoxInner ul {
	margin-bottom: 10px;
}

.productBoxInner ul li {
	padding: 0 0 8px 0;
	font-weight: bold;
	margin: 0 10px 0 13px;
	color: #6F1401;
}	

.productBoxInfoOuter, .productBoxInfoOuterKool {
	background: url(../images/bg_productInfoBox.jpg) top left no-repeat;
	margin: 0 0 10px 0;
}

.productBoxInfo, .productBoxInfoKool {
	background: url(../images/bg_productInfoBox_btm.jpg) bottom left no-repeat;
	padding: 25px;
	overflow: hidden;
	_height: 1%;
}

.productBoxInfo .sizing {
	border-top: 2px solid #FED7AE;
	border-right: 2px solid #FED7AE;
	margin: 15px 0 0 55px;
	text-align: center;
}

.productBoxInfo .sizing td {
	background: #FFECD7;
	border-bottom: 2px solid #FED7AE;
	border-left: 2px solid #FED7AE;
	padding: 5px;
}

.productBoxInfoOuterKool {
	background: url(../images/bg_productInfoBox_kool.jpg) top left no-repeat;
}

.productBoxInfoKool {
	background: url(../images/bg_productInfoBox_btm_kool.jpg) bottom left no-repeat;
}

.productBoxInfoKool ul li {
	color: #363636;
}

.products .productBoxInner .productBoxInfoList, .upcomingProducts .productBoxInner .productBoxInfoList {
	width: 210px;
	float: left;
	overflow: hidden;
	_height: 1%;
}

.products .productBoxInner .productBoxInfoList li, .upcomingProducts .productBoxInner .productBoxInfoList li {
	color: #231F20;
}

.products .productBoxInfoList h3, .upcomingProducts .productBoxInfoList h3 {
	color: #6F1401;
	margin: 0 0 10px 0;
}

.productBoxInfo ul li, .productBoxInfoKool ul li {
	width: 210px;
	float: left;
	padding: 0 0 8px 0;
	font-weight: bold;
	margin: 0 10px 0 10px;
}

.productBoxInfo .koolpak {
	color: #0795D3;
}

#content .productBoxInfo .koolpak a {
	text-decoration: underline;
}

/* ------------------------------------------------------------

	Upcoming Products

------------------------------------------------------------ */
.upcomingProducts #content {
	background: url(../images/bg_upcoming2.jpg) top left no-repeat;
}

.upcomingProducts #content h2 {
	text-align: center;
	padding: 225px 0 0 0;
	color: #6F1401;
	font-size: 26px;
	font-weight: normal;
}

.upcomingProducts #content h2 span {
	font-size: 20px;
}

/* ------------------------------------------------------------

	Online Store

----------------------------------------------------------- */
.productBox .productImage {
	width: 187px;
	float: left;
	overflow: hidden;
	_height: 1%;
}

.productBox .productImage .instructions {
	margin: 10px 0 10px 25px;
	clear: both;
}

.productBox .productImage .graph {
	margin: 10px 0 0 32px;
	clear: both;
}

.productBox .productImage .productImg {
	margin: 0 0 0 0;
}

.productBox .productImage .thumbnail, .productBox .productImage .thumbnailstrip, .productBox .productThumbnails img {
	border: 3px solid #FEC888;
	float: left;
	margin: 0 13px 5px 0;
}

.productBox .productImage .thumbnailstrip {
	margin-right: 0;
}

.productBox .productImage .thumbnail:hover, .productBox .productImage .thumbnailstrip:hover, .productBox .productThumbnails img:hover {
	border: 3px solid #F7981A;
}

.productBoxInner .buyingOuter, .productBoxInner .buyBtns li, .productBoxInner .buying .actions .purchase {
	width: 520px;
}
.productBoxInner .buyingOuter {
	clear: both;
	padding: 0;
	margin: 0 0 0 0;
	overflow: hidden;
	_height: 1%;
}

.productBoxInner .buying  {
	float: left;
	padding: 10px 0 0 0;
	margin: 0 10px 0 0;

}

.productBoxInner .buyBtns {
	margin: 0 0 6px 0;
	padding: 10px 0 0 0;
	overflow: hidden;
	_height: 1%;
	border-top: 1px solid #FED7AE;
}

.productBoxInner .productBoxInfoOuterKool .buyBtns {
	border-top: 1px solid #C1DEF0;
}

.productBoxInner .buyBtns li {
	list-style: none;
	margin: 0 6px 3px 0;
	background: none;
	width: 515px;
	color: #363636;
	padding: 0 0 0 0;
}

.productBoxInner .buyBtns strong {
	color: red;
	font-size: 14px;
}

.productBoxInner .buying .actions .purchase {
	border-top: 1px solid #FED7AE;
	text-align: center;
	padding: 8px 0 0 0;
	margin: 0;
	background: none;
	list-style: none;
}

.productBoxInner .productBoxInfoOuterKool .buying .actions .purchase {
	border-top: 1px solid #C1DEF0;
}

.productBoxInner .buying .actions {
	margin: 0;
	padding: 0;
}

/* ------------------------------------------------------------

	Right Column

------------------------------------------------------------ */

#rightCol {
	float: right;
	width: 315px;
	}
	
#rightCol .rightColCallout {
	margin: 0 0 15px 0px;
}
	
#rightBox {
	background: url(../images/bg_rightTile.jpg) top left repeat-y;
	padding: 0 36px 0 34px;
	font-size: 13px;
	padding-bottom: 20px;
	color: #3B3B3B;
	height: 1%;
	}
	
#rightBox p {
	font-size: 11px;
}
	
#rightBox .rightColImg {
	float: right;
	border: 2px solid #D17B22;
	margin: 0 0 8px 8px;
	width: 85px;
}

#rightBox .rightColImg:hover {
	border: 2px solid #873523;
}

#rightBox .strip, #rightBox .readMore {
	border-bottom: 1px solid #FCD09F;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	font-size: 12px;
}

 #rightBox .readMore {
	border-bottom: none;
}

#rightBox a {
	color: #873523;
}

#rightBox a:hover {
	color: #571001;
}

#rightBoxInner {
	background: url(../images/bg_rightTop.jpg) top left no-repeat;
	padding-top: 24px;
	height: 1%;
	}
	
#rightBoxOuter {
	background: url(../images/bg_rightBottom.jpg) bottom left no-repeat;
	padding-bottom: 24px;
	padding-top: 5px;
	width: 303px;
	height: 1%;
	}
	
#rightBox h4 {
	color: #6F1400;
	background: url(../images/bg_rightHeader.jpg) bottom center no-repeat;
	text-align: center;
	padding-bottom: 18px;
	font-size: 16px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	}
	
#rightBox h5 {
	color: #6F1400;
	font-size: 16px;
	margin: 0 0 8px 0;
	}
	
#rightBox h5 a {
	color: #571001;
}

#rightBox h5 a:hover {
	color: #000;
}

#rightBox h6 {
	color: #6F1400;
	font-size: 18px;
	font-style: italic;
	margin: 8px 0 15px 0;
	}
	
#rightBox h6 a {
	color: #6F1400;
	}
	
#rightBox .schedule {
	margin: 0 0 20px 0;
}

#rightBox .schedule strong {
	color: #6F1400;
}

#rightBox .schedule p {
	font-size: 12px;
	text-align: center;
}

.cart {
	float: right;
	padding: 10px 0 0 0;
	margin: 0 35px 0 0;
}

.cart a {
	color: #6F1401;
	text-decoration: none;
}
/* ------------------------------------------------------------

	Contact

------------------------------------------------------------ */
.required {
	color: red;
}

#contact dd {
	margin: 0 0 10px 0;
}
	
/* ------------------------------------------------------------

	Footer

------------------------------------------------------------ */

#footer {
	clear: both;
	color: #603913;-
	font-size: 12px;
	background: url(../images/bg_footer.jpg) bottom center no-repeat;
	padding: 15px 0 15px 0;
	text-align: center;
	line-height: 1.5em;
	position: relative;
	}
	
#footer a, #footerCart a {
	color: #603913;
	text-decoration: none;
	font-size: 12px;
	padding: 0 3px;
	}

#footer a:hover, #footerCart a:hover {
	border-bottom: 1px dotted #603913;
	}

#footerTwo {
	background: url(../images/bg_footer.jpg) bottom left no-repeat;
	height: 26px;
	width: 937px;
	margin: 0 auto;
	}
	
#footer .yellowIcon, #footerCart .yellowIcon {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
	
#footer .yellowIconLink:hover, #footerCart .yellowIconLink:hover {
	border-bottom: none;
	overflow: hidden;
}

/* ------------------------------------------------------------

	Photo Upload

------------------------------------------------------------ */
#frm_upload, #tbl_upload, #btn, #sbm {
margin:0px;
padding:0px;
}

#tbl_upload {
border-top:solid 1px #aaa;
border-left:solid 1px #aaa;
}

#tbl_upload th, #tbl_upload td {
border-right:solid 1px #aaa;
border-bottom:solid 1px #aaa;
text-align:left;
vertical-align:top;
}

#tbl_upload th {
padding:3px 10px 0px 10px;
background-color:#f1f1f1;
font-weight:bold;
}

#tbl_upload td {
padding:3px;
}

.frmfld {
border:1px solid #aaa;
width:300px;
}

#btn, #sbm {
height:20px;
width:120px;
display:block;
}

#btn {
background-color:transparent;
border:none;
cursor:pointer;
}

#sbm {
border:solid 1px #aaa;
background:url(button.gif) repeat-x 0px 50%;
}

.warning {
color:#990000;
font-weight:bold;
}

#flashcontentOuter {
	border: 1px solid #FC9F3F;
	overflow: hidden;
	_height: 1%;
	margin: 0 0 25px 0;
}

/* ------------------------------------------------------------

	Misc
	
------------------------------------------------------------ */
.red {color: red;}
.note {clear: both; float: left; display: block; padding-top: 10px;}