* {
margin:0;
padding:0;
}

/* General Style Info */
body {
color: #393733;
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
background-color: #FFF;
/*background-color:#353D43;*/
/*background-image:url(/img/main-bg.gif);*/
background-repeat:repeat-x;
margin:0px;
padding:0px;
font-size:12px;
}
a {
	background-color: inherit;
	color: #105CB6;
	text-decoration: none;
}
a:hover {
	background-color: inherit;	
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	background-color: inherit;
	font-weight: normal;
	color: #105CB6;
}
h1 {
	font-size: 21px;
	padding: 5px 0 5px 0;
}
h2 {
	font-family: arial;
	font-size: 18px;
	padding: 5px 0 5px 0;
}
h3 {
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 165%;
	padding: 5px 0 5px 0;
}
h4 {
	color: #105CB6;
	font-weight: bold;
	padding: 5px 0 5px 0;
}
/* Layout */
#container {
	width: 911px;
	margin: 0px auto;
}
* html #header {
	background: #FFF;
	height: 97px;
	margin-bottom: 7px;
}
#header{
	background: #FFF;
	height: 130px;
	margin-bottom: 7px;
}
#header h1 {
	color: #ffffff;
	padding: 0px 30px;
}
#header h1 a {
	color: #ffffff;
	background: #003d4c;
	font-weight: normal;
	text-decoration: none;
}
#header h1 a:hover {
	color: #ffffff;
	background: #003d4c;
	text-decoration: underline;
}
#logo-container {
	width: 550px;	
}
#logo {
	padding: 3px 0 0 10px;
	float:left;
}
#logo-text {
	color:#483d8b;
	float:left;
	padding: 16px 0 0 5px;
	font-size: 18px;
	font-weight:bold;
	letter-spacing:1px;
}
#content{
	background-color:#FFFFFF;
	margin:auto;
	text-align:left;
	display: block;
	float: left;
	width: 910px;
}
#inner-wrapper {
	padding: 5px;
	display: block;
}
#subfooter {
	float: left;
	width: 910px;
	height:50px;
	background: #D5D5C1;
	border: 1px solid #D5D5C1;
}
#footer {
	clear: both;
	background: #111B22;
	width: 910px;
	color: #FFF;
	border: 1px solid #111B22;
}

/* Form Objects */
select {
	vertical-align: text-bottom;
}
option {
	vertical-align: text-bottom;
	padding: 0px 3px;
}

/* Tables */
table {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background-color: #f2f2f2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align: center;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background-color: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	display: inline;
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}
/* Table */
table.common{
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	clear: both;
	color: #333;
	margin-bottom: 11px;
	width: 100%;
}
table.common th {
	background-color: #f2f2f2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align: center;
	padding: 5px;
}
table.common td, table.common td {
	padding: 4px 8px;
	text-align: left;
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}
table.singleform{
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	clear: both;
	color: #333;
	margin-bottom: 9px;
	width: 550px;
	border-collapse:collapse;
}
table.singleform th {
	background-color: #f2f2f2;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align: center;
	padding: 5px;
}
table.singleform td {
	padding: 4px 8px;
	text-align: left;
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}
/* Paging */
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}

/* Scaffold View */
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/* Forms */
label {
	width: 160px;
	float: left;
	font-family:arial;
	margin: 0;
}
input {
	float: left;
	font-family:arial;
	font-size:14px;
	padding: 2px;
	letter-spacing: 1px;
}
textarea {
	float: left;
	font-family:arial;
	font-size:14px;
	padding: 2px;
	letter-spacing: 1px;
}

#singleform {
float: left;
padding: 5px;
margin: 5px;
}
#singleform div.submit {
	padding-left: 160px;
}
/* Notices and Errors */
#flashMessage {
color: red;	
background-color:#FFFFCC;
background-repeat:no-repeat;
border:1px solid #FFCC00;
font-size:12px;
margin:5px 0px 5px;
padding: 12px;
width:auto;
}
#successMessage {
color: #336600;
background-color:#B7FFC1;
background-repeat:no-repeat;
border:1px solid #468D00;
font-size:12px;
margin:5px 0px 5px;
padding: 12px;
width:auto;
}
#errorMessage {
color: red;	
background-color:#FFFFCC;
background-repeat:no-repeat;
border:1px solid #FFCC00;
font-size:12px;
margin:5px 0px 5px;
padding: 12px;
width:auto;
}
div.message, p.error, div.error-message, div.error {
	font-size: 11px;
	font-weight: bold;
}
div.error-message {
	clear: both;
	margin: 0;
	/*margin-left: 178px;*/
	color: red;
}
div.error {
	margin: 5px;
}
div.error em {
	font-size: 140%;
	color: #003d4c;
}
span.notice {
	background-color: #c6c65b;
	color: #fff;
	display: block;
	font-size: 140%;
	padding: 0.5em;
	margin: 1em 0;
}
.success {
	background-color: green;
	color: #FFF;
}
.error-wrapper {
	margin-left: 160px;
}
/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 7px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
	padding: 4px;
}

/*Tabs*/
#nav {
	clear:both;
	padding-top:0px;
}
#nav ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	background:#133984 repeat-x;
}
#nav li {
	display:inline;
	margin:0;
	padding:0;
}
#nav a {
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:0 16px;
	/*border-right:1px solid #bb1600;*/
	border-right: 1px solid #0F2E69;
	border-bottom:none;
	/*border-left:1px solid #fe633a;*/
	border-left: 1px solid #477ADE;
	color:#fff;
	background: #133984 repeat-x;
	/*background:#d41e00 repeat-x;*/
	font: 1.1em/2.5 Arial;
	/*text-transform:uppercase;*/	
	text-decoration:none;
	letter-spacing:1px;
}
#nav a:hover,
#nav a:focus,
#nav a:active {
	background:#0554EC repeat-x 0 -150px
}
#nav .sel a {
	/*background:#720000 repeat-x 0 -300px*/
	background: #0C2454 repeat-x 0 -300px;
}
#nav .sel a:focus {background:#b31203 repeat-x 0 -150px}


#menucontainer ul
{
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 8px 10px;
}

#menucontainer ul li {
	display: inline;
	margin: 0;
}

#menucontainer ul li a
{
	padding:0;
	padding: 8px 10px;
	color: #D5D5C1;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
}

#menucontainer ul li a:hover
{
	color: #fff;
	background: #B2010C;
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
	border-top: 1px solid #B2010C;
	padding: 8px 10px;
}
#nav-line {
	/*background: #720000;*/
	background: #0C2454;
	line-height: 14px;
}
#active {
	width: 70px;
	color: #fff;
	background: #B2010C;
	margin: 0 auto;
}

/* Pagination */
.pagination {
	text-align:center;
}
.pagination a {
padding: 3px;
border:1px solid #CCC;
text-decoration: none;
}
.pagination a:hover {
padding: 3px;
border:1px solid #CCC;
background-color: #B31203;
color: #FFF;
}

/* Left Menu */
#left-menu {
width: 140px;
float:left;
}

#left-menu ul
{
font-family: Arial, Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:0;
}
#left-menu li
{
display: inline;
/* for IE5 and IE6 */
}

#left-menu a
{
color: #483000;
text-decoration: none;
font-size: 14px;
display: block;
padding: 3px;
width: 145px;
background-color: #F0F0D8;
border-bottom: 1px solid #fff;
}

#left-menu a:link, #menu a:visited
{
color: #483000;
text-decoration: none;
}
#left-menu li a#current
{
border-bottom: 3px solid #C0C018;
background: #487890 ;
color: #fff;
}
/* End: Left Menu */
/* Rows & Cols */
div.row {float:left; margin: 0;	margin-bottom: 10px; padding: 0; width: 100%;}
div.col {float: left; width: 100%; margin: 0 3px 0 0; padding: 0;}
div.submit {
	float:left;
	padding: 0;
	margin: 0;
}
.required {
	color: red;
	/*
	vertical-align: middle;
	padding: 5px;
	padding-left: 5px;*/
}

/* Products */
.product-essential {
	background:#FFFFFF url(/img/product_essential_bg.gif) no-repeat scroll 100% 0pt;
	padding:15px;
	border: 1px solid #CCC;
	float: left;
	width: 700px;
}
.product-image-box {
	float: left;
}
.img-product {
	margin: 0 auto;
}
.img-thumb {
	width: 75px;
	height: 80px;
}
.product-overview {
	float: right;
}
.product-image-box, .product-overview {width: 330px;}
.product-name {
	margin: 0;
	padding: 0;
	color:#0B82CE;
}
.product-name a {
	color: #0B82CE;
}
.product-quick-overview {
	
}
.product-collateral {
	background:#FAF7EE no-repeat scroll 100% 0pt;
	float: left;
	padding: 15px;
	border: 1px solid #CCC;
	border-top: 0;
}
.product-description, .product-spec {
	width: 700px;
	display: block;
	float: left;
}
.product-description-details, .product-spec-details {
	padding: 5px 0 5px 0;
}
.divider {
	border-top: 1px dotted #000;
	padding: 5px 0 5px 0;
	margin: 0;	
}
.divider-line {
	clear: both;
	border-top: 1px solid #ccc;
	padding: 5px 0 5px 0;
	margin: 0;
}
ul.products {
	margin: 0px;
	padding: 0px 0px 0px 3px;
	width: 700px;
	list-style-type:none;
}
ul.products li {
border:1px solid #ccc;
display:block;
float:left;
height:150px;
margin:0em 1em 0.5em 0;
text-align:center;
width:120px;
overflow:hidden;
}
ul.products li a {
display:block;
}

.product-categories {

}

.product-categories a {
	color: #red;
	text-decoration: none;
}
/* Left & Right Content */
#left-col {
	padding: 0px;
	margin: 0;	
	float:left;
	width: 150px;
}
#left-col .wrapper {
	margin-right: 5px;
}
#left-col h1,h2,h3 {
	color: #105CB6;
}
#left-col h1 {
	font-size: 21px;
}
#left-col h2 {
	font-size: 18px;
}
#left-col h3 {
	font-size: 15px;
}
#right-col {
	padding: 0;
	margin: 0 0 5px 5px;		
	float: right;
	width: 730px;
}
#right-col .right-wrapper {
	padding: 5px 0 5px 0;
}
#right-col h1 {
	font-size: 21px;
	color: red;
}

/* FAQ */
.faq {

}

.faq a {
	color: #315E88;
	text-decoration: none;
}

.faq h3 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #111;
	font-weight: bold;
}

/* Article */
.posted {
	margin-left: 20px;
	color: #666666;
	font-size: 85%;
}
.article {

}
.article h2 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	color: #0B82CE;
}
.article h2 a { color:#0B82CE;}
.article-body {
	margin-top: 5px;
	font-size: 12px;
}
/* BreadCrumbs */
.breadcrumbs a {
}

/* Box */
.box {
	background-color: #FAF7EE;
	border: 1px solid #ccc;
	display: block;
	float: left;
	width: 150px;
	padding: 5px;
}
.box-head {
	color: #720000;
}
.box-head-line {
	border-top: 1px solid #ccc;
	padding: 3px 0 5px 0;
}
.box-head-line a {
	color:#0B82CE;
}
#sitemap{
	padding: 8px;
	padding-left:30px;
	list-style-type:square;
}
ul#about {
	padding-left: 30px;
}
.home {
	float: left;
	display: block;
	padding: 5px;
	width: 900px;
}
.home .home-left{
	float: left;
	width: 400px;
	margin-left: 10px;
}
.home .home-left ul.home-product-list li {
	list-style-type: square;
	line-height: 55px;
	font-size: 14px;
	font-weight: bolder;
}
.home .home-right{
	float: left;
	width: 400px;
}