@import url("reset.css");

body,html {height:100%}
body {color:#000; background:#b7b5b6 url(../img/bg.png) repeat-x 0 0; font:11px Verdana,Tahoma,Helvetica,'MS Sans Serif',sans-serif; display:table; width:100%}
td,th {color:#000; font:11px Verdana,Tahoma,Helvetica,'MS Sans Serif',sans-serif}
.underline_text {
	text-decoration: underline;
}

input,option,select {
	color:#000;
	font:11px Verdana,Tahoma,Helvetica,'MS Sans Serif',sans-serif;
	border: thin none #FF9900;
}

/* // ---- typography ---- // */

a {color:#000; text-decoration:none}
a:hover {color:#fa7804}

h1 {color:#000; font:28px Arial,Helvetica; padding-bottom:20px}
.sub-title {color:#fa7804; font:14px Arial,Helvetica; padding-bottom:10px}
.o-title {color:#f60; font:18px Arial,Helvetica; padding-bottom:10px}

.c-orange {color:#de5101}

/* -- ---- typography ---- -- */

#minWidth {position:relative; width:965px; padding:0 16px 0 19px; margin:0 auto}


/* // ---- top block ---- // */
.top {}
	.top .logo {float:left; padding-top:10px}
	.top .phones {float:left; width:284px; text-align:right; padding:13px 39px 13px 10px; font-size:12px; background:url(../img/phones-shadow.png) no-repeat 100% 5px; margin-right:8px}
		.top .phones big {font:25px Arial,Helvetica; display:block}
			.top .phones big .d {color:#fa7804}
	.hot-deals {float:left; padding-top:10px}
	.live-chat {position:relative; right:-5px; float:right; width:113px; height:45px; background:url(../img/livechat-bg.png) no-repeat 0 0; padding:24px 10px 0 55px; text-align:center}
		.live-chat strong {color:#fa7804}
/* -- ---- top block ---- -- */

.inner {border:1px solid #b7b7b7; background-color:#fff}

/* // ---- navigation ---- // */
.navigation {position:relative; z-index:5; border-bottom:2px solid #f0f0f0; background-color:#dadada; padding-bottom:1px}
	.navigation ul {border-bottom:1px solid #fff; background:#e1e1e1 url(../img/navigation-bg.png) repeat-x 0 0; font-weight:bold; font-size:12px; padding-left:3px}
		.navigation ul li {position:relative; float:left; padding:10px 20px 9px 10px; background:url(../img/navigation-li.png) no-repeat 100% 0}
			.navigation ul li.lst {padding-right:17px; background-image:none}
		.navigation ul ul {position:absolute; left:-4px; top:-999em; width:180px; border:1px solid #b7b7b7; font-weight:normal; padding:10px 0}
			.navigation ul ul li {float:none; padding:3px 10px 3px 13px; background-image:none}
	.navigation .sfHover ul {top:33px}
	.navigation .sfHover a {color:#fa7804}
		.navigation .sfHover ul a {color:#000}
			.navigation .sfHover ul a:hover {color:#fa7804}
/* -- ---- navigation ---- -- */

.visual {position:relative; z-index:1; height:205px}

/* // ---- middle ---- // */
.middle {position:relative; z-index:1; padding:13px 0 0}

.long-col {float:right; width:784px}
	.long-col .longcol {padding-top:3px}
.side-col {float:left; width:172px; margin-right:-100px}
	.sidecol {padding:0 4px 0}
/* -- ---- middle ---- -- */

/* // ---- services main ---- // */
.services-main {background-color:#ff8d06; border-left:392px solid #fa7804; padding-top:3px}
	.services-main .left-services {position:relative; left:-385px; margin-right:-385px; float:left; width:377px; padding:0 8px 0 0}
	.services-main .right-services {position:relative; float:right; width:377px; padding:0 8px 0 0}
	.services-main h2 {color:#fff; font:18px Arial,Helvetica; padding-bottom:7px}
	.services-main .view-texts {height:auto !important; height:149px; min-height:149px}
	.services-main .view-texts div {display:none}
		.services-main .view-texts .opened {display:block}
	.services-main .thumbs {position:relative; margin-right:-8px}
		.services-main .thumbs li {float:left; padding:0 6px 6px 0}
			.services-main .thumbs li.opened {}
				.services-main .thumbs li.opened span {color:#fa7804}
				.services-main .thumbs li.opened img {border-color:#de5101}
		.services-main .thumbs img {border:3px solid #cecec3}
		.services-main .thumbs span {display:block; background-color:#fff; padding:4px 0 4px 8px}
/* -- ---- services main ---- -- */

/* // ---- featured products ---- // */
.featured-products {position:relative; margin-left:-7px; background-color:#eeeeed; padding:10px 5px 6px 7px}
	.featured-products .featured {position:relative; border:1px solid #000; padding:7px 0 0 145px; height:auto !important; height:71px; min-height:71px}
		.featured-products .featured h3 {position:absolute; left:8px; top:12px; color:#de5101; font:bold 14px Arial,Helvetica}
		.featured-products .featured td div {width:159px}
		.featured-products .featured td {padding-right:7px; vertical-align:top; padding-top:7px}
			.featured-products .featured td a {color:#666}
				.featured-products .featured td a:hover {color:#fa7804}
		.featured-products .featured td.ph {vertical-align:middle; padding-top:0}
		#featured-scroll {width:100%; position:relative}
/* -- ---- featured products ---- -- */

/* // ---- s block ---- // */
.s-block {
	background-image: url(../images/s-block-b.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
	.sblock {
	padding:55px 5px 50px 10px;
	background-image: url(../images/s-block-b.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
	.briefly-text {color:#666}
		.briefly-text p {padding-bottom:16px}
	.download-demo {position:relative; margin-left:-5px}
/* -- ---- s block ---- -- */

.recommend-friend {
	position:relative;
	left:4px;
	padding:14px 0 0 0;
	background-color: #FFFFFF;
}
	.recommend-friend .inp-txt {width:149px}
	.recommend-friend strong {display:block; padding-bottom:8px}
	.recommend-friend .btn {padding-top:7px; width:162px; text-align:right}
		.recommend-friend .btn input, .request-form .btn input {margin:0; padding:2px 0 3px; width:47px; background-color:#000; color:#fa7804; font-weight:bold; border-width:0}

.affliate-program {color:#fdb926; background-color:#000; padding:11px 6px 6px 16px; font-size:12px}
	.affliate-program .go-aff {position:relative; float:right; width:192px; height:24px; font-size:14px; font-weight:bold; text-align:center; line-height:23px; background:#ffb006 url(../img/go-aff.png) no-repeat 0 0; margin-top:-5px}
		.affliate-program .go-aff:hover {color:#fff}

/* // ---- bottom ---- // */
.bottom {color:#666; padding:4px 0 5px 14px}
	.bottom .right-btm {float:right; width:500px}
		.bottom .right-btm li {float:right; padding:0 3px 0 13px}
	.bottom .left-btm {float:left}
	.bottom a {color:#666}
		.bottom a:hover {color:#000}
/* -- ---- bottom ---- -- */

.grid-2 {padding-top:0}
	.grid-2 .long-col {width:762px; border-left:1px solid #a7a4a7}
		.grid-2 .longcol {padding-top:0}
	.grid-2 .long-col {width:762px; border-left:1px solid #a7a4a7; padding-bottom:10px}
	.grid-2 .side-col {width:200px; border-right:1px solid #a7a4a7; margin-right:-10px; padding-bottom:10px}
	.grid-2 .visual {margin-left:-1px}

.cont-block {padding:12px 7px 0 13px}
	.cont-block h1 {font-size:30px; padding-bottom:2px}

/* // ---- for editor ---- // */
.for-editor {}
	.for-editor p {padding-bottom:10px}
	.for-editor ul {padding:0 0 10px 20px}
		.for-editor ul li {padding:0 0 0 15px; background:url(../img/li.gif) no-repeat 0 5px}
/* -- ---- for editor ---- -- */

.recommend-block {padding:15px 0 0}
	.recommend-block .goods {float:left; width:586px}
	.recommend-block .goods table {width:100%; border-collapse:separate}
		.recommend-block .goods table th {color:#333; font:bold 12px Arial,Helvetica; width:33%; background:#e0e1e1 url(../img/th-brd.gif) repeat-x 0 100%; border-right:9px solid #fff; padding:7px 7px 10px}
	.recommend-block .ph {padding:4px 0 15px; height:auto !important; min-height:90px; height:90px; text-align:center}
	.recommend-block .numb {font-size:10px; font-weight:bold}
	.recommend-block td {color:#333; border-right:9px solid #fff; vertical-align:top; padding-bottom:10px}

.request-form {color:#333; float:right; width:185px; background-color:#e0e1e1; border:1px solid #666; padding:6px 8px 7px 9px}
	.request-form .o-title {text-align:center}
	.request-form .lbl {float:left; width:39px; font:12px Arial,Helvetica; padding-top:5px}
	.request-form .inp-t {float:right; border:1px solid #a7a4a7; padding:4px 1px 4px 3px; font:12px Arial,Helvetica; width:138px}
	.request-form .inputs {padding-bottom:12px}
	.request-form textarea.inp-t {float:none; width:179px}
	.request-form .lbl-t {padding-bottom:4px}
	.request-form .btn {text-align:right; padding-top:7px}
		.request-form .btn input {}

.sidenav {
	position:relative;
	margin:0 -4px;
	padding-bottom:9px;
	left: 0px;
	width: 100%;
}
	.sidenav dd {
	border-bottom:1px solid #adafaf;
	background-color:#e0e1e1;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 0px;
	left: -40px;
	position: relative;
	width: 84%;
}
		.sidenav dd.hr {background-color:#a7a4a7}

.bn-block {text-align:center; padding-bottom:29px}
	.bn-block li {padding-bottom:16px}

.only-demo {padding-top:0}
.input-fields {

	color:#000;
	font:11px Verdana,Tahoma,Helvetica,'MS Sans Serif',sans-serif;
	border: thin solid #FF9900;
}
.table-bg-new {
	background-image: url(../images/right-box-heading-bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e1e1e1;
	border-right-color: #e1e1e1;
	border-bottom-color: #e1e1e1;
	border-left-color: #e1e1e1;
	width: 560px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
	color: #48afd5;
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}