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

    Title:     Kettler Toys Master Styles - screen
    Author:    info@codacreative.co.nz
    Created:   April 2008


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

/* force scrollbar for Gecko */
html, body {
	min-height: 100.1%;
}

/* General Styles
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, blockquote, ul, li, ol, dl {
	margin:0;
	padding:0;
	}

body {
	margin: 20px 0px 30px 0px;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	color: #000000;
	background-color: #005667;
	font-size: 0.8125em;
	line-height: 1.25em; 
}

p {
	font-size: 1.05em;
	line-height: 1.4em;
	margin-bottom: 1em;
	}
	
.hide {
	display: none;
	 }

hr {
	clear:both;
	visibility:hidden;
	}
		
img {
	padding:0;
	margin: 0;
	}
	
.right {
	float: right;
	}

.left {
	float: left;
	}

.center {
	text-align: center;
	}	
	 
#wrap {
	margin: 0px auto;
	text-align: left;
	width: 972px;
	}
	
#leftcol {
	width: 213px;
	float: left;
	display: inline;
	}
	
#leftcol .leftcolbg img {
	display: block;
}
	
.leftcolbg {
	background: url("../images/bg_mainnav.gif") 0 0 repeat-y;
	margin: 0;
	padding: 0;
}
	
#rightcol {
	width: 756px;
	float: left;
	background: url("../images/bg_mainstrip.gif") 0 0 repeat-y;
	display: inline;
	}
	
.headersection {
	margin-left: 25px;
	}
	
.betweenpiece {
	margin: 0;
	padding: 0;
	}
	
.topmenu {
	width: 900px;
	}
	
#nav_499907 li {
	float: left;
	display: block;
	padding: 0 10px;
	margin-top: 5px;
	list-style: none;
	}

#nav_499917 li {
	float: right;
	display: block;
	padding: 0 10px;
	margin-top: 5px;
	list-style: none;
	}	


	
/* Main Content Styles
------------------------------------------------------------------*/

	
.mybody {
	margin-top: 30px;
	margin-left: 25px;
	}
	
.bodyleft {
	margin-left: 25px;
	width: 380px;
	margin-right: 43px;
	float: left;
	}
	
.bodymain {
	margin-left: 25px;
	width: 650px;
	float: left;
	display: inline;
	}	
	
.padded {
	/*padding: 12px 12px 0px 12px;*/
	margin: 0;
	}	


/* Main Nav Styles
------------------------------------------------------------------*/

.navigation {
	padding: 0;
	margin: 0;
	background: url("../images/bg_mainnav.gif") 0 0 repeat-y;
}
	
.navigation ul {
 	margin:0;
    padding: 0 0.6em;
    list-style:none;
	width: 190px;
	}
	
.navigation li {
	padding:5px 10px 10px 20px;
	margin:0;
}

.navigation li a {
	text-decoration: none;
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	font-weight: bold;
	display: block;
    }
	
.navigation li.mainMen a {
	color: #00648C;
	margin: 0;
	padding: 0;
	}
	
.navigation li.mainMen a:hover {
	color: #000000;
	}
	
.navigation li a span {
	padding: 0px 1em;
	}


/* Typography Styles
------------------------------------------------------------------*/
	
h1 {
	color: #ea7b2b;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-bottom: 0.6em;
	}
	
	
h2 {
	color: #000000;
	font-size: 1.2em;
	margin: 10px 0 0 0;
	line-height: 1.4em;
	}
	
h3 {
	font-size: 1.3em;
	color: #ea7b2b;
	}
	
h4 {
	font-size: 1.35em;
	font-weight: normal;
	margin-bottom: 0.3em;
	}
	
h5 {	
	color: #b7b6b6;
	margin-left: 12px;
	}
	
	
a {
	text-decoration: underline;
	color: #fd7c25;
	}

a:hover {
	color: #E72D00;
	}
	
/* Right Hand Product Nav
------------------------------------------------------------------*/		
	
.bodyright {
	float: left;
	width: 234px;
	}
	
.bodyright h3 {
	text-align: right;
	margin-right: 3px;
	}
	
.bodyright ul {
	width: 234px;
	list-style: none;
	margin-top: 5px;
	float: right;
	}
	
.bodyright li {
	width: 234px;
	height: 71px;
	margin-bottom: 3px;
	}
	
.bodyright ul li a {
	width: 234px;
	height: 71px;
	display: block;
	}
	
.bodyright ul li a.trikes {
	background: url("../images/product_nav_trikes.jpg") 0 0 no-repeat;
	}
	
.bodyright ul li a.trikes:hover {
	background: url("../images/product_nav_trikes.jpg") 0 -71px no-repeat;
	}
	
.bodyright ul li a.balance {
	background: url("../images/product_nav_balance.jpg") 0 0 no-repeat;
	}
	
.bodyright ul li a.balance:hover {
	background: url("../images/product_nav_balance.jpg") 0 -71px no-repeat;
	}
	
.bodyright ul li a.rideons {
	background: url("../images/product_nav_pedalcars.jpg") 0 0 no-repeat;
	}
	
.bodyright ul li a.rideons:hover {
	background: url("../images/product_nav_pedalcars.jpg") 0 -71px no-repeat;
	}
	
.bodyright ul li a.outdoor {
	background: url("../images/product_nav_outdoor.jpg") 0 0 no-repeat;
	}
	
.bodyright ul li a.outdoor:hover {
	background: url("../images/product_nav_outdoor.jpg") 0 -71px no-repeat;
	}
	
.bodyright ul li a.sand {
	background: url("../images/product_nav_sand.jpg") 0 0 no-repeat;
	}
	
.bodyright ul li a.sand:hover {
	background: url("../images/product_nav_sand.jpg") 0 -71px no-repeat;
	}
	
	
.bodyright ul li a.indoor {
	background: url("../images/product_nav_indoor.jpg") 0 0 no-repeat;
	}
	
.bodyright ul li a.indoor:hover {
	background: url("../images/product_nav_indoor.jpg") 0 -71px no-repeat;
	}
	
	
/* Footer Styles
------------------------------------------------------------------*/	
.mainfooter {
	background: url("../images/bg_bottom.gif") bottom left no-repeat;
	line-height: 1em;
	padding: 0;
	width: 757px;
	height: 80px;
	text-align: left;
	}
	
.mainfooter p {
	padding-top: 25px;
	font-size: 0.9em;
	}
	
.mainfooter img {
	float: left;
	margin-left: 45px;
	margin-right: 15px;
	}
	
.mainfooter a {
	font-weight: bold;
	color: #000000;
	}