/* BODY & PAGE
*/
html,body {
	padding: 0;
	margin: 0;
	height: 100%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	background: transparent url("../images/background-back.jpg");
}
#admin {
	text-align: center;
	background: #000 url("../images/background-admin.gif");
	width: 100%;
	height: 100%;
}
#body {
	text-align: center;
	background: transparent url("../images/background-fade.jpg") repeat-x;
	width: 100%;
	height: 100%;
}
#admin #body {
	background: none;
}
#page {
	margin: 0 auto;
	position: relative;
	top: 34px;
	width: 840px;
	text-align: left;
}


/* COMMON
*/
img {
	border: 0;
}
a,a:hover {
	color: #D22C78;
	font-weight: bold;
	text-decoration: none;
}
h2 {
	font-size: 24px;
	margin: 0 0 10px 0;
}
h3 {
	font-size: 16px;
	margin: 0 0 10px 0;
}


/* START PAGE SPECIAL
*/
img.applyNow {
	position: absolute;
	top: 420px;
	left: 745px;
	z-index: 200;
}
div.thanks {
	position: absolute;
	top: 190px;
	left: 525px;
	z-index: 200;
	width: 400px;
	height:400px;
}
.textBox {
	position:absolute;
	top:15px;
	right:35px;
	float: left;
}

span.red {
	color: #E43B26;
}

/* TOPMENU
*/
#topMenu {
	padding-left: 10px;
	height: 25px;
	overflow: hidden;
}
#topMenu div {
	float: left;
	display: inline;
	padding: 7px 15px 18px 15px;
	background: url("../images/menuBg.gif") top right no-repeat;
	margin-right: 3px;
}

#topMenu div a {
	color: #535353;
	font-family: "Arial Black", sans-serif;
	font-weight: normal;
}
#topMenu div.active {
	background: url("../images/menuBgActive.gif") top right no-repeat;
	border-left: 2px solid #E41770;
}
#topMenu div.active a {
	color: #FFFFFF;
	font-family: "Arial Black", sans-serif;
	font-weight: normal;
}
#topMenu div.black {
	background: url("../images/menuBgBlack.gif") top right no-repeat;
	padding-left: 13px;
	border-left: 2px solid #000000;
}
#topMenu div.black a {
	color: #FFFFFF;
	font-family: "Arial Black", sans-serif;
	font-weight: normal;
}


/* TOPBANNER
*/
#topBanner {
	height: 79px;
	position: relative;
	background: #E6E6C6;
}
#bannerText {
	position: absolute;
	height: 35px;
	width: 395px;
	top: 30px;
	left: 25px;
}
#volvoForLife {
	position: absolute;
	bottom: 0;
	right: 93px;
}
#loggedIn {
	position: absolute;
	top: 10px;
	right: 103px;
	color: #FFFFFF;
	font-weight: bold;
}
#volvoLogo {
	position: absolute;
	top: 0;
	right: 0;
}


/* MAINCONTENT
*/
#mainContent {
	position: relative;
	background: transparent;
	height: 0;
	float: left;
}


/* HEADER
*/
#headerPane {
	position: relative;
	padding: 10px;
	width: 820px;
	background: #000000;
	color: #FFFFFF;
	float: left;
}
#headerPane div {
	position: absolute;
	right: 10px;
	top: 10px;
}


/* IMAGE AND VIDEO
*/
#leftImagePane {
	float: left;
}
#leftVideoPane {
	position: relative;
	height: 400px;
	width: 450px;
	padding: 10px;
	background: #06272F;
	float: left;
	color: #FFFFFF;
}
#leftVideoPane div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 450px;
	padding: 10px;
}
#leftVideoPane td {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	padding: 2px 0;
}
#rightVideoPane {
	height: 400px;
	width: 350px;
	padding: 10px;
	float: left;
	background: #06272F;
	color: #FFFFFF;
}

#rightImagePane {
	float: left;
}

table.imageAndContent {
	width: 100%;
	height: 400px;
	float: left;
}
table.imageAndContent td.leftImage {
	width: 264px;
	background-repeat: no-repeat;
}
table.imageAndContent td.content {
	padding: 25px;
	line-height: 1.5;
	text-align: justify;
	vertical-align: top;
	background: #FFFFFF;
	font-size: 12px;
}


/* BOTTOMPANE
*/
#bottomPane {
	position: relative;
	background: #033A47;
	width: 830px;
	padding: 5px;
	float: left;
}

#videoPane {
	position: relative;
	background: #033A47;
	width: 820px;
	padding: 10px;
	float: left;
}
* html #videoPane {
	\width: 840px; /* for IE5 and IE6 in quirks mode */
	w\idth: 840px; /* for IE6 in standards mode */
	\padding: 10px 0px 20px 0px; /* for IE5 and IE6 in quirks mode */
	p\adding: 10px 0px 20px	0px; /* for IE6 in standards mode */
}


/* PAGINATION
*/
#paginationPane {
	background: #000000;
	text-align: center;
	padding: 6px 0;
	float: left;
	width: 840px;
}
#paginationPane a {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

/* YOUTUBE
*/
.youtubeBox {
	position: relative;
	width: 204px;
	margin: 3px;
	background: #06272F;
	float: left;
	cursor: pointer;
}
.youtubeBoxes {
	position: relative;
	width: 184px;
	margin: 10px;
	background: #06272F;
	float: left;
	cursor: pointer;
}
.header {
	background: url("../images/youtubeBoxHeaderBg.gif") repeat-x;
	height: 17px;
	width: 188px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 6px 0 6px;
	border: 2px solid #06272F;
}
.video {
	border: 2px solid #06272F;
	border-bottom: 2px dotted #777777;
	margin-bottom: 7px;
}
.video img {
	margin-bottom: 5px;
}
.video object {
	padding-bottom: 10px;
}
.team {
	color: #00A3CB;
	font-weight: bold;
	padding: 0 5px;
}
.stars {
	position: absolute;
	top: 206px;
	right: 5px;
	background: #06272F;
}
.stars img {
	cursor: pointer;
	display: inline;
}
.amount {
	position: absolute;
	top: 8px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	height: 24px;
	padding-top: 3px;
	width: 180px;
	border: 1px solid #06272F;
	border-width: 1px 2px;
	background: #E41770 url("../images/amountBg.gif") top left repeat-x;
	text-align: center;
	vertical-align: bottom;
}
.submitted {
	color: #DDDDDD;
	padding: 2px 0 5px 5px;
	font-size: 9px;
}
.link {
	background: #033A47;
	padding: 4px 7px;
}
.link a {
	color: #D22C78;
}


/* FORM
*/
form {
	padding: 0;
	margin: 0;
}
input.formText,textarea,select {
	border: 1px solid #999999;
	background: #DDDDDD;
	font-size: 10px;
	font-weight: normal;
	width: 100%;
	padding: 0 2px;
}
button.formButton,input.formButton {
	border: 1px solid #999999;
	background: #DDDDDD;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	padding: 0px 12px;
	overflow: visible;
	margin: 0;
}
input.formBox {
	vertical-align: middle;
}
#errorBox {
	display: none;
	position: relative;
	background: #FFFFFF;
	padding: 10px;
	margin-bottom: 10px;
	border: 3px solid #E43B26;
}
table.form {
	width: 100%;
}
table.form td {
	padding: 2px 15px 2px 15px;
	font-weight: bold;
}
table.form td td {
	padding: 0 10px 2px 0;
	font-weight: bold;
}
table.form td.sectionHeader {
	color: #777777;
	padding: 15px 0 0 0;
}
table.form p {
	color: #999999;
	display: inline;
}


/* TRAILER
*/
#trailer {
	position:relative;
	background: #E6E6C6;
	text-align: left;
	color: #000000;
	font-size: 9px;
	padding: 6px 0px;
	margin-bottom:20px;
	width: 840px;
	float: left;
}