@charset "utf-8";
/* CSS Document */

/*

	triple crown customer service stylesheet 
	coded by: paul jarvis of twothirty.com
	
	
	COLOUR PALETTE
	
	light grey/text			ccc
	med grey				333
	dark grey				1a1a1a
	darkest grey			0d0d0d
	
	light green				b6cb00
	med green				9cb700
	dark green				728500
	
	
*/

* { padding: 0; margin: 0; } 

html {
	border-top: 2px solid #9cb700;
	text-align: center;
	}

body {
	font: 13px/17px "Trebuchet MS", "Lucida Grande", tahoma, sans-serif;
	background: #000;
	color: #ccc;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	}
		
	body.sub { background: #000 url("../src/back-2col.gif") top center repeat-y; }
	body.home { background: #000 url("../src/back-3col.gif") top center repeat-y; }

.reset {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 1px; 
	line-height: 0.1;
	}
	
	
/* interface
-------------------------------------------------------- */

#container{
	width:900px;
	background: #000 url("../src/pageborders.jpg") top center repeat-y;
	position: relative;
	float:left;
}

#left {
	width:224px;
	height:100%;
	float:left;
	padding-left:1px;
	position: relative;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#lefttitle {
	background: url("../src/prod_nav.jpg") top center no-repeat;
	float:left;
	width:223px;
	height:46px;
}
#contents {
	margin: 0 0 0 225px;
	min-height:500px;
}

.greenline {
	border-bottom: 1px solid #9cb700;
	margin: 0 2px;
	background-color:#000000;
	padding: 0;
	
}


#productTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	padding: 10px 10px;
	width:646px;
	margin: 10px 2px;
	border-left: 1px solid #669933;
	border-right: 1px solid #669933;
	float: left;
	background-color:#333333;
}

#productSearch { 

	background: url("../src/prod_title_bg.jpg") top center no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:normal;
	/*border-bottom: 1px solid #666666;*/
	padding: 20px 10px;
	margin: 0 1px;


}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* gvg styles */

#center_column {
	float:left;
	width:500px;
	position: relative;
}

#center_column p, #homepage img{
	padding-left:22px;
}

#center_column p img {
	float:left;
	padding-top:10px;
}

/* carts section settings */
#cartStages { 
	background: url("../src/cart_stages_bg.jpg") repeat-x;
	margin: 0 1px;
	height:57px;
}

#cart_column {
	margin: 10px 10px;
}
#cart_column td {
	padding: 0 5px;
}


#cart_container {

	float:right;
	width: 154px;
	background: url(../src/cart_mid.jpg) repeat-y;
	margin-top:10px;
	margin-right:5px;
}
.cart_header {
	background: url(../src/cart_top.jpg);
	height:46px;
}
.cart_footer{
	background: url(../src/cart_bot.jpg);
	height:16px;
	margin-top: 20px;
}

.cart_gekko {
	background: url(../src/gekko2.jpg);
	height:226px;
}

.cart_links {
	padding-left: 13px;
	padding-right: 13px;
}

/*#cart_container img {
	border:1px #FFFFFF solid;
}*/

.product_container_new {
	text-align:left;
	background-position:bottom;
	background-image: url(../images/hr.gif);
	background-repeat:no-repeat;
	padding: 10px 10px;
	FLOAT: left; 
}

.product_container_new .left_column {
	float:left;
	width:340px;
	margin: 10px 0;
}

.product_container_new .left_column2 {
	float:left;
	width:220px;
	margin: 10px 0;
	margin-left:5px;
}


.product_container_new .right_column {
	float:right;
	width:130px;
	margin: 10px 0;
}
.product_container_new .right_column2 {
	float:right;
	width:228px;
	margin: 10px 0;
	margin-right:5px;
	text-align:left;
}

.product_container_new .right_column2 img{
	margin-bottom: 2px;
	margin-left:2px;
	/* float: right; */
	float: left;
}

.product_container_new .fotter_images {
	margin: 10px 0;
	text-align:center;
	position:relative;
	clear:both;
}

.product_container_new .fotter_images img{
	margin-bottom: 2px;
	margin-left:2px;
	/* float: right; */
}

.product_container_new .right_column img{
	margin-bottom: 2px;
	float: right;
	
}


.product_container_new .left_column img {
	/*margin-left:10px;*/
}

.product_container_new img {
	border:1px #FFFFFF solid;
}

.product_container_new ul {
	color:#FFFFFF;
	text-align:left;
	margin-top:15px;
	margin-bottom:15px;

}

.product_container_new li {
	list-style:none;
	margin-left: 10px;
	padding-left: 8px;
	padding-right:8px;
	background: url("../src/li.gif") 0 6px no-repeat;
	font-family:"Trebuchet MS", Georgia, "Lucida Grande", tahoma, sans-serif;
}

h6 {
	font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	padding: 10px 10px;
	border-left: 1px solid #669933;
	border-right: 1px solid #669933;
	text-align: left;
/*	background-color:#333333;*/
	background-color: #0D0D0D;
}

	


/* products settings */
#prodImg {
	float:left;
	position:relative;
	border: 1px solid #333333;
	width: 300px;
	height: 225px;
	margin: 0 2px;
	padding: 10px 10px;
}

DIV#product-list {
	FLOAT: left; width: 340px; margin: 0; position:relative; margin-bottom:20px;
}

DIV#product-details {
	margin: 20px 0;
	border-bottom: 1px solid #FF9900;
	padding: 20px 10px;
}


div#trial {
	padding: 10px 10px 10px 10px;
	float:left;
	position:relative;

}




DIV#product-list DIV.product-item {
	FLOAT: left; WIDTH: 100px; height:75px; padding: 2px 2px;
}
DIV#product-list DIV.product-item A {
	DISPLAY: block; WIDTH: 100px; BACKGROUND-COLOR: red; height:75px;
}
DIV#product-list DIV.product-item A IMG {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; DISPLAY: block; BORDER-LEFT: #333333 1px solid; WIDTH: 100px; BORDER-BOTTOM: #333333 1px solid; POSITION: relative; HEIGHT: 75px
}
DIV#product-list DIV.product-item A:hover IMG {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid
}

/* portrait image settings */
DIV#product-list DIV.product-item-p {
	FLOAT: left; WIDTH: 100px; height:154px; padding: 2px 2px;
}
DIV#product-list DIV.product-item-p A {
	DISPLAY: block; WIDTH: 100px; BACKGROUND-COLOR: white; height:154px;
}
DIV#product-list DIV.product-item-p A IMG {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; DISPLAY: block; BORDER-LEFT: #333333 1px solid; WIDTH: 100px; BORDER-BOTTOM: #333333 1px solid; POSITION: relative; HEIGHT: 154px
}
DIV#product-list DIV.product-item-p A:hover IMG {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid
}


#header {
	height: 97px;
	float:left;
	position:relative;
	/*border-bottom: 1px solid #9cb700; */
}


#content, #masthead{
	float: left;
	position: relative;
	width: 100%;
}
	
#masthead {
	border-top: 6px solid #000;
	border-bottom: 6px solid #000;
}

#main {
	float: left;
	width: 540px;
	margin: 30px 0;
}
	
.col {
	float: left;
	width: 270px;
	margin: 30px 0;
}
	
#footer {
	margin-top: 80px;
	border-bottom: 1px solid #9cb700;
	border-top: 1px solid #9cb700;
	margin: 0 1px;
	background-color: #000000;
	padding: 10px 10px;

}
	


	
/* navigation links
-------------------------------------------------------- */
ul#nav {
	position: relative;
	height: 97px; width: 900px;
	background: url("../src/nav.gif") no-repeat;
	}

	ul#nav li {
		float: left;
		list-style: none;
		}
	
	ul#nav li a {
		position: absolute;
		text-indent: -9999px;
		text-decoration: none;
		border: none !important;
		top: 0; height: 97px;
		}

		ul#nav li#nav-logo a {
			left: 0px; width: 222px;
			background: url("../src/nav.gif") no-repeat;
			}
		ul#nav li#nav-home a { 
			left: 440px; width: 57px; 
			background: url("../src/nav.gif") -440px 0 no-repeat;
			}
		ul#nav li#nav-about a { 
			left: 497px; width: 82px; 
			background: url("../src/nav.gif") -497px 0 no-repeat;
			}
		ul#nav li#nav-account a { 
			left: 579px; width: 111px; 
			background: url("../src/nav.gif") -579px 0 no-repeat;
			}
		ul#nav li#nav-products a { 
			left: 690px; width: 111px; 
			background: url("../src/nav.gif") -690px 0 no-repeat;
			}
		ul#nav li#nav-contact a { 
			left: 801px; width: 95px; 
			background: url("../src/nav.gif") -801px 0 no-repeat;
			}
			

ul#nav li#nav-home a:hover  			{ background-position: -440px -97px; }
ul#nav li#nav-about a:hover  			{ background-position: -497px -97px; }
ul#nav li#nav-account a:hover  			{ background-position: -579px -97px; }
ul#nav li#nav-products a:hover  			{ background-position: -690px -97px; }
ul#nav li#nav-contact a:hover  			{ background-position: -801px -97px; }

ul#nav li#nav-home a.active  			{ background-position: -440px -194px; }
ul#nav li#nav-about a.active  			{ background-position: -497px -194px; }
ul#nav li#nav-account a.active  			{ background-position: -579px -194px; }
ul#nav li#nav-products a.active  		{ background-position: -690px -194px; }
ul#nav li#nav-contact a.active  		{ background-position: -801px -194px; }

	
/* non-navigation links
-------------------------------------------------------- */
a {
/*	color: #b6cb00; */
	color:#FFFFFF;
			
	}

a:hover {
	color: #9cb700;
}


#pagin {
	padding:10px 10px; 
	border-bottom: dotted 1px #666666; 
	margin: 0 10px; 
	position:relative;
	text-align:center;
	display:block;
}

#pagin A {
	color:#FFFFFF;
	font-family:Verdana, Georgia, Garamond, Arial;
	font-size:11px;
	padding: 1px 5px;
	text-decoration:none;
	margin-left:2px;
	
}

#pagin A:hover {
	background-color:#999999;
}
#pagin span {
	color:#FF9900;
	font-family:Verdana, Georgia, Garamond, Arial;
	font-size:11px;
	padding: 1px 5px;
	margin-left:2px;
}