@charset "UTF-8";
/* CSS Document */

html{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
}

body{
padding:0;
margin:0;
background-color:#fbb03b;
}

#top{
width:100%;
background-image:url(images/top.gif);
background-repeat:repeat-x;
padding:23px 0 0 0;
margin:0;
background-color:#272218;

}

img, a {
border:0;
outline:none;
}

#topbg{
width:967px;
background-image:url(images/bg.jpg);
background-repeat:no-repeat;

height:367px;
padding:0;
margin:0 auto;


}

/* sale styles */
span.newproduct {
color:#c40e00;
}

#side h4.sale a{
color:#fff;
background-color:#c40e00;
}

.forsale a {
width:356px;
height:137px;
background-image:url(images/for_sale.gif);
background-position:0 -137px;
text-indent:-9999px;
float:left;
}

.forsale a:hover{
background-position:0 0;

}


/* end sale styles */

#contact{
padding:65px 20px 0 50px;
margin:0;
width:302px;
height:153px;
background-image:url(images/contact_bg.jpg);
background-repeat:no-repeat;
float:left;
font-size:12px;
font-weight:bold;
}

#contact form{
padding:0;
margin:0;
}

#contact p{
padding:0;
margin:0 0 10px 0;
}

#contact td{
height:25px;
}

#topbg h2{
padding:0;
margin:0;
width:223px;
height:208px;
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
float:left;
}

#beyond a{
padding:0;
margin:0;
width:372px;
height:208px;
background-image:url(images/beyond.jpg);
background-repeat:no-repeat;
background-position:0 -208px;
text-indent:-9999px;
float:left;
}

#beyond a:hover{
background-position:0 0;
}



#nav, #footer{
width:100%;
background-image:url(images/nav_bg.gif);
background-repeat:repeat-x;
background-color:#fbb03b;
padding:0 0 10px 0;
margin:0;
float:left;
}
#squares{
padding:0 0 0 37px;
}
#nav ul, #footer ul {
width:957px;
padding:15px 0 5px 50px;
margin:0 auto;
list-style:none;
}
#squares ul {
float:left;
width:894px;
padding:0;
margin:0 auto;
list-style:none;
}

#squares li{
float:left;
height:129px;
width:149px;
text-align:center;
}

#nav li, #footer li {
float:left;
padding:0 0 0 20px ;
_padding:0 0 0 18px ;
margin:0;
background-color:#fbb03b;
}

#nav li a, #footer li a{
clear:both;
font-size:11px;
color:#754c24;
padding:0 20px 0 0;
_padding:0 18px 0 0;
font-weight:bold;
background-color:#fbb03b;
}


#signoff p{
font-size:12px;
text-align:center;
}

#nav li a:hover, #footer li a:hover, #homepage #home a, 
#aboutpage #about a,
#successpage #stories a,
#bookspage #books a,
#limitedpage #limited a,
#trainingpage #course a,
#productspage #products a,
#contactpage #contactus a {
color:#000;
}

#middle{
float:left;
width:100%;
background-color:#c7b299;
background-image:url(images/content_shadow.gif);
background-repeat:repeat-x;
padding:30px 0 30px 0;
margin:0;
}

#content{
width:890px;
padding:0;
margin:0 auto;
}

#content h1{
font-size:24px;
color:#42210b;
}

#content p{
font-size:14px;

}

#content img{
float:left;
margin:0 20px 0 0;
border:0;
outline:none;

}
#textarea{
float:left;
width:472px;
}


.textblock{
float:left;
width:472px;
}
#textarea a{
color:#3b2314;
}
#textarea p, #textarea td {
font-size:14px;

}

#textarea td {
border-bottom:1px solid #000;
padding:5px 0;
}

#textarea ul{
margin:10px 0 10px 0;
padding:0 0 0 15px;
font-size:14px;
}

#textarea .bookblock ul{
list-style:none;
margin:10px 0 10px 0;
padding:0 0 0 15px;
font-size:14px;
}

#textarea li{
margin:10px 0 10px 0;
font-size:14px;
}
#side{
float:left;
width:356px;
margin:0 0 0 54px;
}
.block{
margin:0 0 60px 0;
}

.block h2{
background-color:#754c24;
color:#FFF;
font-size:16px;
width:336px;
padding:10px;
}

#side h4 a{
background-color:#fbb03b;
color:#754c24;
font-size:16px;
width:336px;
padding:10px;
display:block;
}
/*****************/


#side h2{
background-color:#754c24;
color:#FFF;
font-size:16px;
width:336px;
padding:10px;
display:block;
float:left;
}

#textarea h2{
background-color:#754c24;
color:#FFF;
width:452px;
font-size:16px;
padding:10px;
margin:20px 0 20px 0;
display:block;
}

#textarea h2 a {
color:#fff;
}


#textarea h4 {
  background-color:#FBB03B;
  color:#754C24; 
  width:452px;
display:block;
  font-size:16px;
  padding:10px;
  margin:20px 0 20px 0;
}

#textarea h4 a {
  color:#754C24; 
}


/*
h2 .altcolor {
  style="background-color:#FBB03B;
  color:#754C24; 
}

h2 .altcolor a {
  color:#754C24; 
}
*/

.block h3 {
color:#000;
font-size:15px;
margin:0 0 0 10px;
}

#textarea h3{
color:#000;
font-size:15px;
margin:0 10px 0 0;
padding:0;
}
.block h4{
color:#3b2314;
font-size:15px;
margin:10px 0 5px 10px;
}

.block p{
margin:0 0 10px 10px;
font-size:12px;
}

.block a{
color:#000;
font-weight:bold;
}

.block a:hover {
color:#3b2314;
}

.imageblock{
float:right;
padding:0 0 0 10px;
}

sup {
font-size:.7em;
}

.purchase{
float:left;
margin:0;
padding:0 0 10px 0;
width:471px;
}

.payblock{
float:left;
width:150px;
margin:0 5px 10px 0;
padding:0;
display:block;
}

.payblock p{
padding:0;
margin:0 0 5px 0;
}

hr{
clear:both;
height:1px;
background-color:#42210b;
color:#42210b;
border:0;
margin:20px 0;
padding:0;
}
#textarea .smaller {
font-size:10px;
font-style:italic;
}

#textarea .chapters .chapterlist{
width:210px;
float:left;
margin:0 10px 0 0;
}

#textarea .chapters .chapterlist li {
list-style:disc;
font-size:12px;
margin:0 0 4px 0;
padding:0;
}

.bookblock{
float:left;
width:471px;
}

#successpage #textarea img{
margin:0 0 10px 0;
}

.prints{
text-align:center;
float:left;
}

.prints p {
float:left;
width:471px;
}

#content #textarea .prints img{
float:none;
margin:10px auto 10px auto;
display;block;
}

#content #textarea .purchase p{
text-align:center;
}

#bookspage #content #textarea .purchase p{
text-align:left;
}

#content #textarea .purchase p img{
float:none;
margin:0 auto;
}

.galleryblock{
float:left;
padding:10px 0 0 0;
margin:0 0 10px 0;
border-top:1px solid #42210b; 
width:472px;
}

.galleryblock img {
float:left;
margin:0 10px 10px 0;
}

#successbookspage #textarea img {
margin:0 10px 10px 0;
float:left;

}
#successbookspage #textarea img.imagesize {
width:220px;
height:165px;

}

#textarea #binosm{
width:352px;
height:80px;
display:block;
background-color:#fbb03b;
background-image:url(images/binos_sm.jpg);
background-position:right;
background-repeat:no-repeat;
padding:10px 100px 10px 10px;
margin:0 0 10px 0;
border:1px solid #42210b; 
}

#textarea #newbinosm{
width:352px;
height:80px;
display:block;
background-color:#fbb03b;
background-image:url(images/newbinos_sm.jpg);
background-position:right;
background-repeat:no-repeat;
padding:10px 100px 10px 10px;
margin:0 0 10px 0;
border:1px solid #42210b; 
}

#textarea #binoatreksm{
width:352px;
height:80px;
display:block;
background-color:#fbb03b;
background-image:url(images/atrek8x50_sm.jpg);
background-position:right;
background-repeat:no-repeat;
padding:10px 100px 10px 10px;
margin:0 0 10px 0;
border:1px solid #42210b; 
}

#textarea #spotsm{
width:352px;
height:80px;
display:block;
background-color:#fbb03b;
background-image:url(images/spot_sm.jpg);
background-position:right;
background-repeat:no-repeat;
padding:10px 100px 10px 10px;
margin:0 0 10px 0;
border:1px solid #42210b; 
}

#textarea #harnesssm{
width:352px;
height:80px;
display:block;
background-color:#fbb03b;
background-image:url(images/harness_sm.jpg);
background-position:right;
background-repeat:no-repeat;
padding:10px 100px 10px 10px;
margin:0 0 10px 0;
border:1px solid #42210b; 
}


#textarea #clothsm{
width:352px;
height:80px;
display:block;
background-color:#fbb03b;
background-image:url(images/cloth_sm.jpg);
background-position:right;
background-repeat:no-repeat;
padding:10px 100px 10px 10px;
margin:0 0 10px 0;
border:1px solid #42210b; 
}

#textarea #harnesssm h2, #textarea #binosm h2, #textarea #newbinosm h2 {
background-color:;
padding:0;
margin:0;

}

#harnesspage h1{
width:472px;
height:138px;
background-image:url(images/crooked_title.gif);
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
margin:0;
padding:0;

}

#clothpage h1{
width:472px;
height:138px;
background-image:url(images/cloth_title.gif);
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
margin:0;
padding:0;

}

.redbg{
float:left;
background-color:#FF0000;
color:#FFF;
font-size:14px;
width:452px;
padding:10px;
display:block;
}

#textarea .redbg a{
  color:#ffffff;
}