/* Snakeoyl Products CSS Document
(c) Acuity Creative, Madison Wisconsin
*/

body{
	margin:0px;
	padding:0px;
	background-color:#8D8B8B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#333333;
	}
* {margin:0px; padding:0px}
			
.ProductTitle {
	COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}

.SmallText {
	COLOR: #666666; FONT-WEIGHT: normal; FONT-SIZE: 11px;
}
			
body*{
	text-decoration:none;
	border:none;
	list-style-type:none;
	}

#sub{
	margin: 0px 0px 10px 14px;
	background-image:url(images/bg.jpg);
	background-position: 0px;
	width:760px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	/*border-color:#000;
	border-style:solid;
	border-width:thin;*/
	}

#logo{
    position: absolute;
    top: 0px;
	margin-left: -14px;
	float: left; 
	width: 152px;
	height: 178px;
	background:transparent url(images/logo.jpg) top left no-repeat;
	/*border-color:#000;
	border-style:solid;
	border-width:thin;*/
	}
		
*html #logo{
    top:0px;
    margin-left: -14px;
	}
		
*html .carbox{
    margin:9px;
	}
		
#logotagline{
	position: absolute;
	top: 47px;
	width: 300px;
	height: 44px;
	margin-left: 43px;
	background: url(images/logotagline2.jpg) top left no-repeat; 
	}

*html #logotagline{
	position: absolute;
	top: 47px;
    width: 300px; 
	height: 44px;
	margin-left: 43px;
	}

#banner {
	background-image:url(images/headbg.gif);
	height: 152px;
	background-repeat: repeat-x;
	margin: 0;
	z-index: 15;
	font-style: italic;
	}

*html #banner{
	height: 152px;
	margin: 0;
	}

#toplinks{
	text-align:right;
	color: #333333;
	font-weight:bold;
	text-transform:uppercase;
	margin: 0px 0 0 0px;
	padding-right: 5px;
	padding-top: 48px;
	font-style:normal;
	}
		
#toplinks p{
	display:inline;
	vertical-align:top;
	margin:0;
	}

#toplinks p img{
	display:inline;
	vertical-align:top;
	margin:0;
	}
		
*html #toplinks{
	text-align:right;
	color: #333333;
	font-weight:bold;
	text-transform:uppercase;
	margin: 0px 0 0 0px;
	padding-right: 5px;
	padding-top: 48px;
	font-style:normal;
	}

*html #toplinks p{
	display:inline;
	vertical-align:top;
	margin:0;
	}

*html #toplinks p img{
	display:inline;
	vertical-align:top;
	margin:0;
	}

#content {
	margin: 0 0 0 190px;
	font-size: 12px;
	}
		
*html #jerry {
	width:567px;
	}

#sidebar-a {
	float: left;
	width: 190px;
	margin:25px 0 0 0;
	}

#footer {
	clear: both;
	padding: 0 5px 0  5px;
	margin-top: 5px;
	background-color:#333333;
	height: 20px;
	}
	
#footleft{
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	width: 300px;
	line-height: 20px;
	}
	
#footright{
	float:right;
	width: 400px;
	color:#FFFFFF;
	text-align:right;
	line-height: 20px;
	}

/* Navigation*/		
		
#navcontainer{
	margin: 16px 0 0 189px;
	padding: 0;
	height: 23px;
	background-image:  url("images/navbg.gif");
	background-repeat: no-repeat;
	background-position: left top;
	}
		
*html #navcontainer{
	margin-top: 16px;
	height: 23px;
	}

#navcontainer ul{		
	border: 0;
	margin: 0 0 0 23px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}

#navcontainer ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#navcontainer ul li a{
	width: 78px;
	height: 22px;
	border-right: none;
	padding: 0;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	line-height:22px;
	text-transform:uppercase;
	font-weight:bold;
	font-style:normal
	}

#navcontainer ul li a:hover{
	color: #0066ff;
	}

#navcontainer a:active{
	color: #0066ff;
	}
	
h1{
	background-color: #E4E4E4;
	color: #333333;
	text-align:center;
	letter-spacing: .05em;
	text-transform: uppercase;
	font-size: 11px;
	font-weight:bold;
	padding: 3px;
	margin:3px 0 5px 0;
	}
	
h2{
	background-color: #E4E4E4;
	color: #CC0000;
	text-align:center;
	letter-spacing: .05em;
	text-transform: uppercase;
	font-size: 11px;
	font-weight:bold;
	padding: 3px;
	margin:5px 0 5px 0;
	}
	
h3{
	background-color: #E4E4E4;
	color: #CC0000;
	text-align:center;
	letter-spacing: .05em;
	text-transform: uppercase;
	font-size: 11px;
	font-weight:bold;
	padding: 3px;
	margin:5px 0 5px 0;
	}
	
h5{
	background-color: #E4E4E4;
	color:#0066FF;
	text-align:center;
	letter-spacing: .05em;
	text-transform: uppercase;
	font-size: 11px;
	font-weight:bold;
	padding: 3px;
	margin:5px 0 5px 0;
	}	
	
.featureheading{
	background-color: #EdEdEd;
	color: #333333;
	text-align:left;
	text-transform: uppercase;
	font-size: 14px;
	font-weight:bold;
	padding: 3px;
	border: solid 1px #ffffff;
	margin:0;
	}
	
.feature2{
	background-color: #EdEdEd;
	color: #333333;
	text-transform: uppercase;
	font-size: 14px;
	font-weight:normal;
	}
	
.specialsheading{
	background-color: #EdEdEd;
	color: #999999;
	text-align:left;
	text-transform: uppercase;
	font-size: 14px;
	font-weight:bold;
	padding: 3px;
	border: solid 1px #ffffff;
	margin: 0;
	}
	
#movie{
	margin:0;
	text-align:right;
	}

/* Side navigation */

#sidelist li{
 	 margin:0;
	 display: inline;
	 /* for IE5 and IE6 */
 	}

#sidelist{
	 width: 185px;
	 /* to display the list horizontaly */
	 font-family: sans-serif;
	 margin: 0 0 0 0;
	 padding:0;
	}

#sidelist a {
	 width: 99.99%;
	 /* extend the sensible area to the maximum with IE5 */
	 display: block;
	 text-align: left;
	 text-decoration: none;
	 color: #000;
	 padding:2px 0 2px 5px; 
	 font-weight:bold;
 	}

#sidelist a:hover {
	background-color: #0066FF;
	color:#FFFFFF
	}

.modelselector{
	margin: 0 0 0 5px;
	padding: 2px 2px 2px 2px;
	}

.modelselector2{
	margin: 0 0 0 0px;
	padding: 2px 2px 2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#0066ff;
	}

.modelselector3{
	margin: 0 0 0 5px;
	padding: 2px 2px 2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	background-color: #ff6600;
	color:#ffffff;
	border:1px solid;
	border-top-color:#fff;
	border-left-color:#fff;
	border-right-color:#666;
	border-bottom-color:#666;
	}

.sidebox{
	margin-bottom: 10px;
	}
	
#search{
/*this tag controls the position of the navigation container */
	width: 230px;
	margin: 35px 0 0 525px;
	text-align:right;
	padding: 0 5px 0 0;
	font-size:9px;
	}
	
*html #search{
/*this tag controls the position of the navigation container in IE*/
	margin: 35px 0 0px 525px;
	padding: 0 5px 0 0;
	}

#search form{
	display: inline;
	}

*html #search form{
	display: inline;
	}

#search a{
	display: inline;
	}

*html #search a{
	display: inline;
	}
	
#search a img{
	display: inline;
	}

*html #search a img{
	display: inline;
	}

.searchbox{
	border: solid 1px #000000;
	background-color:#FFFFFF;
	font-size:10px;
	display:inline;
	}

#search input.searchbox {
	display: inline-block;
	vertical-align: top;
	}

*html #search input.searchbox {
	display: inline-block;
	vertical-align: top;
	}

/* fixes for browser differences BJW 20090402*/
#search input.searchbox { margin:-1px 0px -1px; }      /* all browsers read this, used to target IE6 */
html>body #search input.searchbox { margin:0px; }       /* IE 6 cannot read this, others can */
*+html>body #search input.searchbox {margin:-1px 0px -1px; }      /* targets IE7 */

.searchtext{
	color:#ffffff;
	font-style:normal;
	display: inline-block;
	}

#search span.searchtext {
	display: inline-block;
	vertical-align: middle;
	}

*html #search span.searchtext {
	display: inline-block;
	vertical-align: middle;
	}
	
#toplinks a:link {
	color:#333333;
	text-decoration:none;
	}
	
#toplinks a:visited{
	color:#333333;
	text-decoration:none;
	}
	
#toplinks a:hover{
	/*color:#cc0000;*/
	color:#0066ff;
	}

#footleft a:link{
	color:#FFFFFF;
	text-decoration:none;
	}
	
#footleft a:visited{
	color:#FFFFFF;
	text-decoration:none;
	}
	
#footleft a:hover{
	color:#0066FF;
	}

#save_percent {
	color:#FFFFFF;
	font-weight:bold;
	}