/* 

Client:
Created: 
Last Modified:

*/

/* ---- DEFAULT STYLES ------
-------------------------------------------------------------------- */

	body {
		margin: 0;
		padding: 0px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 0.8em;
		color: #5b5b5b;
		background:#00a4ec;
		}
		
	body.shadowBox {
		background: #ffffff;
		padding: 20px;
		}
		
	#wrapper {
		width: 990px;
		margin: 0px auto;
		}
		
	#feedbackFormWrapper {
		padding: 20px;
	}
	
	img {
		padding:0; margin:0; line-height: 0;
		}
		
	.clear {
		clear:both;
		position:relative;
		font-size:0px;
		height:0;
		line-height:0; 
		}
		
	h1, h2, h3, h4, h5, h6 {
		padding:0;
		margin: 0;
	}
	
	.content h1 {
		font-size: 1.5em;
		padding-bottom: 10px;
	}
	
	.content h2 {
		font-size: 1.3em;
		margin-bottom: 10px;
	}
	
	h2#h2contact { text-indent: -9999px; overflow: hidden; width: 330px; height: 40px; background:url(../images/h2-contact.gif) }
	h2#h2faq { text-indent: -9999px; overflow: hidden; width: 330px; height: 40px; background:url(../images/h2-faq.gif) }
	h2#h2payment { text-indent: -9999px; overflow: hidden; width: 330px; height: 40px; background:url(../images/h2-payment.gif) }
	h2#h2delivery { text-indent: -9999px; overflow: hidden; width: 330px; height: 40px; background:url(../images/h2-delivery.gif) }
	h2#h2layby { text-indent: -9999px; overflow: hidden; width: 330px; height: 40px; background:url(../images/h2-layby.gif) }
	h2#h2service { text-indent: -9999px; overflow: hidden; width: 330px; height: 40px; background:url(../images/h2-service.gif) }
	h2#h2tips { text-indent: -9999px; overflow: hidden; width: 330px; height: 40px; background:url(../images/h2-tips.gif) }
	h2#h2returns { text-indent: -9999px; overflow: hidden; width: 330px; height: 40px; background:url(../images/h2-returns.gif) }
	h2#h2phone { text-indent: -9999px; overflow: hidden; width: 330px; height: 79px; background:url(../images/h2-phone.gif) }
	h2#h2liveChat { text-indent: -9999px; overflow: hidden; width: 330px; height: 79px; background:url(../images/h2-live-chat.gif) }
	h2#h2enquiry { text-indent: -9999px; overflow: hidden; width: 330px; height: 40px; background:url(../images/h2-enquiry.gif) }
	h2#h2email { text-indent: -9999px; overflow: hidden; width: 330px; height: 40px; background:url(../images/h2-email.gif) }
	h2#h2location { text-indent: -9999px; overflow: hidden; width: 330px; height: 79px; background:url(../images/h2-location.gif) }
	
	.content h4 {
		font-size: 1em;
		color: #242f3e;
	} 
	
	.h1Small {
		font-size: 0.8em;
	}
	

	a img {
		border:none;
	}
		
	a { 
		color: #0081db;
		font-weight:normal;
	}
	
	a:hover { color:#00548f; }
	
	p { 
		margin: 0 0 1.2em;
		line-height: 1.4em;
	}

	ol li {
		margin-bottom: 4px;
	}
	
/* ---- HEADER ------
-------------------------------------------------------------------- */

	
	#header {
		position: relative;
		height: 150px;
		margin: 0 0 10px 0;
		background: #ffffff url(../images/generic/header-bg.gif) bottom no-repeat;
	}
	
	#header h1 {
		position:absolute;
		font-size: 1.4em;
		top: 60px;
		left: 250px;
	}
	
	#slogan {
		position:absolute;
		font-size: 1.1em;
		top: 20px;
		left: 390px;
	}

	.logoMain {
		position: absolute;
		width: 170px;
		height: 141px;
		left: 10px;
		top: 0px;
		text-indent: -9999px;
		background: url(../images/generic/logo-main.gif) 0 0 no-repeat;
	}
	
	.liveChat {
		position: absolute;
		left: 785px;
		top: 7px;
	}
	
	.bookmark {
		position: absolute;
		left: 850px;
		top: 100px;
	}	
	
	.headerPhone {
		position: absolute; 
		left: 780px;
		top: 60px;
	}
	
	.iphonePromo {
		width: 142px;
		height: 42px;
		position: absolute;
		left: 770px;
		top: 90px;
		text-indent: -9999px;
		background: url(../images/generic/win-iphone.gif) no-repeat;
	}
	
	.banner {
		position: absolute;
		top: 10px;
		left: 240px;
	}

/* ---- COLUMN GRIDS ------
-------------------------------------------------------------------- */
	
	#contentContainer {
		background:url(../images/generic/content-left-panel-bg.gif) repeat-y;
	}
	
	.content {
		
		padding: 20px;
		background: #ffffff url(../images/generic/content-bg.gif) repeat-x;
	}
	
	.column {
		float: left;
		width: 360px;
		padding: 0 15px 0 0;
	}
	
	#leftPanel {
		float: left;
		width: 195px;
		padding: 5px 0 0 5px;
		background: url(../images/generic/left-panel-bg.gif) repeat-x;
		min-height: 422px;
		/* min-height hack for ie6 */
		height: auto !important;
		height: 422px;
	}
	
	#rightPanel {
		float: right;
		width: 750px;
		overflow: hidden;

	}

/* ---- NAV 1 ------
-------------------------------------------------------------------- */

	#nav1Container {
		background:url(../images/nav/nav1-bg.gif) repeat-x;
		height: 35px;
		padding:0;
		position:absolute;
		top: 115px;
		left: 205px
		}
		
	ul#nav1 {
		margin:0;
		padding:0;
		}

	#nav1 li {
		float:left;
		position:relative;
		margin:0;
		padding:0;
		list-style:none;
		
		}

	#nav1 li a {
		display:block;
		height:35px;
		text-indent:-999px;
		overflow:hidden;   
		}
		
	#nav1 li:hover ul, #nav1 li.hover ul {
		display:block
		}

	#nav1 li a:hover {
		background-position:0 -35px !important;
		height: 35px;
		}

	#nav1 li a.nav1Home {
		background:url(../images/nav/nav1-home.gif) no-repeat left top;
		width:103px
		}
		
	#nav1 li a.nav1About {
		background:url(../images/nav/nav1-why.gif) no-repeat left top;
		width:101px
		}

	#nav1 li a.nav1Shop {
		background:url(../images/nav/nav1-shop.gif) no-repeat left top;
		width:101px
		}

	#nav1 li a.nav1Support {
		background:url(../images/nav/nav1-support.gif) no-repeat left top;
		width:101px
		}

	#nav1 li a.nav1Contact {
		background:url(../images/nav/nav1-contact.gif) no-repeat left top;
		width:103px
		}
				
	/* selected nav */

	#nav1 li a#active { 
		height: 35px;
		background-position:0 -35px !important
	 }
	 
	 
	 /* ---- NAV TOOLS ------
-------------------------------------------------------------------- */
	 
	 	#toolsContainer {
			height: 35px;
			padding:0;
			position:absolute;
			top: 116px;
			left: 656px
		}
		
		#navTools {
			margin: 6px 0 0 12px;
			padding: 0;
			list-style: none;
		}
		
		#navTools li {
			float: left;
			margin-right: 1px;
		}
	 
	 
	 
	 
	 
	 /* ---- NAV 2 ------
-------------------------------------------------------------------- */	 
		 
	 .sideNav ul {
		margin:0 0 0 0; 
		padding:0; 
	}
	
	.sideNav ul li {
		list-style:none; 
		background:none; 
		padding:0;
		margin:0 0 0 0;
		border-bottom: 1px solid #2c3a4c;
	}
	
	.sideNav a {
		color:#FFFFFF;
		width:175px;
		padding:7px 0 6px 15px;  
		font-size:0.9em	;
		text-decoration:none; 
		display:block;
		background: #010101 url(../images/nav/side-nav-link-bg.gif) 0 0 repeat-x;
		margin: 0;
	}
	
	.sideNav a:hover, .sideNav a.active {
		background: #3b4554 url(../images/nav/side-nav-link-bg.gif) 0 -60px repeat-x;
		text-decoration:none;
		color: #FFFFFF;
	}
	
	

	
	h4.menuheader {
		font-size: 1em;

		cursor: hand;
		cursor: pointer;
		padding:7px 0 6px 15px;
		margin:0 0 0 0;
		color:#FFFFFF;
		font-family:Arial, Verdana, Helvetica, sans-serif;
	
	}
	
	ul.subcategoryitems li {
		border: none;
	}
	
	ul.subcategoryitems li a {
		color: #d5d5d5;
		font-weight: normal;
		margin-left: 10px;
		width: 135px;
	}
	
	
	 ul.parent_list_ul {
	 	padding: 0;
		margin: 0;
	}
	 
	 .parent_list_li {
		font-size: 0.9em;
		font-weight: normal;
		cursor: hand;
		cursor: pointer;
		padding:7px 0 6px 15px;
		margin:0 0 0 0;
		color:#FFFFFF;
		border-bottom: 1px solid #ffffff;
	}
	
	menu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
		background-image: url(titlebar-active.png);
	}
	
	.menu ul { /*CSS for UL of each sub menu*/
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/
	}
	
	.menu ul li {
		padding-bottom: 0; /*bottom spacing between menu items*/
	}
	
	.menu ul li a {
		color: #ffffff;
		display: block;
		padding: 0;
		margin: 0;
		text-decoration: none;
		font-weight: normal;
		background: none;
		font-size: 1em;
	}
	
	.menu ul li a:hover {
		background: none;
		color: #FFFFFF;
	}
	
	.menu ul li ul li {
		border: none;
		padding-left: 19px;
	}
	
	.menu ul li ul li  a {
		color: #089bdc;
	}
	
	.menu ul li ul li ul li {
		border: none;
	}
	
	.menu ul li ul li ul li a {
		color: #d5d5d5;
		font-weight: normal;
		margin-left: 10px;
		width: 145px;
	}
	 
	 /* ---- SUPPLIER REEL ------
-------------------------------------------------------------------- */
	 #supplierReel {
	 	height: 65px;
		background: url(../images/supplier-reel/supplier-reel-bg.gif) repeat-x;
	}
	 
	 
	#reel {
		float: right;
		width: 610px;
		height: 56px;
		margin: 4px 6px 0 0;
		background: #ffffff;
		display: inline;
	}
	 
	 /* ---- HOMEPAGE SPECIFIC ------
-------------------------------------------------------------------- */
	
	
	#banner {
		position: relative;
		height: 196px;
		padding: 7px;
		background:url(../images/banner/banner-bg.gif) repeat-x;
	}
	
	#sixSteps {
		position: absolute;
		top: 7px;
		left: 313px;
	
	}	
	
	#containerLeft {
		float: left;
		width: 460px;
		padding:0 10px 0 30px;
	}
	
	
	.bestSellers {
		float: right;
		width: 350px;
		padding: 0 20px;
	}
	
	#selectBrands {
		float: left;
		margin: 25px 0 0 22px; 
	}
	
	ul.bestSellersHome {
		margin: 0;
		padding: 0;
	}
	
	ul.bestSellersHome li {
		float: left;
		width: 158px;
		height: 206px;
		margin: 0 15px 10px 0;
		list-style: none;
		font-size: 0.85em;
		border: 1px solid #cccccc;
		text-align: center;
	}
	
	.price {
		font-size: 1.5em;
		font-weight: 700;
		color:#F00;
	}
	
	ul.bestSellersHome li img {
		border: none;
		text-decoration: none;
		padding: 10px 0;
	}
	
	
	
	 /* ---- WHY GO EASY PAGE ------
-------------------------------------------------------------------- */	

	#cycles, #trampolines, #dirt, #fitness, #scooters, #outdoor {
		display: none;
	}





	 /* ---- GENERIC PAGE ------
-------------------------------------------------------------------- */

	#slideshowLeft {
		padding-bottom: 6px;
	}
	
	.sideBanners {
		margin: 20px 0 0 12px;
	}
	
	.mcafee {
		width: 168px;
		margin: 20px 0 0 12px;
		background: #ffffff;
		padding: 10px 0;
		text-align: center;
	}
	
	.testimonials {
		margin: 10px 0 0 1px;
	}
	
	.facebook {
		margin: 20px 0 0 12px;
	}
	
	#emailContainer {
		font-size: 0.85em;
	}	


	
	/* ---- TESTIMONIALS ------
-------------------------------------------------------------------- */

	.testimonial {
		padding: 10px 0;
		border-bottom: 1px dotted #cccccc;
	}


	/* ---- iPHONE SPECIFIC ------
-------------------------------------------------------------------- */
	#iphoneModule {
		width: 650px;
		height: 449px;
		background:url(../images/iphone-bg.jpg) no-repeat;
		padding: 20px;
	} 
	
	#iphoneForm {
		background:url(../images/iphone-form-bg.gif) no-repeat;
		padding: 20px 0 0 25px;
		height: 250px;
		font-size: 18px;
		color: #000000;
		font-weight:700;
		margin-top: 30px;
	}
	
	.iphoneForm td {
		padding: 3px 0;
	}
	
	.iphoneTerms {
		font-weight: normal;
		font-size: 12px;
	}
	
	.response {
		font-size:12px;
		padding-left: 20px;
	}
	
	.response h1 {
		margin:0;
	}
	
	#iphoneTerms {
		display: none;
		font-size: 0.8em;
		padding: 20px;
	}
	
/* ---- FORM STYLE ------
-------------------------------------------------------------------- */

	.columnForm {
		float: left;
		width: 350px;
		margin: 0 25px 0 0;
	}


	.form {
		margin: 0 0 20px;
		border: 0;
	}

	.form .label {
		font-size: 1em;
		olor:#474e6c;
		padding: 6px 10px 6px 0;
		font-weight: 700;
	}
	
	.form td {
		padding: 6px 0;
	}

			
		

	.form input, .form textarea, .form.input.fileUpload {
		border: 1px solid #cccccc;
		width: 220px;
		color: #333;
		padding: 3px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		margin-bottom: 5px;
		vertical-align: top;
		background: url(../images/form-input-bg.gif) 0 0 repeat-x;
		font-size: 1.1em;
	}

	.form select {
		border: 1px solid #DCDCDC;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		margin:0;
		vertical-align: middle;
		background: #fff url(../images/form-input-bg.gif) 0 0 repeat-x;
		font-size: 1.1em;
	}
	
		input.radio {
		margin: 0 6px;
		width: auto;
	}

	input.submitButton {	
		border: 0;
		width: auto;
		cursor:pointer;	
		color:#FFFFFF;
		font-size: 1.2em;
	}	
	
	 /* ---- FOOTER ------
-------------------------------------------------------------------- */	
	#partners {
		padding: 10px 0;
		background: #ffffff;
	}
	
	
	#feedback {
		height: 40px;
		text-align:center;
		margin: 5px 0;
		border: 1px solid #ffffff;
		background:url(../images/generic/feedback-bg.gif);
	}
	
	
	#footer {
		padding: 15px 20px;
		margin: 0 auto;
		clear:both;
		background: #1c7dd7;
		font-size: 0.85em;
		color:#FFFFFF;
		text-align: center;
		position:relative;
	}
	
	#footer a {
		padding-left: 10px;
		color:#FFFFFF;
		text-decoration: none;
	}
	
	#footerReflection {
		width: 905px;
		background:url(../images/generic/footer-reflection.gif) no-repeat;
		margin:0 auto;
		height: 53px;
	}
	
	.tickTock {
		position: absolute;
		left: 755px;
	}
	
	
/* ---- sIFR ------
-------------------------------------------------------------------- */

	.sIFR-flash {
	  visibility: visible !important;
	  margin: 0;
	  padding: 0;
	}
	
	.sIFR-unloading .sIFR-flash {
	  visibility: hidden !important;
	}
	
	.sIFR-replaced, .sIFR-ignore {
	  visibility: visible !important;
	}
	
	.sIFR-alternate {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 0;
	  height: 0;
	  display: block;
	  overflow: hidden;
	}
	
	.sIFR-replaced div.sIFR-fixfocus {
	  margin: 0pt; 
	  padding: 0pt; 
	  overflow: auto; 
	  letter-spacing: 0px; 
	  float: none;
	}

	.sIFR-active h1 { visibility:hidden; } 
	.sIFR-active h2 { visibility:hidden; } 
	.sIFR-active h3 { visibility:hidden; } 
	
/* ---- SHADOW BOX ------
-------------------------------------------------------------------- */ 

	#sb-container,#sb-wrapper {
		text-align:left;
	}
	
	#sb-container,#sb-overlay {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		margin:0;
		padding:0;
	}
	#sb-container {
		height:100%;
		display:none;
		visibility:hidden;
		z-index:999;
	}
	
	body>#sb-container {
		position:fixed;
	}
	
	#sb-overlay {
		height:expression(document.documentElement.clientHeight+'px');
	}
	
	#sb-container>#sb-overlay {
		height:100%;
	}
	
	#sb-wrapper{
		position:relative;
	}
	
	#sb-wrapper img {
		border:none;
	}
	
	#sb-body {
		position:relative;
		margin:0;
		padding:0;
		overflow:hidden;
		border:1px solid #303030;
	}
	
	#sb-body-inner { 
		position:relative;
		height:100%;
	}
	
	#sb-content.html {
		height:100%;
		overflow:auto;
	}
	
	#sb-loading {
		position:absolute;
		top:0;
		width:100%;
		height:100%;
		text-align:center;
		padding-top:10px;
	}
	
	#sb-body,#sb-loading {
		background-color:#060606;
	}
	
	#sb-title,#sb-info {
		position:relative;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	
	#sb-title-inner,#sb-info-inner {
		position:relative;
		font-family:'Lucida Grande',Tahoma,sans-serif;
		line-height:16px;
	}
	
	#sb-title,#sb-title-inner {
		height:26px;
	}
	
	#sb-title-inner {
		font-size:16px;
		padding:5px 0;
		color:#fff;
	}
	
	#sb-info,#sb-info-inner {
		height:20px;
	}
	
	#sb-info-inner {
		font-size:12px;
		color:#fff;
	}
	
	#sb-nav {
		float:right;
		height:16px;
		padding:2px 0;
		width:45%;
	}
	
	#sb-nav a {
		display:block;
		float:right;
		height:16px;
		width:16px;
		margin-left:3px;
		cursor:pointer;
	}
	
	#sb-nav-close{
		background-image:url(../images/shadowbox/close.png);
		background-repeat:no-repeat;
	}
	
	#sb-nav-next{
		background-image:url(../images/shadowbox/next.png);
		background-repeat:no-repeat;
	}
	
	#sb-nav-previous{
		background-image:url(../images/shadowbox/previous.png);
		background-repeat:no-repeat;}
	
	#sb-nav-play{
		background-image:url(../images/shadowbox/play.png);
		background-repeat:no-repeat;
	}
	
	#sb-nav-pause{
		background-image:url(../images/shadowbox/pause.png);
		background-repeat:no-repeat;
	}
	
	#sb-counter{
		float:left;padding:2px 0;width:45%;
	}
	
	#sb-counter a {
		padding:0 4px 0 0;
		text-decoration:none;
		cursor:pointer;color:#fff;
	}
	
	#sb-counter a.sb-counter-current {
		text-decoration:underline;
	}
	
	div.sb-message{
		font-family:'Lucida Grande',Tahoma,sans-serif;
		font-size:12px;padding:10px;
		text-align:center;
	}
	
	div.sb-message a:link,div.sb-message a:visited {
		color:#fff;
		text-decoration:underline;
	}

.freed_bg{ margin:5px 0 0 0; width:180px; border-bottom:1px dashed #FFFFFF; background-color:#000000; padding:0 5px 0 5px;}
.freed_txt{padding:4px;}
.freed_txt p{ font-size:11px; color:#FFFFFF;}
.sreach_top_left{ float:left; background-image:url(../images/sreach_left.gif); background-repeat:no-repeat; height:44px; width:13px;}
.sreach_top_middle{float:left; background-image:url(../images/sreach_middle.gif); background-repeat:repeat-x; height:44px; width:500px; line-height:44px; font-size:13px; font-weight:bold; color:#eda710;}
.reach_bord{float:left; }
.sreach_top_right{ float:left; background-image:url(../images/sreach_right.jpg); background-repeat:no-repeat; height:44px; width:13px;}