body { background-color: #eaeaea;	margin:0;}
body, td, th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
a:link, a:visited, a:active { color: #969c09; text-decoration: underline; outline:none }
a:hover { color: #525252; }

a.no-underline { text-decoration:none}

h1, h2, h3, h4 { color:#505051;	font-weight:bold; margin:0 0 10px 0}
h2 { font-size:15px; }
h3 {font-size:13px}
h4 { font-size:11px; }
.clr {clear:both}

form { margin:0; padding:0 }
.tahoma { font-family:Tahoma, Helvetica, sans-serif}
.verdana-small {font-size:10px}
.input { font-size:11px }

#wrapper { margin:20px auto; width:974px; overflow:auto; height:1%; outline:none; background:#fff url(images/bg.gif) 0 0 repeat-y;}
#wrapper_inner { width:940px; margin:0 auto;}

/* header */
#top { background:#fff url(images/top_bg.gif) 0 0 no-repeat; height:88px; /* 105px - padding */ padding: 17px 17px 0 17px  }
#logo { float:left }
#logo a img { border:none }
#topright { float:right; padding:7px 10px; }
#topright .language { text-align:right; margin:0 0 45px 0; color:#b7b7b6; font:11px Tahoma, Helvetica, sans-serif}
#topright .language a {text-decoration:none}
#topright .phone { margin:0; text-align:right; color:#c1c837; font:11px Tahoma, Helvetica, sans-serif }
#topright .phone span { color:#686869;font-weight:bold; padding-left:17px; background:url(images/top_phone.gif) 5px center no-repeat }

/* navigation */
#navigation { clear:both; height:33px; margin:0 17px; background: #ddd url(images/navigation_bg.gif) 0 0 repeat-x }
#navigation h2 {display:none}
#navigation ul, #navigation li { margin:0; padding:0; list-style-type:none; display:inline;}
#navigation a:link, #navigation a:visited { float:left; outline:none; display:block; height:33px; line-height:33px; background:url(images/navigation_item.gif) right -33px no-repeat; font-size:11px; font-family: Tahoma, Helvetica, sans-serif; font-weight:bold; color:#838384; text-decoration:none; padding:0px 23px; }
#navigation a:hover,
body#index li#nav-index a, 
body#features li#nav-features a, 
body#offers li#nav-offers a, 
body#packs li#nav-packs a, 
body#demo li#nav-demo a, 
body#contact li#nav-contact a { color:#b3ba02; background-position: right 0; }

/* top image */
#top_image img.image { float:left }

#top_image .features_index { float:right; width:297px; height:264px; background:#505051 url(images/top_features_bg.jpg) 0 0 no-repeat; }
#top_image .features_index h2 { display:none }
#top_image .features_index ul { margin:15px; padding:0; list-style-type:none; }
#top_image .features_index ul li { color:#fff; font-size:12px; margin-bottom:7px; padding-left:30px; line-height:20px; background:url(images/bullet_features.gif) 0 0 no-repeat; }

#top_image .features { float:right; width:297px; height:179px; background:#505051 url(images/top_features_bg.jpg) 0 0 no-repeat; }
#top_image .features h2 { display:none }
#top_image .features ul { margin:13px 15px 0 15px; padding:0; list-style-type:none; }
#top_image .features ul li { color:#fff; font-size:12px; margin-bottom:7px; padding-left:30px; line-height:18px; background:url(images/bullet_features.gif) 0 0 no-repeat; }

/* main */
#main { width:641px; float:left; padding-top:10px;  }

#main_sidebar { width:185px; float:left; }
h2.green { margin:0 0 5px 0; background:url(images/h2_side.gif) no-repeat; width:171px; height:21px; padding-top:8px; padding-left:14px; color:#fff; font:11px Tahoma, Helvetica, sans-serif; font-weight:bold}

.side_list { margin-bottom:20px;}
.side_list ul { margin:0; padding:0; list-style-type:none }
.side_list ul li { background:url(images/bullet_side.gif) 3px 10px no-repeat; padding:10px 2px 10px 26px; font:11px Tahoma, Helvetica, sans-serif; color:#8b8b8c; border-bottom:1px solid #cbcbcb }

.side_menu { margin-bottom:20px;}
.side_menu ul { margin:0; padding:0; list-style-type:none }
.side_menu ul li { background:url(images/bullet_sidemenu.gif) 10px 12px no-repeat; padding:9px 2px 9px 26px; border-bottom:1px solid #cbcbcb }
.side_menu ul li a:link, .side_menu ul li a:active, .side_menu ul li a:visited  {font:11px Tahoma, Helvetica, sans-serif; color:#8b8b8c; font-weight:bold; text-decoration:none }
.side_menu ul li a:hover { color:#969c09}

.side_contact { margin-bottom:20px;}
.side_contact ul { margin:0; padding:0; list-style-type:none }
.side_contact ul li { background:url(images/bullet_sidemenu.gif) 10px 13px no-repeat; padding:10px 2px 10px 26px; font:11px Tahoma, Helvetica, sans-serif; color:#8b8b8c; border-bottom:1px solid #cbcbcb }
.side_contact ul li strong { display:block; color:#b3ba02; font-weight:normal; font-size:11px; margin-bottom:7px;}
.side_contact ul li p { line-height:1.4em; margin:0;}
.side_contact ul li a:link, .side_contact ul li a:active, .side_contact ul li a:visited { color:#818182; text-decoration:none }
.side_contact ul li a:hover { color:#b3ba02 } 


#main_sidebar .packs { background:#d8de0c url(images/sidebar_packs.gif) no-repeat; width:110px; height:41px; padding-left:75px; padding-top:90px; margin-bottom:10px;}
#main_sidebar .packs h2 { display:none }

#main_sidebar .contact { padding:10px; font-family:Tahoma, Helvetica, sans-serif}
#main_sidebar .contact h4 { color:#717172}
#main_sidebar .contact p { color:#adb414; margin:0 0 4px 0 }
#main_sidebar .contact p span, #main_sidebar .contact p span a { color:#6f6f70; text-decoration:none } 
#main_sidebar .contact p span a:hover {color: #969c09}

#content { float:right; width:420px; padding:0 19px 0 17px; }
#content h1 { padding:5px 0; border-bottom:1px solid #d3d924; font:15px Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px; }
#content h2 { padding:5px 0; border-bottom:1px solid #dad9d9; font:13px Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px; }
#content p { margin: 0 0 10px 0; line-height:1.5em; }

#content .demo_item { clear:both }
#content .demo_item .image { float:left }
#content .demo_item .links { float:right; width:177px; padding-top:10px; } 
#content .demo_item .links a:link, #content .demo_item .links a:visited, #content .demo_item .links a:active { display:block; line-height:30px; padding-left:20px; background:url(images/bullet_side.gif) 140px center no-repeat; font-family:Tahoma, Helvetica, sans-serif; font-weight:bold; color:#636364 }
#content .demo_item .links a:hover { color:#969c09}
#content .demo_item .clr { height:10px; }

ul.examples { list-style-type:disc; list-style-position:outside; margin:0 0 10px 25px; padding:0; }
ul.examples li { line-height:1.5em; margin:0 0 10px 0; }
ul.examples li a { font-weight:bold; }
ul.examples li span { display:block; padding-top:3px}

/* sidebar */
#sidebar { width:299px; float:right; padding-top:10px;}

a.button_green:link, a.button_green:visited, a.button_green:active { display:block; background:url(images/button_green.gif); width:107px; height:27px; padding-left:13px; line-height:27px; color:#fff; text-decoration:none; font-weight:bold; font-family:Tahoma, Helvetica, sans-serif}
a.button_green:hover { color:#555 }

a.button_gray:link, a.button_gray:visited, a.button_gray:active { display:block; background:url(images/button_gray.gif); width:90px; height:23px; padding-left:8px; line-height:23px; color:#fff; text-decoration:none; font-weight:bold; font-size:10px; font-family:Tahoma, Helvetica, sans-serif}
a.button_gray:hover { color:#e1e1e1 }

a.button_contact:link, a.button_contact:visited, a.button_contact:active { display:block; background:url(images/button_contact.gif); width:84px; height:26px; line-height:26px; text-align:center; color:#575758; text-decoration:none; font-weight:bold; font-size:10px; font-family:Tahoma, Helvetica, sans-serif}
a.button_contact:hover { color:#6d7105 }

#sidebar .demos { margin-bottom:10px; height:127px; padding:10px 0; background:url(images/sidebar_demo.gif) 0 0 no-repeat; }
#sidebar .demos .left { float:left; width:134px; padding-left:15px; }
#sidebar .demos h2 { font:15px Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px;  }
#sidebar .demos p { margin-bottom:20px; padding-left:1px}
#sidebar .demos .image { float:right; margin-top:20px;} 

#sidebar .promote { margin-bottom:2px; height:55px; padding:55px 10px 0 15px; background:url(images/sidebar_promote.jpg) 0 0  no-repeat;}
#sidebar .promote h2 { display:none }

#sidebar .newsletter { margin:0 1px 10px 1px; padding:10px 15px; background:#eaeaea }
#sidebar .newsletter .input { background:url(images/input_newsletter.gif) 0 0 no-repeat; border:none; height:16px; width:180px; padding-top:4px; padding-left:7px; color:#aeaeaf; font:10px Arial, Helvetica, sans-serif }
#sidebar .newsletter .button { margin-left:8px; }

/* footer */
#footer { clear:both; background:#eaeaea url(images/footer.gif) 0 0 no-repeat; height: 80px; /* height 49px */ padding: 0 17px 0 17px  }
#footer p { margin:0 }
#footer .links { height:31px; line-height:31px; text-align:center; color:#fff; margin-bottom:17px; }
#footer .links a:link, #footer .links a:visited, #footer .links a:active { color:#525252; text-decoration:none; padding:0 2px; }
#footer .links a:hover { color:#8a9008 }
#footer .copyright { float:left; color:#a09f9f; font:11px Tahoma, Helvetica, sans-serif }
#footer .powered a { float:right; display:block; height:15px; width:137px; background:url(images/powered_by_datahost.gif) 0 0 no-repeat }
#footer .powered a span { display:none }

.required { color:#999999; font-size:10px; }
.required em { color:#f00 }

.dataform { margin:0; margin-bottom:30px; }
.dataform label {  float: left;  width: 7em;  margin-right: 1em;  padding-top:0.3em;text-align: right;font-family:Tahoma, Arial, Helvetica, sans-serif;}
.dataform label em {  color: #f00; font-size: 85%;  font-style: normal;  text-transform: uppercase;}
.dataform fieldset {  float: left;  clear: both;  width: 99%;  margin: 0;  padding: 0;padding-bottom:0.5em;border:none; }
.dataform legend {  padding-left:1em;padding-bottom:0.2em; color: #000000;  font-weight: bold;font-size:1.2em;}
.dataform fieldset ul {  margin:0;padding: 1em 1em 0 1em;  list-style: none; }
.dataform fieldset li {  margin:0;padding-bottom: 0.7em;}
.dataform fieldset.submit {  float: none;  width: auto;  border-style: none;  padding-left: 27.7em;  background-color: transparent; }

.smartfield {  background:#f9f9f9; background-image:url(images/smart_formbg2.gif); background-repeat: repeat-x;  border:1px solid #d5d5d5; font-size:11px; padding:4px;}
.smartfield_focus { border:1px solid #b2b2b2}