@import url(http://fonts.googleapis.com/css?family=arial);

html,  div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: top;
	background-color: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1, h2, h3, h4, h5, h6{ margin:0}

body {
	background: #FFF url(images/back_all.jpg) top no-repeat;
	font-family: Arial;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
}

.clear {clear:both;}
.left{ float:left}
.right{ float:right}

.orange{ color:#ff8625}
.blue{ color:#0b7da2}
.black{ color:#3c3c3c}
.color_1{ color:#0b7da2}
.color_2{ color:#ef7804}
.color_3{ color:#707070}
.color_4{ color:#048e91}

a{color:#fff; text-decoration:underline;outline:none!important; cursor:pointer}
a:hover{ text-decoration:none}

h1{ font-size:20px; color:#000; font-weight:normal; line-height:25px; padding-bottom:0px; font-family: 'arial', serif;}
h2{ font-size:12px; color:#ffffff; font-weight:bolder; line-height:25px; padding-bottom:0px; font-family: 'arial', serif;}
h3{ font-size:18px; color:#000; font-weight:normal; line-height:25px; padding-bottom:0px; font-family: 'arial', serif;}
h4{ font-size:18px; color:#f2f2f2; font-weight:normal; line-height:25px; padding-bottom:0px; font-family: 'arial', serif;}
h5{}

div.center{ width:1000px; margin:0 auto; z-index:0; position:relative; margin-bottom:20px;}
.color{ color:#787878}
/*===================== Sub Pages =====================*/
.grid_1{ width:644px;}
.grid_2{ width:312px;}
.grid_3{ width:300px;}
.grid_4{ width:210px;}
.grid_5{ width:225px;}
.grid_6{ width:560px;}
.grid_7{ width:px;}

.height_10{ height:10px}
.pad{ padding:0 23px}

.left_23{ margin-left:23px}
.left_{ margin-left:px}
.top_-20{ margin-top:-20px}
.top_20{ margin-top:20px}
.top_25{ margin-top:25px}
.left_{ margin-left:px}
.right_16{ margin-right:16px}
.right_20{ margin-right:20px}
.right_35{ margin-right:35px}

.underline{ text-decoration:underline}
.upp{ text-transform:uppercase}




.header{ background:url(images/header.png) top no-repeat;  height:512px; padding:5px 0 0 0}

/* ----- script begin ----- */
#faded {
	width:980px;
	height:388px;
	position: absolute;
 	right:4px;
	top:51px
	}
	
#fadedmain {
	width:980px;
	height:388px;
	position: absolute;
 	right:4px;
	top:51px
	}

ul.pagination {
	width: 200px;
	overflow: hidden;
	position: absolute !important;
	top: 330px;
	left: 35px;
	}
ul.pagination li { width:26px ; height:25px; float:left;}
ul.pagination li a {
	background: url(images/disk.jpg) 0px 0px no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	text-indent:-999px;
	outline:none!important
	}
ul.pagination li a:hover {
background: url(images/disk_hover.jpg) 0px 0px no-repeat;
	}
ul.pagination li.current a {
background: url(images/disk_hover.jpg) 0px 0px no-repeat;
		}
span.text{ position:absolute; top:70px; left:-342px; letter-spacing:-0.050em}
span.text big{ color:#000; font-size:20px!important;line-height:48px; font-family: 'arial', serif;}
span.text small{color:#08FD00; font-size:24px!important;line-height:50px; }
a.read{ background:url(images/read.png) top no-repeat; width:130px; height:36px; display:block; text-decoration:none; text-transform:uppercase; color:#fff; text-align:center; line-height:37px;}
a.read:hover{background:url(images/read.png) bottom no-repeat;}
/* ----- script end ----- */
/* ============================== top begin ====================================== */
div.top{ height:150px }
div.top a.logo{  margin-left:25px; float:left; padding-top: 30px; font-size: 26px; font-family: 'arial', serif; text-decoration: none}

/* ============================== top end ====================================== */
/* ============================== nav====================================== */
div.nav{ background:url(images/menu.gif) left repeat-x; height:40px; width:868px;  float:left; padding-top:8px}
div.nav ul li{ float:left}
div.nav ul li a{ display:block;  height:32px; margin:0 10px 0 35px; padding:0 9px 0 0px; line-height:32px; text-decoration:none; font-size:16px; color:#02FB00; font-family: 'arial', serif; font-weight: bold}
div.nav ul li a span{ display:block; height:32px; padding:0 10px 0 20px}
div.nav ul li a:hover, a.act{ background:url(images/right.gif) right no-repeat; color:#fff}
div.nav ul li a:hover span, a.act span{ background:url(images/left.gif) left no-repeat; color:#fff }
a.home{ background:url(images/home.jpg) left no-repeat; width:83px; height:48px; display: block; float:left;margin-left:22px;}
div.right_menu{ background:url(images/menu_right.gif) left no-repeat; width:5px; height:48px; float:left}
div.nav ul li a.login{ color:#adadad; text-transform:none}
div.nav ul li a.login:hover{ color:#ff8625; background:none}
div.nav ul ul {display:none}
div.nav ul li:hover ul{display:block;}
.submenu{width:100%}

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 49px;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #eee9f0));
  background: -webkit-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
  background: linear-gradient(top, #fefefe 0%, #eee9f0 100%);
  border-bottom: 0px solid #6b6061;
  border: 1px solid #ffffff;
  width: 868px;
  padding-left:110px;
  margin-left:8px;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ececec));
  background: -webkit-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: linear-gradient(top, #fefefe 0%, #ececec 100%);
  color: #000;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
  margin-left:20px;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li > a {
  color: #02FB00;
  font-size: 20px;
  font-weight:bold;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #6b6061;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
}
#cssmenu > ul > li.active:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 0px solid #6b6061;
  margin-left: -10px;
}
#cssmenu > ul > li.active > a {
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  background: #858585;
  background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
  background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
}
#cssmenu > ul > li:hover > a {
  background: #ececec;
  background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
  background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #747373;
  border-bottom: 1px dotted #9C9798;
  filter: none;
  font-size: 14px;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
}
#cssmenu .has-sub ul li:hover a {
  background: #504849;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #504849;
  border-bottom: 1px dotted #867879;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #433c3c;
}

/* ============================== nav end====================================== */
/* ============================== content ====================================== */
.bestsellers{ background:url(images/contentbestsellers.jpg) repeat; width: 1000px; margin: 0 auto}
.bestsellers big{ font-size:18px; line-height:24px; color:#535252; padding-bottom:20px; display:block}
.content{ background:url(images/content.jpg) repeat; width: 1000px; margin: 0 auto; padding:5; padding-bottom:5; padding-left:5; padding-right:10}
.content big{ font-size:18px; line-height:24px; color:#535252; padding-bottom:20px; display:block}
.content div.solution { color:#767676}
.content div.solution p{padding:0 0 3px 0; margin:0}
.border{ background:url(images/border.gif) repeat-x; height:2px; margin:15px  0 20px 0}
div.bg{ background: url(images/bg.jpg) top repeat-y; width:250px; padding:10px 25px}
div.topbg_1{ background:url(images/top.png) top no-repeat; height:11px; width:300px}
div.bottombg_1{ background:url(images/bottom.png) bottom no-repeat; height:11px;width:300px}
div.bg_2{ background: url(images/bg_2.png) top repeat-y; width:950px; padding:10px 25px}
div.topbg_2{ background:url(images/top_2.png) top no-repeat; height:11px; width:1000px}
div.bottombg_2{ background:url(images/bottom_2.png) bottom no-repeat; height:11px;width:1000px}
div.bg_3{ background: url(images/bg_3.jpg) top repeat-y; width:350px; padding:10px 25px}
div.topbg_3{ background:url(images/top_3.png) top no-repeat; height:11px; width:400px}
div.bottombg_3{ background:url(images/bottom_3.png) bottom no-repeat; height:11px;width:400px}

ul.list li a{ background:url(images/list.png) left no-repeat; padding-left:20px; line-height:30px; color:#000}
ul.list li a:hover{ color:#2f91a4}
a.more{ text-decoration:none; color:#707070; background:url(images/more.png) right no-repeat; padding-right:10px}
a.more:hover{ background:url(images/more_hover.png) right no-repeat; color:#e97e14}
/* ============================== content end ====================================== */
/* ============================== footer ====================================== */
.footer{ background:url(images/bg_footer.jpg) top repeat-x; padding:40px 0}
.footer ul.list_footer li a{ background:url(images/list_footer.gif) left no-repeat; padding-left:15px; color:#000000; text-decoration:none; line-height:25px}
.footer ul.list_footer li a:hover{ text-decoration:underline}
div.pins a{ color:#a4a4a4; text-decoration:none}
div.pins a:hover{ text-decoration:underline; color:#fff}
div.pins a.pin1{ background:url(images/pin1.gif) left no-repeat; height:30px; display:block; padding-left:0px; line-height:25px; margin-bottom:15px; color:3}
div.pins a.pin2{ background:url(images/pin2.gif) left no-repeat; height:30px; display:block; padding-left:0px; line-height:25px}
.footer small{ color:#a7a7a7; display:block; padding-bottom:5px}
.footer small span{ color:#fff}
.footer big{ font-family: 'ExistenceLight'; color:#fafafa; font-size:28px; line-height:31px}
.footer div.info{ margin-left:23px; color:#707070; margin-top:10px}
.footer div.info span{ font-size:24px; line-height:16px}
.footer div.info a.privacy{ text-decoration:underline;color:#707070;}
.footer div.info a.privacy:hover{ text-decoration:none}
.footer div.menu{ margin-top:15px}
.footer div.menu a{ margin-right:20px; text-decoration:none; color:#a5a3a3}
.footer div.menu a:hover{ text-decoration:underline}
a:link {
COLOR: #000000;
}
a:visited {
COLOR: #000000;
}
a:hover {
COLOR: #000000;
}
a:active {
COLOR: #000000;
}
/* ============================== footer end ====================================== */

/* Label */
label  { width: 120px;  margin: 0px; float: left; text-align: left; color:#363636}

/* Input, Textarea */
input{ margin: 0px; padding: 0px;  float: left; border: 2px solid #acacac;  color: #363636; background:#f2f2f2; font: 12px Arial, Helvetica, Arial, sans-serif; height:25px; margin-bottom:4px; width:430px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

textarea{margin: 0px; padding: 0px;  float: left; background:#f2f2f2; border: 2px solid #acacac;  color: #363636;   font: 12px Arial, Helvetica, Arial, sans-serif; height:250px; margin-bottom:4px; width:430px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

#copy
{
position: absolute;
margin: 0 auto;
text-align: center;
width: 100%;
bottom: 0px;
}

#copy a
{
color: #666
}