@import "common.css";

body {
	margin			: 0;
	padding			: 20px 0 20px 0;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	text-decoration	: none;
	background		: url(../images/body_bg.gif);
	color			: #fff;
}
/*----- Wrapper ----------------------------------------------------*/
#wrapper {
	width			: 817px;
	margin			: 0 auto;
	padding			: 10px 10px 0 10px;
	background		: url(../images/wrapper_bg.png) no-repeat top left;
	overflow		: hidden;	
}
#header {
	position		: relative;
	width			: 700px;
	height			: 75px;
	padding			: 50px 58px 0 59px;	
}
#order_now {
	float			: right;
}
#contentWrapper {
	width			: 700px;
	margin			: 0 58px 30px 59px;	
}
#mainNav {
	width			: 700px;
}
#mainNav ul {
	overflow		: hidden;
}
#mainNav ul li {
	display			: block;
	float			: left;
	width			: auto;
	height			: 24px;
	line-height		: 24px;
	margin			: 0 10px 0 0;
}
#mainNav ul li a:link, #mainNav ul li a:visited {
	display			: block;
	float			: left;
	width			: auto;
	padding			: 0 30px;
	color			: #002b54;
	text-decoration	: none;
	font-weight		: bolder;
	background		: url(../images/menu_bg.gif) repeat-x top left;
	font-size		: 11px
}
#mainNav ul li a:hover, #mainNav ul li.active a {
	background		: url(../images/menu_active_bg.gif) repeat-x top left;
}
/*------------------------------------------------------------------------------*/
#content {
	position		: relative;
	width			: 700px;
	padding			: 0;
	background		: #05476f url(../images/content_bg.gif) repeat-x top left;
	overflow		: hidden;
}
#contentInner {
	padding			: 45px;
	font-family		: Verdana, Helvetica, sans-serif;
}
#contentInner h1 {
	font-size		: 16px;
	padding			: 0 0 15px 0;
	margin			: 0 0 15px 0;
	border-bottom	: 1px dashed #8299b7;
	}
#contentInner h2 {
	font-size		: 16px;
	line-height		: 1.4em;
}
#contentInner p {
	padding			: 0 0 15px 0;
}
#tabs {
	position		: relative;
	width			: 700px;
	height			: 204px;
	overflow		: hidden;
	margin			: 0;
	padding			: 0;
}
#flowtabs {
	/*display			: none;*/
	width			: 682px;
	height			: 69px;
	margin			: 0 0 0 18px;
}
#flowtabs  li {
	display			: block;
	float			: left;
	width			: 330px;
	height			: 69px;
	margin			: 0 3px 0 0;
}
#flowtabs li a:link, #flowtabs li a:visited {
	display			: block;
	float			: left;
	width			: 330px;
	height			: 49px;
	text-align		: center;
	color			: #fff;
	text-decoration	: none;
	font-weight		: bolder;
	font-size		: 13px;
	padding			: 20px 0 0 0;
}
#flowtabs li#hoverable a:hover, #wrapper #flowtabs li#hoverable a.active {
	position		: relative;
	background		: url(../images/tab_bg.gif) no-repeat top left;
	color			: #b32317;
	z-index			: 999;
}
#flowpanes { 
    position		: relative; 
	top				: -10px;
	padding			: 0;
	width			: 700px;
	height			: 145px;
	padding			: 0;
    overflow		: hidden; 
    clear			: both; 
	z-index			: 1;
	background		: url(../images/flowpanes_bg.gif) repeat-x top left;
	/*display			: none;*/
} 
/* override single pane */ 
#flowpanes div { 
    float			: left; 
    display			: block; 
    width			: 700px; 
	height			: 135px;
	margin			: 10px 0 0 0;
    /*cursor			: pointer; */
} 
/* our additional wrapper element for the items */ 
#flowpanes .items { 
    width			: 20000em; 
    position		: absolute; 
    clear			: both; 
    margin			: 0; 
    padding			: 0; 
}
#flowpanes div.rightContent {
	width			: 280px;
	height			: 100px;
	float			: left;
	margin			: 0;
	padding			: 0;
	overflow		: hidden;
}
#flowpanes div.leftContent {
	float			: left;
	width			: 240px;
	height			: 100px;
	margin			: 0 80px 0 35px;
	padding			: 0;
	overflow		: hidden;
}
#buy_now {
	padding			: 20px 20px 20px 30px;
}
.leftContent p {
	color			: #002b54;
	padding			: 0 0 5px 0;
}
.rightContent h1 {
	font-size		: 22px;
	padding			: 0 0 5px 0;
}
.rightContent h1 span {
	font-size		: 42px;
}
.rightContent p {
	font-size		: 17px;
}
/*-------------------------------------------------------------------------------*/
#footer {
	width			: 700px;
	height			: 88px;
	margin			: 0 auto;
	padding			: 10px 68px 0 69px;
	background		: url(../images/footer_bg.png) no-repeat top left;
	overflow		: hidden;	
	font-size		: 10px;
}
#footer img {
	float			: right;
}
#footer #info {
	float			: left;
	padding			: 20px 0 0 0;
	width			: 480px;
}
#footer #info #address {
	color			: #002b54;
	font-weight		: bolder;
}
#footer #info #address span {
	color			: #79c9ef;
	padding			: 0 5px 0 5px;
}
#footer #info #copy {
	color			: #808080;
	padding			: 5px 0 0 0;
}
#footer #info #copy span {
	color			: #333;
	padding			: 0 5px 0 5px;
}
#footer #info #copy a:link,#footer #info #copy a:visited {
	color			: #808080;
	text-decoration	: none;
}
#footer #info #copy a:hover {
	text-decoration	: underline;
}
/*------- Loader -------------------------------------------------------------*/
.loading {
	position		: relative;
	margin			: 0 0 5px 0;
}
.loading img {
	position		: absolute;
	top				: 40%;
	left			: 47%;
}
#slideshowWrapper {
	display			: none;
	margin			: 0 0 5px 0;
}
/*------ Maps -----------------------------------------------------*/
#map {
	width			: 430px;
	height			: 250px;
	border			: 1px solid #d1d2d4;
	overflow		: hidden;
}
#maplinks {
	display			: none;
}
/*------ Forms -----------------------------------------------------*/
input.text, textarea, select {
	color			: #333;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 11px;
	background		: #fff url(../images/input_bg.gif) repeat-x top left;
	border			: 1px solid #5bc1f0;
	padding			: 3px;
	width			: 200px;
}
select {
	padding			: 2px;
}
.errors {
	padding			: 0 0 20px 0;
	color			: #ddedfa;
}
.requiredValue, input.invalidValue, input.requiredValue {
	background		: #ddedfa;
}
form span {
	color			: #5bc1f0;
	padding			: 0 3px;
}
/*----- Table ----------------------------------------------*/
table th, table td {
	vertical-align	: top;
	padding			: 0 0 15px 0;
	text-align		: left;
}
table#form th, table#form td {
	padding			: 0 0 15px 0;
}
table#form {
	padding			: 5px 0 0 0;
}
table#form th  {
	width			: 100px;
}
#ContactForm {
	width			: 400px;
	float			: left;
}
.ContactDetails {
	color			: #8299b7;
	line-height		: 1.4em;
}
.ContactDetails span {
	color			: #fff;
	font-weight		: bolder;
}
.ContactDetails a:link, .ContactDetails a:visited {
	color			: #8299b7;
	text-decoration	: none;
}
/*-------------------------------------------------------------------*/
#content a:link, #content a:visited {
	color			: #fff;
}
/*---- Paypal -----------------------------------------------------------*/

#paypal_form {
	width			: 300px;
	height			: 200px;
	float			: left;
}
#status {
	width			: 200px;
	float			: left;
}