
/* General Styles */

.clearfloat{clear:both; height:0px; line-height:0px;font-size:1px;}



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, 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;

outline: 0;

font-size: 100%;

vertical-align: baseline;

background: transparent;

font-family:Arial, Helvetica, sans-serif;

}

.imgleft{float:left;}

.imgright{float:right;}

body {

line-height: 1;

}



ol, ul {

list-style: none;

}

blockquote, q {

quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

content: '';

content: none;

}



:focus {

outline: 0;

}



ins {

text-decoration: none;

}



del {

text-decoration: line-through;

}



table {

border-collapse: collapse;

border-spacing: 0;

}



a {

color: #000;

text-decoration: none;

}



a:hover {

color: #000;

text-decoration: underline;

}



a:visited {

color: #000;

text-decoration: none;

}



body {

font-size: 12px;

font-family: Tahoma, Geneva, sans-serif;

line-height:24px;

}



blockquote {

color: #CCC;

font-size: 11px;

font-style: italic;

}





address, caption, cite, code, dfn, em, strong, th, var {

font-style: normal;

}



table {

border-collapse: collapse;

border-spacing: 0;

}

fieldset, img {

border: 0;

}

caption, th {

text-align: left;

}

q:before, q:after {

content: '';

}

abbr {

border:0;

}



#wrapper {

width:925px;

margin:0 auto;

}

#header {

height:100px;
background: url(headerbg.jpg) no-repeat 0 0;
width: 925px;

}

#logo{

float:left;

height:80px;

width:280px;

}		

#logo img{

margin:5px 0 0 8px;

}



/* Navigation Styles */



.navigation {

margin-top:35px;

width:645px;

float:right;

height: 39px;

}



#search {

background: url(nav-bg.jpg) repeat-x 0 0;

width: 157px;

float: right;

height: 39px;

}



#search form {

width: 157px;

height: 39px;

}



#searchbox {

margin-left:10px;

display:inline;

float:left;

width: 121px;

padding-top:10px;

}

#searchbox #text-w{

float:left;

background: url(search.jpg) no-repeat top transparent;

width: 118px;

height: 19px;

border: none;

color: #6e6e6e;

padding-left:3px;

}





#searchbutton {

float:right;

width:25px; 

height:31px;

}

#searchbutton input{

padding-top:10px;

border:none;

}



#header #navbar {

background: url(nav-bg.jpg) repeat-x 0 0;

float:right;

height:39px;

line-height:39px;

padding-left:13px;

}



#navbar, #navbar ul {

margin:0;

padding:0;

list-style-type:none;

position:relative;

line-height:39px; 

z-index:5;

}



#header #navbar a {

height:39px;

display:block;

padding:0 21px;

text-decoration:none;

text-align:center;

line-height:39px; 

outline:none;

float: left;

z-index:35;

position:relative;

color:#494a4b;

font-weight:bold;

background: url(hover-bg.jpg) no-repeat 75px 39px;

}



#header #navbar a:hover {

background-position: center center;

color:#123456;

color:#FFF;

font-weight:bold;

}



#header #navbar ul a {

line-height: 39px; 

}



#header #navbar li {

float:left;

position:relative;

z-index:20;

}



#header #navbar li li {

border-left:none;

margin-top:0;

}



#header #navbar ul {

position:absolute;

display:none;

width:172px;

top:36px;

left:-1px;

background: #f5f5f5;

}



#header #navbar li ul a {

width:130px;

height:auto;

float:left;

text-align:left;

padding:0 21px;

}



#header #navbar ul ul {

top:auto;

}	



#header #navbar li ul ul {

left:172px;

top: 0px;

}



#header #navbar li ul ul a {

border-left:none;

}



#header #navbar a{

color:#525151;

}



#header #navbar ul {

border:1px solid #c0c0c0;

border-top:none;

}



#header #navbar li ul a {

border-bottom:1px solid #fff;

border-top:1px solid #c0c0c0;

}



#header #navbar ul a, #header #navbar ul li {

background-color:#f5f5f5;

}



#header #navbar ul a:hover, #header #navbar ul a:focus {

color: #000;

}



#header #navbar .current_page_item a {

}



#header #navbar li:hover ul ul, #header #navbar li:hover ul ul ul,#header  #navbar li:hover ul ul ul ul {

display:none;	

}

#header #navbar li:hover ul, #header #navbar li li:hover ul, #header #navbar li li li:hover ul, #header #navbar li li li li:hover ul {

display:block;

}



/* Slideshow Styles */



#slide-wrapper {

clear:both;

background: url(slider-bg.gif) no-repeat;

width: 921px;

height: 365px;

margin-top: 0;

padding-top:5px;

margin-left:2px;

}



.featurebox {

width: 921px;

height: 365px;

clear:both;

margin:auto;

}





#image-wrapper {

margin:0 auto;

display:none;

padding:0;

width: 921px;

}



#image-wrapper * {

margin:0;

padding:0;

}

	

#full-image {

position:relative;

padding:0;

width: 860px;

}



.frontslide {

display: none;

}

.date {

color:#9d9c9c;

font-size: 10px;

font-style: italic;

}





#image {

width:440px;

height:250px;

}



#image img {

position:absolute;

z-index:2;

width:881px;

height:210px;

left:18px;

top:10px;

border:2px solid #bfbfbf;

}



.imgnav {

position:absolute;

width:25%;

height:180px;

cursor:pointer;

z-index:3;

}



#imgprev {left:0;background:none;}

#imgnext {right:0;background:none;}



#imglink {

position:absolute;

height:150px;

width:100%;

z-index:5;

opacity:.4;

filter:alpha(opacity=40);

}



.linkhover { }



#thumbnails {margin-top:20px;height:38px;}



#arrowleft {

float:left;

width:26px;

height:49px;

background:url(left.gif) top center no-repeat;

padding-left:40px;

margin-top: 30px;

z-index:6;

}



#slideleft:hover {}



#arrowright {

float:right;

width:26px;

height:49px;

background:url(right.gif) top center no-repeat;

padding-right:40px;

margin-top: 30px;

z-index:7;

}



#slideright:hover {	}



#frontarea {

float:left;

position:relative;

width:785px;

margin-left:3px;

height:100px;

overflow:hidden;

}



html* #frontarea {margin-left:0;}



#fronter {

position:absolute;

left:0;

height:100px;

top: 10px;

}



#fronter img {

cursor:pointer;

border:2px solid #000;

}



/* Frontpage Column Styles */



#big-column {

width: 925px;

height: auto;

margin-top: 10px;

}



#column-top {

background: url(product-title-bg.jpg) repeat-x 0 0;

height: 27px;

overflow:hidden;

}



#column-content {

clear:both;

border:1px #b5b5b5 solid;

border-bottom:none;

border-top:none;

height:auto;

overflow:hidden;

padding:10px;

color:#5c5c5c;

}



#column-content .box1 {

float:left;

width:285px;

height:auto;

overflow:hidden;

border-right:1px #b5b5b5 dotted;

padding-right:10px;

}



#column-content .box1 h2 {

height:30px;

line-height:30px;

border-bottom:1px #ccc solid;

}

#column-content .box1 h2 a {

text-decoration:none;

color:#0d4288;

}

#column-content .box1 h2 a:hover{

color:#0d4288;

text-decoration:underline;

}





#column-content .box2 {

float:left;

width:285px;

height:auto;

overflow:hidden;

border-right:1px #b5b5b5 dotted;

padding:0 10px;

}

#column-content .box2 h2 {

height:30px;

line-height:30px;

border-bottom:1px #ccc solid;

}

#column-content .box2 h2 a {

text-decoration:none;

color:#0d4288;

}

#column-content .box2 h2 a:hover{

color:#0d4288;

text-decoration:underline;

}



#column-content .box3 {

float:left;

width:285px;

height:auto;

overflow:hidden;

padding-left:10px;

}

#column-content .box3 h2 {

height:30px;

line-height:30px;

border-bottom:1px #ccc solid;

}

#column-content .box3 h2 a {

text-decoration:none;

color:#0d4288;

}

#column-content .box3 h2 a:hover{

color:#0d4288;

text-decoration:underline;

}

#column-content .box3 ul{

margin:0px;

padding:0px;

}

#column-content .box3 ul li{

list-type-style:none;

background: url(three_icon.jpg) no-repeat 0 8px;

height:25px;

padding-left:15px;

width:270px;

overflow:hidden;

line-height:25px;

}

#column-content .box3 ul li a{

color:#006699;

text-decoration:none;

}

#column-content .box3 ul li a:hover{

color:#006699;

text-decoration:underline;

}







.margin10{margin-right:18px;}

.text-red{color:red;}

.padd-top-bt{margin:3px 0;}



#foot{ clear:both; height:60px;background: #FFF url(footerbg.jpg) no-repeat center 0;margin-top:25px;padding-top:15px;}

#foot p{padding:10px;text-align:center; color:#9a9a9a;}

#foot p a{color:#9a9a9a;text-decoration:none;}

#foot p a:hover{color:#1854cd;text-decoration:underline;}

.guidesimg{background:url(Guides_60x110.jpg) no-repeat 0 0;}

ul.box li.guidesimg p{ padding:0 5px 0 70px;}

ul.box li.guidesimg p a{color:#333;text-decoration:none;}

ul.box li.guidesimg p a:hover{color:#1854cd;text-decoration:underline;}



/* Featured Posts & Articles on Frontpage */



.feat-post {

width: 300px;

padding: 10px 10px 10px 20px;

float: left;

}



.feat-post h2 {

font-size: 18px;

text-decoration: none;

color: #6e6e6e;

}



.feat-post h2 a {

text-decoration: none;

color: #6e6e6e;

}



.feat-post h2 a:hover {

text-decoration: none;

color: #000;

}



.desc h3 {

font-size: 10px;

font-style: italic;

color: #000;

font-weight: normal;

clear:both;

border-bottom: 1px solid #b1b1b1;

}



.feat-post p {

text-align: justify;

color: #6e6e6e;

margin-top: 15px;

}



.feat-post img {

margin-top: 20px;

border: 1px solid #000;

}



/* Subpage Column Styles */



#sub-column {

width: 925px;

height: auto;

margin-top: 0;

overflow:hidden;

}



#sub-top {

background: url(sub-top-bf.jpg) repeat-x;

height: 28px;

}

/* Breadcrumb Navigation Styles */



.breadcrumb {

line-height:28px;

padding:0 0 0 10px;

height:28px;

background: url(sub-top-m-bg.jpg) repeat-x;

float: left;

color: #3a3838;

font-size: 12px;

}

.breadcrumb a {

color: #2d549b;

font-weight: normal;

text-decoration: none;

}



.breadcrumb a:hover {

text-decoration: underline;

}





#sub-content {

background: url(sidebar-bg.jpg) repeat-y right top;

width: 925px;

float: left;

}



/* Subpage Content Styles */





.content {

width: 709px;

float: left;

padding: 10px 15px 10px 15px;

}



.content h1 {

font-size: 24px;

color: #3a3838;

margin: 20px 0px 20px 0px;

font-weight: normal;

}



.content p {

text-align: justify;

color: #3a3838;

}



.post ul {

border-top: 1px solid #CCC;

list-style-type: disc;

list-style-position:inside;

color: #6e6e6e;

margin: 20px 40px 10px 10px;

}



.post ul li {

color: #6e6e6e;

border-bottom: 1px solid #CCC;

padding: 5px;

}



.post ul li a {

color: #000;

}



.post ol {

border-top: 1px solid #CCC;

list-style-type: disc;

list-style-position:inside;

color: #6e6e6e;

margin: 20px 40px 10px 10px;

}



.post ol li {

color: #6e6e6e;

border-bottom: 1px solid #CCC;

padding: 5px;

}



.post ol li a {

color: #000;

}



/* Sidebar Styles */



.sidebar {

width: 185px;

float: left;

margin-top: 0px;

padding-bottom: 50px;

}



.sidebar dl{

padding:0px;

margin:0px;

list-style-type: none;

}

.sidebar dt{

height:63px;

background: url(dt-bg.jpg) no-repeat 0 0;

}

.sidebar dt p{

color:#b5ddff;

padding:37px 0 0 25px;

font-weight:bold;

font-size:18px;

}

.sidebar dd{

background: url(sidebar-dd-bg.jpg) no-repeat left bottom;

}

.sidebar dd a{

padding:5px 5px 5px 25px;

display:block;

color:#000;

background: url(side-dd-dot1.jpg) no-repeat 12px 15px;

}

.sidebar dd a:hover{

display:block;

background: url(side-dd-dot2.jpg) no-repeat 12px 15px;

color:#FF0000;

}





.widgettitle {

height:26px;

background: url(dt-bg.jpg) no-repeat 0 0;

color:#b5ddff;

padding:37px 0 0 25px;

font-weight:bold;

font-size:18px;

}





#sidebar ul li {

list-style-type: none;

background: url(side-dd-dot1.jpg) no-repeat 12px 13px;

padding:3px 0;

padding-left:16px;

border-bottom:1px #ccc solid;

}



#sidebar ul ul li a {

padding-left: 30px;

}



#sidebar ul ul ul li a {

padding-left: 40px;

}



.textwidget {

margin: 10px 8px 20px 10px;

color: #6e6e6e;

}



.sidebar ul li a {

color: #000;

text-decoration: none;

padding: 5px;

padding-left: 5px;

cursor:pointer;

}



.sidebar ul li a:hover {

color: #000;

text-decoration: underline;

}



.posted {

color:#9d9c9c;

font-size: 10px;

font-style: italic;

display: block;

padding-left: 10px;

}



#wp-calendar {

border:1px solid #cccccc;

color:#6e6e6e;

width: 220px;

}



#wp-calendar caption {

color: #8a8a8a;

font-size: 18px;

font-weight: normal;

padding: 0px 0px 10px 0px; 

list-style-type: none;

}



tbody .pad {

background-color:#dddddd;

}



#wp-calendar a {

font-weight:bold;

font-size:12px;

background: none;

padding: 0px;

margin: 0px;

border: none;

}



thead tr th {

width:20px;

height:20px;

text-align:center;

background-color: #000;

color: #FFF;

border:1px solid #cccccc;

padding: 3px; 

}



tbody tr td {

width:20px;

height:20px;

text-align:center;

border:1px solid #cccccc;

}



tfoot #prev {

width:58px;

height:20px;

text-align:left;

background-color:#ffffff;

background: none;

padding-left: 10px;

}



tfoot #next {

width:58px;

height:20px;

text-align:right;

background-color:#ffffff;

background: none;

padding-right: 10px;

}



/* Comment Styles */



.alt {margin: 0;padding: 10px;}



#comment-wrap {

border: 0px;

color: #6e6e6e;

font-size: 11px;

}



#comment-wrap h6 {

font-size: 12px;

margin-bottom: 10px;

}



#comments ol {

list-style-type: none;

line-height: 18px;

border: 0px;

}



#comments ul li {

list-style-type: none;

list-style-image: none;

list-style-position: outside;

border: 0px;

}



.commentlist {

padding: 0;

text-align: justify;

border: none;

}



.comment-body {

margin-bottom: 20px;

}



.reply {

font-size:11px;

clear: both;

float: right;

margin-top: -20px;

}



.commentlist em {

font-size: 11px;

}



.commentlist li {

margin: 5px 0 0px 10px;

padding: 5px 5px 0px 5px;

list-style: none;

border: 0px;

}



.commentlist li ul li { 

margin-right: -5px;

margin-left: 30px;

margin-bottom: 0px;

list-style: none;

border: 0px;

}



.commentlist li li {

background:none;

border:none;

list-style:none;

margin:3px 0 3px 20px;

padding:3px 0;

border: 0px;

}



.commentlist li .avatar {

border:1px solid #ccc;

margin:5px 8px 6px 5px;

float: left;

padding:2px;

width:45px;

height:45px;

}



.commentlist cite, .commentlist cite a {

font-style: normal;

font-size: 11px;

margin-top: 2px;

}



.commentlist p {

font-weight: normal;

line-height: 1.5em;

text-transform: none; 

margin: 10px 5px 5px 65px;

font-size: 11px;

border: none;

}



#commentform p {

}



.commentmetadata {

font-weight: normal; 

margin: 0;

display: block; 

font-size: 10px;

font-style: italic;

}



.commentmetadata a, .commentmetadata a:visited {

color: #6e6e6e;

}



.commentmetadata a:hover{

}



.children { 

padding: 0;

border: none;

}



.thread-alt {

border: none;

}



.thread-even li {

}

.depth-1 {

border: none;

}



.even, .alt li {

margin-bottom: 20px;

}



#respond input {

margin-right: 10px;

font-size: 11px;

color: #8a8a8a;

display: block;

margin-bottom: 5px;

}



#respond h4 {

font-size: 12px;

margin-bottom: 5px;

}



#submit {

background-color: #8a8a8a;

border: 1px solid #CCC;

color: #FFF !important;

padding: 3px 5px 3px 5px;

margin-top: 10px;

text-decoration: none;

font-size:13px;

cursor: pointer;

font-weight:bold;

}



#submit:hover {

background-color: #FFF;

border: 1px solid #8a8a8a;

color: #8a8a8a !important;

padding: 3px 5px 3px 5px;

text-decoration: none;

font-weight:bold;

}



/* Portfolio Styles */



#portfolio {

margin: 20px 10px 50px 30px;

float: left;

}



.port-pic {

width: 270px;

height: auto;

background-color: #FFF;

border: 1px solid #CCC;

float: left;

margin-bottom: 20px;

margin-right: 20px;

display: block;

}



.port-pic h3 {

font-size: 16px;

font-weight: normal;

color: #000;

margin: 10px 10px 0px 12px;

}



.port-pic h3 a {

text-decoration: none;

color: #000;

}



.port-pic h3 a:hover {

text-decoration: underline;

color: #000;

}



.port-pic p {

text-align: justify;

color: #8a8a8a;

padding: 5px 10px 10px 10px;

font-style: italic;

font-size: 11px;

}



.port-pic img {

border: 2px solid #CCC;

margin: 10px 10px 0px 7px;

text-align: center;

}



/* Blog Styles */



.post {

padding-bottom: 10px;

margin-bottom: 10px;

border-bottom: 1px solid #CCC;

}

.post1 {

padding-bottom: 20px;

margin:10px 0;

}

.post2 {

padding:5px 10px;

marging:5px 0;

border-bottom: 1px solid #CCC;

}

.post2 ul{padding:0px; margin:0;}



.post2 li{

padding:0;

line-heighth:22px;

padding:0 0 0 15px;

background:url(three_icon.jpg) no-repeat 0px 10px;

list-style-type:none;

}

.post2 li a{

text-decoration:none;

}

.post2 li a:hover{

text-decoration:underline;

color:#006699;

}



.post h1 a {

color: #000;

text-decoration: none;

}



.post h1 a:hover {

color: #000;

text-decoration: underline;

}



.post p {

margin-top: 20px;

}



.blogpic {

text-align: center;

}



.blogpic img {

margin-top: 20px;

border: 2px solid #CCC;

}



.category a {

background-color: #8a8a8a;

border: 1px solid #CCC;

color: #FFF;

padding: 3px 5px 3px 5px;

text-decoration: none;

font-size: 11px;

margin: 0px 5px;

line-height: 25px;

}



.category a:hover {

background-color: #d4d4d4;

border: 1px solid #8a8a8a;

color: #8a8a8a;

padding: 3px 5px 3px 5px;

text-decoration: none;

}





/* Footer Styles */



#footer {

background: url(footer-column.gif) no-repeat;

width: 925px;

height: 45px;

margin-bottom: 5px;

clear: both;

padding: 12px 30px 0px 20px;

}



#footer .copyright {

color: #8a8a8a;

text-transform: uppercase;

}



#footer a {

color: #000;

text-decoration: none;

padding: 0px 2px;

}



#footer p {

color: #6e6e6e;

text-transform: uppercase;

float: left;

}



#footer a img  {

margin: 0px;

padding: 0px;

display: inline;

}



#footer p.footer-right {

color: #6e6e6e;

float: right;

text-transform: none;

margin: 0px 30px 0px 0px;

}



#footer p.footer-right a {

color: #6e6e6e;

text-decoration: none;

clear: both;

padding: 0px 0px 0px 15px;

}



#footer p.footer-right a:hover {

text-decoration: underline;

}



.wordpress-icon {

float: left;

margin-right: 10px;

margin-bottom: 12px;

}



.supported {

color: #CCC;

font-size: 10px;

text-align: center;

width: 925px;

}



.supported a {

color: #CCC;

font-size: 10px;

text-decoration: none;

}



/* Lightbox Images */



#grow {

background:#000 url(ajax-loader.gif) no-repeat center center;

border: none;

}



#nycloser {

background: url(closed.png) no-repeat center center;

border: none;

}



#next {

background: url(next.png) no-repeat center center;

border: none;

}



#next {

background: url(next.png) no-repeat center center;

border: none;

}



#prev {

background: url(prev.png) no-repeat center center;

border: none;

}



/* Pagenavi */



.wp-pagenavi a, .wp-pagenavi a:link {

padding: 2px 4px 2px 4px; 

margin: 2px;

text-decoration: none;

background-color: #8a8a8a;

border: 1px solid #CCC;

color: #FFF;	

}



.wp-pagenavi a:visited {

padding: 2px 4px 2px 4px; 

margin: 2px;

text-decoration: none;

background-color: #8a8a8a;

border: 1px solid #CCC;

color: #FFF;

}



.wp-pagenavi a:hover {	

background-color: #d4d4d4;

border: 1px solid #8a8a8a;

color: #8a8a8a;

}



.wp-pagenavi a:active {

padding: 2px 4px 2px 4px; 

margin: 2px;

text-decoration: none;

background-color: #d4d4d4;

border: 1px solid #8a8a8a;

color: #8a8a8a;	

}



.wp-pagenavi span.pages {

padding: 2px 4px 2px 4px; 

margin: 2px 2px 2px 2px;

background-color: #8a8a8a;

border: 1px solid #CCC;

color: #FFF;

}



.wp-pagenavi span.current {

padding: 2px 4px 2px 4px; 

margin: 2px;

font-weight: bold;

background-color: #d4d4d4;

border: 1px solid #8a8a8a;

color: #8a8a8a;

}



.wp-pagenavi span.extend {

padding: 2px 4px 2px 4px; 

margin: 2px;	

border: 1px solid #000000;

color: #000000;

background-color: #FFFFFF;

}





.pad10{padding:7px 13px 0 10px;}

.big-img{height:227px; margin-bottom:20px; background-color:#666;}

.small-img{height:75px;}







.banner{

	width:898px;

	height:227px;

}

.banner img{

	width:898px;

	height:227px;

}

.banner_tab{

	height:75px;

}

.banner_tab ul {

	cursor:pointer;

}

.banner_tab li {

    float: left;

    list-style-type: none;

    text-align: center;

}

.banner_tab a {

	 width:100px;

	 height:75px;

	 display:block;

	 margin:0 20px;

     display:inline;

}

.banner_tab  img{

	border:3px solid #FFF;

}

.hidecontent {display:none;}

.on{

background:url(index_bg.png) no-repeat 0px -100px;

}

.on img{

      border:3px solid #fb8c80;

}

.out{}



.clear{ clear:both;}



.content{

	margin:0 auto;

	border-left:1px solid #bbbbbb;

}



.tab_img{ 

	 width:100px;

	 height:75px;

	 margin-top:3px;

	 border:1px solid #fff;

 }

 

 

 

.download_box {padding: 10px; background: #f7f7f7; border: 1px solid #ccc; height: 100%; overflow: hidden; margin-bottom:10px;}

.buy-buttom ul.box{padding:0;}

.buy-buttom ul.box li{width:222px;height:100px;float:left; border:1px solid #ccc; background-color:#f4f4f4; border-right:none;}

.buy-buttom ul.box li p{margin:10px 0;text-align:center;}

.buy-buttom ul.box li p srtong{font-weight:bold;}

.colorred{color:#FF0000;font-weight:bold;font-size:16px;}



.buy-buttom ul.three-box{padding:0; margin-bottom:20px;}

.buy-buttom ul.three-box li{padding:5px 0 0 5px;width:218px;height:138px;float:left;margin:0 10px 0 0; display:inline;background:url(li-bg.jpg) no-repeat 0 0; overflow:hidden;border:none;}

.buy-buttom ul.three-box li .img{width:90px;height:117px;float:left; display:inline;}

.buy-buttom ul.three-box li .img img{padding-top:5px;}

.buy-buttom ul.three-box li .download-bg{margin:13px 0 0 0;}

.buy-buttom ul.three-box li p{margin:3px 0;text-align:center;}

.buy-buttom ul.three-box li p srtong{font-weight:bold;}





.download_box:hover { background: #f5fcf1; border: 1px solid #77CF47;}

.download_box strong span {color: #666; font-size: 11px; font-weight: normal; clear: none;}

.download_box img { margin: 0 15px 5px 0;}

.download_box .both { padding: 15px 0 0 125px; clear: both; text-align: right; height: 25px; line-height: 25px;}

.download_box .both img { margin: 0;}

.download_box .both span { float: left;}





.marging10{margin:0 0 0 10px;}







.buy-buttom{float:left;border:none; margin:20px 0 10px 0;padding-bottom:10px;}

.buy-buttom ul{padding:0px; margin:0px;list-style-type:none;border:none;}

.buy-buttom ul li.buynow{border:none;float:left; padding:0 10px 0 0; background:url(buttom_bg.jpg) no-repeat right bottom; height:24px; line-height:24px;font-weight:bold;margin-right:10px;}

.buy-buttom ul li.buynow a{border:none;background:url(buttom_bg.jpg) no-repeat left bottom;display:block;padding-left:27px;color:#333;}

.r-price{color:#FF0000;padding:0 6px;}

.d-price{text-decoration:line-through; font-weight: normal;font-size:12px;color:#333;}





.buy-buttom ul li.download{border:none;float:left; padding:0 10px 0 0; background:url(buttom_bg.jpg) no-repeat right top; height:24px; line-height:24px;font-weight:bold;margin-right:10px;}

.buy-buttom ul li.download a{border:none;background:url(buttom_bg.jpg) no-repeat left top;display:block;padding-left:27px;color:#FFF;}







.buy-buttom ul li.learnmore{border:none;float:left; padding:0 10px 0 0; background:url(buttom_bg.jpg) no-repeat right -24px; height:24px; line-height:24px;font-weight:bold;margin-right:10px;}

.buy-buttom ul li.learnmore a{border:none;background:url(buttom_bg.jpg) no-repeat left -24px;display:block;padding-left:27px;color:#FFF;}





.key-features{clear:both;margin:0 0 10px 0;border-top:1px solid #ccc;padding-top:10px;}

.key-features h2{font-size:15px}

.key-features p{line-height:22px;}

.key-features p img{margin-right:5px;padding-top:3px;}





.system-requirements{margin-bottom:10px;}

.system-requirements h2{font-size:15px}

.system-requirements ul{margin:0px; padding:0px;border:none;list-style-type:none;}

.system-requirements ul li{float:left;padding:5px 0 5px 15px; width:96%;list-style-type:none;background:url(listenpunkt.gif) no-repeat 0 12px;border-bottom:1px #ccc solid;}







.system-requirements dl{margin:0px; padding:0px;border:none;list-style-type:none;}

.system-requirements dl dt{padding:0;margin:0;padding:8px 0 1px 15px; width:96%;list-style-type:none;background:url(listenpunkt.gif) no-repeat 0 14px;font-weight:bold;}

.system-requirements dl dd{padding:0;margin:0;padding:1px 0 1px 22px; width:96%;list-style-type:none;background:url(side-dd-dot2.jpg) no-repeat 13px 9px;line-height:20px;}



.textarea{border:1px #a6a4a4 solid;padding:2px;}







.guides-box-buy{width:190px; height:auto; overflow:hidden;border:1px #ccc solid;background-color:#ebebeb;padding:10px;float:right;margin:0 0 10px 10px;}

.guides-box-buy img{border:1px #ccc solid;width:188px;}

.guides-box-buy h2{font-size:13px;}

.guides-box-buy a{color:#0066cc;text-decoration:none;}

.guides-box-buy a:hover{text-decoration:underline;}

.guides-box-buy p{padding:0px;margin:0;line-height:20px;}

.guides-box-buy a.download{font-weight:bold;font-size:14px;padding:0 0 0 13px;background:url(download_icon-s.gif) no-repeat 0 3px;margin-right:10px;}

.guides-box-buy a.buynow{font-weight:bold;font-size:14px;padding:0 0 0 20px;background:url(buy-now-icon-s.gif) no-repeat 0 0;}





.purchase {

margin:20px 0;

}

.purchase .box{float:left;width:320px;height:auto;overflow:hidden;margin:0 15px;display:inline;}

.purchase .box .title{height:4px;overflow:hidden;background:url(box-top.jpg) no-repeat 0 0;}

.purchase .box .body{height:auto;overflow:hidden;background:url(box-bg.jpg) repeat-y 0 0;padding:7px 15px 7px 10px;}

.purchase .box .body .bak-color{background-color:#FFF;padding:5px;}

.purchase .box .body .bak-color .img{float:left;margin:0 10px 10px 0;display:inline;font-weight:bold;font-size:14px;color:#333;}

.purchase .box .body .bak-color .img img{width:118px;margin-bottom:8px;}

.purchase .box .bottom{height:9px;overflow:hidden;background:url(box-bottom.jpg) no-repeat 0 0;}



.howh2{font-size:14px;}


.bodybg{background:url(bodybg.png) repeat-x 0 0;}


.n_clear{clear:both;margin-bottom:10px;}
.n_banner{height:195px;margin-bottom:10px;}
.n_w301{float:left;width:301px;heigth:100%; overflow:hidden;}
.n_w613{float:left;width:613px;heigth:100%; overflow:hidden;}

.n_box1title{ height:29px;background:url(n_titlebg.jpg) repeat-x 0 0;line-height:29px; font-weight:bold;font-size:14px;color:#136e8f; }
.n_box1title a{color:#555; }

.n_box1bocy{ height:100%;overflow:hidden;border:1px #dcdcdc solid;border-top:none;border-bottom:none;}
.n_box1bottom{ height:6px;background:url(n_boxbottombg.jpg) repeat-x 0 0;line-height:0;overflow:hidden;}
.n_mt5{margin-top:5px;}
.n_m3{margin:3px;}
.n_m10{margin:10px;}
.n_mr{margin-right:5px;}
.tex-41{color:#414141;}
.n_mt10{ margin-top:10px;}
.n_mtl5{ margin:5px 3px 0 5px;}
.n_mt1{ margin-top:1px;}


ul.boxUL{margin:0px;padding:10px;}
ul.boxUL li{list-type-style:none;background: url(n_lidot1.jpg) no-repeat 0 11px;padding:2px 0 2px 15px;}
ul.boxUL li a{color:#006699;text-decoration:none;}
ul.boxUL li a:hover{color:#006699;text-decoration:underline;}

dl.boxUL2{margin:0px;padding:10px;}
dl.boxUL2 dd{float:left;padding:0;margin:0;*margin:-5px 0;width:280px;list-type-style:none;background: url(n_lidot1.jpg) no-repeat 0 11px;padding:2px 0 2px 15px;}
dl.boxUL2 dd a{color:#006699;text-decoration:none;}
dl.boxUL2 dd a:hover{color:#006699;text-decoration:underline;}

.n_w180{float:left;width:160px;padding:10px;height:80px;}
.rightbg{background: url(rightbg.png) no-repeat right center;}
.n_mbr5{margin:0 5px 5px 0}
.n_mb{margin-bottom:10px;}


.focusbox { position:relative; width:925px; height:195px; background:url(youa/focus_bg.gif) no-repeat; }
ul.focusbox_list { display:inline; float:left; overflow:hidden; margin:3px 0 1px 3px; border-right:1px solid #EDEDED; }
	.focusbox_list li{ position:absolute; top:0; left:0; }
	.focusbox_list li img { display:none; width:925px; height:195px;}
.focusbox_btn { position:absolute; top:170px; right:10px;height:16px overflow:hidden; font-size:12px; }
	.focusbox_btn ul { padding:0; margin:0;}
	.focusbox_btn li { cursor:pointer;text-align:center;float:left;width:16px; height:16px;margin:0 2px; color:#0a478e;background-color:#91cbdf; line-height:16px;filter: alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
	.focusbox_btn li.current{ background-color:#75B331; color:#FFF;text-decoration:none; filter: alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;}
.color98{ color:#989795;}
.color75{ color:#757472;}
.vm{ vertical-align:middle;}
.ml15{ margin-left:15px;}
.mr15{ margin-right:15px;}
.pl245{padding-left:245px;}