* {

	margin: 0px;

	padding: 0px;

	border: 0px;

}



body {

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	background: #063e60;

}



#headFullWrapper {

	width: 100%;

	float: left;

	background: #484848;

}



#headWrapper {

	width: 800px;

	margin: 0 auto;

	text-align: left;

}



#formFullWrapper {

	width: 100%;

	float: left;

	background: #efefef;

}



.formWrapper {

	width: 800px;

	margin: 0 auto;

	text-align: left;

}



#pageFullWrapper {

	width: 100%;

	float: left;

	background: url(../images/bk-body.gif) repeat-x top;

}



#pageWrapper {

	width: 800px;

	margin: 0 auto;

	text-align: left;

}



#footFullWrapper {

	width: 100%;

	float: left;

	background: url(../images/bk-foot.gif) repeat-x top;

	height: 160px;

}



#footWrapper {

	width: 800px;

	margin: 0 auto;

	text-align: left;

}





#logo {

	width: 303px;

	height: 110px;

	float: left;

}



#nav {

	width: 497px;

	height: 110px;

	float: left;

}



#nav ul {

	list-style-type: none;

}



#nav li {

	float: left;

	font-size: 90%;

}



#nav li a {

	height: 80px;

	float: left;

	text-decoration: none;

	color: #fff;

	padding: 30px 30px 0px 30px;

}



#nav li a:hover {

	background: #414040;

}



#nav li.active {

	background: #414040;

}



#nav span.blue {

	color: #74c9ff;

	font-size: 120%;

}



.nav1 a {

	width: 106px;

}



.nav2 a {

	width: 106px;

}



.nav3 a {

	width: 105px;

}





#steps {

	width: 800px;

	height: 300px;

	float: left;

	margin-top: 40px;

}



#scrollLeft {

	width: 63px;

	height: 236px;

	float: left;

	margin: 0px;

	padding: 0px;

}



#scrollWrapper {

	width: 674px;

	height: 236px;

	float: left;

	background: url(../images/bk-scroll.gif) no-repeat left;

	overflow: hidden;

}



#scrollRight {

	width: 63px;

	height: 236px;

	float: left; 

}



#scrollBase {

	width: 800px;

	height: 64px;

	float: left;

	background: url(../images/scrollShadow.jpg) no-repeat top center;

}



#scrollWrapper h3 {

	width: 659px;

	height: 27px;

	float: left;

	color: #999;

	font-weight: normal;

	font-size: 130%;

	margin: 15px 0px 0px 15px;

}



#scroll {

	width: 644px;

	float: left;

	height: 165px;

	margin: 15px 15px 0px 10px;

	overflow: hidden;

}



#scrollItems {

	width: 1932px;

	height: 165px;

	float: left;

}



#step1 {

	width: 644px;

	height: 165px;

	float: left;

}

#step2 {

	width: 644px;

	height: 165px;

	float: left;

}

#step3 {

	width: 644px;

	height: 165px;

	float: left;

}



.stepLeft {

	width: 182px;

	height: 165px;

	float: left;

}



.stepRight1 {

	width: 460px;

	height: 165px;

	float: left;

	background: url(../images/bk-step1.gif) no-repeat right bottom;

}



.stepRight2 {

	width: 460px;

	height: 165px;

	float: left;

	background: url(../images/bk-step2.gif) no-repeat right bottom;

}



.stepRight3 {

	width: 460px;

	height: 165px;

	float: left;

	background: url(../images/bk-step3.gif) no-repeat right bottom;

}



#scroll .stepRight1 p, #scroll .stepRight2 p, #scroll .stepRight3 p {

	margin-right: 70px;

}



#scroll p {

	font-size: 120%;

	margin-right: 0px;

	margin-bottom: 8px;

	line-height: 160%;

	color: #333;

}



#scroll ul {

	font-size: 120%;

	line-height: 160%;

	margin-left: 20px;

	color: #333;

}





#columns {

	width: 800px;

	float: left;

	padding-bottom: 50px;

}



#columnLeft {

	width: 520px;

	float: left;

	padding-right: 20px;

}



#columnLeft h2 {

	color: #74c9ff;

	font-weight: normal;

	font-size: 170%;

	margin-bottom: 10px;

}



#columnLeft h3 {

	color: #ccc;

	font-weight: normal;

	font-size: 120%;

	margin-bottom: 5px;

	margin-top: 10px;

}



#columnLeft p {

	color: #fff;

	margin-bottom: 20px;

	line-height: 140%;

	font-size: 100%;

}



#columnLeft a {

	color: #74c9ff; 

}

#columnLeft a:hover {

	text-decoration: none;

}



#columnLeft ul {

	color: #fff;

	line-height: 140%;

	margin-left: 15px;

	margin-bottom: 20px;

}



#columnLeft ul.homeList {

	list-style-type: none;

	margin-left: 0px;

}



.homeList li {

	background: url(../images/bk-tick.gif) no-repeat left top;

	padding: 3px 0px 3px 30px;

	margin-bottom: 6px;

}



#columnRight {

	width: 260px;

	float: right;

}



#getStarted {

	width: 260px;

	height: 37px;

	float: left;

	margin-bottom: 10px;

}



#infoPanel {

	width: 230px;

	float: left;

	background: url(../images/bk-rightPanel.gif) no-repeat top;

	padding: 15px 15px 0px 15px;

}



#infoPanelBase {

	width: 260px;

	height: 12px;

	float: left;

	background: url(../images/base-colRight.gif) no-repeat;

}



#infoPanel h3 {

	color: #74c9ff;

	font-weight: normal;

	font-size: 150%;

	margin-bottom: 10px;

}



#infoPanel p {

	color: #fff;

	line-height: 150%;

	font-size: 100%;

	margin-bottom: 25px;

}



#infoPanel h4 {

	width: 216px;

	float: left;

	background: url(../images/bk-price.gif) no-repeat;

	padding: 7px;

	font-size: 120%;

	font-weight: normal;

	margin-bottom: 10px;

}





#infoPanel .item {

	float: left;

	color: #fff;

}



#infoPanel .price {

	float: right;

	color: #063e60;

	font-weight: bold;

	font-size: 110%;

}





#footLeft {

	width: 540px;

	padding-top: 15px;

	float: left;

}



#footLeft p {

	color: #063e60;

	font-size: 100%;

	margin-bottom: 15px;

}



#footLeft a {

	color: #063e60;

	text-decoration: underline;

}



#footLeft a:hover {

	text-decoration: none;

}



#footLeft p.copyright {

	color: #666;

	font-size: 90%;

}



#footRight {

	width: 230px;

	height: 145px;

	float: left;

	background: url(../images/bk-footRight.gif) repeat-x top;

	padding: 15px 15px 0px 15px;

}



#footRight h4 {

	color: #275f83;

	font-weight: normal;

	margin-bottom: 10px;

}



#footRight ul {

	list-style-type: none;

	font-size: 90%;

}



#footRight li {

	width: 115px;

	float: left;

	line-height: 220%;

}



#footRight li a {

	color: #063e60;

	text-decoration: none;

	padding: 2px 0px 2px 20px;

}



#footRight li a:hover {

	color: #275f83;

}



#footRight li.facebook {

	background: url(../images/bm-facebook.gif) no-repeat left;

}



#footRight li.digg {

	background: url(../images/bm-digg.gif) no-repeat left;

}



#footRight li.stumble {

	background: url(../images/bm-su.gif) no-repeat left;

}



#footRight li.reddit {

	background: url(../images/bm-reddit.gif) no-repeat left;

}



#footRight li.myspace {

	background: url(../images/bm-myspace.gif) no-repeat left;

}



#footRight li.del {

	background: url(../images/bm-del.gif) no-repeat left;

}



#form {

	width: 800px;

	float: left;

	padding: 15px 0px 15px 0px;

}



#form h3 {

	color: #063e60;

	margin-bottom: 5px;

	font-size: 170%;

	font-weight: normal;

}



#form h4 {

	color: #666;

	margin-bottom: 10px;

	font-weight: normal;

}



.formColumn {

	width: 266px;

	float: left;

	color: #063e60;

}



.formColumn p {

	margin-bottom: 10px;

	line-height: 150%;

}



.inputText {

	border: 1px solid #ccc;

	padding: 3px;

	width: 220px;

}



.inputText:focus {

	border: 1px solid #999;

}



.inputSelect {

	border: 1px solid #ccc;

	padding: 3px;

	width: 120px;

}



.inputTextarea {

	border: 1px solid #ccc;

	padding: 3px;

	width: 245px;

	height: 70px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 90%;

}



.inputTextarea:focus {

	border: 1px solid #999;

}



.inputSubmit {

	border: 0px;

	cursor: pointer;

	padding: 3px 10px 3px 10px;

	background: #063e60;

	color: #fff;

	font-size: 11px;

}



.inputSubmit:hover {

	background: #666;

}



#updatePrice {

	font-size: 140%;

	font-weight: bold;

	padding: 3px 0px 0px 10px;

}



.nb {

	font-size: 80%;

	font-style: italic;

}



#spacerRight {

	width: 260px;

	float: left;

	height: 50px;

}



#spacerLeft {

	width: 520px;

	float: left;

	height: 50px;

}



#footLeft .footEmail a {

	text-decoration: none;

	color: #74c9ff;

	font-size: 240%;

}



#footLeft .footEmail a:hover {

	color: #063e60;

}



p.formSubmit {

	width: 65px;

	float: left;

}



#log {

	width: 180px;

	height: 25px;

	float: right;

	font-size: 90%;

}



#log_res {

	width: 190px;

	height: 25px;

	float: left;

}



.ajax-loading {

	width: 190px;

	height: 25px;

	float: left;

	background: url(../images/loading.gif) no-repeat left;

}





/* GENERAL STYLING */



.access {

	display: none;

}



.clear {

	clear: both;

}



.error {

	color: #FF0000;

}



a:focus {

	outline: none;

}



a:active {

	outline: none;

}



.onerror{

	background-color: Yellow;

}



.mandatory{

	

	font: italic;

	color: Red;

}