/* ########################################################## */
/*                      Global Styles                      */
/* ########################################################## */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0 20px 0;
	text-align: center;
	color:#373737;
	font-size: 11px;
	background:#ededed;
}
.outer {width: 745px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: left; }
td {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#373737; line-height:15px;}
a  {color:#634940; text-decoration:none; cursor:pointer}
a:hover {color:#27693e; text-decoration:underline; cursor:pointer}
form {margin:0px; padding:0px;}
.fl {float:left;}
.fr {float:right;}
.mb4 {margin-bottom:8px;}
.clearer { clear: both; font-size: 1px; line-height: 1px; height: 1px; margin-bottom: -1px;}
a img {border:0;}
a:hover img {filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95; }
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#373737;}
#prod_whitebox {background:#fff; padding:10px; border-right:1px solid #adadad; border-bottom:1px solid #adadad; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; margin-top:10px; margin-bottom:14px;}
#prod_whitebox h3 {font-size:13px;  margin:0; margin-bottom:5px; font-weight:bold; font-style:italic; border-bottom:1px solid #ddd; padding-bottom:6px;}
#logo {margin: 12px 0px 21px 19px;}


/* ########################################################## */
/*                             Buttons                        */
/* ########################################################## */

a.button {	display: block;	text-decoration: none  !important;	border: 1px solid #ff2a00;	font-weight: bold;	text-transform: uppercase;	color: #FFF !important;	white-space: nowrap;}
a.button span {	display: block;		background-color: #ff2a00;	line-height: 17px;	padding: 0 4px 0 4px;	cursor: pointer;}
a.blarge span {	line-height: 22px;	padding-left: 7px;	padding-right: 7px;}
a.button:hover {	border-color: #333;	text-decoration: none;}
a.button:hover span {	background-color: #333;}
a.blue span {	background-color: #ff2a00;}
a.blue {border:1px solid #ff2a00;}

/* button link section */


#top_nav {height:119px; background-color:#03293e;}
#nav_right {float:right; width:285px; text-align:right; margin-top:18px; margin-right:12px;}
#nav_right p {margin:0; height:17px; margin-bottom: 18px;}
#nav_right .go {float:right; padding: 0px;}
#nav_right .search {float:right; width:145px;}
#nav_right .sbox {font-size:10px; border:0; border-left:1px solid #404040; border-top:1px solid #404040; padding:4px; width:135px;}


#nav_buttons {background:#093317; height:31px}
#nav_buttons ul {margin:0; padding:0; list-style-type:none; }
#nav_buttons li {float:left;}
#nav_buttons li a {display:block; height:31px; background:url(../images/nav/nav_sprite.gif) no-repeat;}

#nav_buttons li.one a {background-position: 0px 0px; width:71px;}
#nav_buttons li.one a:hover, #nav_buttons li.one a.on {background-position: 0px -33px;}
#nav_buttons li.two a {background-position: -71px 0px; width:120px;}
#nav_buttons li.two a:hover, #nav_buttons li.two a.on {background-position: -71px -33px;}
#nav_buttons li.three a {background-position: -191px 0px; width:92px;}
#nav_buttons li.three a:hover, #nav_buttons li.three a.on {background-position: -191px -33px;}
#nav_buttons li.four a {background-position: -283px 0px; width:67px;}
#nav_buttons li.four a:hover, #nav_buttons li.four a.on {background-position: -283px -33px;}
#nav_buttons li.five a {background-position: -350px 0px; width:106px;}
#nav_buttons li.five a:hover, #nav_buttons li.five a.on {background-position: -350px -33px;}
#nav_buttons li.six a {background-position: -456px 0px; width:104px;}
#nav_buttons li.six a:hover, #nav_buttons li.six a.on {background-position: -456px -33px;}
#nav_buttons li.seven a {background-position: -560px 0px; width:74px;}
#nav_buttons li.seven a:hover, #nav_buttons li.seven a.on {background-position: -560px -33px;}
#nav_buttons li.eight a {background-position: -634px 0px; width:111px;}
#nav_buttons li.eight a:hover, #nav_buttons li.eight a.on {background-position: -634px -33px;}

#footer {background:#03293e; padding:10px 15px 8px 15px;margin-top:9px; margin-bottom:10px;}


#index_image {margin-bottom:9px;}

#index_im {position:absolute; margin-top:287px; margin-left:368px}
#index_im ul {margin:0;  list-style-type:none; text-align:left; padding:0}
#index_im li { display:inline; margin-left:2px; }
#index_im li a img {border:0;border:1px solid #5f9672;}
#index_im li a:hover img {border:0;border:1px solid #fff;}
#index_im li a img.on {border:0;border:1px solid #fff;}

#maincontent {border:9px solid #fff; background:#fff;}


#index_boxes {background:url(../images/index/bg1.gif) repeat; padding:9px; }
#index_boxes .block1 {background:#fff; width:224px; float:left; margin-right:9px; padding:6px; height:225px;}
#index_boxes .block1a {background:#fff; width:236px; float:left; margin-right:9px; height:237px;}
#index_boxes .block1a .bg1 {height:54px; padding:6px;}
#index_boxes .block1a .bg2 {height:54px; padding:6px; background:#f3f3f3;}
#index_boxes .block1a .header {padding:6px; padding-bottom:0}
#index_boxes .block1a .im {float:left; width:50px; border:1px solid #ddd; height:50px;}
#index_boxes .block1a .cont {border:2px solid #fff; height:46px; width:46px;}
#index_boxes .block1a p {float:right; display:block; width:159px; line-height:16px; margin:0; padding-top:3px;}

#index_boxes .block2 {background:#fff; width:224px; float:left; padding:6px; height:225px;}
#index_boxes .block1 .featured {height:51px;  padding-top:141px;}
#index_boxes .block1 .featured .text { background:#fff; padding:10px; line-height:16px;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}



#left_nav {float:left; width:154px;  background:#f4f4f4;}
#left_nav h4 {background:#e4e4e4; padding:9px 12px; margin:0; font-size:11px;}
#left_nav ul {margin:0; padding:7px 0; list-style-type:none;}
#left_nav li a {display:block; padding:6px 12px; height:14px; color:#393939; text-decoration:none;}
#left_nav li a:hover {background:#fff;color:#27693e; text-decoration:underline;}
#left_nav li.on a {color:#27693e; font-weight:bold}

#right_side {float:right; width:564px;}
#right_side h3 {font-size:16px; margin:0 0 15px 0; font-weight:bold;}
#cat_intro {border:1px solid #d4d4d4; height:223px; border-bottom:0}
#cat_intro p {margin:0; line-height:15px; color:#494949; padding-top:60px; padding-left:25px; padding-right:255px;}

#shop_for {border:1px solid #d4d4d4; border-bottom:0; padding:6px 10px; height:19px}
#shop_for h3 {font-weight:bold; margin:0; font-size:13px; color:#5c5c5c; background:url(../images/info/sq.gif) no-repeat; padding-left:25px; float:left; margin-top:2px;}
#shop_for .fr2 {float:right;padding-top:3px;  padding-right:4px;}
#shop_for .fr3 {float:right;padding-top:3px;  padding-right:4px; padding-right:20px; padding-left:5px;}

#prod_list { border:1px solid #d4d4d4; border-top:0}
#prod_list span {color:#e33234}
#prod_list .prod1 {float:left; width:187px; border:1px solid #d4d4d4; border-bottom:0; border-left:0;}
#prod_list .prod2 {float:left; width:186px; border:1px solid #d4d4d4; border-bottom:0; border-left:0; border-right:0}

#prod_list .im {margin:0; padding:25px 0px; text-align:center; height:105px;}
#prod_list .bg {margin:0;background:url(../images/prod/bg.gif) repeat-x #f1f1f1; border-top:1px dashed #ccc; padding:20px 12px}
#prod_list .name {margin:auto; line-height:15px; font-weight:bold; text-align:center; height:50px; width:140px;}
#prod_list .det {padding-top:10px; text-align:center}

#sitecontent .header {background:url(../images/nav/bg_dot.gif) repeat; height:81px;}
#sitecontent .header .back {position:absolute; margin-left:478px; margin-top:8px; width:240px; text-align:right; text-transform:uppercase; font-size:10px;}
#sitecontent .header .back a {color:#666;}
#sitecontent .white {background:#fff; width:670px; float:right; margin-top:28px; padding:13px 20px 10px 20px;}

#sitecontent .header {background:url(../images/nav/bg_dot.gif) repeat; height:81px;}
#sitecontent .header .back {position:absolute; margin-left:478px; margin-top:8px; width:240px; text-align:right; text-transform:uppercase; font-size:10px;}
#sitecontent .header .back2 {position:absolute; margin-left:502px; margin-top:8px}
#sitecontent .white {background:#fff; width:670px; float:right; margin-top:28px; padding:13px 20px 10px 20px;}
#sitecontent .white2 {background:#fff; width:507px; float:right; margin-top:28px; padding:13px 20px 10px 20px;}



#rel_tab {height:29px;}
#rel_tab .one {float:left; padding:8px 16px; border:1px solid #d3d3d3; text-transform:uppercase; border-bottom:0;}

#related { border:1px solid #d3d3d3; padding:10px;}
#related .prod1 {float:left; width:107px;}
#related .im { margin:0; text-align:center;}
#related .name {margin:0; font-size:10px; line-height:12px; text-align:center; padding:4px 10px 0 10px}
#related span {color:#e33234;}


#det_tab {height:27px;}
#det_tab  a { padding:8px 16px; background:#efefeb; display:block;float:left;text-transform:uppercase; margin-right:4px;}
#det_tab  a:hover {text-decoration:none;}
#det_tab  a.off {background:#acacac; color:#fff; text-decoration:none;}
#det_tab  a.off:hover {background:#666;}

#p_detail {padding:15px;}
#p_detail .left {float:left; width:345px;}
#p_detail .left .im {margin:0; text-align:center}
#p_detail .left .im img {
	border:1px solid #ddd;
}
#p_detail .left .zoom {margin:15px 0 20px 0 ; text-align:center;}
#p_detail .right {float:right; width:320px;}

#proddet {background:#efefeb; padding:20px 20px 10px 20px; border-right:1px solid #adadad; border-bottom:1px solid #adadad;}
#proddet .price {margin:0 0 5px 0; font-size:16px; font-weight:bold; position:relative}
#proddet .price .list {font-size:12px; font-weight:normal; padding-left:5px;}
#proddet a {color:#19502c; text-decoration:underline}
#proddet .fl1 {float:left; width:47%; font-size:12px; line-height:18px; margin-bottom:10px;}
#proddet .fr1 {float:right; width:47%; font-size:12px; line-height:18px; margin-bottom:10px;}
#proddet .fr1 p, #proddet .fl1 p {margin:0 0 5px 0}
#proddet select {font-size:12px; width:120px;}
#proddet #content {border-top:3px solid #d3d3d3; padding-top:15px; margin-top:10px;}
#proddet #content p { line-height:17px; margin:0 0 10px 0; font-size:12px;}

/* ########################################################## */
/*                     ARTICLE CENTRE                */
/* ########################################################## */
#article_products {margin-top:20px;}
.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
#fitness_intro {background: url('../images/articles/graphic_page.jpg') no-repeat right center; height:75px; padding: 5px;}
h1 a, h1.arrow {color: #336699; background: url('../images/articles/icon_arrow-lg.gif') no-repeat right center; padding-right: 35px; text-decoration: none;}
h1.arrow {display: inline;}
#fitness_intro h1 {margin-bottom: 3px;}
#fitness_intro p {line-height: 16px; margin-right: 80px;}
#article_callout {background-color:#ebf4fd; margin-bottom:15px; padding: 8px; height:130px; border-right:1px solid #bad0e7; border-bottom:1px solid #bad0e7; border-top:1px solid #d7e8f9; border-left:1px solid #d7e8f9;}
.right {float:right;}
#article_callout .date {float:left;}
#article_callout #article { padding: 2px 0px 8px 8px;}
#article_callout #article h3 {margin-bottom:4px; font-size:16px; font-weight:normal; color:#333}
#article_callout p {line-height: 16px;}
#other_articles {width:165px; float: left; margin-top: 5px;}
ul.articles {list-style: none; margin:0px; padding:0px; font-size: 10px;}
ul.articles li {padding:0px; margin:0px; line-height: 16px; margin-bottom: 8px;}
ul.articles li a {display: block; font-size: 11px;}
#other_articles .other {font-size: 11px; color:#000; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #bcd1e7; margin-top:10px; height:14px;}
#articles_by_cat {margin-top: 5px; margin-bottom: 25px;}
.width32 {width:185px;}
.left {float:left;}
#articles_by_cat #col1, #articles_by_cat #col2 {margin-right:8px;}
#articles_by_cat ul {margin-left: 8px; margin-top:8px;}
#articles_by_cat .more {margin-left: 8px;}
#searchsuggest {height: 80px; background: url('../images/articles/bg_callouts.gif') repeat-x left top; padding:13px 10px;}
#searchsuggest #search {margin-left: 5px;width: 180px; float: left; background: url('../images/articles/graphic_search.gif') no-repeat right 6px; margin-right: 25px;}
#searchsuggest #search label {display: block; margin-bottom: 5px;}
#searchsuggest #search .em_search {width: 125px; display: block; float: left;}
#searchsuggest #search .clearer {height: 8px;}
#searchsuggest #search .em_search2 {margin-top:3px; display: block; float: left;}
#searchsuggest #suggest {background-color: red; float: left; width:340px; background: url('../images/articles/graphic_arrow.gif') no-repeat right 6px;}
#searchsuggest #suggest p {line-height: 16px; margin: 5px 57px 0px 0px;}
.artlist1 {padding-bottom:10px;}
.art_content {background:transparent url(../images/nav/dot2.gif) repeat-x scroll center top;margin-bottom:32px;margin-top:10px;padding-top:15px;}
.art_icon {background:url(../images/prod/art_bg.gif) no-repeat; height:24px; width:121px; padding-left:25px; padding-top:5px; position:absolute; margin-top:-9px; margin-left:386px}
.art_content {line-height:18px;}
.art_content img { margin:10px;}
.art_icon a {text-decoration:none;}
#rel_articles {border-right:1px solid #bad0e7; border-bottom:1px solid #bad0e7; border-top:1px solid #d7e8f9; border-left:1px solid #d7e8f9;margin-top:12px;}
#rel_articles .intro {padding:8px 10px 8px 10px; background:#ebf3fd; height:17px;}
#rel_articles .afl {float:left; font-weight:bold; font-size:14px; color:#414141; background:url(../images/prod/art.gif) no-repeat 0px 0px; padding-left:22px;}
#rel_articles .afr {float:right; padding-top:2px;}
#product_content h5 {font-size:12px; font-weight:bold; float:left; position:relative}

#article_prods {padding-bottom:10px;}
#article_prods .bg {background:#f6f2e9;  border:1px solid #e0ddce; margin-top:14px; border-right:0;}
#article_prods .box1 {float:left; width:140px; padding:12px 12px 8px 12px; border-right:1px solid #e0ddce; height:195px;}
#article_prods .im {background:#fff; padding:8px; border:1px solid #e0ddce; height:110px;}
#article_prods img a {border:0;}
#article_prods p {margin:10px 0 0 0; color:#b07021;text-align:center}
#article_prods a {color:#272f38; text-decoration:underline; font-weight:bold}

#article_prod ul {margin:0; padding:0; list-style-type:none}
#article_prod li { font-weight:normal}
#article_prod li a {display:block; padding:6px 10px 6px 25px; background: url(../images/prod/bull1.gif) no-repeat 10px 10px #f6f6f6; height:14px; margin:0; text-decoration:none;font-weight:normal; color:#5A5C5E; }
#article_prod li a:hover {background:url(../images/prod/bull1.gif) no-repeat 10px 10px #efefef;}
#article_prod li.two a {display:block; padding:6px 10px 6px 25px; background: url(../images/prod/bull1.gif) no-repeat 10px 10px #fff; height:14px; margin:0; text-decoration:none;font-weight:normal }
#article_prod li.two a:hover {background:url(../images/prod/bull1.gif) no-repeat 10px 10px #ebf3fd;}
#article_prod .fl {text-decoration:underline; float:left;}
#article_prod span {float:right; text-decoration:none; color:#afafaf}


/* End */

/* Comments */
#commentlist ul {margin:0; padding:0; list-style-type:none;}
#commentlist li {background:#f3f3f3; margin:0; position:relative}
#commentlist li.alt {background:#eaf2f5;margin:0; position:relative}
#commentlist .pic {float:left; width:50px; padding:3px; background:#fff; height:50px; border:1px solid #ddd; position:relative}
#commentlist .content {float:left; width:440px; margin-top:-2px; position:relative}
#commentlist .name {color:#666; position:relative}
#commentlist p {margin:0; position:relative}
#commentlist .date {color:#9c9c9c;}
#commentlist .date a {color:#9c9c9c;}
.stripe_bar {background:url(../images/stripes.gif) repeat; height:6px; padding:0; font-size:6px; border-top:6px solid #fff;}
#content h3 {font-size:12px; margin:5px 0 8px 0}
#content .inp1 {border:1px solid #ddd; padding:5px; font-family:Arial, Helvetica, sans-serif; color:#666; margin:0 6px 0 0;  font-size:11px;}
#content .sub {padding:3px; border:1px solid #ddd; background:#f1f1f1; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; width:100px;}
#content textarea {border:1px solid #ddd; padding:5px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px;}

#contactform {margin-top:10px; background:#f5f5f5; padding:10px}
#contactform .fl1 {float:left; width:180px;}
#contactform  p {margin:0 0 5px 0}
#contactform .fr1 {float:right; width:180px;}
#contactform .input1 {font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px; border:1px solid #ddd; ; padding:5px; width:167px;}
.input3 {font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px; border:1px solid #ddd; padding:5px; width:167px; border-color:#dfdfdf;}
#contactform .input2 {font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px; border:1px solid #ddd;padding:5px; width:355px; height:90px;}
.pending {background:#fff; padding:10px; margin-top:10px;}

.ps2 {float:left; width:107px; border-right:1px solid #e2e2e2; padding:16px; margin-top:10px;}
/* End Comments */
/* END ARTICLE CENTER */

.size_guide {border-left:1px solid #ddd;}
.size_guide thead td {background:#e5e5e5; font-weight:bold; padding:4px;}
.size_guide tbody td {border-bottom:1px solid #ddd; border-right:1px solid #ddd;padding:4px;}