/*KREGEL*/
/* This Style Sheet is only for styles that are added for a specific customer site
   All styles used in the default setup of the PowerWeb site can be found in the site_styles.css  
   Any styles needed for a customer's site design need to be added below. Do not ADD styles in site_styles.css
*/

/*uses css_browser_selector.js for browser designations*/

body  {
	background: #FFFFFF url(/client/client_images/template/background.gif) repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	height:100%; 
/*	font-size: small;*/
}


#main{
	margin: 0 auto;
	width: 955px;
/*	height:100%;*/
	background: #FFFFFF;
	position: relative;
	left: 50%;
	margin-left: -478px;	
}

/*HEADER*/

#submit{
	margin-top:0px;
}

.submitbutton{
	margin-top:0px;
}

#header {
	background: #FFFFFF url(/client/client_images/template/kregel_hdr.gif) no-repeat 0px 0px;
	width: 955px;
	height: 150px;
	margin: 0px;
	padding: 0px;
}

#header a:link {
	color: #000000;
	text-decoration: none;
}

#header a:visited {
	color: #000;
	text-decoration: none;
}

#header a:hover{
	color: #000;
	text-decoration: underline;
}


#topbar {
	float: right;
	margin-right: 40px;
	margin-top: 0px;
}

#shoppingcart {
	float: right;
	margin-right: 240px;
	margin-top: -5px;
}

#midbar {
	margin-top: 80px;
	margin-left: 284px;
	padding: 4px 25px 5px 0px;

	height: 27px;
	}

.ie8 #midbar {

	margin-left: 284px;
	padding: 80px 25px 5px 0px;

	height: 27px;
	}
	

#leftnav  {
	width: 227px;
	margin-left: 45px;
	margin-top: 0px;
	background: #819733 url(/client/client_images/template/leftbar_bg2_0.jpg) no-repeat;
	text-align: left;
	min-height: 600px;
	float: left;
	text-align: left;
}

.ie #leftnav {
	height: 600px;
	width: 222px;
	padding:0;
	margin-left: 20px;
	margin-top: -6px;
	background: #819733 url(/client/client_images/template/leftbar_bg2_0.jpg) repeat-x;
	text-align: left;
        }

#searcharea hr {
	border: 0;
	background-color: #FFF;
	height: 3px;
	width: 174px;
	color: #FFF;
}

#leftnav a:link {
	color: #FFF;
	text-decoration: none;
}

#leftnav a:visited {
	color: #FFF;
	text-decoration: none;
}

#leftnav a:hover{
	color: #FFF;	
	text-decoration: none;
}

#leftnav #searcharea{
	margin: 5px 20px 20px 15px;
	padding: 7px 0px 20px;
	color:#FFF;
	font-weight: bold;
}
.ie6   #leftnav   #searcharea   {
	margin: 5px 20px 20px 15px;
	color:#FFF;
	font-weight: bold;
}

#leftnav #searcharea .searchbtn{
	margin: 0 0 -7px 0;
	
}

#leftnav #searcharea strong {
	font-size: 110%;
}

#leftnav #searcharea form .inp {
	float:left;
	width: 85px;
	margin-top: -2px;
}


#leftnav #searcharea form .sel {
	float:left;
	width: 120px;
	margin-top: 3px;
	height:19px;
}
#leftnav #searcharea form .sub {
/*	vertical-align: sub;*/
}

.advancedsearch{

}

#leftnav #catmenu {
margin-top:-35px;
}

#leftnav #catmenu img {
	margin-left: 0px;
	outline: none;
}

/*END HEADER*/


/*HOME*/
#main_home {
	width:675px;
	margin: 2px 2px 2px 275px;
	float:left;
	height:100%;
	/*	position:absolute;
	text-align:left;*/
	margin: 0;
	
}

#cart {
	width:675px;
	float:left;
	height:105%;
	/*	position:absolute;
	text-align:left;*/
	margin: 0 0 160px;
}

.ie #cart {
	width:675px;
	float:left;
	height:100%;
	/*	position:absolute;
	text-align:left;*/
	margin: 0;
}

.ie6   #main_home   {
}

#main_audiovideo{
	margin-left: 22px;
}

#main_feature {
	margin-top: 20px;
	margin-left: 0px;
	float:left;
}

#main_rightnavbar {
	width:174px;
	height: 291px;
	margin-top: 20px;
	margin-left: 5px;
	background: url(/client/client_images/indexpage/rightnavbar.gif) no-repeat 0px 0px;

	float:left;
}

#main_rightnavbar_links {
	color:#FFF;
	margin-top: 45px;
	margin-left: 19px;
	text-align: left;
}

/*END HOME*/

/*FOOTER*/

#footer{
	width: 955px;
	background: #FFFFFF;
	text-align: center;
}

#footer p td{
	letter-spacing: 0.05em;
	color: #8a8e77;
	text-align: center;
}
hr {
	border: 0;
	background-color: #afb3a2;
	height: 3px;
	color: #999;
}
#footer  a{
	color: #8a8e77;
	font-weight: bold;
	font-size: 11px;
}
#footer  a:visited a:link a:hover{
	color: #8a8e77;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}

#footer #copyright{
	font: lighter 9px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #8a8e77;
}


/*END FOOTER*/
.smallmenu a{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: right;
}


#catalog {
	text-align: left;
	margin-left: 275px;
}

#product  .bar img {
	text-align: left;
}
#product {
	margin-right: 20px;
	margin-left: 23px;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}
.ie6   #product, .ie5  #product {

	width:575px;
	float:left;
	height:100%;
	/*	position:absolute;
	text-align:left;*/
	margin: 0px 0px 0px 5px;
}

#show{
	margin-right: 20px;
	margin-left: 23px;
	height:100%;
}
.ie6  #show{
	margin-right: 20px;
	margin-left: 23px;
	height: 100%;
}


#product a:link {
	color: #000000;
/*	text-decoration: none;*/
}

#product a:visited {
	color: #000;
/*	text-decoration: none;*/
}

#product a:hover{
	color: #809734;	
/*	text-decoration: none;*/
}

#product .detailtitle {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
#product #col {
	float: left;
	margin: 20px 0px 20px 10px;
}

#product   #col1 {
	float: left;
	margin: 20px 20px 20px 5px;
	width: 400px;
	font-size: 11px;
}
#product   #col2 {
	margin: 0px 0px 20px 5px;
	float: left;
	width: 200px;
	font-size: 11px;
}
#product  #col3 {
	margin: 0px 0px 20px 10px;
	float: left;
	width: 235px;
	font-size: 11px;
}

#product .excerpt {
	color: #809734;
	font: small-caps 14px Arial, Helvetica, sans-seriff;
}
#product   .excerpt   a {
	color: #809734;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
#product .excerpt     a:visited     a:hover {
	color: #809734;
	text-decoration: underline;
	font-weight: bold;
}
#product .excerpt img {
	margin-bottom: -4px;
}


#product .longdesc {
	margin: 0px 10px 20px 10px;
	float: left;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

#products hr {
	border: 0;
	background-color: #afb3a2;
	height: 3px;
	color: #999;
}.bold {
	font-weight: bold;
}

#show a:link {
	color: #000000;
	text-decoration: none;
}

#show a:visited {
	color: #000;
	text-decoration: none;
}

#show a:hover{
	color: #809734;
	text-decoration: none;
}
#product .morebooks {
	margin: 0px 10px 20px 10px;
}

.morebooksin {
	color: #809734;
	font: 14px Arial, Helvetica, sans-seriff;
}
.morebooksin a:link{
	color: #000000;
	text-decoration: underline;
	font: 12px;
}
.morebooksin a:visited, .morebooksin a:hover {
	color: #8a8e77;
	text-decoration: underline;
}

#securearea{
height:850px;}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	 color: #000000;
}
form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	}
	
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	 color: #000000;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	 color: #000000;
}

INPUT.f {

    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    WIDTH: 150px;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #f8f8f8;
    color: #000000;
}

INPUT.cvn {

    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    WIDTH: 50px;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #f8f8f8;
    color: #000000;
}

INPUT.f1 {

    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    WIDTH: 300px;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #f8f8f8;
    color: #000000;
}

SELECT.f {

    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #f8f8f8;
    color: #000000;
}

SELECT.f1 {

    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    WIDTH: 150px;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #f8f8f8;
    color: #000000;
}