/* Horse Sense CSS stylesheet */

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-size: 62.5%;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif, serif;
	color: #64645a;
}

#wrapper {
	width: 980px; 
	text-align: left;
	background-color: #FFFFFF;
}


/* PAGE HEADER */

#page-header {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	background-color: #FFFFFF;
	height: 155px;
	width: 980px;
}

.header-bg-home {
	background: url(../images/header-bg-home.gif) repeat-x;
}

.header-bg-signs {
	background: url(../images/header-bg-signs.gif) repeat-x;
}

.header-bg-rugs {
	background: url(../images/header-bg-rugs.gif) repeat-x;
}

.header-bg-dvd {
	background: url(../images/header-bg-dvd.gif) repeat-x;
}

.header-bg-gifts {
	background: url(../images/header-bg-gifts.gif) repeat-x;
}

.header-bg-posters {
	background: url(../images/header-bg-posters.gif) repeat-x;
}

.header-bg-charts {
	background: url(../images/header-bg-charts.gif) repeat-x;
}

.header-bg-wear {
	background: url(../images/header-bg-wear.gif) repeat-x;
}

.header-bg-books {
	background: url(../images/header-bg-books.gif) repeat-x;
}

.header-bg-postage {
	background: url(../images/header-bg-postage.gif) repeat-x;
}


#header-logo {
	margin: 0;
	padding: 0;
	float: left;
	height: 145px;
	width: 230px;
}

.header-logo-home {
	background-image: url(../images/horsesense-header-home.gif);
}

.header-logo-signs {
	background-image: url(../images/horsesense-header-signs.gif);
}

.header-logo-rugs {
	background-image: url(../images/horsesense-header-rugs.gif);
}

.header-logo-dvds {
	background-image: url(../images/horsesense-header-dvd.gif);
}

.header-logo-books {
	background-image: url(../images/horsesense-header-books.gif);
}

.header-logo-charts {
	background-image: url(../images/horsesense-header-charts.gif);
}

.header-logo-gifts {
	background-image: url(../images/horsesense-header-gifts.gif);
}

.header-logo-posters {
	background-image: url(../images/horsesense-header-posters.gif);
}

.header-logo-wear {
	background-image: url(../images/horsesense-header-wear.gif);
}

.header-logo-postage {
	background-image: url(../images/horsesense-header-postage.gif);
}

#page-titleblock {
	margin: 16px 0 0 20px;
	padding: 0;
	float: left;
	height: 40px;
	width: 540px;
}

#page-titleblock h1 {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif, serif;
	margin: 0;
	padding: 0 0 18px 0;
	display: block;
	color: #FFFFFF;
	font-size: 3.5em;
	font-weight: normal;
	line-height: 1.2;
}

#page-titleblock h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif, serif;
	margin: 0;
	padding: 0 0 2px 0;
	display: block;
	color: #FFFFFF;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.2;
}

#page-titleblock p {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif, serif;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 1.3em;
	line-height: 1.4;
}

#page-titleblock p a {
	color: #FFFFFF;
	text-decoration: none;
}

#page-titleblock p a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#header-banner-home {
	margin: 0 0 0 50px;
	padding: 10px 0;
	float: left;
	height: 110px;
	width: 480px;
}

#header-info-panel {
	margin: 10px 10px 0 0;
	padding: 0;
	float: right;
	height: 110px;
	width: 170px;
}

#header-phone {
	margin: 0;
	padding: 0 0 4px 0;
	float: right;
	width: 170px;
	text-align: right;
}

#header-phone p {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif, serif;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 1.1em;
	font-style: normal;
	line-height: 1.2;
	text-transform: uppercase;
}

#header-phone p a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#header-phone p a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

.boldtext {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif, serif;
	margin: 0;
	display: block;
	padding: 0 0 6px 0;
	color: #FFFFFF;
	font-size: 1.7em;
	font-weight: bold;
}

#header-basket {
	margin: 0;
	padding: 0;
	float: right;
	height: 20px;
	width: 170px;
	text-align: right;
}




/* SIDEBAR */

#sidebar {
	margin: 0 10px 10px 10px;
	padding: 0;
	float: left;
	width: 160px;
	background-color: #FFFFFF;
	background-image: url(../images/sidebar-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#sidebar-nav-container {
	background-image: url(../images/sidebar-nav-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 160px;
	float: left;
	height: 100%;
	margin: 0 0 10px 0;
}

#sidebar-nav-container-end {
	background-image: url(../images/sidebar-nav-bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	width: 160px;
}

#sidebar-nav {
	padding: 10px 10px 0 10px;
	float: left;
	width: 140px;
	margin: 0;
}

#sidebar-nav a {
	display: block;
	margin: 0 0 10px 0;
}

.section-toplink {
	margin: 10px 0 10px 0;
	padding: 10px 0 0 0;
	border-top: 1px #64645a dotted;
}

.section-bottomlink {
	margin: 0 0 10px 0;
	padding: 0;
}

#sidebar-paypal_logo {
	padding: 0;
	margin: 0;
	width: 160px;
	float: left;
	text-align: center;
}

#sidebar-paypalcart {
	padding: 0;
	margin: 0;
	width: 160px;
	text-align: center;
}



/* FOOTER */

#navbar-footer {
	background-color: #B4B4AA;
	padding: 0;
	margin: 0 0 5px 0;
	height: 22px;
	width: 980px;
	clear: both;
	line-height: 23px;
	text-align: center;
}

#navbar-footer a {
	display: inline;
	padding: 0 5px;
}

#navbar-footer a {
	text-transform: uppercase;
	color: #64645a;
	font-weight: bold;
	text-decoration: none;
}

#navbar-footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


#page-footer {
	background-color: #8CE650;
	padding: 0;
	margin: 0;
	height: 22px;
	width: 980px;
	clear: both;
	line-height: 23px;
}

#page-footer p {
	font-size: 1.1em;
	text-align: center;
	padding: 0 0 0 10px;
	margin: 0;
	color: #FFFFFF;
}

#page-footer a {
	padding: 0 10px 0 0;
	margin: 0;
	font-weight: bold;
	color: #339933;
	text-decoration: none;
}

#page-footer a:hover {
	text-decoration:underline;
}

.highlight-text {
	padding: 0 10px 0 0;
	font-weight: bold;
	color: #339933;
	text-decoration: none;
}




/* CONTENT */

#editorial-wrapper {
	margin: 0 0 30px 0;
	padding: 0 0 0 10px;
	float: left;
	background-color: #FFFFFF;
	width: 790px;
}

.textcolumn-home {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
	background-color: #FFFFFF;
	width: 250px;
}

.textcolumn-links {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
	background-color: #FFFFFF;
	width: 600px;
}

.textcolumn-home p {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif, serif;
	margin: 0;
	padding: 0;
	color: #64645a;
	font-size: 1.2em;
	line-height: 1.5;
}

.imagecolumn-home {
	float: right;
	width: 520px;
}




/* LISTINGS */

#productlisting-editorial {
	margin: 0 0 25px 0;
	padding: 0 10px;
	float: left;
	background-color: #FFFFFF;
	width: 780px;
}


#listings-wrapper {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	float: left;
	background-color: #FFFFFF;
	width: 780px;
}

.productlisting-wrapper-row {
	float: left;
	margin: 20px 0;
	height: 300px;
	border-top: 1px dotted #a6a095;
}

.productlisting-intro-left {
	margin: 0 30px 30px 0;
	padding: 0;
	float: left;
	background-color: #FFFFFF;
	width: 375px;
}

.productlisting-intro-right {
	margin: 0 0 30px 0;
	padding: 0;
	float: left;
	background-color: #FFFFFF;
	width: 375px;
}

.productlisting-wrapper-left-topitem {
	margin: 0 30px 0 0;
	padding: 0 0 30px 0;
	float: left;
	background-color: #FFFFFF;
	width: 375px;
}

.productlisting-wrapper-right-topitem {
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
	float: left;
	background-color: #FFFFFF;
	width: 375px;
}

.productlisting-wrapper-left {
	margin: 0 30px 30px 0;
	padding: 35px 0 0 0;
	float: left;
	background-color: #FFFFFF;
	border-top: 1px dotted #a6a095;
/*	border-bottom: 1px dotted #a6a095;*/	width: 375px;
}

.productlisting-wrapper-right {
	margin: 0 0 30px 0;
	padding: 35px 0 0 0;
	float: left;
	background-color: #FFFFFF;
	border-top: 1px dotted #a6a095;
/*	border-bottom: 1px dotted #a6a095;*/
	width: 375px;
}

.productlisting-wrapper-fullwidth {
	margin: 0 0 30px 0;
	padding: 35px 0 0 0;
	border-top: 1px dotted #a6a095;
	float: left;
	background-color: #FFFFFF;
	width: 780px;
}


.productlisting-image {
/*	margin: 0 10px 0 0;*/
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
	width: 200px;
	background-color: #FFFFFF;
}

.productlisting-textbox-wide {
	margin: 0;
	padding: 0;
	float: right;
	width: 500px;
	background-color: #FFFFFF;
}

.productlisting-textbox {
	margin: 0;
	padding: 0;
	float: left;
	width: 160px;
	background-color: #FFFFFF;
}

.productlisting-textbox h2 {
	font-size: 1.6em;
	line-height: 1.1;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
	text-transform: uppercase;
}

.productlisting-textbox p {
	font-size: 1.1em;
	line-height: 1.3;
	padding: 0;
	margin: 0;
}

.productlisting-textbox p.stockcodes {
	font-size: 1em;
	line-height: 1.3;
	padding: 0 0 0 0;
	margin: 0;
}

.productlisting-textbox p.extrainfo {
	font-size: 1.0em;
	line-height: 1.3;
	padding: 0;
	margin: 10px 0 0 0;
	font-style: oblique;
}

.productlisting-textbox p.additionalinfo {
	font-size: 1.0em;
	line-height: 1.4;
	padding: 0;
	margin: 3px 0 0 0;
	font-style: oblique;
}

.productlisting-textbox p a {
	color: #64645a;
	text-decoration: none;
	font-weight: bold;
}

.productlisting-textbox p a:hover {
	text-decoration: underline;
}


.productlisting-textbox-360px {
	margin: 0 0 0 40px;
	padding: 0;
	float: right;
	width: 360px;
}

.productlisting-textbox-360px h2 {
	font-size: 1.2em;
	line-height: 1.0;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0;
	text-transform: uppercase;
}

.productlisting-textbox-360px p {
	font-size: 1.1em;
	line-height: 1.3;
	padding: 0;
	margin: 0;
}

.productlisting-textbox-360px p.stockcodes {
	font-size: 1em;
	line-height: 1.3;
	padding: 5px 0 0 0;
	margin: 0;
}

.productlisting-textbox-360px p.extrainfo {
	font-size: 1.0em;
	line-height: 1.3;
	padding: 0;
	margin: 10px 0 0 0;
	font-style: oblique;
}

.productlisting-textbox-375px {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	width: 375px;
}

.productlisting-textbox-375px h2 {
	font-size: 1.2em;
	line-height: 1.0;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0;
	text-transform: uppercase;
}

.productlisting-textbox-375px p {
	font-size: 1.1em;
	line-height: 1.3;
	padding: 0;
	margin: 0;
}

.productlisting-textbox-375px a {
	font-weight: bold;
	text-decoration: none;
	color: #64645a;
}

.productlisting-textbox-375px a:hover {
	text-decoration: underline;
}


.productlisting-textbox-right-375px {
	margin: 0 0 0 0;
	padding: 0;
	float: right;
	width: 375px;
}

.productlisting-textbox-right-375px h2 {
	font-size: 1.2em;
	line-height: 1.0;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0;
	text-transform: uppercase;
}

.productlisting-textbox-right-375px p {
	font-size: 1.1em;
	line-height: 1.3;
	padding: 0;
	margin: 0;
}

.productlisting-textbox-right-375px a {
	font-weight: bold;
	text-decoration: none;
	color: #64645a;
}

.productlisting-textbox-right-375px a:hover {
	text-decoration: underline;
}


.productlisting-decal-choice-375px {
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	width: 375px;
}



/* LINK BUTTONS */


.productlisting-linkbox {
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	display: block;
	border: #339933 1px solid;
/*	height: 60px;*/
	width: 370px;
	color: #FFFFFF;
	font-size: 2.5em;
	line-height: 1.1;
	font-weight: bold;
	text-align: center;
}

.productlisting-linkbox a {
	padding: 15px;
	display: block;
	width: 340px;
/*	height: 60px;*/
/*	line-height: 60px;*/
	text-decoration: none;
	background-color: #8ce650;
	color: #FFFFFF;
}

.productlisting-linkbox a:hover {
	display: block;
	width: 340px;
/*	height: 60px;*/
/*	line-height: 60px;*/
	text-decoration: none;
	background-color: #339933;
	color: #FFFFFF;
}


.linkbutton-container {
	background-image: url(../images/link-button-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 280px;
	float: left;
	height: 100%;
	margin: 0 0 20px 0;
	background-color: #b4b4aa;
}

.linkbutton-container-end {
	background-image: url(../images/link-button-bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 280px;
	float: left;
}

.linkbutton-container-content {
	width: 260px;
	float: left;
	padding: 10px;
	margin: 0;
}

.linkbutton-container-content a {
	text-align: left;
	font-weight: bold;
	font-size: 2.0em;
	line-height: 120%;
	display: block;
	width: 260px;
	text-decoration: none;
	color: #FFFFFF;
}

.linkbutton-container-content a:hover {
	text-decoration: none;
	color: #64645a;
}



/* ORDER FORM */

#orderform-wrapper {
	margin: 0 0 10px 10px;
	padding: 10px 0 0 15px;
	float: left;
	background-color: #FFFFFF;
	width: 760px;
	border: 1px dotted #000000;
}

#orderform_personal-details {
	margin: 0 0 30px 0;
}

#orderform_signsdecals-details, #orderform_reflectivewear-details {
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #a6a095;
}

#orderform_signsdecals-choice {
	margin: 0 0 5px 0;
}



#horsesenseform td {
	height: 30px;
	line-height: 30px;
	padding: 0px 0px 0px 0px;
	font-size: 1.1em;
	color: #64645a;
	text-align: left;
}

#horsesenseform td.empty {
	height: 20px;
	line-height: 20px;
}

#horsesenseform p {
	padding: 0px 0px 15px 0px;
	margin: 0;
	font-size: 1.1em;
	line-height: 1.3;
	color: #64645a;
	text-align: left;
}

.textfields {
	border: 1px dotted #000000;
}

#horsesenseform td.fieldnames {
	font-weight: bold;
	padding: 0 10px 0 0;
	text-align: left;
}

#horsesenseform select {
	font-size: 0.8em;
}

#horsesenseform option {
	padding: 0;
}

#horsesenseform td.radiobutton-fields {
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	text-align: left;
}

h2.orderform-title {
	font-size: 2.2em;
	line-height: 1.0;
	padding: 0 0 5px 0;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}

h3.orderform-section {
	font-size: 1.9em;
	line-height: 1.0;
	padding: 10px 0 15px 0;
	margin: 0;
	font-weight: bold;
}

#section_header-signsdecals {
	color: #8c1414;
}

#section_header-reflectivewear {
	color: #ffdc00;
}

#section_header-posters {
	color: #dc1414;
}

#section_header-wallcharts {
	color: #339933;
}

#section_header-books {
	color: #145ab4;
}

#section_header-dvdvideo {
	color: #ff781e;
}

#section_header-gifts {
	color: #6e1e96;
}

h4.orderform-subtitle {
	font-size: 1.3em;
	line-height: 1.0;
	padding: 0 0 10px 0;
	margin: 0;
	font-weight: bold;
}

.title-explanation {
	text-transform: none;
	font-weight: normal;
	font-size: 0.55em;
}

.subtitle-explanation {
	font-weight: normal;
	font-size: 0.9em;
}

.textfield-explanation {
	font-weight: normal;
}




/* EDITORIAL STUFF */


.table_vinyltext {
	border: 1px solid #64645a;
	margin: 0 0 20px 0;
}

.table_vinyltext th {
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

.table_vinyltext td {
	height: 14px;
	line-height: 14px;
	padding: 5px;
}

.table_horseimageprices {
	border: 1px solid #64645a;
	margin: 0 0 20px 0;
}

.table_horseimageprices th {
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}


.table_horseimageprices td {
	height: 14px;
	line-height: 14px;
	padding: 5px;
}

.postage-table {
	margin: 0 0 20px 0;
}

.postage-table th {
	height: 15px;
	line-height: 15px;
	padding: 4px 6px 4px 6px;
	background-color: #64645a;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
}

.postage-table td {
	height: 10px;
	line-height: 10px;
	padding: 10px 6px 0px 6px;
	font-size: 1.1em;
	color: #64645a;
	text-align: left;
}

.colourchart {
	margin: 30px 0 0 0;
	width: 375px;
}

.colourchart-topitem {
	margin: 0;
	width: 375px;
}

.colourchart h2, .colourchart-topitem h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	display: inline;
}

.colourchart h4, .colourchart-topitem h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.3;
	text-align: left;
	display: inline;
}

.colourchart p, .colourchart-topitem p {
	margin: 0;
	padding: 5px 0 0 0;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.3;
	text-align: left;
}

.table_colourchart {
	margin: 8px 0 0 0;
}


form {
	margin: 0;
	padding: 4px 0 14px 0;
}

form.form-boxbottom {
	margin: 0;
	padding: 5px 0 0 0;
}

form table {
	margin: 0;
	padding: 0 0 5px 0;
}

select {
	font-size: 1.0em;
}

select option {
	padding: 1px 4px 1px 0;
}

div.hr {
	float: left;
	border: none 0; 
	border-top: 1px dotted #a6a095;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	padding: 5px 0 10px 0;
}

div.hr hr {
	display: none;
}


#tblsizes td {
	font-size: 1.2em;

}

.post_Bold {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif, serif;
	margin: 0;
	display: block;
	padding: 0 0 6px 0;
	color: #AB0528;
	font-size: 1.2em;
	font-weight: bold;
}

.connie_text {
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.3;
}

.offers_header {
	font-weight: bold;
	font-size: 1.9em;
	line-height: 1.3;
	color: #FF0000;
}
.offers_text {
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.3;
	color: #336633;
}
.offers_text_sml {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.3;
	color: #336633;
}
