body {
  background: #231f20;
  background-image: url(/images/template/background_gradient.png);
  background-repeat: repeat-x;
  color: #333;
  font-family: "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
/*  font-family: Arial, Helvetica, sans-serif;  */
  font-size: 9pt;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 20px;
  font-weight: bold;
  padding: 0px;
  margin: 0;
  color: #000;
}

h2 {
  font-size: 15px;
  padding: 0px;
  margin: 0;
  font-weight: bold;
  color: #333;
}

p.quote_source {
  margin-left: 20px;
  font-weight: bold;
}

img.inline_left {
   padding: 0px 10px 10px 0px;
   float: left;
   border: 0;
}

img.inline_right {
   padding: 0px 0px 10px 10px;
   float: right;
   border: 0;
}

#header {
  width: 800px;
  height: 45px;
  clear: both;
  margin: 0 auto;
  padding: 0;
  vertical-align: middle;
  color: white;
  font-size: 14px;
}

#logo_wrapper {
  position: relative;
}

#logo {
  position: absolute;
  left: -35px;
  z-index: 9000;
}

#login_help {
  height: 25px;
  float: left;
  padding-left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  line-height: 25px;
  vertical-align: bottom;
}

#login_controls {
  height: 25px;
  float: right;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right;
  line-height: 25px;
  vertical-align: bottom;
}

#login_wrapper a {
  color: #fff;
  text-decoration: none;
}

#login_wrapper a:hover {
  color: #fff;
  text-decoration: underline;
}

.login_email {
  width: 150px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

.login_password {
  width: 100px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

#banner {
  width: 800px;
  height: 100px;
  clear: both;
  margin: 0 auto;
  padding: 0;
  background: url(/images/banners/banner_default.jpg) no-repeat scroll 0px 0px transparent;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -khtml-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}

#navbar {
/*  background: url(/images/navbar/navbar_background.png) no-repeat scroll 0px 0px transparent;*/
  background-color: black;
  clear: both;
  color: white;
  text-align: left;
  vertical-align: middle;
  font-size: 14px;
  margin: 0 auto;
/*  padding-right: 25px;
  padding-left: 25px;*/
  width: 800px;
  height: 28px;
}

#wrapper {
  margin: 0 auto;
  padding: 0;
  width:800px;
  position: relative;
}

#main_wrapper {
  background-color: #fff;
  padding: 0;
  width: 800px;
  /*
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -khtml-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  */
}

#main_wrapper a {
  color: #820000;
  text-decoration: none;
}

#main_wrapper a:hover {
  color: #820000;
  text-decoration: underline;
}

#single_column {
  padding: 10px 20px 20px 20px;
  float: left;
  width: 760px;
}

#split_column_left {
  padding: 10px 10px 20px 20px;
  float: left;
  width: 370px;
}

#split_column_right {
  padding: 10px 20px 20px 10px;
  float: right;
  width: 370px;
}

#left_column {
  padding: 10px 10px 20px 20px;
  float: left;
  width: 540px;
}

#right_column {
  padding: 10px 20px 20px 10px;
  float: right;
  width: 200px;
}

#product_wrapper {
   clear: both;
   padding: 0;
   float: left;
}

#footer {
  clear: both;
  color: #ddd;
  text-align: center;
  font-size: 10px;
  padding: 15px;
  margin: 0 auto;
  width: 800px;
}

#footer a {
  color: #ddd;
  text-decoration: none;
}

#footer a:hover {
  color: #fff;
  text-decoration: underline;
}

.clear {
  clear: both;
}










/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */


.menu2 {float: right; padding:0 0 0 0; margin:0; list-style:none; height:28px; font-family:Arial, Helvetica, sans-serif;}
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:28px; line-height:28px; color:#bbb; text-decoration:none; font-size:17px; font-weight:normal; padding:0 0 0 12px; cursor:pointer;}
/*.menu2 li a.top_link {display:block; float:left; height:28px; line-height:28px; color:#bbb; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 12px; cursor:pointer; text-transform: uppercase;}*/
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:28px;}
/*.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:38px; background:url(images/navbar/down.gif) no-repeat right top;}*/
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:38px;}

.menu2 li a.top_link:hover {color:#fff;}

.menu2 li:hover > a.top_link {color:#fff;}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:-12px; top:27px; background: #fff; padding:3px 0; border:1px solid #333; white-space:nowrap; width:143px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:140px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:137px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/navbar/arrow.gif) 130px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#820000; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#820000 url(images/navbar/arrow_over.gif) 130px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#820000 url(images/navbar/arrow_over.gif) 130px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:140px; top:-4px; background: #fff; padding:3px 0; border:1px solid #333; white-space:nowrap; width:143px; z-index:200; height:auto;}





.price {
  font-size: 28px;
  font-weight: 700;
}

/* NEWS ITEM STYLES */

.news_item {
  clear: both;
  padding: 0px 0px 0px 0px;
  margin: 0;
}

.news_headline {
  font-size: 15px;
  font-weight: bold;
}

.news_body {
}

/* FORM INPUT STYLES */

.form_table {
}

.form_table_label {
  vertical-align: text-top;
  text-align: right;
}

.form_table_input {
}

.my_account_table {
}

.my_account_table_row {
  padding-left: 10px;
}

.my_account_table_label {
  vertical-align: text-top;
  text-align: right;
  width: 120px;
  padding-right: 10px;
}

.my_account_table_value {
  color: #000;
  width: 200px;
}

.my_account_table_value_wide {
  color: #000;
  width: 250px;
}

.my_account_table_action {
  padding-left: 10px;
}

.change_password_form_label {
  float: left;
  width: 15em;
  text-align: right;
  vertical-align: middle;
}
.change_password_form_input {
  float: left;
  padding-left: 5px;
}
.change_password_form_item_wrap {
  clear: both;
  padding-left: 40px;
  padding-top: 5px;
}

/* MY ACCOUNT */

.my_account_label {
  float: left;
  width: 20em;
  text-align: right;
  clear: left;
}

.my_account_value {
  width: 20em;
  float: left;
  text-align: left;
}

table.my_account_table td {
  vertical-align: text-top;
}

td.my_account_table_section_heading {
  vertical-align: text-top;
  width: 125px;
}

td.my_account_table_content {
  vertical-align: text-top;
  width: 200px;
}

/* BOTTOM NAV SPACE */

div.bottomnav {
	background-color: #a00000;
	background-color: #a0a0a0;
	width: 800px;
	margin: auto;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	padding-top: 10px;
}
.bottomnav ul {
	list-style: none;
	margin-bottom: 20px;
}
.bottomnav_clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}
.bottomnav_left {
   float: left;
   width: 200px;
   margin: 0px;
   padding: 0px;
   color: #e0e0e0;
   font-size: 12px;
}
.bottomnav_left img {
	border: 0;
	padding-right: 10px;
}
li.bottomnav_toplink {
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0;
}
li.bottomnav_toplink a {
	color: #ffffff;
	padding: 0;
	text-decoration: none;
}
li.bottomnav_toplink a:hover {
	text-decoration: underline;
}
li.bottomnav_link {
	font-size: 11px;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-left: 0px;
}
li.bottomnav_link a {
	color: #e0e0e0;
	text-decoration: none;
}
li.bottomnav_link a:hover {
	color: #ffffff;
}
p.socialnetwork_buttons {
	margin-top: 0px;
	margin-left: 44px;
}


/* About -> History formatting */

div.history_wrapper {
	background-color: #ffffff;
/*	width: 780px;*/
	margin: auto;
   padding: 10px;
}

div.history_year {
   background-color: #a0a0a0;
   color: #ffffff;
   font-size: 24px;
   margin: 10px;
   padding: 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;
   border-radius: 10px 10px 10px 10px;
}

div.history_item {
   background-color: #ffffff;
   color: #000000;
   font-size: 12px;
   margin: 10px 0px 0px 0px;
   padding: 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;
   border-radius: 10px 10px 10px 10px;
}

.history_item_title {
   font-size: 18px;
}

.history_item_image_left {
   float: left;
   padding: 0px 10px 0px 0px;
   clear: right;
}

.history_item_image_right {
   float: right;
   padding: 0px 0px 0px 10px;
}