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

/*====================================================================*/
/* Stylesheet created by Joseph haisch - www.w3media.com.au */
/* date created - 19/03/2010  */
/*====================================================================*/


/* ------------------------------------------------------------------ */
/* -------- General Stuff ----------------- */
/* ------------------------------------------------------------------ */
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ffffff;
}

#wrapper {
	position: relative;
	margin: 20px auto 20px auto;
	width: 740px;
	padding: 0px;
	height: 98%;
}

h1 {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 24px;
	color: #CCCC00;
	font-weight: normal;
	letter-spacing: .05em;
	padding: 30px 0 6px 0;
	margin: 0px 0 10px 0;
	border-bottom: 1px dashed #ccc;
}

h2 {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 18px;
	color: #CCCC00;
	font-weight: normal;
	padding: 15px 0px 10px 0;
	letter-spacing: .1em;
}

h3 {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 18px;
	color: #CCCC00;
	font-weight: normal;
	padding: 15px 0px 10px 0;
	letter-spacing: .1em;
}

h4 {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 16px;
	color: #CCCC00;
	font-weight: normal;
	letter-spacing: .05em;
	padding: 0px 0 10px 0;
	margin: 0px;
	border-bottom: 1px dashed #ccc;
	background-color: #ffffff;
}

h5 {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #989898;
	font-weight: bold;
	padding: 6px 0 0px 4px;
	margin: 0px;
}

h6 {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	color: #6a6a6a;
	padding: 11px 0px 3px 0px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px dashed #ccc;
}

p {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-style: normal;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	color: #6a6a6a;
	padding: 6px 0px;
}

#content a, #content a:visited {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-style: normal;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
	color: #6a6a6a;
	padding: 6px 0px;
	text-decoration: underline;
}

#content a:hover {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-style: normal;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
	color: #EA8450;
	padding: 6px 0px;
	text-decoration: underline;
}

.little {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-style: normal;
	text-align: left;
	font-size: 8px;
	line-height: 130%;
	color: #6a6a6a;
}

#header {
	background-image: url(img/header.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding:10px 0px 0px 10px;
	height: 236px;
}

#header2 {
	background-image: url(img/header_care.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px;
	height: 246px;
}

.head_txt {
	width:336px;
	padding: 190px 0 0 362px;
	background-color: transparent;
	text-align: justify;
}

.head_txt p {
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: justify;
	font-size: 12px;
	line-height: 100%;
	color: #6a6a6a;
}

#guts {
	background-color: transparent;
	background-image: url(img/body_bg.png);
	background-repeat: repeat-y;
	width: 740px;
	padding: 0px;
	min-height: 475px;
}

#guts2 {
	clear: left;
	background-color: transparent;
	background-image: url(img/body_bg.png);
	background-repeat: repeat-y;
	text-align: left;
	width: 740px;
	padding: 0px;
	height: 463px!important;
}

#guts ul {
	list-style-type: none;
	margin: 0 0 12px 0px;
}

#guts ul li {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	padding: 6px 0 0 24px;
	margin-left: 0px;
	line-height: 200%;
	color: #6a6a6a;
}

/* ------------------------------------------------------------------ */
/* ----------- Index page Stuff -------------*/
/* ------------------------------------------------------------------ */
#strip {
	background-color: transparent;
	width: 610px;
	padding-left: 10px;
}

.flags, .flags a {
	margin: 0;
	padding: 0;
}

/* ------------------------------------------------------------------ */
/* ----------- Navigation Stuff -------------*/
/* ------------------------------------------------------------------ */
#navbar {
	background-color: #ffffff;
	background-image: url(img/nav_bg.png);
	background-repeat: no-repeat;
	padding: 0px 0 0 10px;
	height: 70px;
}

#nav {
	margin: 0;
	padding: 0;
	height: 70px;
	list-style: none;
	display: inline;
	overflow: hidden;
	width: 90px;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#nav a {
	float: left;
	padding: 70px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:70px; /* for IE5/Win only */
	font-size: 0px;
}

#nav a:hover {
	background-position: 0 -70px;
}

#nav a.selected {
	background-position: 0 -140px;
}

#thome a {
	width: 90px;
	background-image: url(img/nav_home.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#thome_es a {
	width: 90px;
	background-image: url(img/nav_home_es.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#tabout a {
	width: 90px;
	background-image: url(img/nav_about.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#tabout_es a {
	width: 90px;
	background-image: url(img/nav_about_es.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#thow a {
	width: 90px;
	background-image: url(img/nav_how.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#thow_es a {
	width: 90px;
	background-image: url(img/nav_how_es.gif);
	background-repeat: no-repeat;
	background-position: top left;
}


#thints a {
	width: 90px;
	background-image: url(img/nav_hints.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#thints_es a {
	width: 90px;
	background-image: url(img/nav_hints_es.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#tshop a {
	width: 90px;
	background-image: url(img/nav_shop.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#tstockists a {
	width: 90px;
	background-image: url(img/nav_stockists.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#tstockists_es a {
	width: 90px;
	background-image: url(img/nav_stockists_es.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#tcare a {
	width: 90px;
	background-image: url(img/nav_care.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#tcare_es a {
	width: 90px;
	background-image: url(img/nav_care_es.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#tblog a {
	width: 90px;
	background-image: url(img/nav_blog.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#content, #stockists {
	background-color: transparent;
	width: 620px;
	padding: 30px 50px 60px 50px;
	margin-left: 10px;
}

#stockists a, #stockists a:visited {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-style: normal;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
	color: #6a6a6a;
	padding: 6px 0px;
	text-decoration:underline;
}

#stockists a:hover {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-style: normal;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
	color: #C3CF20;
	padding: 6px 0px;
	text-decoration:underline;
}

/* ------------------------------------------------------------------ */
/* ----------- home page Stuff -------------*/
/* ------------------------------------------------------------------ */
#the_world {
	width: 620px;
	background-image: url(img/home_diag_au.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:205px 0px 0px 38px;
	margin: 20px 0 0 0;
	height: 105px;
	text-align: left;
}

#the_world_uk {
	width: 620px;
	background-image: url(img/home_diag_uk.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:205px 0px 0px 38px;
	margin: 20px 0 0 0;
	height: 105px;
}

#the_world_us {
	width: 620px;
	background-image: url(img/home_diag_us.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:205px 0px 0px 38px;
	margin: 20px 0 0 0;
	height: 105px;
}

#the_world_uae {
	width: 620px;
	background-image: url(img/home_diag_uae.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:205px 0px 0px 38px;
	margin: 20px 0 0 0;
	height: 105px;
}


#the_world_es {
	width: 590px;
	background-image: url(img/home_diag_es.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:235px 0px 0px 30px;
	margin: 20px 0;
	height: 75px;
}

#the_world p, #the_world_uk p, #the_world_us p, #the_world_uae p {
	text-align: left;
}

#home_links {
	text-align: center;
}

.care {
	float: left;
	background-color: #ffffff;
	width: 315px;
	padding: 0px 0px 0 0;
	margin: 0px 0px 0 10px;
	display: inline;  /* <---Solution for bug IE6 */
	overflow: hidden;
}

.table {
	width: 570px;
	text-align: center;
	padding: 0px 0px 8px 50px;
}

.table2 {
	width: 620px;
	text-align: center;
	padding: 8px 0px 20px 0px;
}

.table3 {
	width: 620px;
	padding: 10px 0px 25px 20px;
}

.centertext {
	width: 620px;
	text-align: center;
}

.centertext p {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-style: normal;
	text-align: center;
	font-size: 12px;
	color: #6a6a6a;
	padding: 2px 0px;
}

.centerbuy {
	width: 190px;
	text-align: center;
	padding: 0 0 0 215px;
	margin-top: 20px;
}

.hint {
	width: 620px;
	background-image: url(img/hints-car.gif);
	background-repeat: no-repeat;
	padding: 15px 40px 25px 0;
	margin: 0px;
	background-position: top right;
}

.hint2 {
	width: 620px;
	background-image: url(img/hint-plane.gif);
	background-repeat: no-repeat;
	padding: 15px 40px 0px 0;
	margin-bottom: 0px;
	background-position: top left;
	min-height: 776px;
}

.hint p, .hint2 p {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-style: normal;
	text-align: left;
	font-size: 12px;
	line-height: 135%;
	color: #6a6a6a;
	padding: 6px 0px 6px 0px;
}

/* ------------------------------------------------------------------ */
/* ----------- UK shop html page Stuff -------------*/
/* ------------------------------------------------------------------ */

.centreflag {
	text-align:center;
	width: 620px;
	margin: 0 0 20px 0px;
}

.logos {
	text-align:center;
	width: 382px;
	margin: 0 0 20px 119px;
}

.logos2 {
	text-align:center;
	width: 242px;
	margin: 0 0 20px 242px;
}

/* ------------------------------------------------------------------ */
/* ----------- Customer care pages -------------*/
/* ------------------------------------------------------------------ */
#formarea_au, #formarea_us {
	float: right;
	width: 358px;
	background-color: #FFFFff;
	padding: 6px 10px 0 0px;
	margin: 0px 10px 0 0;
}

#formarea_uk {
	float: right;
	width: 368px;
	background-color: #FFFFff;
	padding: 6px 10px 0 0px;
	margin: 0px 10px 0 0;
}

#formarea_uk p {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-style: normal;
	text-align: left;
	font-size: 9px;
	line-height: 125%;
	color: #6a6a6a;
	padding: 0px 0px 2px 0;
}

#formarea_es {
	float: right;
	width: 375px;
	background-color: #FFFFff;
	padding: 25px 10px 15px 0px;
	margin: 0px 10px 0 0;
}

#formarea_au a:link, #formarea_au a:visited, #formarea_uk a:link, #formarea_uk a:visited, #formarea_us a:link, #formarea_us a:visited, #formarea_es a:link, #formarea_es a:visited {
	color:#CCCC00;
}

#formarea_au a:hover, #formarea_uk a:hover, #formarea_us a:hover, #formarea_es a:hover {
	color:#F68A54;
}

label {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #6a6a6a;
	width: 200px;
	padding:0px;
	margin: 0px;
}

.textbox {
	width: 230px;
	height: 18px;
	margin: 2px 0 6px 0;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #ccc;
}

.textarea {
	width: 280px!important;
	height: 60px!important;
	padding: 6px;
	margin: 3px 0 8px 0;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
}

#submitbutton {
	margin: 16px 0 3px 0px;
	width: 100px;
}

/* ------------------------------------------------------------------ */
/* ----------- footer Stuff -------------*/
/* ------------------------------------------------------------------ */
#footer {
	background-color: transparent;
	background-image: url(img/footer.png);
	background-repeat: no-repeat;
	padding: 0px 0 0px 0px;
	height: 38px;
	text-align: left;
}

#footer2 {
	background-color: transparent;
	background-image: url(img/footer_care.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 38px;
	text-align: left;
	clear: both;
}

#footer p, #footer a, #footer a:visited, #footer2 p, #footer2 a, #footer2 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #6a6a6a;
	font-weight: normal;
	padding: 6px 0 0px 0;
}

#footer a:hover, #footer2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF0000;
	font-weight: normal;
	padding: 6px 0 0px 0;
}

.left {
	text-align:left;
	float: left;
	margin-left: 50px;
}

.right {
	float: right;
	margin-right: 50px;
}

/* ------------------------------------------------------------------ */
/* ----------- Google adwords Stuff -------------*/
/* ------------------------------------------------------------------ */
.com-apple-iweb-widget-googleads {
	position: relative;
	height: 60px;
	width: 468px;
	margin: 0px;
	padding: 35px 76px 0px 76px;
	height: 60px;
	z-index: 1;
}

.home_links {
	text-align: center;
}

.justify {
	padding: 0px;
	width: 270px;
}

.justify_es {
	padding: 0px;
	width: 244px;
}

.justify p {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-style: normal;
	text-align:justify;
	font-size: 12px;
	line-height: 135%;
	color: #6a6a6a;
	padding: 6px 0px;
}


/* wholesale form page */

.emphasis {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-style: normal;
	text-align: left;
	font-size: 10px;
	color: #6a6a6a;
	padding: 3px 0 3px 3px;
}

#wholesaler {
	background-color: transparent;
	width: 460px;
	padding: 20px 10px 28px 50px;
	margin: 20px 0 30px 50px;
	border: 1px dashed #ccc;
	background-color:#fefae2;
}