/*--------------------------------------------------Structure Tags*/
body{
background-image:url(images/bg.gif);
background-position:center;
background-repeat:repeat-y;
}
#bg .left{
background-image:url(images/bg_left.png);
background-position:right;
background-repeat:repeat-y;

}

#bg .right{
background-image:url(images/bg_right.png);
background-position:left;
background-repeat:repeat-y;

}
.topstrip{

background-image:url(images/topstrip_bg.gif);
background-repeat:repeat-x;
}
/*--------------------------------------------------Header*/

#maincol h1.basket {
background: transparent url(images/order_progress_sprite.gif)
    0 0 no-repeat;
	width:450px;
	height:37px;
}

#header img.logo{
margin:20px;
float:right;
clear:right;
}
#header #rednav{
height:27px;
background-color:#FF0000;
width:auto;
float:left;
margin-left:30px;
}
#header #rednav img{
float:left;
}
#header ul.secondaryNavUL {
height:27px;
list-style:none;
float:left;
display:block;
background-image:url(images/rednav_bg.gif);
background-position:left;
background-repeat:no-repeat;
}
#header ul.secondaryNavUL li{
float:left;
list-style:none;
height:21px;
display:block;
padding:0px 0px 0px 12px;
}
#header ul.secondaryNavUL li a{
font-family:Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:.7em;
}
#header ul.secondaryNavUL li a:hover{
text-decoration:underline;
}
/*----------------------------------Left Col*/
#related{
}
#related h1{
color:#FFFFFF;
font-size:.9em;
padding-top:8px;
}
#related ul{
width:160px;
background-image:url(images/related.gif);
background-position:top;
background-repeat:no-repeat;
border-bottom:2px solid #ff0000;
margin-top:15px;
padding:40px 0px 10px 20px;
}
#related li{
list-style:none;
}
#related li a{
font-size:.8em;
text-decoration:none;
color:#000000;
}
#related li a:hover{
text-decoration:underline;
}

#leftcol a.intouch{
background-image:url(images/get_in_touch.gif);
background-repeat:no-repeat;
background-position:top;
width:147px;
height:69px;
display:block;
float:right;
text-align:center;
color:#000000;
font-size:.75em;
padding:54px 10px 10px 10px;
margin-top:20px;
text-decoration:none;
}
#leftcol a.intouch:hover{
background-position:bottom;
}

/*----------------------------------Footer*/
a.red{
background:#F00 url(images/red_btn.gif) bottom no-repeat;
display:block;
height:41px;
width:150px;
color:#FFFFFF;
text-decoration:none;
font-size:.8em;
text-align:center;
margin-top:10px;
clear:both;
padding-top:8px;
}
a.green{
background: #090 url(images/green_btn.gif) bottom no-repeat;
display:block;
height:41px;
width:150px;
color:#FFFFFF;
text-decoration:none;
font-size:.8em;
text-align:center;
margin-top:10px;
padding-top:8px;
clear:both;
}
a.red:hover, a.green:hover{
background-position:top;
}

#leftcol .red, #leftcol .green{
margin-left:10px;
}
#validation{
padding:10px;
}
#validation img{
margin:3px;
}


/*--------------------------------------Navigation*/
.qmmc{
width:180px;
list-style:none;
margin-top:15px;
background-image:url(images/nav_mid.gif);
background-repeat:repeat-y;
background-color:#006600;
}
.primaryNavLI{
text-align:left;
clear:both;
width:170px;
display:block;
margin-left:10px;
z-index:11;
}
.primaryNavLI span a{
background-image:url(images/nav_base.gif);
background-repeat:no-repeat;
background-position:right;
width:170px;
}

#li1{
background-image:url(images/nav_top.gif);
background-repeat:no-repeat;
background-position:right;
}
.primaryNavLI a{
font-size:.8em;
color:#FFFFFF;
text-decoration:none;
width:170px;
height:35px;
display:block;
line-height:220%;
}
.primaryNavLI a:hover{
color:#b5e7b5;
}

.primaryNavLI:hover ul, .primaryNavLI.over ul{
display: block;
}
/*----------------------------------Second Level*/
ul.subMenu{
display:none;
width:180px;
}
.primaryNavLI ul li{
height:35px;
background-image:none;
background-color:#b5e7b5;
display:block;
width:170px;
margin-left:-13px;
/*background-image:url(images/bg_left.png) !important;
background-position:left;
background-repeat:no-repeat;
background-image:none;
*/padding-left:13px;
}
.primaryNavLI ul li a{
color:#014e27;
text-decoration:none;
line-height:220%;
font-size:.8em;
}
.primaryNavLI ul li a:hover{
color:#009933;
}

/*----------------------------------Main Col*/


#cse-search-results{
margin-left:25px;


}
#submitBtn1{
background-color:#009933;
color:#FFFFFF;
font-size:1.2em;
font-weight:normal;
border:none;
padding:8px;
cursor:pointer;
}

#submitBtn:hover{
background-color:#006633;
}


/*----------------------------------Contact Form*/



/*-----------------------------------SEARCH BOX -------------------------*/
#cse-search-box input#submitBtn{
	border: none;
    background: url('images/searchGo.gif') no-repeat top left;
    padding: 0px 0px;
	cursor:pointer;
}

/*Thickbox - Carousel Link*/
.thickbox{
background:#000 url(images/carousel_bg.jpg) no-repeat top;
width:167px;
height:41px;
display:block;
color:#FFFFFF;
text-decoration:none;
padding-top: 100px;
margin-left:10px;
margin-top:10px;
text-align:center;
font-size:14px;
margin-bottom:0px;
}
.thickbox:hover{
background-position:bottom;
}

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

#maincol form .buttons input, #maincol form .buttons a{

background:#007A23 url(images/button_sprite.gif) no-repeat scroll right top;
border:1px solid #007A23;
color:#FFF;
font-weight:bold;
font-size:12px;
width:100px;
height:20px;
padding-right:10px;
}

/*--------------------------------------------------Green Message Form
	Blue Water is not responsible for the forms creation as tables rather than pure CSS.
*/
table.myForm{
	width:200px;
}
.myForm td{
	display:block;
	width:auto;
}
.myForm td input, .myForm td textarea{
	border:1px solid #007A23;
	width: 340px;
	height:30px;
}

#frmSS17 .myForm td, input, select, textarea, checkbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.myForm td textarea {
	height: 130px;
}