@charset "utf-8";
/* CSS Document */

body {
	background: #b3b0ab url(images/bg.jpg) repeat-x top center;
	padding: 0; margin: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img {	border:0 }
.clear {	clear: both;}

h1, h2, h3, h4, h5, h6 {
		color: #ff6600;
	}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 24px;
}
a {color: #ff6600;}
a:hover {color: #ff6600;}


/* MAIN DIVS */

.pageheadtop {position: fixed; height: 88px; width: 100%; z-index: 10; background: url(images/bg.jpg) repeat-x top center;}

#pagehead {
	width: 996px;
	/* height: 135px; */ height: 88px;
	position: relative; margin: auto auto;
}
#sitelogo {
		position: absolute;
		top: 15px; left: 20px;
		z-index: 50;
	}
#topmenu {
		/*background: #bdc0c4 url(images/topmenubg.png) repeat-x top center;*/
		position: absolute;
		/* bottom: 48px; */
		top: 42px;
		right: 0;
		font-size: 12px;
		font-weight: bold;
		height: 45px;
/*		border-top-left-radius: 8px;
		border-top-right-radius: 8px; */
		border-radius: 8px 8px 0 0;
	}

#topmenu .sf-menu {
	top: 11px;
	position: relative;
}


/* topsearch */
#topsearch {
	background: url(images/topsearchbg.png) no-repeat top center; 	width: 270px; height: 32px; 	position: absolute; top: 0; right: 0; }
#topsearch label {
	display: block; position: absolute; top: 10px; left: 34px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
/*	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
}
#topsearch .submit {
	position: absolute; top: 9px; right: 7px;
}
#topsearch .textinput {
	position: absolute;
	top: 9px; right: 33px;
	font-size: 11px;
	background: url(images/topsearchinputbg.png) no-repeat top left;
	border: 0;
	width: 136px; /*orig 146*/
	height: 16px; /* orig 16 */
	padding: 0 0 0 10px;
}

/* MAINCONTENT */

#maincontentbar {
	position: relative; top: 88px;
/*	height: 800px; */
}

.backgroundbg {position: fixed; top: 88px; right: 0px; bottom: 0px; left: 0px; background: url(images/site-bg-banner.jpg) no-repeat top center; z-index: -1;}

#maincontentwrapper {
	width: 996px;
	margin: auto auto;
	padding-top: 9px;
/*	background: #ddd; */
}
#contentbar {
	position: relative;
	background: #fff;
	border-radius: 8px 8px 8px 8px;
  -moz-box-shadow: 0 0 5px #999;
  -webkit-box-shadow: 0 0 5px #999;
  box-shadow: 0 0 5px #999;

}

#content {
	position: relative;
	width: 700px;
	padding: 50px 0 30px 0;
	left: 28px;
	font-size: 13px;
	float: left;
}

#content p {
	text-align: justify;
	line-height: 1.8em;
	margin: 0 0 10px 0;
}
#content ul {
	line-height: 1.8em;
}

/* SIDEBAR */
#sidebar {
	position: absolute;

/*	background: #f00; */
	width: 205px;
	top: 100px;
	padding-top: 50px; right: 28px;
	padding-bottom: 28px;
}
ul#sidemenu {
	background: #bdc0c4;
	border-radius: 8px 8px 8px 8px;
	padding: 0; margin: 0;
/*	overflow: hidden; */
	}
ul#sidemenu li.last-item {
	border: 0;
}
ul#sidemenu li.last-item a {
	border-radius: 0 0 8px 8px;
}
ul#sidemenu li.first-item a {
	border-radius: 8px 8px 0 0;
}



ul#sidemenu li {
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px #dedfe1 solid;
	position: relative;
}

ul#sidemenu li div, ul#sidemenu li a {
	display: block;
	position: relative;
	text-decoration: none;
	color: #37404D;
	padding: 12px 10px 12px 30px;
}
ul#sidemenu li div {
	background: url(images/sidebarmenu_down.gif) no-repeat 15px 17px;

}

ul#sidemenu li a {
}

ul#sidemenu li a:hover {
	color: #fff;
	background: #38404d;
}
ul#sidemenu li.current-page a {
		background: #ff8000;
		color: #fff;
	}
ul#sidemenu li.current-page a:hover {
		background: #ff6000;
	}
ul#sidemenu li.current-page span.marker {
	background: url(images/sidemenumarker.gif) no-repeat center center;
	position: absolute;
	height: 9px; width: 9px;
	left: -9px; top: 16px;
}

/* FOOTER */
#footer {
	background: #5F5F5F;
	width: 996px; position: relative; margin: auto auto;
	border-radius: 8px 8px 8px 8px;
	height: 75px;
	margin-top: 15px;
	margin-bottom: 25px;
	color: #fff;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius:  8px 8px 8px 8px;
}
#footer a {
	color: #fff;
}
.footer-left {
	left: 28px;
}
.footer-left, .footer-right {
		position: absolute; top: 28px;
}
.footer-right {
	right: 28px;
}

#footer a {
	text-decoration: none;
	background: url(images/footerbullet.png) no-repeat 0 2px;
	padding-left: 16px; padding-right: 16px;
}
#footer a:first-child {
	background: none;
	padding-left: 0;
}






/* PRODUCT INDEX */
.product-thumbs h2 {
	border-bottom: 1px solid #DEDFE1;
	padding-bottom: 6px;
	text-transform: uppercase;
	font-size: 21px;
}
.product-thumbs {
	position: relative;
	margin-bottom: 30px;
/*	margin-right: -15px;	 */
}
.product-thumbs .items  {
	margin-right: -15px;
}
.product-thumbs span.more {
	display: block;
	position: absolute; top: 10px; right: 0;
	font-size: 11px; font-weight: bold;
}
.product-thumbs span.more a {
	text-decoration: none;
/*	display: block;
	float: right; */
}
.product-thumbs .item {
	width: 160px;
	float: left;
	margin-right: 14px;
	border: 2px solid #fff;
	text-align: center;
	padding-bottom: 12px;
}
.product-thumbs .item:hover {
	border: 2px solid #ff8000;
}
.product-thumbs .item a {
	display: block;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #717780;
}
.product-thumbs .item a:hover, .product-thumbs .item:hover a {
	color: #ff8000;
}

.product-thumbs .item img {
	width: 160px;
}


/* PRODUCT cat index */

.product-cat-thumbs .item {
/*	background: #eee;  */
	width: 160px;
	padding: 20px;
	float: left;
	margin-right: 40px;
/*	text-align: center; */
}
.product-cat-thumbs .item {
}
 .product-cat-thumbs .items {
/*	 background: #eee; */
	 margin-right: -20px;
}

.product-cat-thumbs .item span {	display: block;}
.product-cat-thumbs .title { font-size: 14px; font-weight: bold; padding-bottom: 8px;}
.product-cat-thumbs .title a { text-decoration: none; }
.product-cat-thumbs .model { font-size: 12px; text-align: center; font-weight: bold; color: #37404D; padding: 3px; background: #f3f3f3; border: 1px solid #ddd; margin: 4px 0 12px 0;}
.product-cat-thumbs .model a { text-decoration: none; color: #37404D;}
.product-cat-thumbs .shortdesc { font-size: 11px; color: #37404D; text-align: justify;}
.product-cat-thumbs .shortdesc a { text-decoration: none; color: #37404D;}

/* PRODUCT PAGE */
.product-main { margin-bottom: 40px;	position: relative;}
.product-main .product-pic {
/*	background: #200; */
	position: relative;
	float: right;
	width: 300px;
}

.product-main .product-pic .pic  img{
	width: 300px;
}

#content .product-main .product-description {
	position: relative;
	float: left;
	width: 380px;
/*	border-right: 1px solid #ddd;
	padding-right: 30px; */
	font-size: 15px;
	line-height: 2em;
	color: #37404D;
}
#content .product-main .product-description p {
	line-height: 2em;
}

.product-main .product-pic .thumbbox {
	background: url(images/thumbboxbg.png) no-repeat top center;
	position: relative;
/*	border: 3px #f0f solid; */
	padding: 24px 0 0 14px;
	border-top: 1px solid #ddd;
}
.product-main .product-pic .pic {
	margin-bottom: 30px;
}

.product-main .product-pic .thumbbox .items {
/*	background: #fff; */
	margin-right: -16px;
}
.product-main .product-pic .thumbbox .item, .product-main .product-pic  .thumbbox .item img {
	width: 80px;
	height: 65px;
	float: left;
}
.product-main .product-pic .thumbbox .item {
		margin-right: 14px;
		border: 1px solid #ccc;
		margin-bottom: 16px;
	}

/* BREADCRUMB */
.breadcrumb {
/*		position: absolute;
		top: 20px; right: 0; */
/*		background: #eee; */
		margin-bottom: 20px;
/*		text-align: right; */
/*		width: 480px; */
		border-bottom: 1px solid #eee;
		padding-bottom: 8px;
	}
.breadcrumb a {
	background: url(images/breadcrumbbullet.png) no-repeat right center;
	margin-left: 12px;
	padding-right: 20px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #37404D;
	text-transform: uppercase;
}
.breadcrumb a:first-child {
	margin-left: 0;
}
.breadcrumb a.item-last{
	font-size: 14px;
	text-transform: none;
	color: #ff8000;
	background: none;
	padding-right: 0px;
}
/* TEBLES */
#content table {
    border-collapse: collapse;
    border-spacing: 0;
	margin-bottom: 20px;
	width: 100%;
}
#content table td {
	border: 1px solid #ccc;
	padding: 4px 8px 4px 8px;
	vertical-align: top;
}


/* TABBOX */
.tabbox {
	clear: both;
	margin-bottom: 30px;
	}
.tabbox ul.tabs {
	margin: 0; padding: 0;
	padding-left: 8px;
}
.tabbox ul.tabs li {
	float: left;
	list-style-type: none;
	background: #eee;
	margin-right: 4px;
	padding: 3px 16px  6px 16px;
	cursor: pointer;
/*	margin-bottom: 2px; */
/*	border: 1px solid #ccc; */
	border-bottom: 0;
}
.tabbox ul.tabs li:hover {
	background: #555;
	color: #fff;
}
.tabbox ul.tabs li.active {
	background: #fff;
	color: #333;
	font-weight: bold;
	border: 1px solid #bbb;
	border-top: 2px solid #ff8000;
	border-bottom: 1px solid #fff;
/*	padding-bottom: 1px;  */
	margin-bottom: -1px;
}
.tabbox .tabdesc {
	border: 1px solid #bbb;
	padding: 12px;
}

.tabbox .tabdesc div.tab {
	display: none;
}
.tabbox .tabdesc div.tab:first-child {
	display: block;
}
.tabbox .tabdesc h3 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 4px;
}

#content .tabbox table th {
	text-align: left;
}
#content .tabbox .tab-download table {
	font-size: 11px;
	margin-bottom: 12px;
}
.tabbox .tab-download h3 {
	margin-bottom: 2px;
}
.tab-download a.button-download {
	background: url(images/icon-download.gif) no-repeat center center;
	text-decoration: none;
	display: block;
	height: 16px; width: 16px;
}


/* DONWLOADBOX */
.downloadbox .item {
	background: url(images/icon-download2.png) no-repeat 0 0;
	float: left;
	width: 200px;
	font-size: 11px;
	padding-left: 0px;
	margin-right: 24px;
	margin-bottom: 30px;
}
.downloadbox .item h4 {
	font-size: 14px;
	margin: 8px 0 12px 0;
	color: #37404D;
	padding-left: 40px;
}
#content .downloadbox ul {
	padding: 0 0 0 24px; margin: 0;
	line-height: 1.5em;
	border-left: 1px solid #eee;
	margin-left: 16px;
}
.downloadbox ul li {
	list-style-type: none;
	padding: 0; margin: 0;

}
.downloadbox ul li a {
	text-decoration: none;
	color: #37404D;
}
.downloadbox ul li a:hover {
	color: #ff8000;
}



/* MESSAGE */
.topmessage {
		padding: 16px 16px 16px 22px;
		background: #ffff99;
		font-size: 12px;
		border: 1px solid #fc0;
	}
.topmessage span.label { display: block;
		font-size: 14px;
		font-weight: bold;
}


/* BOX-COLUMNS */
.box-colummned {
	background: #fff;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius:  8px 8px 8px 8px;
	padding: 22px 28px 10px 28px;
}
.box-colummned h2 {
	margin: 0;
	margin-bottom: 8px;
	position: relative;
}
.box-colummned h2 a {
	text-decoration: none;
}
.box-colummned h3 {
	margin: 0;
	color: #37404d;
	font-size: 12px;
}
.box-colummned h3 a {	color: #37404d; text-decoration: none;}
.box-colummned h3 a:hover {	color: #ff800; text-decoration: none;}


/* .box-colummned h2.new a {
	background: url(images/h2.new.gif) no-repeat top right;
	padding: 0 20px 0 0;
} */

.box-colummned .box {
/*	background: #eee; */
	width: 205px;
	float: left;
	margin-right: 40px;
}
.box-colummned .box-last {
	margin-right: 0;
}
.box-colummned .box-news ul, .box-colummned .box-news li {
	margin: 0; padding: 0;
	}
.box-colummned .box-news li {
	list-style-type: none;
	margin-bottom: 8px;
	position: relative;
}
.box-colummned .box-news ul a {
	display: block;
	color: #37404d;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	background: #fafafa;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius:  6px 6px 6px 6px;
	padding: 14px 14px 14px 12px;
}
.box-colummned .box-news ul a:hover {
	background: #37404d url(images/boxnewslibg.png) no-repeat right center;
	color: #fff;
}
.box-colummned .box-news li.more {
	margin-bottom: 0;
	text-align: right;
}
.box-colummned .box-news li.more a {
	padding: 4px 20px 4px 12px;
}
.box-colummned .box-news li.more a:hover {
	background: #ff8000 url(images/boxnewslibg.png) no-repeat right center;
}
.box-colummned .box-news .date {
	display: block; font-size: 10px; font-weight: normal; text-align: right;
	margin-bottom: 40px;
/*	border-bottom: 1px solid #ddd; */
	position: absolute; left: 12px; top: -4px;
	background: #ddd;
	padding: 1px 4px;
}
.box-colummned .box-news ul a .date {
	color: #000;
}


.box-colummned .box .pic {
	text-align: center;
	border: 1px solid #ddd;
	margin-bottom: 12px;
	  -moz-box-shadow: 0px 4px 4px #eee;
	  -webkit-box-shadow: 0px 4px 4px #eee;
	  box-shadow: 0px 4px 4px #eee;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius:  6px 6px 6px 6px;
}

.box-colummned .box .text {
	font-size: 11px;
}
.box-colummned .box .text p {
	text-align: justify;
	line-height: 1.6em;
}


#home-header {
	margin-bottom: 20px;
}


/* COMMENTBOX */
.comment-box .item {    margin-bottom: 30px; }
.comment-box .item .text {
        float: right; width: 460px;
        background: #fafafa;
        border-left: 1px solid #ddd;
        padding: 30px 20px 30px 40px;
        font-size: 13px;
    }
.comment-box .item-odd .text {     background: #f3f3f3; }
.comment-box .item .meta {
    width: 120px;
    float: left;
    text-align: right;
    overflow: hidden;
}
.comment-box .item .meta .user, .comment-box .item .meta .date, .comment-box .item .meta .time {     display: block; }
.comment-box .item .meta .user { font-size: 19px; font-weight: bold; color: #FF8000; margin-bottom: 20px;}
.comment-box .item .meta .time {
    font-size: 14px;
    font-weight: bold;
}
.comment-box .item .meta .dateandtime {
    display: block;
    color: #666;
}
.comment-box {
    margin-bottom: 30px;
}


/* SUPPORT */

#support fieldset {
	border: 1px solid #ddd;
	background: #eee;
	padding: 12px 12px 0 12px;
	height: 38px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	width: 440px;
	float: left;
}
#support fieldset label {
	text-transform: uppercase;
	font-size: 11px;
}
#support fieldset select {
	margin-right: 20px;
}
#support ul {
	padding-left: 12px;
}
#support li {
	list-style-type: none;
}
#support li a {
	text-decoration: none;
}
#support li p {
	line-height: 1.5em;
	font-size: 10px;
	padding-left: 12px;
}
#support li a:hover {
	text-decoration: underline;
}
#support img.download {
	float: right;
}

.fb-like {
		background: url(images/topfacebookbg.png) no-repeat 0 0;
		position: absolute !important;
		right: 250px; top: 0px;
		height: 32px;
		padding: 6px 25px 0 8px; 
	}