/* YUI css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img
{
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
	font-style: normal;
	font-weight: normal;
}
ol, ul
{
	list-style: none;
}
caption, th
{
	text-align: left;
}
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
	font-family: Helvetica;
}
q:before, q:after
{
	content: '';
}
abbr, acronym
{
	border: 0;
}
/* reusable classes */
.hide
{
	display: none;
}
.float-left
{
	float: left;
}
.float-right
{
	float: right;
}
.clear
{
	clear: both;
}
.clear-left
{
	clear: left;
}
.clear-right
{
	clear: right;
}
.centered
{
	text-align: center;
}

/*FONT SIZES
10px = 0.835em
12px = 1em
14px = 1.165em
16px = 1.333em
18px = 1.5em
20px = 1.665em
22px = 1.833em
24px = 2em
28px = 2.3333em
42px = 3.8333em
*/

/* global css */
body
{
	background: #333333 url(../images/bg-header.png) top repeat-x;
	min-width: 978px;
	font-size: 62.5%;
	color: #e1e1e1;
	text-shadow: 0 0 0 #000;
	font-family: Arial, sans-serif;
}
.line
{
	width: 978px;
	margin: 0 auto;
	display: block;
	position: relative;
	font-size: 1.2em;
}
.item
{
	position: relative;
	float: left;
	overflow: hidden;
	left: 978px;
}
ul.noBullet li
{
	background: none;
	padding-left: 10px;
	margin-right: 24px;
	clear: left;
}
ul.noBullet img
{
	float: left;
	margin: 0 10px 1.2em 0;
}
ul.standardBullet p, ul.noBullet p
{
	padding: 0 0 10px 0;
	margin: 0;
}
ul.standardBullet li, ul.noBullet li
{
	line-height: 1.8em;
}
#header
{
	height: 90px;
	padding-top: 10px;
}

a.link, a
{
	color: #939598;
}
a.link:hover, a:hover
{
	color: black;
}
h2
{
	color: black;
	font-size: 2.4em;
	font-weight: normal;
	padding-bottom: 25px;
	letter-spacing: -0.02em;
}
h2 strong
{
	color: #fff;
	font-size: 78.6%;
	font-weight: normal;
	line-height: 0.7em;
}
h2.subTitleWithIcon, h2.subTitleNoIcon
{
	color: #fff;
	font-size: 1.666em;
	font-weight: normal;
	margin-top: -104px;
}
h3
{
	color: black;
	font-size: 1.5em;
	font-weight: normal;
}
h3.titleWithIcon, h3.titleNoIcon
{
	color: black;
	font-size: 2em;
	font-weight: normal;
}
h4
{
	color: #fff;
	font-size: 1.165em;
	font-weight: normal;
}
h5
{
	color: #fff;
}
acronym
{
	color: #a1a1a1;
	border-bottom: 1px dotted #666;
	cursor: help;
}
.noBullet p.textWhite
{
	color: #fff;
	margin-top: 0px;
}
.smallText
{
	font-size: 0.835em;
}
.tip
{
	background: #000;
	border: 1px solid #323232;
	padding: 5px;
	font-size: 1.2em;
}

/* logo 
-------------------------------- */
#logo
{
	margin: 15px 0 0 -978px;
	width: 151px;
	height: 80px;
}
#logo span
{
	display: block;
	width: 151px;
	height: 49px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/logo.png);
	z-index: 10;
}

#logo a
{
	cursor: pointer;
}

/* login 
-------------------------------- */
#login
{
	margin: 0px 0 0 -140px;
	width: 100px;
	height: 80px;
}
#loginFormContainer
{
	margin: 20px 0 0 -978px;
	width: 978px;
}
#loginForm
{
	float: right;
	display: inline;
}
#loginForm input
{
	vertical-align: middle;
}
input#loginUsername
{
	padding: 2px;
	width: 6.5em;
	margin-right: 5px;
}
input#loginPassword
{
	padding: 2px;
	width: 6.5em;
	margin-right: 5px;
}
input#loginSubmit
{
}


/* button */
div.buttonContainer.yellow
{
	background: none;
	clear: both;
}


/*if using a link, adds top padding to vertically centre*/
div.buttonContainer .buttonMiddle.link
{
	padding-top: 7px;
	text-decoration: none;
}

/* ------- */

div.buttonContainer a
{
	color: #000;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}
div.buttonContainer a:hover
{
	color: #000;
}
/* mainMenu 
-------------------------------- */
#mainMenuContainer
{
	margin: 67px 0 0 -978px;
	width: 978px;
}
#mainMenu
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: none;
}
#mainMenu li
{
	float: left;
	position: relative;
	background: url(../images/separator-mainMenu.gif) no-repeat right bottom;
}
#mainMenu li.selected
{
	left: -1px;
	background: url(../images/tab-selected-r.png) no-repeat right top;
}
#mainMenu li.selected a
{
	background: url(../images/tab-selected-l.png) no-repeat left top;
	color: black;
}
#mainMenu a
{
	display: block;
	float: left;
	height: 31px;
	padding: 4px 26px 0 26px;
	margin: 0px 2px 0 0;
	font: bold 12px/31px arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}
#mainMenu a:hover
{
	color: black;
}
#mainMenu li.selected a
{
	border: none;
}
#mainMenu li.selected a:hover
{
	cursor: default;
}
#contentContainer
{
	width: 100%;
	margin: 0 auto;
	clear: both;
	background: #E7C001 url(../images/bg.img.pattern.jpg) repeat-x;
	overflow: hidden;
}

/* flashVideo 
-------------------------------- */
#flashVideoHome
{
	margin: 30px 0 15px -978px;
	height: 270px;
	width: 316px;
}

/* productInfo 
-------------------------------- */
#productInfo
{
	margin-left: -617px;
	width: 284px;
	margin-top: 43px;
	padding-bottom: 10px;
}
#productInfo ul li
{
	background: url(../images/bullet-standard.gif) no-repeat 0 5px;
	padding-left: 10px;
	margin: 0 0px 5px 0px;
}
#productInfo h2
{
	padding-bottom: 16px;
}

/* sign up 
-------------------------------- */

ul#signUp
{
	height: 50px;
	padding-bottom: 10px;
}
ul#signUp li
{
	background-image: none;
	padding-left: 0px;
	float: left;
}
#signUp li#priceContainer
{
	float: left;
}
#productInfo #signUp ul li
{
	float: left;
	background: none;
	margin: 0px;
	padding-left: 0;
}
#dollarSign
{
	color: #939598;
	position: relative;
	top: -15px;
	font: normal 1.8em arial, sans-serif;
	margin-right: 7px;
}
#price
{
	position: relative;
	left: -7px;
	color: #fff;
	font: normal 3.5em "Trebuchet MS" , arial, sans-serif;
	margin-right: -5px;
}
#month
{
	font: normal 1.333em "Trebuchet MS" , arial, sans-serif;
	position: relative;
	left: -14px;
	color: #939598;
}
#no
{
	color: #fff;
	font: normal 3.5em "Trebuchet MS" , arial, sans-serif;
	float: left;
	margin-right: 5px;
	text-transform: uppercase;
}
#fees
{
	font: normal 1.333em "Trebuchet MS" , arial, sans-serif;
	color: #939598;
	float: left;
	width: 85px;
	margin: 8px 0 0 0;
	line-height: 1.1em;
	margin-left: -2px;
}

#homeCTA
{
	clear: both;
}
#getInTouch
{
	background: url(../images/button-signup.png);
	width: 128px;
	height: 50px;
	float: left;
	margin-right: 1em;
}

#getInTouch a
{
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	margin: 7px 0 0 0px;
	display: block;
	text-align: center;
	font-size: 14px;
}

a#whyLink
{
	display: block;
	padding-top: 6px;
	margin-left: 140px;
}



/* googleSearch 
-------------------------------- */
#googleSearch
{
	margin-left: -316px;
	background: url(../images/bg-home-smallmap.png);
	height: 237px;
	margin-top: 43px;
	width: 316px;
}

#commonElementsContainer
{
	width: 100%;
	margin: 0 auto;
	clear: both;
	background: #2e2e2e url(../images/bg-commonelements.jpg) repeat-x top;
	overflow: hidden;
}
#commonElements
{
	background: url(../images/bg-commonelements.gif) repeat-y top;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
	padding-bottom: 10px;
}

#templatesHeader h3, #newsHeader h3, #sitesHeader h3
{
	font: normal 2em "Trebuchet MS" , arial, sans-serif;
}
#templatesHeader h4, #newsHeader h4, #sitesHeader h4
{
	font: normal 1.333em "Trebuchet MS" , arial, sans-serif;
	margin-top: -4px;
}

/* templates 
-------------------------------- */
#templates
{
	margin: 0 0 0 -962px;
	width: 300px;
}
#templates ul, #news ul
{
	width: 100%;
}
#templatesHeader
{
	padding: 0 0 20px 45px;
	background: url(../images/icon-templates.gif) no-repeat 0 6px;
	height: 100%;
}
#newsHeader
{
	padding: 0 0 20px 45px;
	background: url(../images/icon-news.png) no-repeat 0 6px;
	height: 100%;
}
#templates ul li
{
	background: url(../images/bullet-standard.gif) no-repeat 0 5px;
	padding-left: 10px;
	margin: 0 0px 10px 35px;
}

/* news 
-------------------------------- */
/* #news {
	margin: 0 0 0 -631px;
	width:284px;
} */

/* Holding page news */
#news
{
	margin: 47px 0 0 -300px;
	width: 300px;
}
#newsHeader
{
	padding: 0 0 20px 45px;
	background: url(../images/icon-news.png) no-repeat 0 6px;
	height: 100%;
}
#news ul li
{
	background: url(../images/bullet-standard.gif) no-repeat 0 5px;
	padding-left: 10px;
	margin: 0 0px 10px 2px;
}
#news ul strong
{
	color: #fff;
}
.newsDate
{
	color: #fff;
}

/* sites
-------------------------------- */
#sites img
{
	float: left;
	margin: 0 10px 0px 0;
}
#sites ul
{
	width: 300px;
}
#sitesHeader
{
	padding: 0 0 20px 45px;
	background: url(../images/icon-sites.gif) no-repeat 0 6px;
	height: 100%;
}
#sites ul li
{
	float: left;
	margin-bottom: 12px;
	width: 100%;
}
#sites
{
	margin: 0 0 0 -316px;
}

/* footer 
-------------------------------- */
#footerContainer
{
	width: 100%;
	margin: 0 auto;
	clear: both;
	background: #3e3e3e url(../images/bg-footer.png) top repeat-x;
}
#footer
{
	padding: 15px 0 30px 0;
	color: #dfdfdf;
	clear: both;
}
#footerLinks1
{
	float: left;
}
#footerLinks2
{
	float: right;
}
#footerLinks1 li, #footerLinks2 li
{
	display: inline;
}
#footer a
{
	color: #dfdfdf;
	text-decoration: none;
}
#footer a:hover
{
	color: #666;
}
.separatorSmallRight /*over-written in ie7.css*/
{
	padding-right: 10px;
	border-right: 1px solid #666;
	margin-right: 10px;
}

/* terms & conditions
-------------------------------- */

#terms, #privacy
{
	padding: 25px 0;
}
#terms h2, #privacy h2
{
	padding: 15px 0 5px 0;
}
#privacy p, #privacy ul
{
	padding: 0 0 15px 0;
}