html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
body {
	margin: 10px 0;
	padding: 0px;
	text-align: center;
	background: #fff url('../image/bg.gif') repeat-x;
	font-size: 1em;
}
body, td, th, input, textarea, select, table { font-size: 0.9em; }
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input, textarea, select {
	margin: 3px 0px;
	padding: 1px;
	border: 1px solid #ccc;
}
a, a:visited {
	color: #1B57A3;
	text-decoration: underline;
	cursor: pointer;
}
a:hover { text-decoration: none; }
a img { border: none; }

/* layout */
#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: transparent;
}
#header {
	position: relative;
	background: transparent url("../image/header-bg.gif") no-repeat;
}
#page { background: #fff url("../image/c_bg.gif") repeat-y; }
#column_left {
	float: left;
	width: 180px;
	margin-right: 10px;
	background: #e5e5e5;
}
#column_right {
	float: right;
	width: 180px;
}
#content {
	float: left;
	width: 580px;
	margin-bottom: 10px;
}
#content .middle {
	background: #FFFFFF;
	padding: 0;/*10px 10px 1px 10px;*/
	margin: 10px 10px 1px 10px;
	min-height: 380px;
	width: 560px;
}
#footer {
	width: 100%;
	clear: both;
	padding-top: 5px;
	border-top: 1px solid #DDDDDD;
}

/* Header Logo */
#logo {
	padding-left: 0px;
	padding-top: 0px;
  margin-bottom: 1px;
  width: 214px;
}
#logo span.h1 a {
  font-size: 3.0em;
  font-weight: bold;
  text-decoration: none;
  color: #505050;
}
#logo p {
	/*text-indent: -99999px;*/
	font-size: 0.7em;
	padding: 0px 0px 5px 0px;
}

#header div#top_banner {
  width: 468px;
  height: 60px;
  position: absolute;
  top: 0px;
  right: 0px;
}


/* Top Menu */
#menu {
	background: #2f2f2f;
	height: 40px;
}
#menu ul {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style: none;
}
#menu li {
	float: left;
	margin: 0px;
}
#menu a {
	display: block;
	width: auto;
	font-size: 90%;
	color: #fff;
	padding: 0px 10px 0px 10px;
	line-height: 40px;
	text-decoration: none;
}
#menu a.blue { color: #94c9e2; }
#menu a:hover { text-decoration: underline; }
#menu .active { }
#menu .active a { }

/* breadcrumb */
#breadcrumb {
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 80%;
}

/* content */
#content h1 {
	color: #505050;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 7px 0px 5px 10px;
}
#content h1 span {
  font-weight: normal;
  font-size: 80%;
  text-transform: none !important;
}
#content h2 {
	color: #3fa5cd;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 7px 0px 3px 0px;
	border-bottom: 1px solid #d7ecf4;
}
#content h2 span {
  font-weight: normal;
  font-size: 80%;
  text-transform: none !important;
  color: #8c8c8c;
}
#content h3 {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 7px 0px 3px 0px;
}
#content h4.added_info {
  font-size: 90%;
  font-family: Arial, Helvetica, sans-serif;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}
#content p {
  margin: 0;
  padding: 5px 0px 5px 0px;
  line-height: 1.5em;
}
#content ul li { line-height: 1.5em; }
#content p.message_none {
  background: #F7F7F7;
  border: 1px solid #DDDDDD;
  padding: 5px;
  margin: 5px 0px 10px 0px;
  font-size: 80%;
}
#content p.download_info {
  position: relative;
  top: -10px;
  left: 0;
  font-size: 70%;
  font-weight: bold;
  margin: 0;
  padding: 0
}

#content div.description { margin-bottom: 15px; }
#content div#addthis { width: 156px; float: right; text-align: right; font-size: 80%;/*border: 1px solid #ddd; padding: 10px; background: #f1f1f1;*/ }

#content div#product_top_box { width: 100%; margin-bottom: 15px; }
#content div#product_top_box div.left_part { float: left; width: 260px; text-align: center; }
#content div#product_top_box div.left_part span.image { padding: 4px; border: 1px solid #ccc; display: block; }
#content div#product_top_box div.left_part span.image img { margin: auto; margin-bottom: 0px; display: block; }
#content div#product_top_box div.right_part { float: right; width: 290px; margin-left: 10px; }
#content div#product_top_box div.right_part p { font-size: 90%; text-align: justify; margin-top: 0px; padding-top: 0px; }

#content div#images_box { width: 100%; padding: 8px; }
#content div#images_box span.image_box { display: inline-block; float: left; text-align: center; margin-right: 5px; margin-bottom: 5px; }
#content div#images_box span.image_box img { border: 0px solid #DDDDDD; }

#content .article { margin-bottom:10px; padding: 10px 10px 10px 5px; border-bottom: 1px solid #d0d0d0; }
#content .article .article-img { float:left; width:190px; text-align: center; background: #000; margin: 0; padding: 0; }
#content .article .article-img span { display: block; padding: 4px; background: #f4f4f1; border: 1px solid #d3d3c7; }
#content .article .article-img img { display: block; }
#content .article .article-desc { float:right; width:345px; }
#content .article .article-desc p { font-size: 0.9em; margin: 0; padding: 0; }
#content .article .article-desc h3 { margin: 3px 0px 3px 0px; padding: 0px;  font-size: 1.2em;}
#content .article .article-desc h3 a { color: #739d13; font-weight: bold; }
#content .article .article-desc p.info { margin: 0; padding: 0 !important; font-size:85%; color:#5F5F5F; }
#content .article .article-desc p.nomb { margin: 8px 0px 8px 0px; text-align:justify; }

#content .article_related { margin-bottom:10px; padding: 10px 10px 10px 5px; border-bottom: 1px solid #d0d0d0; }
#content .article_related .article-img { float:left; width:130px; text-align: center; background: #000; margin: 0; padding: 0; }
#content .article_related .article-img span { display: block; padding: 4px; background: #f4f4f1; border: 1px solid #d3d3c7; }
#content .article_related .article-img img { display: block; }
#content .article_related .article-desc { float:right; width:365px; }
#content .article_related .article-desc p { font-size: 0.9em; margin: 0; padding: 0; }
#content .article_related .article-desc h3 { margin: 3px 0px 3px 0px; padding: 0px;  font-size: 1.1em;}
#content .article_related .article-desc h3 a { color: #739d13; font-weight: bold; }
#content .article_related .article-desc p.info { margin: 0; padding: 0 !important; font-size:85%; color:#5F5F5F; }
#content .article_related .article-desc p.nomb { margin: 8px 0px 8px 0px; text-align:justify; }

/* content topstory */
#topstory { padding: 10px 10px 10px 10px; margin-bottom: 15px; background-color:#D7ECF4; _width: 100%; overflow: hidden; border: 1px solid #fff; }
#topstory-img { float:left; width:180px; }
#topstory-img img { display:block; border-color: #fff; }
#topstory-desc { float:right; width:345px; }
#topstory-desc p { font-size: 0.9em; }
#topstory-desc h2 { margin:0; font-size:140%; font-weight:normal; }
#topstory-desc h2 a { color:#3087ad; }
#topstory-desc h2 a:hover { color:#256785; }

/* column's box */
.box { margin-bottom: 10px; }
.box h3 { font-size: 1em; padding: 10px 0px 10px 20px; margin: 0; }
.box .top { }
.box .top img { }
.box .middle { }
.box .bottom { }

.box p.custom_track { margin: 0; padding: 0px 0px 5px 0px; font-size: 90%; }
.box p.custom_track a img { display: block; border: 1px solid #ccc !important; margin-bottom: 3px; }


.box_blue { background: #44a1ca; padding: 10px 3px 3px 3px; }
.box_blue h3 { font-size: 1em; padding: 0px 0px 10px 0px; margin: 0; color: #fff; }
.box_blue .middle { background: #fff; font-size: 90%; }

.box_light_dark { background: #f4f4f1; padding: 10px 3px 3px 3px; border: 1px solid #d3d3c7; }
.box_light_dark h3 { font-size: 1em; padding: 0px 0px 10px 0px; margin: 0; color: #898a6b; }
.box_light_dark .middle { color: #505050; font-size: 90%; }

.box_dark { background: #505050; padding: 10px 3px 3px 3px; border: 1px solid #000; }
.box_dark h3 { font-size: 1em; padding: 0px 0px 10px 0px; margin: 0; color: #fff; }
.box_dark .middle { color: #ddd; font-size: 90%; }

.box_green { background: #9fcf00; padding: 10px 3px 3px 3px; border: 1px solid #000; }
.box_green h3 { font-size: 1em; padding: 0px 0px 10px 0px; margin: 0; color: #fff; }
.box_green .middle { color: #2f2f2f; font-size: 90%; }

.box_light { background: #fff; padding: 10px 3px 3px 3px; border: 1px solid #dfdfdf; }
.box_light h3 { font-size: 1em; padding: 0px 0px 10px 0px; margin: 0; color: #898a6b; }
.box_light .middle { color: #2f2f2f; font-size: 90%; }

.right_banner { margin-bottom: 10px; }

/* left menu */
div#left_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div#left_menu li, div#left_menu li a {
  display: block;
}
div#left_menu ul li a {
  background: #d0d0d0 url("../image/nav-link.gif") no-repeat 7px 10px;
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 0px 5px 20px;
  color: #000;
  font-size: 0.9em;
}
div#left_menu ul li a.active {
  background: #9fcf00 url("../image/nav-active.gif") no-repeat 7px 10px;
  color: #fff;
  font-weight: bold;
}
div#left_menu ul li ul li a {
  background: #2f2f2f url("../image/nav-sub.gif") no-repeat 20px 7px;
  border-bottom: 1px solid #525252;
  padding: 5px 0px 5px 33px;
  color: #fff;
  font-weight: bold;
}
div#left_menu ul li ul li a.active {
  background: #2f2f2f url("../image/nav-sub.gif") no-repeat 20px 7px;
  color: #9fcf00;
}


.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
	font-size: 80%;
	font-weight: bold;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.important_msg {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px !important;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 3px !important;
}
a.button {
	background: transparent url('../image/button_right.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: normal 12px arial, sans-serif;
	height: 25px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}
a.button span {
	background: transparent url('../image/button_left.png') no-repeat;
	display: inline-block;
	padding: 5px 0 5px 18px;
}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	clear: both;
	padding: 5px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}
.list {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	/*border-collapse: collapse;*/
	border: 1px solid #d3d3c7;
}
.list td.title {
  background: #e2e2e2;
  color: #898a6b;
  font-weight: bold;
}
.list tr.light { background: #f4f4f1; }
.list td { vertical-align: middle; }

/* sort */
.sort {
	margin-bottom: 10px;
	background: #f4f4f1;
  border: 1px solid #d3d3c7;
	height: 30px;
	width: 100%;
}
.sort div {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}
.sort span {
	text-align: right;
	padding-top: 9px;
	font-size: 90%;
	color: #505050;
	display: block;
}
.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}

table.weather { font-size: 80%; margin: 5px 2px 5px 2px; }
table.weather td h3 { font-size: 130%; }
table.weather td { border-bottom: 1px solid #d3d3c7; }

/* pagination */
.pagination {
	display: inline-block;
	width: 100%;
	background: #f4f4f1;
  border: 1px solid #d3d3c7;
	margin-bottom: 10px;
}
.pagination .links, .pagination .results { padding: 7px; }
.pagination .links { float: left }
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
	color: #000000;
	font-size: 80%;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000;
}
.pagination span.results {
  display: block;
	float: right;
	font-size: 80%;
	color: #505050;
}

/* tabs */
.tabs {
	display: block;
	width: 100%;
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.tabs a.selected {
	background: #FFFFFF url('../image/tab.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	display: inline-block;
	padding: 10px;
	display: block;
	width: 536px;
	clear: both;
	z-index: 2;
	margin-bottom: 10px;
}

#footer p {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 70%;
	color: #ccc;
}

/*
#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_1.png');
}
#information ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_2.png');
}
.cart {
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #EEEEEE;
}
.cart th {
	background: #EEEEEE;
	padding: 5px;
	font-weight: normal;
}
.cart td {
	padding: 5px;
}
*/

#content div.form { background: #F7F7F7; border: 1px solid #DDDDDD; padding: 10px; margin-bottom: 10px; }
label, span.label { font-weight: bold; font-size: 0.9em; color: #5c5c5c; }

.bold { font-weight: bold !important; }
.align_center { text-align: center !important; }
.align_right { text-align: right !important; }
.align_justify { text-align: justify !important; }
.float_left { float: left; }
.float_right { float: right; }
.page_image { margin: 10px !important; }
.clear { clear: both; height: 1px; overflow:hidden; }
.no_border { border: 0 !important; }
.green_text { color: #9fcf00 !important; }
.light_green { background-color: #f1fadd; border-top: 1px solid #d7f199; border-bottom: 1px solid #d7f199; }
.smaller_text { font-size: 70% !important; }
.small_text { font-size: 90% !important; }
.padding_top_20 { padding-top: 20px !important; }
.margin_0 { margin: 0 !important; }
.padding_0 { padding: 0 !important; }