p {padding-top: 0; margin-top:0; padding-bottom: 5px;}
body {margin: 0; padding: 0;background: #f7f7e9 url(../images/bg.jpg) repeat-x;}
#container {width: 975px; position: absolute; left: 50%; margin-left: -487px;}

#cap {width: 975px; height: 15px; background: url(../images/content_top.png) no-repeat;}
#indexTop {width: 975px; background: url(../images/index_top_bg.png) repeat-y;}
#indexSplitter {width: 975px; height: 41px; background: url(../images/index_top_splitter.png) no-repeat;}
#pageSplitter {width: 975px; height: 41px; background: url(../images/page_splitter.png) no-repeat;}
#whiteBg {width: 975px; background: url(../images/content_white_bg.png) repeat-y;}
#whitePageBg {width: 975px; height: 130px; background: url(../images/content_white_bg.png) repeat-y;}
#whiteContentBg {width: 975px; background: url(../images/columns_bg.png) repeat-y; padding-top: 10px; padding-bottom: 10px;}
#grayBg {width: 975px; background: url(../images/content_gray_bg.png) repeat-y;}
#contentFooter {width: 975px; height: 53px; background: url(../images/content_footer.png) no-repeat; padding-top: 14px;}
#indexLogo {width: 211px; height: 87px;}
#indexLogo img {border: none;}
#featuredspace {margin-left: 95px; font-family: Arial, Helvetica, sans-serif; color: #034931; font-size: 14px;}


#topLogo {margin-left: 50px; margin-top: 10px;}
#pageLogo {margin-left: 50px; margin-top: 1px; clear: both; float: left;}
#topText {width: 600px; float: left; margin-left: 50px; margin-top: 58px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #8ea52b;}
#topContent {width: 855px; height: 235px; padding-left: 120px; margin-top: 40px; float: left;}
#logo_one {width: 450px; height: 217px; float: left; background: url(../images/logo_1.jpg) no-repeat center; text-align: center; margin-right: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 20px;}
.logo_one_conent {padding-top: 65px;}
#indexSlides {float: left;}

#greenBarFull {width: 945px; height: 28px; background: url(../images/greenbar_full.png) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:16px; color: #fff; padding-top: 5px; padding-left: 30px;}
#greenBarRight {width: 645px; height: 33px; background: url(../images/greenbar_right.jpg) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:16px; color: #fff; padding-top: 5px; padding-left: 15px; margin-left: -8px; margin-top: -10px;}

#bottomContent {width: 975px; padding: 10px;}
#bottomLeft {width: 305px; float: left; text-align: center;  font-family: Arial, Helvetica, sans-serif; color: #6e6e6e; font-size: 12px;}
#bottomCenter {width: 305px; float: left; border-left: 2px solid #8ea52b; border-right: 2px solid #8ea52b; padding: 0 10px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6e6e6e;}
#bottomCenter .title {color: #118c62; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;}

#bottomCenter .subtitle {color: #118c62; font-family: Arial, Helvetica, sans-serif;}
#bottomCenter a:link, #bottomCenter a:visited {color: #118c62; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
#bottomCenter a:hover {text-decoration: underline;}

#bottomRight {width: 305px; float: left; padding-left: 31px; font-family: Arial, Helvetica, sans-serif; color: #6e6e6e; font-size: 12px;}

/* top right links */
#topLinks {width: 950px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5b5b5b; text-align: right; margin-top: 22px;}
#topLinks a:link, #topLinks a:visited {color: #5b5b5b; text-decoration: none; padding-right: 5px; padding-left: 5px;}
#topLinks a:hover {color: #5b5b5b; text-decoration: underline;}

#contentFooter {text-align: center; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#contentFooter a:link, #contentFooter a:visited {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; padding-right: 10px; padding-left: 10px;}
#contentFooter a:hover {text-decoration: underline;}

#leftCol {width: 299px; float: left; margin-left: 9px; text-align: center;}
#rightCol {width: 650px; float: left; margin-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
#rightCol a {color: #034931;}
#bothColumns {clear: both; float: left;}

#menu {margin-left: 230px; width: 900px;}

.categoryRow {width: 650px; clear: both; float: left;}
.productCategory {width: 204px; height: 186px; float: left; margin-left: 5px; margin-right: 5px;}
.productCategory img {border: none;}

/* details page */
.detailsThumb {width: 100px; float: left;}
.detailsDescription {width: 400px; padding-right: 15px; float: left;}
.detailsProduct {color: #024c31; font-weight: bold;}
.detailsActive {width: 110px; padding-right: 15px; float: left;}
.detailsSizePrice {width: 125px; float: left;}
.detailsButtons {width: 130px; float: left;}
tbody td img {border: 2px solid #fff;}

.equine {width: 204px; height: 186px; background-image: url(../images/products_equine.jpg); background-repeat: no-repeat;}

/* featured products */
.featuredRow {width: 820px; margin-left: 95px;}
.featured {width: 260px; margin: 5px; float: left; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #034931; font-size: 14px;}
.featured img {border: 3px solid #fff;}


/* ordering info page */
.orderRow {width: 600px; clear: both; float: left; margin-bottom: 15px;}
.orderLabel {width: 100px; float: left;}
.orderField {width: 500px; float: left;}


/* DataTables features */

.dataTables_wrapper {position: relative; min-height: 302px; _height: 302px; clear: both;}
.dataTables_processing {position: absolute; top: 0px; left: 50%; width: 250px; margin-left: -125px; border: 1px solid #ddd; text-align: center; color: #999; font-size: 11px; padding: 2px 0;}
.dataTables_length {width: 40%; float: left; margin-left: 20px;}
.dataTables_filter {width: 50%; float: right; text-align: right; margin-right: 25px;}
.dataTables_info {width: 60%; float: left; margin-left: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.dataTables_paginate {width: 44px; * width: 50px; float: right; text-align: right; margin-right: 20px;}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {height: 19px; width: 19px; margin-left: 3px; float: left;}
.paginate_disabled_previous {background-image: url('../images/back_disabled.jpg');}
.paginate_enabled_previous {background-image: url('../images/back_enabled.jpg');}
.paginate_disabled_next {background-image: url('../images/forward_disabled.jpg');}
.paginate_enabled_next {background-image: url('../images/forward_enabled.jpg');}

/* DataTables display */
table.display {margin: 0 auto; width: 952px; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

table.display thead th {padding: 3px 10px; border-bottom: 1px solid black; font-weight: bold; cursor: pointer; * cursor: hand; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

table.display tfoot th {padding: 3px 10px; border-top: 1px solid black;	font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
table.display tr.heading2 td {border-bottom: 1px solid #aaa;}
table.display td {padding: 10px 10px; border-bottom: 1px solid #000;}
table.display td.center {text-align: center;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {background: url('../images/sort_asc.jpg') no-repeat center right;}
.sorting_desc {background: url('../images/sort_desc.jpg') no-repeat center right;}
.sorting {background: url('../images/sort_both.jpg') no-repeat center right;}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {background-color: #d5d8cd;}
table.display tr.even.gradeA {background-color: #d5d8cd;}
table.display tr.odd.gradeA {background-color: #d5d8cd;}
table.display tr.even.gradeA {background-color: #d5d8cd;}

tr.odd {background-color: #E2E4FF;}
tr.even {background-color: white;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.top, .bottom {padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC;}
.top .dataTables_info {float: none;}

.clear {clear: both;}

tfoot input {margin: 0.5em 0; width: 100%; color: #444;}
tfoot input.search_init {color: #999;}

.example_alt_pagination div.dataTables_info {width: 40%;}
.example_alt_pagination .dataTables_paginate {width: 400px;}

.example_alt_pagination div.dataTables_paginate span.paginate_button,
 	.example_alt_pagination div.dataTables_paginate span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button {background-color: #ddd;}
.example_alt_pagination div.dataTables_paginate span.paginate_button:hover {background-color: #ccc;}
.example_alt_pagination div.dataTables_paginate span.paginate_active {background-color: #99B3FF;}

table.display tr.row_selected.odd td {background-color: #B0BED9;}
table.display tr.row_selected.even td {background-color: #9FAFD1;}

/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {background-color: #D3D6FF;}
tr.odd td.sorting_2 {background-color: #DADCFF;}
tr.odd td.sorting_3 {background-color: #E0E2FF;}
tr.even td.sorting_1 {background-color: #EAEBFF;}
tr.even td.sorting_2 {background-color: #F2F3FF;}
tr.even td.sorting_3 {background-color: #F9F9FF;}

/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {background-color: #d5d8cd;}
tr.odd.gradeA td.sorting_2 {background-color: #d5d8cd;}
tr.even.gradeA td.sorting_1 {background-color: #d5d8cd;}
tr.even.gradeA td.sorting_2 {background-color: #d5d8cd;}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {background-color: #ECFFB3;}
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {background-color: #E6FF99;}