/*** innovations ***/

* { margin: 0; padding: 0; }

body {
	background: #036 url(/images/body-back.gif) repeat-x left top;
	color: #000;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

	* html body, * html table  { font-size: medium; }

.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }

p { margin: 0.5em 0 1.0em 0; }


.floatleft {
    float: left;   
}

.floatright {
    float: right;
}

img { border-width: 0; }
img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

ul {padding: 5px 0 5px 25px;}
ol {padding: 5px 0 5px 25px;}

ul li { list-style-type: disc; }

a.iconlink { padding-left:10px; background: url(/images/icon.gif) no-repeat top left; }

.bigtext { font-size: 1.2em; line-height: 1.6em; }
.quote { color: #048; background: url(/images/quoteback.gif) no-repeat left top; padding-top: 40px; margin-top: 20px; }


h1, h2, h3, h4, h5, h6 { margin: 0.5em 0 0.2em 0; }
h1 { font-size: 2.1em; color: #015; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
h2 { font-size: 1.7em; color: #126; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
h3 { font-size: 1.4em; color: #237; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
h4 { font-size: 1.2em; color: #348; line-height: 1.5em; font-weight: normal; letter-spacing: -1px; }

/*** BUTTONS ***/

.btn-150x22-white {
    background: transparent url(/images/bg-btncheckout.gif) no-repeat center center;
	border: 0px;
	color: #000;
	font-family: arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	width: 150px;
	cursor: pointer;
}

.btn-100x22-white {
    background: transparent url(/images/bg-btnnewsletter.gif) no-repeat center center;
	border: 0px;
	color: #000;
	font-family: arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	width: 100px;
	cursor: pointer;
}

.btn-62x22-white {
    width: 62px;
	height: 22px;
	padding: 0px;
	border: 0px solid #999;
	color: #000;
	font-family: arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	cursor: pointer;
	background: transparent url(/images/bg-btnsearch.gif) no-repeat center center;
}

.btn-62x22-blue {
    width: 62px;
	height: 22px;
	padding: 0px;
	border: 0px solid #999;
	color: #000;
	font-family: arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	cursor: pointer;
	background: transparent url(/images/bg-btnsearch2.gif) no-repeat center center;
}

.btn-120x22-blue {
    width: 120px;
	height: 22px;
	padding: 0px;
	border: 0px solid #999;
	color: #000;
	font-family: arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	cursor: pointer;
	background: transparent url(/images/bg-btnadd.gif) no-repeat center center;
}

.btn-150x22-blue {
    background: transparent url(/images/bg-btncheckoutb.gif) no-repeat center center;
	border: 0px;
	color: #000;
	font-family: arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	width: 150px;
	cursor: pointer;
}

/*** OVERALL LAYOUT ***/

#skiptomain { display: none; }

#wrapper {
	width: 1040px;
	margin: 0 auto;
	font-size: 0.85em;
	background: url(/images/wrapperback.png) repeat-y center top;
}

	#pagecontainer {
		width: 980px;
		padding: 0 30px;
	}

		#header {
			width: 960px;
			padding: 0px;
			margin: 0px 10px;
			background: #fff;
			}

			#toplogo {
				padding: 10px 0px 10px 10px;
				width: 420px;
				float: left;
				font-size: 0.9em;
			}
			
			    #toplogo strong {
			        font-size: 1.4em;  
			        font-weight: normal; 
			        color: #36a;
			        margin-left: 43px;
			    }


			#topright {
				padding: 10px 10px 0px 0px;
				width: 480px;
				float: right;
				text-align: right;
				font-size: 0.95em;
				color: #036;
				position: relative;
			}
			
			    /***************
                QUICKSEARCH
                ****************/

                #quicksearch {
                    text-align: left;
                    display: none; 
                    position: absolute;
                    right: 10px;
                    top: 70px;  
                    background: #FFF;
                    border: 1px solid #CCC;
                    z-index: 99;
                    width: 219px;
                    padding: 5px;
                    font-size: 0.9em;
                }
                
                    #quicksearch img {
                        cursor: pointer;   
                    }

                    #quicksearch-ul {
                        list-style-type: none;
                        padding: 0px;
                        margin: 0px; 
                        margin: 7px 0px 0px 0px;
                    }
                    
                    #quicksearch-ul li {
                        list-style-type: none;
                        padding: 4px 0px;
                        border-top: 1px solid #CCC;   
                    }  
                    
                    #quicksearch-ul li.first {
                        bordeR: 0px;   
                    }

                    #quicksearch-ul li a:link,  #quicksearch-ul li a:visited {
                        text-decoration: none;   
                    }
                			
				#toplinks {
					padding: 0px;
				}

				#toplinks ul.toprightnav {
					margin: 0px;
					padding: 0px;
					font-size: 0.95em;
					list-style: none;
					text-align: right;
					text-transform: uppercase;
					letter-spacing : -1px;
				}

					#toplinks ul.toprightnav li {
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 12px;
						display: inline;
					}

					#toplinks ul.toprightnav li a {
						color: #014;
						text-decoration: none;
					}

					#toplinks ul.toprightnav li a:hover {
						color: #016;
						text-decoration: underline;
					}

					#toplinks ul.toprightnav li.onstate {
						font-weight: bold;
					}

				#topmiddle {
					padding: 10px 0 0 0;
				}

					#topmiddle strong {
						font-size: 1.6em;
						font-weight: bold;
						margin-right: 15px;
						vertical-align: middle;
					}



					input.search {
						width: 135px;
						padding: 0px 3px 3px 3px;
						border: 1px solid #666;
						font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					}

					input.searchsubmit {			
						margin-left: 2px;
					}

				#topcart {
					padding: 0px 0px 10px 0px;
					line-height: 22px;
					height: 22px;
				}



			#topright a:link, #topright a:visited { color: #048; text-decoration: underline; }
			#topright a:hover { color: #26a; text-decoration: underline; }


				    #topright .trbutton {
					display: block;
					background: #fd0 url(/images/bg-trbutton.gif) repeat-x center center;
					float: right;
					margin-left: 5px;
					line-height: 22px;
					height: 22px;
				    }

				    #topright .trbutton img {
					float: left;   
				    }

				    #topright .trbutton a {
					float: left;   
					font-size: 0.95em;
					font-weight: bold;	
					text-decoration: none; 
					font-family: arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;	
					color: #036; 
					padding: 0px 5px;
				    }

				    #topright .trbutton a:hover {
					text-decoration: underline;   
				    }

		#topnav {
			width: 960px;
			height: 42px;
			background: #048 url(/images/topnav-back.gif) no-repeat center top;
			font-size: 0.95em;
			margin: 0 10px;
			padding: 0px;
		}

			/* #navbar is now controlled by suckerfish.css */


		#topbar {
			width: 940px;
			padding: 0px 10px;
			margin: 0px 10px;
			background: #eee;
			color: #000;
			border-top: 3px solid #fd0;
		}

			#breadcrumb {
				width: 700px;
				float: left;
				padding: 7px 0px 5px 0px;
				font-size: 0.9em;
			}

			#breadcrumb a:link, #breadcrumb a:visited { color: #000; text-decoration: none; }
			#breadcrumb a:hover { color: #000; text-decoration: underline; }

			#topdate {
				width: 200px;
				float: right;
				text-align: right;
				padding: 7px 0px 5px 0px;
				font-size: 0.8em;
				color: #333;
			}

		#maincontent{
			clear: both;
			width: 960px;
			padding: 5px 0px 10px 0px;
			margin: 0px 10px;
			color: #000;
			line-height: 1.5em;
			font-size: 0.95em;
			background: #fff;
		}

			#maincontent a:link, #maincontent a:visited { color: #015; text-decoration: underline; }
			#maincontent a:hover { color: #459; text-decoration: underline; }

			#page-content {
				width: 960px;
				margin: 0;
				padding: 0;
			}

				#main-content {
					width: 636px;
					float: left;
				}


				#main-content ul {padding: 5px 0 5px 25px;}

				#rhs-content {
					width: 312px;
					float: right;
				}

		#pagefooter {
			clear: both;
			width: 960px;
			padding: 10px 0px 10px 0px;
			margin: 10px 10px 0px 10px;
			font-size: 0.95em;
			background: #fff url(/images/pagefooterback.gif) repeat-x center top;
			color: #333;
			border-top: 1px solid #015;
		}

			#pagefooter a:link, #pagefooter a:visited { color: #015; text-decoration: underline; }
			#pagefooter a:hover { color: #015; text-decoration: underline; }


			.pagefooter1 {
				margin: 0px 12px 0px 0px;
				float: left;
				width: 140px;
				font-size: 0.9em;
				color: #000;
				padding: 10px 5px 0px 5px;
			}

			.pagefooter2 {
				margin: 0px 12px 0px 0px;
				float: left;
				width: 140px;
				font-size: 0.9em;
				color: #000;
				padding: 10px 5px 0px 5px;
			}

               input.newsletter {
					width: 120px;
					font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
					font-size: 1em;
					padding: 2px 5px;
					margin: 0px 0px 3px 0px;
				}

				input.newslettersubmit {
					margin-top: 2px;
				}

			.pagefooter3 {
				margin: 0px 12px 0px 0px;
				float: left;
				width: 140px;
				font-size: 0.9em;
				color: #000;
				padding: 10px 5px 0px 5px;
			}

			.pagefooter4 {
				margin: 0px 12px 0px 0px;
				float: left;
				width: 140px;
				font-size: 0.9em;
				color: #000;
				padding: 10px 5px 0px 5px;
			}

			.pagefooter5 {
				margin: 0px 12px 0px 0px;
				float: left;
				width: 140px;
				font-size: 0.9em;
				color: #000;
				padding: 10px 5px 0px 5px;
			}

			.pagefooter6 {
				margin: 0;
				float: left;
				width: 140px;
				font-size: 0.9em;
				color: #000;
				padding: 10px 5px 0px 5px;
			}

		#footer {
			clear: both;
			width: 940px;
			padding: 15px 10px;
			margin: 0px 10px 0px 10px;
			font-size: 0.9em;
			color: #fff;
			background: #112;
		}

		#footer a:link, #footer a:visited { color: #ddf; text-decoration: none; }
		#footer a:hover { color: #ddf; text-decoration: underline; }


		#belowfooter {
			clear: both;
			margin: 0px 10px;
			width: 910px;
			padding: 10px 10px 10px 40px;
			font-size: 0.9em;
			color: #000;
			background: #fff url(/images/footerlogo.gif) no-repeat 3px 10px;
		}


		#belowfooter img {
			float: right;
			margin: 0 0 0 10px;
		}

		#belowfooter a:link, #belowfooter a:visited { color: #006; text-decoration: none; }
		#belowfooter a:hover { color: #006; text-decoration: underline; }


/*****************
NO BULLET LIST
*****************/

ul.nobullets {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

	ul.iconlist li{
		margin: 0px;
		padding: 0 0 0 10px;
		display: block;
		line-height: 1.5em;
	}

/*****************
PAGEBOTTOM LIST
*****************/

ul.pagefooterlist {
	margin: 0;
	padding: 0px;
	list-style: none;
}

	ul.pagefooterlist li{
		margin: 0px;
		padding: 0px;
		display: block;
		line-height: 1.5em;

	}

/*****************
 FEATURES
*****************/

.pagefeature5pro {
	width: 798px;
	float: left;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

.pagefeature4col {
	width: 626px;
	float: left;
	padding: 5px;
	margin: 10px 12px 10px 0px;
	background: #fff url(/images/pagefeature3back.gif) repeat-x center bottom;
}

.pagefeature3col {
	width: 464px;
	float: left;
	padding: 5px;
	margin: 10px 12px 10px 0px;
	background: #fff url(/images/pagefeature3back.gif) repeat-x center bottom;
}

.pagefeature2col {
	width: 302px;
	float: left;
	padding: 5px;
	margin: 10px 12px 10px 0px;
}

.pagefeature1col {
	width: 140px;
	float: left;
	padding: 5px;
	margin: 10px 12px 10px 0px;
	background: #fff url(/images/pagefeature1back.gif) repeat-x center bottom;
}

	.pagefeatureend { margin-right: 0; }


/*****************
CATEGORIES  
*****************/
.categoryheader {
    width: 450px;  
    height: 250px;
    padding-left: 10px; 
}

    .filter {
        background: none;
        padding: 0px;
    }

    .filter h3 {
        padding-bottom: 10px;   
    }

    .filter ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }   
    
    .filter ul li {
        padding: 5px 0px;   
        list-style-type: none;
    }
    
    #maincontent .filter ul li a:link, #maincontent  .filter ul li a:visited {
        text-decoration: none;
    }
    
    #maincontent  .filter ul li a:hover {
        text-decoration: underline;   
    }
        

/*****************
 PRODUCTS
*****************/

.product {
  	float: left;
  	width: 140px;
  	height: 240px;
  	padding: 5px;
  	margin: 5px 12px 10px 0px;
 	background: #fff url(/images/pagefeature1back.gif) repeat-x center bottom;
 	color: #000;
 	position: relative;
}


.productend {
   	margin: 5px 0px 10px 0px;
}


.product p {
   	margin: 0px;
   	padding: 5px 10px 5px 10px;
}

.product strong {
   	font-size: 0.95em;
}

.productprice {
   	position: absolute;
   	bottom: 10px;
   	left: 15px;
}

.productprice strong {
   	font-size: 1.3em;
}

#productinfo {
    width: 550px;   
    float: left;
}

    #productinfo h1 {
        margin: 0em 0em 0em 0em;   
    }
    
    #productinfo span {
        font-size: 1.4em; 
        font-weight: bold;  
        color: #48b;
        font-family:  'Trebuchet MS',arial, helvetica, helve, sans-serif;
	
    }

#buythisnow {
    clear: both;
    width: 942px;
    background: #EEE;
    border: 1px solid #cCF;
    margin: 0px 0px 0px 0px;
    padding: 5px 8px;
}

    #buythisnow h2 {
        margin: 0em 0em 0.2em 0em;   
    }
    
    #buythisnow #subtotal {
        font-size: 1.6em; 
        font-weight: bold;  
        color: #048;
        font-family:  'Trebuchet MS',arial, helvetica, helve, sans-serif;
        float: right;
        margin: 15px 15px 0px 0px;
    }
    
    #buythisnow .btnAdd {
        clear: both;
        float: right;
        margin: 10px 15px 0px 0px;
    }
    
    table.variants {
        font-size: 0.95em;   
        border-collapse: collapse;
        width: 100%;
    }
    
    table.variants td, table.variants th  {
        text-align: left; 
        border-bottom: 1px solid #ccc; 
        padding: 2px 10px; 
    }
    
    table.variants td {
        height: 30px;
    }
    
        table.variants th.ha { width: 450px; }
        table.variants th.hb { width: 80px; }
        table.variants th.hc { width: 40px; }
        table.variants th.hd { width: 40px; }
        table.variants th.he { width: 40px; }
        table.variants th.hf { width: 70px; }
        table.variants th.hg { width: 150px; }
        table.variants th.hh { width: 50px; }
        table.variants th.hi { width: 50px; }
    
    table.variants .start {
        padding: 0px 10px 0px 0px;    
    }
    
        table.variants .start img {
            vertical-align: middle;
        }
    
    table.variants .additional {
        border-bottom: 1px solid #ccc;
        padding: 0px 0px 0px 10px;
        color: #048;
    }
    
                
    table.variants .additional .additionaltoggle {
        cursor: pointer;   
    }
    
    table.variants .additional img {
        vertical-align: -1px;
        margin-left: 2px;
    }
    
    table.variants .additionalcontent {
        padding: 0px;
        color: #048;
        width: 100%;
        margin-left: 16px;
    }
       
        .additionalcontent div {
            float: left;   
            padding: 0px 0px 2px 0px;
        }        
        
        .additionalcontent .aa { width: 220px; }
        .additionalcontent .ab { width: 560px; }
        .additionalcontent .ac { width: 75px; }
            
    table.variants tr.noborder td {
        border: 0px;   
    }
    

/*****************
 CONTACT FORM
*****************/

#contactform label {
    float: left;
    display: block;
    width: 150px;   
}

#contactform input {
    width: 300px;
    margin: 0px 0px 8px 0px;   
}

#contactform textarea {
    width: 302px;
    height: 80px;
    margin: 0px 0px 8px 0px;   
    overflow: auto;
    vertical-align: top;
}

#contactform .contactsubmit {
	margin-left: 2px;
}


/*****************
 SHOP CART
*****************/

#shopcart-container {
	padding:0px;
	border:0px solid #f90;
	float:left;
	width:958px;
	margin-top: 3px;
}

.smred {
    color: #c00;
    font-size: 0.8em;   
}

    .cola { width: 78px; }
    
    .colb { width: 48px; }
    
    .colc {  width: 602px; }
    
    .cold {  width: 88px; }
    
    .cole { width: 88px; }
    
    .colfull { width: 948px; }
    
    ul li.border {  border-right: 1px solid #ACC; }

#maincontent #shopcart-headers {
	margin:0px 0px 0px 0px;
	float:left;
	clear:both;
	width:100%;
}

	#maincontent #shopcart-headers ul {
		border:1px solid #CCC;
		background:#EEE;
		padding:2px 0px 2px 0px;
		margin:0px;
		float:left;
	    width:100%;
	}

	#maincontent #shopcart-headers ul li {
		display:inline;
		float:left;
	    padding:2px 5px 2px 5px;
		margin:0px;
		text-align:center;
	}
	
.shopcart-row {
	margin:0px 0px 0px 0px;
	float:left;
	clear:both;
	width:100%;
}

	.shopcart-row ul {
	    background:#FFF;
		padding: 2px 0px 2px 0px;
		margin: 0px 0px 0px 0px;
		float: left;
		border-bottom: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		line-height: 1.1em;
	    width:100%;
	}
	
    .shopcart-row ul.offer {
        background: #FFC;   
    }

	.shopcart-row ul li {
		display:inline;
		float:left;
		padding:2px 5px 2px 5px;
		margin:0px;
		text-align:center;
		height:75px;
	}
	
	.shopcart-row .productcell {
	    text-align: left;
	}
	
.shopcart-extras {
    clear: both;
    text-align: right;
    padding: 0px 0px 0px 0px;
}
	
.shopcart-extras input {
    margin: 10px 10px 0px 0px;
}

.shopcart-extras p {
    margin: -4px 0px 0px 0px;
    padding: 0px;
    font-size: 0.85em;
}

#maincontent #shopcart-discount .discount-error {
    color: #600;
    font-weight: normal;
    float: left;
    display: block;   
}
	
#maincontent #shopcart-delivery {
	margin:10px 0px 0px 0px;
	float:left;
	clear:both;
	width:100%;
}

	#maincontent #shopcart-delivery ul {
	    background:#EEE;
		border:1px solid #CCC;
		padding:2px 0px 2px 0px;
		margin:0px;
		float:left;
	    width:100%;
	}

	#maincontent #shopcart-delivery ul li {
		display:inline;
		float:left;
	    padding:2px 5px 2px 5px;
		margin:0px;
		text-align:right;
	}
	
#maincontent #shopcart-discount {
	margin:10px 0px 0px 0px;
	float:left;
	clear:both;
	width:100%;
}

	#maincontent #shopcart-discount ul {
	    background:#048;
		border:1px solid #004;
		padding:2px 0px 2px 0px;
		margin:0px;
		float:left;
	    width:100%;
	    color: #FFF;
	}

	#maincontent #shopcart-discount ul li {
		display:inline;
		float:left;
	    padding:2px 5px 2px 5px;
		margin:0px;
		text-align:right;
	}

#maincontent #shopcart-totals {
	margin:10px 0px 0px 0px;
	float:left;
	clear:both;
	width:100%;
}

	#maincontent #shopcart-totals ul {
		border-bottom:1px solid #BDD;
		background:#fff;
		padding:2px 0px 2px 0px;
		margin:0px;
		float:left;
	}

	#maincontent #shopcart-totals ul li {
		display:inline;
		float:left;
		padding:2px 5px 2px 5px;
		margin:0px;
		text-align:right;
	}
	
.shopcart-btn {
}

.shopcart-update {
    clear: right;
    float: right;
}

.shopcart-status {
    display: block;
    float: right;
    margin: 5px 0px;
}
.clear{
clear:both;
}

.commentBox{
width:200px;
Height:70px;
}

.contactpic{
float:right;
position:relative;
margin:0 -25px 0 0;
}

.visitmap {
    width: 100%;
    height: 400px;   
}

/*****************
 GMAP
*****************/

.visitmap-dir {
    font-size: 1em;  
    padding: 5px;
}

.visitmap-dir-panel {
    font-size: 0.8em;  
}

    .visitmap-dir-panel .adp-substep, .visitmap-dir-panel .adp-text {
        font-size: 0.8em;   
    } 
    
    .visitmap-dir-panel .adp-list {
        margin-top: 10px;   
    }
    
    .visitmap-dir-panel table.adp-fullwidth {
        font-size: 1.2em; 
    }


/***************
NEWS PAGE
****************/

#newsArticle {
    width: 650px; 
    float: left;   
}

#newsArchive {
    float: left;
    width: 300px;
       
}

/***************
DOWNLOADS
****************/

.download {
    margin: 20px 0px;   
}

    .download img {
        margin-top: 7px;   
    }

    .download-inner {
        width: 600px;
        float: left;
    }
    

/***************
FORMS   
****************/

.errmessage {
    border: 1px solid #F9C;
    background-color: #FDD;
    padding: 10px 5px;
    margin: 5px auto 20px auto;
    color: #600;
    font-size: 0.9em;
    line-height: 1.6em;
	width: 520px ;
}

.entryform {
    margin: 20px auto;
    padding: 10px 88px;
    width: 360px;
    background: #fff url(/images/pagefeature3back.gif) repeat-x center bottom;
}

    .entryform label {
        display: block; 
        float: left;   
        width: 147px;
        margin: 5px 0px;
    }
    
    .entryform input.text {
        width: 200px;   
        margin: 5px 0px;
    }
    
    .entryform .captcha {
        float: left;
        padding: 5px 5px 0px 5px;
        margin: 5px 0px;
        border: 0px solid #DDF;   
    }
    
    .entryform .btn {
        margin: 10px 120px 5px 120px;
    }
    
    
.gmap {
    width: 100%;
    height: 300px;   
}

.subfeature {
	float: left;
	width: 380px;		
	margin-right: 19px;
}

.subfeatureend {
	margin-right: 0px;
}

.subtitle {
}