/* ============> Reset Styles (from meyerweb.com)  <============= */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}

	/* remember to define focus styles! */

	:focus {
		outline: 0;
	}

	body {
		line-height: 1;
		color: black;
	}

	ol, ul {
		list-style: none;
	}

	/* tables still need 'cellspacing="0"' in the markup */

	table {
		border-collapse: separate;
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left;
		font-weight: normal;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: "";
	}

	blockquote, q {
		quotes: "" "";
	}

	strong {
		font-weight:				bold;
		}

/* -----------------------------------------------------> PROMOTR STYLES
*/

	html {
		height:						100.5%;
		}

	body {
		font-family:				arial, helvetica, sans-serif;
		font-size:					12px;
		background:				#E2DDDB;
		}

	.wrapper {
		margin:						0 auto;
		text-align:					left;
		background:				#fff;
		width:						985px;
		}

	.background {
		float:							left;
		background:				#fff;
		}

/* -----------------------------------------------------> HEADER
*/

	.header {
		float:							left;
		width:						985px;
		height:						105px;
		}

	.header a#promotr_logo {
		float:							left;
		margin:						20px 181px 0 20px;
		}

/* -----------------------------------------------------> MENU / SUBMENU
*/

	.menu, .submenu {
		float:							left;
		font-family:				georgia, serif;
		font-size:					13px;
		margin-top:				21px;
		}

	.submenu {
		float:							left;
		width:						210px;
		margin-right:				10px;
		margin-top:				0px;
		}

	.menu ul li a, .submenu ul li a {
		float:							left;
		display:						block;
		width:						204px;
		height:						19px;
		color:						#666;
		text-decoration:			none;
		line-height:				1.3;
		padding:					1px 0 0 5px;
		}

	.menu ul li a:hover, .menu ul li a#menuon, .submenu ul li a:hover, .submenu ul li a#submenuon {
		background:				#E2DDDB;
		}

	.menu a.blogLink {
		color:						#f00;
		}

	.menu ul.left {
		margin-right:				1px;
		}

	.menu ul.left, .menu ul.right {
		float:							left;
		width:						209px;
		}

	ul.subsubmenu {
		float:							left;
		background:				#eee;
		font-size:					12px;
		}

	ul.subsubmenu li a {
		display:						block;
		float:							left;
		width:						193px;
		padding-left:				16px;
		}

	ul.subsubmenu a#subsubmenuon {
		background:				#E2DDDB;
		}

	.menu li, .submenu li {
		float:							left;
		margin-bottom:			1px;
		}

	.subsubmenu li {
		margin-bottom:			0px;
		}

	p.sub a.Starter:hover, p.Starter a.Starter#submenuon {
		background:				#FFC20C;
		color:						#fff;
		}

	p.sub a.LaunchPad:hover, p.LaunchPad a.LaunchPad#submenuon {
		background:				#FF0000;
		color:						#fff;
		}

	p.sub a.KitStart:hover, p.KitStart a.KitStart#submenuon {
		background:				#EC008C;
		color:						#fff;
		}

	p.sub a.Builder:hover, p.Builder a.Builder#submenuon {
		background:				#EC008C;
		color:						#fff;
		}

	p.sub a.ToyBox:hover, p.ToyBox a.ToyBox#submenuon {
		background:				#5CD632;
		color:						#fff;
		}

	p.sub a.TopBrand:hover, p.TopBrand a.TopBrand#submenuon {
		background:				#0054A6;
		color:						#fff;
		}

/* -----------------------------------------------------> CODA SLIDER ESSENTIAL STYLE
*/

	#slider {
		float: left;
		width: 945px;
		height: 315px;
		margin: 20px 0 0 20px;
		position: relative;
	}

	.scroll {
		width: 735px;
		height: 315px;
		overflow: auto;
		position: relative; /* fix for IE to respect overflow */
		clear: left;
		background: red;
	}

	.scrollContainer div.panel {
		height: 315px;
		width: 735px; /* change to 560px if not using JS to remove rh.scroll */
	}

	.scrollContainer div.panel h1 {
		font:							20px georgia,serif normal;
		color:						#fff;
		line-height:				1.3;
		padding:					20px;
		height:						240px;
		}

	.scrollContainer div.panel a {
		display:						block;
		margin-left:				576px;
		font-family:				georgia, serif;
		font-size:					14px;
		font-weight:				bold;
		color:						#fff;
		}

	div#home a {
		margin-left:				0px;
		}

	div#intro {
		background:				#333;
		}

	div#starter {
		background:				#FFC20C;
		}

	div#launchpad {
		background:				#F00;
		}

	div#web {
		background:				#EC008C;
		}

	div#toybox {
		background:				#62BB46;
		}

	div#topbrand {
		background:				#0054A6;
		}

/* -----------------------------------------------------> CODA SLIDER CUSTOM STYLE
*/

	ul.navigation {
		float: left;
		height: 315px;
		width: 210px;
		}

	ul.navigation li {
		display: inline;
		}

	ul.navigation li a {
		float: left;
		display: block;
		width: 35px;
		height: 315px;
		}

	ul a#a_home {
		display:						none;
		}

	ul a#a_intro {
		background: url(../images/slider_menu_intro.gif);
		}

	ul a#a_intro:hover, ul a#a_intro.selected {
		background: url(../images/slider_menu_intro_on.gif);
		}

	ul a#a_starter {
		background: url(../images/slider_menu_starter.gif);
		}

	ul a#a_starter:hover, ul a#a_starter.selected {
		background: url(../images/slider_menu_starter_on.gif);
		}

	ul a#a_launchpad {
		background: url(../images/slider_menu_launchpad.gif);
		}

	ul a#a_launchpad:hover, ul a#a_launchpad.selected {
		background: url(../images/slider_menu_launchpad_on.gif);
		}

	ul a#a_web {
		background: url(../images/slider_menu_web.gif);
		}

	ul a#a_web:hover, ul a#a_web.selected {
		background: url(../images/slider_menu_web_on.gif);
		}

	ul a#a_toybox {
		background: url(../images/slider_menu_toybox.gif);
		}

	ul a#a_toybox:hover, ul a#a_toybox.selected {
		background: url(../images/slider_menu_toybox_on.gif);
		}

	ul a#a_topbrand {
		background: url(../images/slider_menu_topbrand.gif);
		}

	ul a#a_topbrand:hover, ul a#a_topbrand.selected {
		background: url(../images/slider_menu_topbrand_on.gif);
		}

/* -----------------------------------------------------> MAIN
*/

	.main {
		float:						left;
		width:					945px;
		margin:					20px 0 0 20px;
		}

/* -----------------------------------------------------> PRODUCT COLOURS
*/

	.starter {
		background:			#FFC20C;
		}

	.launchpad {
		background:			#FF0000;
		}

	.web {
		background:			#EC008C;
		}

	.toybox {
		background:			#5CD632;
		}

	.topbrand {
		background:			#0054A6;
		}

	.trainer {
		background:			#AFA489;
		}

/* -----------------------------------------------------> PAGE IMAGE
*/

	.pageimage {
		float:						left;
		margin-bottom:		20px;
		width:					945px;
		height:					210px;
		overflow:				hidden;
		}

	.pageimagenot {
		float:						left;
		margin-bottom:		20px;
		width:					945px;
		height:					210px;
		background:			url(../images/defaultpageimage.gif);
		font:						20px red;
		}

	.pageimage .product {
		float:						left;
		width:					210px;
		height:					210px;
		}

	.pageimage .product h1 {
		font:						28px georgia,serif;
		color:					#fff;
		line-height:			32px;
		margin:					73px 10px 0 20px;
		}

/* -----------------------------------------------------> CONTENT
*/

	.content {
		float:						left;
		width:					477px;
		color:					#333;
		margin-right:			38px;
		}

	.content h1 {
		font:						normal 28px georgia, serif;
		width:					735px;
		line-height:			32px;
		margin-bottom:		18px;
		}

	.content h2 {
		font:						20px georgia,serif;
		margin-bottom:		18px;
		line-height:			20px;
		}

	.content h3 {
		font:						16px georgia,serif;
		margin-bottom:		18px;
		line-height:			20px;
		}

	.content p, .content ul {
		line-height:			18px;
		margin-bottom:		18px;
		}

	.content ul {
		list-style:				disc;
		margin-left:			25px;
		}

	.content a {
		color:						#333;
		}

	.content a:hover {
		background:				#E2DDDB;
		text-decoration:			none;
		}

	a#starterLink:hover {
		background:				#FFC20C;
		color:						#fff;
	}

	a#launchpadLink:hover {
		background:				#FF0000;
		color:						#fff;
	}

	a#webLink:hover {
		background:				#EC008C;
		color:						#fff;
	}

	a#toyboxLink:hover {
		background:				#5CD632;
		color:						#fff;
	}

	a#topbrandLink:hover {
		background:				#0054A6;
		color:						#fff;
	}

/* -----------------------------------------------------> FORMS
*/

	.content label {
		float:						left;
		clear:					left;
		width:					170px;
		text-align:				right;
		margin-right:			10px;
		padding-top:			2px;
		font:						bold 12px arial;
		}

	.content input {
		float:						left;
		width:					291px;
		background:			url(../images/inputBck.gif) repeat-x;
		border:					1px solid #000;
		margin-bottom:		5px;
		font:						normal 12px arial;
		}

	.content textarea {
		float:						left;
		width:					291px;
		height:					80px;
		margin-bottom:		30px;
		font:						normal 12px arial;
		border:					1px solid #000;
		}

	.content select {
		float:						left;
		width:					194px;
		margin-bottom:		25px;
		font:						12px arial;
		}

	.content form p {
		float:						left;
		clear:					left;
		width:					296px;
		font:						10px/14px arial;
		margin-left:			180px;
		margin-bottom:		10px;
		}

	.content input#vEnewsletter {
		float:						left;
		clear:					left;
		width:					16px;
		background:			none;
		border:					0px;
		margin-bottom:		0px;
		margin-left:			180px;
		}

	.content label.enewsLabel {
		float:						left;
		clear:					none;
		width:					200px;
		text-align:				left;
		margin-right:			0px;
		margin-left:			6px;
		padding-top:			2px;
		font:						normal 10px/14px arial;
		}

	.content input.submit {
		float:						left;
		clear:					left;
		border:					0px;
		width:					66px;
		height:					20px;
		background:			url(../images/submit_btn.gif) no-repeat;
		color:					#fff;
		font-weight:			bold;
		cursor:					pointer;
		margin:					20px 0 0 180px;
		padding-bottom:		6px;
		padding-top:			2px;
		}

/* -----------------------------------------------------> SIDEBAR
*/

	.sidebarBack {
		float:							left;
		width:						208px;
		border-left:				1px solid #d7d7d7;
		border-right:				1px solid #d7d7d7;
		}

	.sidebarBottom {
		position:					relative;
		top:							10px;
		clear:						both;
		width:						210px;
		height:						10px;
		background:				url(../images/sidebar_bg_bottom.gif) no-repeat;
		margin-left:				-1px;
		}


	.sidebar {
		float:							left;
		width:						190px;
		min-height:				98px;
		background:				url(../images/sidebar_bg_top.gif) no-repeat;
		padding:					10px 10px 0 10px;
		margin-bottom:			0px;
		margin-left:				-1px;
		}

	.sidebar p {
		margin-bottom:			10px;
		font:							12px/16px arial;
		}

	.sidebar p:last-child {
		margin-bottom:			0px;
		}

	.sidebar ul {
		list-style:					disc;
		color:						#666;
		font:							11px/16px arial;
		margin-bottom:			10px;
		padding-left:				17px;
		}

	.sidebar ul li {
		margin-bottom:			10px;
		}

	.sidebar ul#tellmemore_contact strong {
		color:						#000;
		}

	.sidebar a {
		color:						#333;
		}

	.sidebar a:hover {
		background:				#E2DDDB;
		text-decoration:			none;
		}

/* -----------------------------------------------------> FOOTER
*/

	.footer {
		float:						left;
		width:					985px;
		height:					150px;
		background:			#fff;
		margin-top:			40px;
		}

	.tools {
		float:						left;
		width:					916px;
		height:					40px;
		border-top:			1px solid #E2DDDB;
		background:			#fff;
		font:						11px arial,sans-serif;
		padding-left:			69px;
		}

	.tools p {
		float:						left;
		padding:				12px 0px 0 20px;
		}

	.tools form {
		float:						left;
		}

	.tools input {
		float:						left;
		border:					1px solid #888CA7;
		font:						11px arial,sans-serif;
		width:					188px;
		height:					17px;
		margin:					9px 9px 0 0;
		padding:				2px 0 0 1px;
		}

	.tools input.submit {
		border:					0px;
		width:					63px;
		height:					20px;
		background:			url(../images/submit_btn.gif) no-repeat;
		color:					#fff;
		font-weight:			bold;
		cursor:					pointer;
		margin:					10px 20px 0 10px;
		padding-bottom:		6px;
		}

	.tools a {
		float:						left;
		margin:					10px 0 0 10px
		}

	.tools a.facebook {
		margin-left:			20px;
		}

	.tools a.twitter {
		margin-left:			20px;
		margin-right:			20px;
		}

	.tools a.bm {
		margin-left:			13px;
		margin-top:			11px;
		}

	.tools .separator {
		float:						left;
		height:					40px;
		width:					1px;
		border-left:			1px solid #E2DDDB;
		}

	.footer .copyright {
		height:					100px;
		padding-top:			20px;
		float:						left;
		font:						11px arial,sans-serif;
		color:					#666;
		background:			#E2DDDB;
		}

	.footer .copyright p {
		float:						left;
		width:					492px;
		}

	.footer .copyright a {
		color:					#666;
		}

	.footer .copyright a:hover {
		color:					#333;
		}

	.footer .copyright a.footerLink {
		padding-right:		5px;
		}