/* CSS Document */

.liveEditBut{
display:block;
width:80px;
background:#e7f3ce;
padding:3px 10px 5px 10px;
}

.liveEditBut a{
text-decoration:none;
font-weight:bold;
color:#006699;
font-size:13px;
}

.liveEditBut a:hover{
color:#9f0005;
}

.liveEditBut img{
margin-bottom:-3px;
}

.editMe{
border:1px dotted #69980a;
}
/* ------------------------- Opt BOx ------------------------- */

#optBox{
width:199px;
height:431px;
background:url(../images/optBox.jpg) no-repeat;
position:relative;
margin-left:3px;
}

#content #pOne{
color:#FFF;
font-size:11px;
display:block;
text-align:center;
width:180px;
position:absolute;
top:100px;
left:10px;
}

#content #pTwo{
color:#FFF;
font-size:11px;
display:block;
text-align:center;
width:180px;
position:absolute;
top:118px;
left:10px;
}

#content #pThree{
color:#060669;
font-size:12px;
display:block;
text-align:center;
width:180px;
position:absolute;
top:165px;
left:10px;
}

#smallForm{
position:absolute;
top:255px;
}

#smallForm fieldset{
border:none;
margin-left:20px;
}

#smallForm label{
color:#060669;
font-size:12px;
display:block;
padding-bottom:5px;
}

#smallForm .formBox{
background:#fff;
border:1px solid #bfbfbf;
padding:4px 3px;
font-size:12px;
width:150px;
margin-bottom:5px;
}

/* ------------------------- Document Styles ------------------------- */
body{
	
	/* Set Site Font and Background */
	font-family:"Tahoma";
	background:#FFF;
	margin: 0px;
	position:relative;
}

a.backLink{
color:#060669;
font-size:13px;
}

.labelCheckboxes{
margin-left:100px;
font-size:12px;
}

.labelCheckboxes input{
margin-right:10px;
}

.otherCheckboxes{
font-size:12px;
}

#bottomIcons{
margin-top:15px;
}

#bottomIcons img{
margin-right:20px;
}

/* ------------------------- Next/Prev Nav ------------------------- */

#nextPrev{
clear:both;
position:relative;
border-top:1px solid #99cc33;
}

a#prevBut{
display:block;
float:left;
width:80px;
text-align:center;
text-decoration:none;
font-size:13px;
font-weight:bold;
background:#e7f3ce;
color:#060669;
padding:3px 0;
}

a#nextbut{
display:block;
float:right;
width:80px;
text-align:center;
text-decoration:none;
font-size:13px;
font-weight:bold;
color:#060669;
background:#e7f3ce;
padding:3px 0;
}

div#numPages{
font-size:13px;
font-weight:bold;
    width: 200px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -100px;
}

/* ------------------------- Containers ------------------------- */
#header{
	height:164px;
	width:974px;
	margin:0 auto;
	position:relative;
background:url(../images/header2Bg.jpg) no-repeat top left;
}

#content{
	width:974px;
	margin:0 auto;
	position:relative;
background:url(../images/contentBg.gif) repeat-y top left;
}

#footer{
	width:974px;
height:40px;
	margin:0 auto;
	position:relative;
background:#99cc33;
text-align:center;
padding:20px 0 25px 0;
}

#disclaimer{
width:974px;
margin:0 auto;
	position:relative;
text-align:center;
}

.adBox{
margin-left:10px;
margin-top:10px;
}

/* ------------------------- Columns ------------------------- */

#leftColumn{
width:182px;
float:left;
}

#centerColumn{
width:537px;
float:left;
padding:0 0 0 20px;
}

#rightColumn{
width:210px;
float:right;
}

/* ------------------------- Header Areas ------------------------- */

#searchBox{
background:#99cc33;
}

#searchBox fieldset{
border:none;
margin:0 0 0 10px;
padding-top:10px;
}

#searchBox label{
font-size:12px;
color:#060669;
width:100px;
display:block;
padding-bottom:5px;
}

#searchBox input.searchBox{
width:100px;
padding:3px 5px 3px 5px;
color:#060669;
font-family:"Tahoma";
font-size:12px;
float:left;
margin:7px 7px 0 0;
}

#searchBox input.searchBut{
float:left;
}

#cartBox{
background:#eff7de;
float:right;
margin:47px 10px 0 0;
}

#cartBox a{
color:#060669;
text-decoration:none;
display:block;
font-size:12px;
font-weight:bold;
padding:7px 15px 7px 15px;
}

#currency{
background:#eff7de;
clear:right;
float:right;
margin:47px 10px 0 0;
}

#currency a{
color:#060669;
text-decoration:none;
display:block;
font-size:12px;
font-weight:bold;
padding:7px 15px 7px 15px;
}

#currency a img{
border:none;
margin-bottom:-1px;
margin-left:3px;
}

#dropDowns{
position:absolute;
right:10px;
bottom:9px;
font-size:12px;
color:#324709;
}

#dropDowns select{
width:170px;
margin-left:15px;
}

/* ------------------------- Product Details ------------------------- */

#productDetails{
color:#798087;
}

/*width:200px;*/
/*float:left;*/

#productDetails h4{
font-size:14px;
color:#060669;
}

#productDetails em{
font-size:12px;
display:block;
}

#productDetails strong a{
font-size:11px;
font-style:normal;
color:#060669;
}

#productDetails strong{
font-size:12px;
display:block;
margin-top:10px;
margin-bottom:5px;
font-weight:normal;
}

#productDetails a.cartButton{
display:block;
float:left;
margin-top:20px;
width:118px;

height:33px;
background-image: url(..../images/cartButton.gif);
background-position: bottom left;
background-repeat:no-repeat;
}

#productDetails a.cartButton:hover{
background-position:top left;
}

.detailBox{
font-size:12px;
color:#798087;
padding:15px 10px 0px 15px;
}

#content .detailBox p{
padding:0 0 15px 0;

margin:0;
}

#content .detailBox em{
display:block;
padding-bottom:10px;
}

#content .detailBox a, #content .detailBox p a{
color:#060669;
}

#content .detailBox ul{
list-style:circle;
margin-left:25px;
}


#content .detailBox ul li{
margin-bottom:3px;
}

/* ------------------------- Main Navigation ------------------------- */

#mainNav{
list-style:none;
float:right;
margin-top:8px;
margin-right:8px;
}

#mainNav li{
display:inline;
}

#mainNav li a{
display:block;
float:left;
height:35px;
}



#mainNav li a#home{
width:74px;
background-image:url(../images/homeBut.gif);
background-position:left -4px;
background-repeat:no-repeat;
}

#mainNav li a#about{
width:91px;
background-image:url(../images/aboutBut.gif);
background-position:left -4px;
background-repeat:no-repeat;
}

#mainNav li a#news{
width:150px;
background-image:url(../images/guidesBut.gif);
background-position:left -4px;
background-repeat:no-repeat;
}

#mainNav li a#contact{
width:90px;
background-image:url(../images/contactBut.gif);
background-position:left -4px;
background-repeat:no-repeat;
}

#mainNav li a#home:hover, #mainNav li a#about:hover, #mainNav li a#news:hover, #mainNav li a#contact:hover, #mainNav li a#home.selected, #mainNav li a#about.selected, #mainNav li a#news.selected, #mainNav li a#contact.selected{
background-position:bottom left;
}

/* ------------------------- Product Navigation ------------------------- */

#productNav{
list-style:none;
}

#productNav li{
border-bottom:3px solid #FFF;
}

#productNav li a{
text-decoration:none;
font-size:12px;
color:#54585d;
display:block;
padding:9px 0 9px 25px;
}

#productNav a:hover{
color:#324709;
font-weight:bold;
}

/* ------------------------- Product Navigation ------------------------- */

#footerLinks{
list-style:none;
}

#footerLinks li{
color:#060669;
font-size:11px;
display:inline;
}

#footerLinks li a{
color:#060669;

font-size:11px;
text-decoration:none;
}


/* ------------------------- Product List ------------------------- */

#content #centerColumn ul.productList{
list-style:none;
width:537px;
clear:both;
margin:0;
}

#content #centerColumn ul.productList li{
text-align:center;
width:158px;
float:left;
padding:0 10px 0 10px;
margin:0;
}

ul.productList li h4 a{
text-decoration:none;
color:#060669;
}

ul.productList li h4 a:hover{
color:#2c2c73;
}

ul.productList li a img{
border:none;
}

ul.productList li .imgHolder{
display:block;
height:100px;
text-align:center;
}

ul.productList li h4{
font-size:12px;
padding-top:5px;
}


ul.productList li em{
display:block;
font-size:12px;
font-style:normal;
color:#798087;
}


ul.productList li strong{
display:block;
font-size:12px;
color:#444;
}


/* ------------------------- Shopping Cart ------------------------- */

table#shoppingCart{
margin-top:20px;
border-collapse:collapse;
font-size:12px;
width:98%;
}

table#shoppingCart tr.headingRow td{
background:#EEE;
padding:7px 0 7px 0;
font-weight:bold;
color:#060669;
}

table#shoppingCart td{
border-top:1px solid #99cc33;
padding:3px 10px 3px 10px;
text-align:center;
}

table#shoppingCart td.productCell img{
padding: 5px 0 5px 0;
}

table#shoppingCart td strong{
padding:10px 0 10px 0;
display:block;
color:#060669;
}

table#shoppingCart td.productCell{
text-align:left;
padding:3px 0 3px 0px;
}

#cartForm input{
width:25px;
}

/* ------------------------- Checkout Page ------------------------- */

table#checkoutTable{
margin-top:20px;
border-collapse:collapse;
font-size:12px;


width:98%;
color:#444;
}

table#checkoutTable tr.headingRow td{
background:#EEE;
font-weight:bold;
color:#060669;
padding:7px 10px 7px 10px;
}

table#checkoutTable td{
border-top:1px solid #99cc33;
padding:3px 10px 3px 10px;
}


/* ------------------------- Content Styles ------------------------- */

#content h2{font-size:24px;color:#060669;font-weight:normal;margin-top:25px;}
#content p{font-size:12px;color:#656a6f;margin-top:15px;}
#content p img.floatRight{float:right;padding:0 20px 20px 20px;}

#content p a{color:#060669;}

#centerColumn ul a{color:#060669;}

#content img.floatLeft{float:left;padding:0 20px 20px 0;}

#content h3{font-size:16px;color:#060669;border-bottom:1px solid #99cc33;margin-top:15px;}

#content h5{margin-top:10px;font-weight:normal;font-size:12px;color:#798087;}
#content h5 a{color:#060669;border-bottom:1px solid #99cc33;text-decoration:none;}

#content #centerColumn ul{
font-size:12px;
color:#798087;
list-style:circle;
margin-left:25px;
margin-top:15px;
}

#content #centerColumn ul li{
margin-bottom:3px;
}

#content #centerColumn ul.specialList li{
margin-bottom:10px;
}

#content #centerColumn ul.specialList li a{
color:#000062;
text-decoration:none;
border-bottom:1px solid #99cc33;
}

#content #centerColumn ul.specialList li em{
display:block;
margin-top:5px;
}
#disclaimer p{
font-size:11px;
margin-top:15px;
}

.buttontable{
margin-top:20px;
border-collapse:collapse;
font-size:12px;
width:98%;
color:#444;
}

.buttonTable tr td{
background:#EEE;
font-weight:bold;
color:#060669;
padding:7px 10px 7px 10px;
}

/* ------------------------- Basic HouseKeeping ------------------------- */

/* Clear Browser Padding */
*{
	margin:0px;
	padding:0px;
}
/*  Clear FireFox's border around clicked links */
a{
	outline:none;
}


/* ------------------------- Special Classes ------------------------- */

/* Hide Text */
.specialText{
	position:absolute;
	text-indent:-5000px;
}
/* Clearing Div */
.easyClear{
	clear:both;
height:20px;
}


/* ------------------------- Event List Styles ------------------------- */

#errorList{
	margin: 10px 10px 10px 10px;
	padding: 10px;
	border: solid 1px #dd3c10;
	background: #ffebe8 url(..../images/errorBg.gif) no-repeat center right;
	clear:both;
	list-style:none;
	font-size:13px;
}

#errorList li{
	list-style:none;}

#successList{
	margin: 10px 10px 10px 10px;
	padding: 10px;
	border: solid 1px #82c242;
	background: #dafab9  url(..../images/successBg.gif) no-repeat center right;
	clear:both;
	list-style:none;
	font-size:13px;
}

#successList li{
	list-style:none;}


/* ------------------------- Contact Forms ------------------------- */

/* Input Box Styles */
#contactForm .formBox{

	/* Set Colors */
	border:1px solid #bfbfbf;
	color:#474747;
	
	/* Set Background */
	background:none;
	
	/* Set Size and Font */
	/* 20px less than fieldset */ width:390px;
	font-family: "Trebuchet MS",Arial;
	font-size:13px;
	
	/* Structure */
	float:left;
	padding:5px 10px 5px 10px;
	margin-top:5px;
	
}
/* Input Titles */
#contactForm label {

	/* Set Font */
	font-size: 14px;
	font-family: "Trebuchet MS", Arial;
	
	/* Structure */
	text-align: left;
	float: left;
	margin:15px 0px 0px 0px;
}
/* Form Containter */
#contactForm fieldset {
	
	/* Set Size and Position  - Default Center */
	margin:0px auto;
	/* 20px greater than .formBox */ width:410px;
	
	/* Border Option */
	border:none;
	
	/* Structure */
	padding:0 0px 20px 0px;
}
/* Positioning */
#contactForm form {
	/* Position - Default Center */
	margin:0px auto;
}

/* ------------------------- Checkout Forms ------------------------- */

/* Input Box Styles */

#checkoutForm div{
margin-top:10px;
}

#checkoutForm .formDrop{

	/* Set Colors */
	border:1px solid #bfbfbf;
	color:#474747;
	
	/* Set Size and Font */
	width:120px;
	font-family: "Trebuchet MS",Arial;
	font-size:13px;
	
	/* Structure */
	padding:0px 0px 0px 10px;
	margin-top:5px;

display:block;
	
}


#checkoutForm .formDrop option{
	color:#474747;

	font-family: "Trebuchet MS",Arial;
	font-size:13px;
	
	/* Structure */
	padding:0px 0px 0px 10px;
}

#checkoutForm .formBox{

	/* Set Colors */
	border:1px solid #bfbfbf;
	color:#474747;
	
	/* Set Background */
	background:none;
	
	/* Set Size and Font */
	width:250px;
	font-family: "Trebuchet MS",Arial;
	font-size:13px;
	
	/* Structure */
	padding:2px 0px 2px 5px;
	margin-top:5px;
	
}
/* Input Titles */
#checkoutForm label {
	/* Set Font */
	font-size: 14px;
	font-family: "Trebuchet MS", Arial;
	display:block;
	clear:left;
float:left;
width:100px;
}
/* Form Containter */
#checkoutForm fieldset {
	
	/* Set Size and Position  - Default Center */
	margin:0;
	/* 20px greater than .formBox */ width:410px;
	
	/* Border Option */
	border:none;
	
	/* Structure */
	padding:0;
}
/* Positioning */
#checkoutForm form {
	/* Position - Default Center */
	margin:0;
}



/* ------------------------- Forms ------------------------- */

/* Input Box Styles */

/* Input Titles */
#myForm label {

	/* Set Font */
	font-size: 12px;
	font-family: "Tahoma";
	
	/* Structure */
	text-align: left;
	float: none;
	margin:0;
}

#myForm select{
margin-left:5px;
padding:2px 0 2px 0px;
}

#myForm select option{
padding-left:5px;
}

/* Form Containter */
#myForm fieldset {
	

	/* Set Size and Position  - Default Center */
	margin:10px 0 0 0;
	/* 20px greater than .formBox */ width:410px;
	
	/* Border Option */

	border:none;
	
	/* Structure */
	padding:0;
}

/* Positioning */
#myForm form {
	/* Position - Default Center */
	margin:0;
}

/* ------------------------- Standard Button Styles ------------------------- */
.buttons{
	font-size:13px;
}
.buttons a, .buttons button{
    display:block;

		/* Clear if not using multiple buttons in a row */
		

    float:left;
    margin:10px 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Tahoma", Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
/* POSITIVE */
button.positive, .buttons a.positive{
    color:#82c242;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#dafab9;
    border:1px solid #8fc955;
    color:#82c242;
}
.buttons a.positive:active{
    background-color:#82c242;
    border:1px solid #529214;
    color:#fff;
}
/* NEGATIVE */
.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* ------------------------- Query Log ------------------------- */

#queryLog{
width:800px;
margin:0px auto;
background:#eee;
padding:20px 30px 30px 30px;
font-size:13px;
color:#000;
}

.queryBar{
margin:5px 5px 10px 5px;
}