/* general site styles */
body,p,div,table,th,td,p,input,select,textarea {
	color: #000000; 
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	margin: 0px;padding:0px;
}

body { 
	background: #d3caaa url(bg.png) repeat-x scroll 0 0;
}


p {text-align: justify; padding-bottom: 5px;}

a, .fake_link { color: #5d8c0a; text-decoration: underline; }
a:hover { color: #7ebe0e; text-decoration: underline; }
a.white { color: #FFFFFF;}
img {margin: 0px; padding: 0px;}

#site-body {
	width: 810px; 
	margin: 0 auto; 
	float: none; 
	border: 1px solid #4f422b;
	border-top: 0px;
	background: #d3caaa;
}

/* site header styles */

#header {display: block; background:#FFFFFF; width: 100%;height: 96px;}
#header a {text-decoration: none; vertical-align: middle;}
#header .logo {margin: 0px; padding: 10px 30px 0px; width: 120px;float: left; display: block;}

#header .header-links {margin: 0px; padding: 30px 20px; float: right; vertical-align: middle;}
#header .header-links span {padding-right: 10px;}
#header .header-links a {padding: 0px;}
#header .header-links a  img {top: 0px; left: 0px; margin: 0px;padding: 0px; width: 24px; height: 24px;}
#header .spacer {height:92px;}
#header .header-line {height: 4px; background:#cd4932 url(line.gif) repeat-x center top;}
/* ie fix */
*html #header .header-line {font-size: 0px;}

/* site menu styles */

#main-menu { margin: 0px; padding: 0px; height: 60px; background:#866f45 url(menu-line.gif) repeat-x; z-index: 5; width: auto;}

/* Horizontal layer */
#main-menu ul.site-menu { margin: 0px auto; padding: 0px; height: 60px; width: 500px;}

#main-menu ul.site-menu li { float: left; width: auto; position: relative; list-style-type: none; list-style: none; margin: 0px; padding: 0px; vertical-align: middle; color: #FFFFFF; }

#main-menu ul.site-menu li.sel {color: #5d8c0a; background:#b09b7d url(menu-sel.gif) no-repeat center top;}

#main-menu ul.site-menu li a {
	display: block;
        width: auto;
	max-width: 140px;
        height: 24px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 15px 20px;
        text-decoration: none;
        font-size: 16px;
	vertical-align: middle;
	white-space: nowrap;
	font-weight:bold;
	color: #FFFFFF;
	z-index: -1;
}
/* ie specific */
*html #main-menu ul.site-menu li a { top: 0px; padding-top: 20px;width: 50px; }

#main-menu ul.site-menu li.sel a  {color: #FFFFFF;}


/* horizontal items hover, CSStoHighLink for IE 5, 6 */
#main-menu ul.site-menu li:hover, ul.site-menu li.CSStoHighlight, ul.site-menu li.sel_CSStoHighlight, ul.site-menu li.nosel_CSStoHighlight {
/*	background: url(menu-sel.gif) no-repeat center top;*/
	color: #e8583e;
}

#main-menu ul.site-menu li a:hover, ul.site-menu li a.CSStoHighLink { background:#c9b18f; color: #e8583e; text-decoration: none; }
#main-menu ul.site-menu li.sel a:hover, ul.site-menu li.sel a.CSStoHighLink { background:#c9b18f url(menu-sel-hover.gif) no-repeat center top; color: #e8583e; text-decoration: none; }


/* site content styles */

#center {display: block;}


/* common sections' styles */
#section .section-header {height: 20px;}
#section .dark_green {background:#866f45;}

#section .section-header-center {margin: 0px 30px; height: 20px; border-left:  2px solid #4f422b; border-right: 2px solid #4f422b; border-top: 2px solid #4f422b; background:#FFFFFF; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; }

#section .section-center {padding: 15px; background:#ffffff; border-left:  2px solid #4f422b; border-right: 2px solid #4f422b; margin: 0px 30px; padding: 5px 10px;}

#section .section-footer {height: 20px;}
#section .section-footer-center {height: 20px; margin: 0px 30px;  border-left:  2px solid #4f422b; border-right: 2px solid #4f422b; border-bottom: 2px solid #4f422b; background:#FFFFFF; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px;}



/* content styles */
h1, h2, h3, h4 {color: #1d7ac9; margin: 0px; padding: 0px;}

h1 { font-size: 15px; font-weight: bold; }

h2, h3 { font-size: 12px; }

h4 { font-size: 11px; }

.small_gray { font-size: 9px; color: #737373; line-height: 14px; }
.blue {color: #1d7ac9;}
.red {color: #cd4932;}
.green {color: #5d8c0a;}
.brown {color: #937c53;}

ul.arrow {padding: 0px; margin: 0px 0px 0px 3px; list-style: square inside url('arrow.gif'); }
ul.checkmark { padding: 0px; margin: 3px 0px 0px 0px; list-style: square inside url('checkmark.gif'); }
ul.arrow li, ul.checkmark li {padding: 3px;}

div.thumbnail, div.thumbnail-right, div.thumbnail-left {
	text-align: center; 
	border: 1px solid #DDD;  
	margin: 15px; 
	padding: 10px;
	-moz-border-radius: 10px;
}
div.thumbnail-right { float: right; width: 150px; margin-right: 0px; }
div.thumbnail-left { float: left; width: 150px; margin-left: 0px; } 
div.thumbnail-left-deal { float: left; width: 170px; margin: 0px; padding: 5px 0px 0px;  text-align:center; }

.price { color: #1d7ac9; font-size: 14px; font-weight: bold; }

.no-margin-left {margin-left: 0px;}
.no-margin-right {margin-right: 0px;}
.left {float: left;}
.right {float: right;}
.clearfloat {clear: both;}
.centered {text-align: center;}
div.cc_logos {
	padding: 10px 10px;
	text-align: right;
}
div.cc_logos img {}

#banner {background: url(thumbnails/shippingkit.png) no-repeat right top; padding: 0px 0px 5px 0px;}
#banner p {padding-bottom: 15px; text-align: justify;}
#banner .row1 {width: 550px;}
#banner .row2 {width: 550px;}
#banner .row3 {width: 550px;}
#banner .row4 {width: 550px;}

/* minor sections */
#sub-section {}
#sub-section-margin {margin: 30px;}
.header, #sub-section .header {border-bottom: 2px dotted #937c53; font-size: 12px; font-weight: bold; padding: 3px;}
#sub-section p {text-align: justify; padding: 5px 5px 0px 5px;  color: #EEEEEE;}
#sub-section p a, #sub-section p .fake_link, #sub-section-margin p a {color: #4f422b;}
#sub-section p a.white {color: #FFFFFF;}
#sub-section .spacer {height:250px;}
#sub-section .small-spacer {height:150px;}
#sub-section p.centered {text-align:center;}

a.legal-more { display: none; }

.product-details, .site-map, .featured_products {float: left; width: 420px; padding: 0px 10px;}
.product-details-wide { width: auto; float: none; clear: both; }
.featured_products {width: 370px;}
.manuals, .software {float: left; padding-bottom: 10px; margin-right: 25px; color: #EEEEEE; font-size: 13px; width: 480px;}
.support {float: right; padding-bottom: 10px; color: #EEEEEE; font-size: 13px; width: 230px;}
#sub-section p.header { padding: 5px 10px; background: #866F45 url(menu-line.gif) repeat-x scroll 0 0;/* background: #4f422b; */ }

.custom-development-banner {background: url(development_process.gif) no-repeat right bottom;}
.services-list, .product-list {display: block; float: right; width: 280px; padding-right: 5px; color: #EEEEEE;}
.features {display: block; float: right; width: 250px; padding: 15px; color: #333333;}

.shippingkit-selector {
	width: 350px;
	border: 1px solid #ccc;
	padding: 15px;
	margin: 20px;
	-moz-border-radius: 20px;
}
.shippingkit-selector h2 {
	padding: 5px 0px 20px 0px;
}
.shippingkit-features {
	margin: 20px 0px 50px 0px;
	border-bottom: 1px solid #ccc;
}
.top {
	float: right;
}
.manual-content {
	width: 90%; margin: 0 auto;
}
a.manual-thumbnail img {
	border: 0px;
}
#sub-section .features .note p {color: #333333;}

#testimonials, #news { height: 412px; }
#software, #support { height: 105px; }

#news, #support {float: right; width: 350px;}
#testimonials, #software, #manuals {float: left; width: 380px;}
#testimonials .signature {padding: 2px 5px 10px 5px;text-align: right;}
#software ul {padding-left: 25px;}
#software ul li {padding: 5px 0px;}
#support img {padding: 3px 10px 5px 0px;}
#news, #testimonials, #software, #support, #manuals, #legal, #disclaimer {background: #fff; border: 2px solid #4F422B; -moz-border-radius: 10px;}
#news h2, #testimonials h2, #software h2, #support h2, #manuals h2, #legal h2, #disclaimer h2 {padding: 5px 10px; color: #fff; background: #866F45 url(menu-line.gif) repeat-x scroll 0 0; -moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;}
#news p, #testimonials p, #software p, #support p, #manuals p, #legal p, #disclaimer p {text-align: justify; padding: 10px; color: #000;}

#legal p, #disclaimer p {padding: 10px 20px;}

img.exclamation {
	padding: 5px;
	margin: 7px 10px 10px;
}

.product, .list {padding: 10px 0px;} 
#sub-section .product-details p {padding: 10px 0px; color: #333333;}
.product {border: 1px solid #DDD; margin: 10px 0px; -moz-border-radius: 10px;}
.product .description {padding: 10px 0px; width: 210px; color: #937c53;}

#sub-section .left {float: left;}

#sub-section .product-details .blue, #sub-section .blue {color: #1d7ac9;}
#sub-section .product-details .brown, #sub-section .brown {color: #937c53;}
#sub-section .product-details .red, #sub-section .red {color: #cd4932;}
#sub-section .product-details .green,#sub-section .green {color: #5d8c0a;}
#sub-section .product p {color: #937c53;}
#sub-section .news a {color: #eeeeee;}
#sub-section .testimonials .fake_link {color: #dddddd;}

.disclaimer, .disclaimer p, #sub-section .disclaimer p {
	color: #333333; 
}

/* footer styles */
#page-footer {
	border-top: 2px 
	solid #937c53; 
	margin: 35px 0px 0px; 
	padding: 15px; 
	color: #FFFFFF;
	background-color: #a79168;
}
#page-footer .footer-links {float: right;}
#page-footer .copyright {float: left; color: #FFFFFF;}
