/* Global Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* Basic styles */
body { font-family: Helvetica, Arial; font-size: 8pt; background: #fff; }
h1 {}
h2 { color: #ce171f; margin: 10px 0 5px; text-transform: uppercase; }
p { color: #000; line-height: 16px; margin-bottom: 10px; }

/* Layout */
.l_body { margin: 0 auto; width: 960px; clear: both; position: relative; }
.l_body > div { margin-left: 240px; width: auto; clear: both; }
.l_sep { margin-top: 10px; }
.l_col { float: left; }
.l_fullclear { clear: both; }
.l_col_clear { clear: left; }

/* Header */
.header { height: 360px; position: relative; zoom: 1; }
.header h1 { background: transparent url('../images/header.png') bottom left no-repeat; 
	width: 720px; height: 320px; }
.header h1 span { display: none; }

.header div.board { position: absolute; top: 80px; left: -240px; width: 240px; height: 640px; background: transparent url('../images/board.png') top center no-repeat; }
.header div.board.back { background-image: url('../images/board_back.png'); }
.header div.board > a { margin-top: 640px; height: 40px; background: transparent url('../images/flip_btn.png') top center no-repeat; text-align: center; display: block; cursor: pointer; }

/* Content */
.content { padding-bottom: 2px; }
.content .l_col1, .content .l_col2 { width: 234px; margin-right: 9px; }
.content .l_col3 { width: 234px; }
.content p img.photo { float: right; border: none; }

.content .specs table { width: 100%; border-collapse: collapse; }
.content .specs table th, .content .specs table td { width: 25%; padding: 10px; border: 1px solid #ddd;}
.content .specs table th { font-weight: bold; text-align: left; }
.content .specs table th sub { margin-left: 5px; }
.content .specs table td { text-align: center; }
.content .specs table thead th, .content .specs table thead td { vertical-align: bottom; background: #eee; }
.content .specs table tfoot td span { display: block; height: 90px; font-size: 18pt; line-height: 90px; color: #ce171f; }
.content .specs p.footnote { color: #666; font-style: italic; }

.content .l_col3 .form { padding: 0 10px; position: relative; zoom: 1;}
.content .l_col3 .form h2 { margin-top: 0; padding-top: 10px; }
.content .l_col3 .form p { margin-bottom: 5px; }
.content .l_col3 .form p label { color: #666; padding-top: 3px;
	font-size: 8pt; text-align: right; font-style: italic; }
.content .l_col3 .form p span { display: block; }
.content .l_col3 .form p span textarea {  }
.content .l_col3 .form p span input, .content .l_col3 .form p span textarea { width: 200px; border: 1px solid #ddd; background-color: #eee; padding: 5px; font-family: Helvetica, Arial; font-size: 10pt; }
.content .l_col3 .form p.submit { text-align: right; }
.content .l_col3 .form p.submit button { width: 125px; height: 40px; margin: 0; border: none; background: transparent url('../images/form_send.png') top center no-repeat; }
.content .l_col3 .form p.submit button span { display: none; }

.content .l_col3 .form div.sending { position: absolute; display: none; top: 0; left: 0; text-align: center; 
	width: 100%; height: 100%; font-size: 12pt; font-style: italic; 
	background: #fff url('../images/ajax-loader.gif') center 40% no-repeat; }
.content .l_col3 form .form div.sending p { margin-top: 60%; color: #ce171f; }	
.content .l_col3 form .form div.sending.done { background: #fff; }

/*.content .l_col3 form.sending .form h2, .content .l_col3 form.sending .form p { visibility: hidden; }
.content .l_col3 form.sending .form div.sending { display: block;  }*/

/* Footer */
.footer { width: 240px !important; margin-left: 0 !important; position: absolute; bottom: 0; left: 0; text-align: center; }
.footer p { color: #aaa; text-align: center; font-style: italic; }