@import url(reset.css); 

/* --------------------------------------------------------------------------------
 * HTML
 * -------------------------------------------------------------------------------- */ 
body {
	font: 62.5%/1.4 verdana,arial,helvetica,sans-serif; /* Resets 1em to 10px */
	color: #2e2c79;
	background-color: #413D99;
	font-family: verdana, arial, helvetica, sans-serif;
}

#container {
	position: relative;
	width: 773px;
	padding-bottom: 25px;
	background: #686ea2 url(../images/global/bg_global_ts.jpg) no-repeat;
}

#footer {
	position: relative;
}

p {
	padding: 0 0 15px 0;
	font-size: 1.1em;
}

a:link,a:visited {
	color: #000;
}

a:hover {
	color: #666;
}

ul { font-size: 1.1em }

ul p {
	font-size: 100%!important;
}


/* --------------------------------------------------------------------------------
 * Layout
 * -------------------------------------------------------------------------------- */ 
#wrap {
	width: 773px;
	margin: 0 auto;
}

#header {
	position: relative;
	width: 773px;
	height: 153px;
}

/*--- header ---*/
h1#ow-logo {
	display: block;
	width: 99px;
	height: 99px;
	text-indent: -9999em;
	background: url(../images/global/gr_logo_ow.jpg) no-repeat;
	position: absolute;
	top: 6px;
	left: 26px;
	z-index: 1100;
}

#header h2 {
	display: block;
	width: 600px;
	height: 40px;
	position: absolute;
	top: 44px;
	left: 134px;
	z-index: 1100;
}

#header p {
	text-align: right;
	padding: 5px 10px
}

#flash-box {
	width: 391px;
	height: 268px;
	background: #fff;
}

.noFlash {
	font-size: 13px!important;
	padding: 70px 20px 0 20px;
	text-align: center!important;
}
	
/* --------------------------------------------------------------------------------
 * Headers
 * -------------------------------------------------------------------------------- */ 
h3 {
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
}

h4 {
	padding-bottom: 5px;
	font-size: 22px;
	font-weight: bold;
}

/* --------------------------------------------------------------------------------
 * Content
 * -------------------------------------------------------------------------------- */ 
#content p {
	padding-right: 10px;
}

/* --------------------------------------------------------------------------------
 * Footer
 * -------------------------------------------------------------------------------- */ 
#footer {
	width: 773px;
}

#footer p {
	padding: 10px 30px;
	color: #fff;
	font-size: 1em;
	text-align: right;
	background: #413d99;
	border-bottom: 22px solid #716db3;
}

#footer p a {
	color: #fff;
	margin-left: 25px;
}

ul#airlines {
	height: 57px;
	background: #FFF url(../images/global/gr_logo_stack_2.gif) no-repeat 50% 50%;
}

ul#airlines li {
	height: 0;
	line-height: 0;
	display: block;
	float: left;
	text-indent: -9999em;
}


/* --------------------------------------------------------------------------------
 * Global
 * -------------------------------------------------------------------------------- */ 
ul.bullet-points {
}

ul.bullet-points li {
	background: url(../images/global/gr_bulet_point.gif) no-repeat 0 7px;
	padding-left: 10px
}

/* --------------------------------------------------------------------------------
 * Page specific
 * -------------------------------------------------------------------------------- */ 
/*--- Home - index ---*/
body #container.it  {
	background: #686ea2 url(../images/global/bg_global_ts.jpg) no-repeat!important;
}


body#index #content {
	width: 391px;
	padding-left: 65px;
}

.pod-video {
	margin-top: 25px;
	text-align: center;
}

p.send-button {
	padding: 0 0 0 148px; 
	background: url(../images/global/bg_white_bt.gif) repeat-x 0 0;
}

p.send-button a {
	width: 232px;
	height: 35px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/global/bt_send_to_friend.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

p.send-button.it a {
	background-image: url(../images/global/bt_send_to_friend_it.gif);
}

p.send-button a:hover,
p.send-button.it a:hover {
	background-position: 0 -50px!important;
}

.pod-map {
	margin-top: 15px;
	padding-top: 15px;
	background: #fff;
}

.pod-map h3, .pod-map p {
	padding-left: 10px;
}

.pod-map img {
	margin-bottom: 15px;
}

.charge-battery {
	width: 140px;
	height: 140px;
	position: absolute;
	top: 550px;
	left: 582px;
}

/*-- Send to a friend --*/
body#send #container  {
	background: #686ea2 url(../images/global/bg_global.jpg) no-repeat;
}

body#send #content {
	width: 600px;
	margin: 0 auto;
}

body#send #content p {
	margin-bottom: 20px;
	color: #333;
	background: url(../images/global/gr_divider.gif) repeat-x left bottom;
}

body#send #content h4, body#send #content p {
	padding-left: 50px;
	padding-right: 50px;
}

.fieldContainer {
	padding-bottom: 10px;
}

.fieldContainer label {
	display: block;
	float: left;
	width: 220px;
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	padding-top: 1px;
}

.formElement input, .formElement textarea  {
	padding: 3px 2px;
	border: 1px solid #A5ACB2;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}

#friendEmail,
#friendName,
#yourName,
#yourEmailAddress {
	width: 240px;
}

#comment {
	width: 240px;
}

#fieldContainerCaptcha {
	padding-left: 230px;
}

#fieldContainerCaptcha label {
	display: block;
	float: none;
	width: auto;
	font-size: 11px;
	text-align: left;
	padding-right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
}

#fieldContainerCaptcha input {
	margin-top: 7px;
	float: left; 
}

button {
	margin: 0 0 0 10px;
	padding: 0;
	text-indent: -9999px;
	border: 0;
	width: 82px;
	height: 35px;
	background: url(../images/global/bt_submit.gif) no-repeat 0 0;
	cursor: pointer;
	float: left;
}

button.it {
	background: url(../images/global/bt_submit_it.gif) no-repeat 0 0;
}

/* --------------------------------------------------------------------------------
 * Extras
 * -------------------------------------------------------------------------------- */ 
.clearer {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height:0;
}

.left	{ float: left; }
.right	{ float: right; }
.col 	{ width: 430px; }
.bug	{ border: 1px solid red; }
.nb		{ font-weight: normal; }

.divider {
	clear: both;
	height: 10px;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height:0;
	background: url(../images/global/gr_divider.gif) repeat-x left bottom;
}

p.subscribe-me {
	width: 449px;
	text-align: center;
	background: #fff0a5;
	color: #b64926!important;
	padding: 2px 0;
	margin-left: 20px;
	font-weight: bold;
}

p.warning {
	text-align: center;
	background: #fff0a5;
	color: #b64926!important;
	padding: 2px 5px;
	font-weight: bold;
}

.error 
{
	padding-bottom: 5px;
	color: #900 !important;
	font-weight:bold !important;
}


div.error {
	height: 35px;
	margin-left: 90px;
	margin-bottom: 10px;
	padding-left: 40px;
	padding-bottom: 0;
	font-size: 11px;
	line-height: 35px;
	color: #FFF;
	background: url(../images/global/bg_error.gif) no-repeat 0 0;
}

.cheers-message {
	height: 35px;
	margin-left: 90px;
	margin-bottom: 10px;
	padding-left: 40px;
	font-size: 11px;
	line-height: 35px;
	color: #FFF;
	background: url(../images/global/bg_thanks.gif) no-repeat 0 0;
}