/* - - - - - - - - - - - - - - - - - - - - -

Title : International Karting Distributor
URL : http://www.internationalkarting.com.

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

- - - - - - - - - - - - - - - - - - - - - */

/*
----------------------------------------------------------------------------- 
GLOBALS
-----------------------------------------------------------------------------*/

/* default styles */
html {
  overflow: -moz-scrollbars-vertical;
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #eceaeb url('../templateimages/bg_main.jpg') repeat-x;
	font: normal 12px/14px arial, verdana, helvetica;
	color: #666;
	text-align: center;
}

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

li {
	margin: 0;
	padding-left: 10px;
	font: normal 12px/14px arial, verdana, helvetica;
	color: #666;
	background: url('../templateimages/arrow.gif') no-repeat 0px 4px;
}

p, td {
	font: normal 12px/14px arial, verdana, helvetica;
	color: #666;
}

a:link, a:visited {
	color: #627fd4;
}

a:hover, a:focus {
	color: #627fd4;
	text-decoration: none;
}

h1 {
	margin: 0;
	font: normal 18px arial, verdana, helvetica;
	color: #666;
}

h2 {
	margin: 0;
	font: bold 16px arial, verdana, helvetica;
	color: #666;
}

form {
  margin: 0;
	padding: 0;
}

input, select, textarea {
	margin: 0;
	font: normal 12px arial, verdana, helvetica;
	color: #666;
}

fieldset {
  margin: 0;
	padding: 0;
  border: 0;
}

legend {
  display: none;
}

img {
  border: 0;
	display: block;
}

dl, dt, dd {
  margin: 0;
  padding: 0;
}

br.clear {
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0
}

/*
----------------------------------------------------------------------------- 
LAYOUTS AND WRAPPERS
-----------------------------------------------------------------------------*/

#wrapper {
  width: 770px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	vertical-align:top;
	background: #f1f1f1 url('../templateimages/bg_top.jpg') no-repeat;
}

#subwrapper {
  width: 770px;
	min-height: 100%;
}* html #subwrapper { height: 100%; }

#headerwrap {
  width: 739px;
	height: 110px;
	margin: 0 auto;
	background: url('../templateimages/logo.jpg') no-repeat;
}

 #quicklinkswrap {
   width: 739px;
	 height: 25px;
	 background: url('../templateimages/title_quicklinks.gif') no-repeat 330px 0px;
 }

 	 #quicklinkswrap ul {
     float: right;
		 width: 300px;
	   height: 25px;
	   margin: 0;
	   padding: 0;
	   list-style: none;
 	 }

 	 	 #quicklinkswrap ul li {
	     float: left;
			 margin: 0;
	     padding: 0;
			 color: #FFF;
			 background: none;
 	 	 }

 	 	 	 #quicklinkswrap ul li a:link,
			 #quicklinkswrap ul li a:visited {
			   font: normal 12px/25px arial, verdana, helvetica;
	       color: #FFF;
				 text-decoration: none;
 	 	 	 }

 	 	 	 #quicklinkswrap ul li a:hover,
			 #quicklinkswrap ul li a:focus {
			   font: normal 12px/25px arial, verdana, helvetica;
	       color: #627fd4;
				 text-decoration: none;
 	 	 	 }

 #logo,
 #logo img {
   float: left;
	 width: 165px;
	 height: 65px;
	 display: block;
 }

 #searchwrap {
	 /*float: right;
	 width: 220px;
	 height: 45px;
	 padding-top: 15px;*/
	 display: none;
 }
	 
	 #searchwrap label input {
     width: 165px;
	   font: normal 16px/20px arial, verdana, helvetica;
	   border: 1px solid #e5e5e5;
	 }

#bannerwrap {
  width: 770px;
	height: 195px;
}

#menuwrap {
  width: 770px;
	height: 50px;
	background: #333439 url('../templateimages/bg_menu.gif') repeat-x;
	border-top: 3px solid #252529;
}

#titlehomewrap {
  width: 770px;
	height: 47px;
	font: 0;
	background: #e3e3e3 url('../templateimages/bg_ptitleHome.gif') no-repeat;
}

#titlewrap {
  width: 730px;
	height: 25px;
	padding: 20px 20px 0px;
	font: normal 18px arial, verdana, helvetica;
	color: #666;
	background-color: #e3e3e3;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#bodyhomewrap {
  width: 770px;
	padding: 0px 0px 102px;
	background: url('../templateimages/bg_home.gif') repeat-y 100% 0;
}

  #bodyhomewrap #contentwrap {
    float: left;
		width: 477px;
		padding: 32px 0px 0px 20px;
	}

  #bodyhomewrap #rhswrap {
		float: right;
		width: 256px;
		padding: 32px 0px 0px;
	}
	
	 	 #newsletterwrap {
		   width: 236px;
			 padding-top: 58px;
			 padding-left: 20px;
			 background: url('../templateimages/title_newsletter.gif') no-repeat;
		 }
		 
		 #newsletterwrap label input.txt {
		   width: 213px;
	     font: normal 17px/22px arial, verdana, helvetica;
	     border: 1px solid #e5e5e5;
		 }

#bodywrap {
	width: 730px;
	padding: 32px 20px 102px 20px;
	background: #f1f1f1;
}

  #bodywrap #contentwrap {
	  width: 730px;
		max-width: 730px;
		overflow: hidden;
	}

#footerwrap {
	width: 770px;
	height: 15px;
	margin: -70px auto 0;
	padding-top: 55px;
	font: normal 10px arial, verdana, helvetica;
	text-align: center;
	background-color: #2f2f31;
}

  #footerwrap a:link,
	#footerwrap a:visited {
    color: #666;
		text-decoration: none;
  }

  #footerwrap a:hover,
	#footerwrap a:focus {
    color: #FFF;
  }

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

ul#nav {
  width: 760px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: block;
}

ul#nav li {
  float: left; /*For Gecko*/
	margin: 0;
  padding: 0;
  position: relative;
	background: url('../templateimages/bg_menuBr.gif') no-repeat;
}

ul#nav li#navindex {
  float: left; /*For Gecko*/
	margin: 0;
  padding: 0;
  position: relative;
	background: none;
}

ul#nav ul {
	z-index: 15;
  position: absolute;
	top: 50px;
	left: 0;
	width: 180px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
	background: #323338;
	}

ul#nav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
	}
	
#nav a {
	padding: 0px 23px;
	font: normal 14px/50px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	display: block;
	}
	
#nav a.selected {
	font: normal 14px/50px Arial, Helvetica, sans-serif;
	color: #627fd4;
	}

#nav a:hover {
	font: normal 14px/50px Arial, Helvetica, sans-serif;
	color: #627fd4;
	}

/* 2nd Menu */
ul#nav li ul li a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
	width: 180px;
  height: auto !important;
  height: 1%; /*For IE*/
	padding: 0 25px;
	font: normal 14px/30px Arial, Helvetica, sans-serif;
	text-align: left;
  text-decoration: none;
  display: block;
	/*border-bottom: 1px dotted #FFF;*/
	cursor: pointer;
	}

ul#nav li:hover li a,
ul#nav li.iehover li a {
  float: none;
  color: #FFF;
	background: #323338 url('../templateimages/bg_menuDott.gif') repeat-x 0% 100%;
	cursor: pointer;
	}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
	font: normal 14px/30px Arial, Helvetica, sans-serif;
  color: #FFF;
	background: #e3262c url('../templateimages/bg_menuDott.gif') repeat-x 0% 100%;
	}

/* 3rd Menu */
ul#nav li:hover li:hover li a,
ul#nav li.iehover li.iehover li a {
  color: #FFF;
	background: #323338 url('../templateimages/bg_menuDott.gif') repeat-x 0% 100%;
	}

/* 3rd Menu Hover Persistence */
ul#nav li:hover li:hover li a:hover,
ul#nav li:hover li:hover li:hover a,
ul#nav li.iehover li.iehover li a:hover,
ul#nav li.iehover li.iehover li.iehover a {
	font: normal 14px/30px Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #4e4f53 url('../templateimages/bg_menuDott.gif') repeat-x 0% 100%;
	}

ul#nav ul ul,
ul#nav ul ul ul {
  display: none;
	position: absolute;
  top: 0;
  left: 230px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
  display: none;
	}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
  display: block;
	}

/*
----------------------------------------------------------------------------- 
News Styles
-----------------------------------------------------------------------------*/

#newswrap dl {
  width: 208px;
	padding-left: 30px;
	padding-bottom: 40px;
	background: url('../templateimages/arrow.gif') no-repeat 20px 4px;
}

/*
----------------------------------------------------------------------------- 
Form Styles
-----------------------------------------------------------------------------*/

.btn_subscribe {
	width: 98px;
	height: 32px;
	margin: 0 auto;
	background: url('../templateimages/btn_subscribe.gif') no-repeat 0 0;
	display: block;
}

.btn_subscribe:hover {
	background: url('../templateimages/btn_subscribe.gif') no-repeat 0 -32px;
}

span.required { color: #FF0000; font-weight: bold; }

label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	display: none;
	color: red;
	font-style: italic
}
div.error { display: none; }
input.error { border: 1px dotted red; }

div#contactwrap .left {
  float: left;
	width: 280px;
	padding-top: 5px;
	display: block;
}

  div#contactwrap ul {
	  margin: 0;
		padding-left: 10px;
		background: url('../templateimages/arrow.gif') no-repeat 0px 4px;
		list-style: none;
	}

div#contactwrap .right {
  float: left;
	width: 420px;
}

div#contactwrap td {
  padding: 5px 0px;
}

div#contactwrap .inputtxt {
  width: 312px;
	font: normal 16px/20px arial, verdana, helvetica;
	border: 1px solid #e5e5e5;
}

div#contactwrap .btn_submit {
	float: left;
	width: 108px;
	height: 32px;
	margin: 0 auto;
	background: url('../templateimages/btn_submit.gif') no-repeat 0 0;
	display: block;
}

div#contactwrap .btn_submit:hover {
	background: url('../templateimages/btn_submit.gif') no-repeat 0 -32px;
}

div#contactwrap .btn_reset {
	float: left;
	width: 98px;
	height: 32px;
	margin: 0 auto;
	background: url('../templateimages/btn_reset.gif') no-repeat 0 0;
	display: block;
}

div#contactwrap .btn_reset:hover {
	background: url('../templateimages/btn_reset.gif') no-repeat 0 -32px;
}

.btn_addtoCart {
  width: 140px;
	height: 23px;
	background: url('../templateimahes/btn_addtoCart.gif') no-repeat;
	display: block;
}

.checkout_button {
  background-color: #ebebeb;
	border: 1px solid #333;
}

.checkout_table_bgcol {
  background: #333;
}

.checkout_table_bgcol tr {
  background: #FFF;
}

.checkout_table_bgcol tr td.checkout_toprow {
  background: #ebebeb;
}

.thumb, .fullscale {
  border: 1px solid #CCC;
}

/*------------------------------------------------------------------------------
Lightbox
------------------------------------------------------------------------------*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink{
	width: 49%;
	height: 100%;
	background: transparent url(/persistent/templateimages/lightbox_prevlabel.gif) no-repeat left 15%; /* Trick IE into showing hover */
	display: block;
	}

#nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/persistent/templateimages/lightbox_nextlabel.gif) no-repeat right 15%; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/persistent/templateimages/lightbox_prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/persistent/templateimages/lightbox_nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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

/*
----------------------------------------------------------------------------- 
Contents Styles
-----------------------------------------------------------------------------*/

.lhs_holder {
	text-align: left;
}

.lhs_holder img {
  border: 5px solid #FFF;
}

.lhs_holder2 {
	padding-right: 15px;
	text-align: left;
}

.lhs_holder2 img {
  border: 5px solid #FFF;
}

.rhs_holder {
	padding-left: 15px;
	text-align: right;
}

.rhs_holder img {
  border: 5px solid #FFF;
}

.odd {
  background-color: #e4e4e4;
}

.even {
	background-color: #fbfbfb;
}

/* CART */ 

#cat_desc ul {
	padding-bottom: 3px;
	margin-bottom: 3px;
	}

.shopfront_input, .checkout_input, .checkout_table_bgcol input{
	padding: 2px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}	
	

.checkout_table_bgcol {
	width: 100%;
	border: 1px solid #eee;
/*	padding: 2px;*/
	}
	
.checkout_toprow {
	background-color:#eee;
	padding: 3px;
	font-weight: bold;
	color: #000;
	}
	
.checkout_td_bgcol {
	padding: 3px;
	text-align:left;
	}



.cart_button, .checkout_button {
	background-color: #999999;
	color: #FFFFFF;
	margin: 0;
	border: 1px solid #333;
	padding: 2px;
	font: 11px verdana, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
	.button_blue {
	background-color: #999999;
	color: #FFFFFF;
	margin: 0;
	border: 1px solid #333;
	padding: 2px;
	font: 11px verdana, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}