﻿@CHARSET "UTF-8";
* {
  margin: 0px;
  padding: 0px;
}

body {
  background: url('main_bg.jpg') repeat-x left top #4396CA;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  text-decoration: none;
  padding-top: 24px;
}

.ce {
  text-align: center;
}
.clear {
  clear: both;
}

a {
  text-decoration: underline;
  color: #0e4b8b;
}

a:hover {
  text-decoration: underline;
  color: #CC0000;
}

img {
  border: none;
}

h1 {
  color: #3F89C3;
  font-size: 14px;
  margin: 12px 0px 1px;
}

hr {
  border-width: 1px 0px 0px 0px;
  border-color: black;
  border-style: solid;
  height: 1px;
}

#page {
  width: 995px;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}

#page_header {
  height: 93px;
}

#page_header .leftbox {
  float: left;
  padding-top: 0px;
}

#logo {
  float: left;
  margin: 12px 0 0 30px;
}

#page_header .rightbox {
  width: 446px;
  float: right;
  display: inline;
}

#page_header .rightbox a {
  float: right;
  padding-left: 23px;
  margin: 3px 0px 11px 40px;
  color: #fff;
  display: block;
  text-decoration: none;
}

#shopping_cart {
  background: url('marker_shopping_cart.jpg') no-repeat left 0px;
}

#site_map {
  background: url('marker_site_map.jpg') no-repeat left 0px;
}

#page_header #help {
  background: url('marker_help.jpg') no-repeat left 0px;
  margin-right:10px;
}

#page_header .rightbox .banner {
  width: 640px;
  height: 80px;
  float: right;
  border: 1px solid #fff;
}

#page_header .rightbox .banner .lbg {
  background: url('affiliate_prog_lbg.jpg') no-repeat left top;
  width: 485px;
  height: 53px;
}

#page_header .rightbox .banner .rbg {
  background: url('affiliate_prog_rbg.jpg') no-repeat right top;
  width: 485px;
  height: 53px;
}

#page_header .rightbox .banner p {
  margin: 10px 0 10px 61px;
  float: left;
  width: 310px;
  text-align: left;
  display: inline;
}

#page_header .rightbox .banner p span {
  color: #1258A0;
  font-size: 15px;
  font-weight: bold;
}

#page_header .rightbox .banner a {
  background: url('joinnow_bg_tal.jpg') repeat-x left top;
  margin: 14px 4px 0 0; /* --- HACK: for IE6  ---*/
  padding: 0;
  font-weight: bold;
  display: block;
  height: 26px;
  line-height: 26px;
  text-decoration: none;
}

#page_header>.rightbox .banner a {
  margin-right:9px; /* --- HACK: for IE6  ---*/
}

#page_header .rightbox .banner a .join_lbg {
  background: url('joinnow_lbg.jpg') no-repeat left top;
  display: block;
}

#page_header .rightbox .banner a .join_rbg {
  background: url('joinnow_rbg.jpg') no-repeat right top;
  padding: 0 10px;
  display: block;
}

#page_header_menu {
  width: 995px;
}

#page_header_menu .top {
  height: 34px; 
  font-weight: bold;
}

.top ul {
  list-style: none;
  width: 995px;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.top ul li {
  display: inline;
  float: left;
  background: url('tab_bg_tal.jpg') repeat-x left top;
  height: 34px;
  width: 120px;
  margin: 0;
}

.top ul li.active {
  background-image: none;
  background-color: #b6daec;
}

.top ul li a {
  display: block;
  line-height: 25px;
  color: #fff;
  font-size:14px;
  text-decoration: none;
  width: 100%;
  text-align: center;
  background: url('tab_rbg.jpg') no-repeat right top;
  padding-top: 9px;
  margin: 0;
}
.top ul li a:hover {
  color: #fff;
  text-decoration: none;
}

.top ul li.active a {
  background: none;
}

.top ul li div {
  background-image: none;
  width: 100%;
}

.top ul li div.neighbor {
  background: url('tab_lbg_neighbor.jpg') no-repeat left top;
}

.top ul>li#web-design_nav {
  width: 165px;
}

.top ul li#web-design_nav a {
  text-indent: 0px;
}
.top ul li#web-design_nav.active a {
  text-indent: 20px;
}

.top ul li#web-design_nav.active a, .top ul li#web-design_nav.active div {
  background: url('tab_act_lbg_first.jpg') no-repeat left top;
}

.top ul li#about_nav {
  width: 153px;
}

* html .top ul li#about_nav {
  width: 155px;
}

.top ul li#about_nav a {
  background: url('tab_bg_tal.jpg') no-repeat right top;
}

.top ul li#about_nav div.neighbor {
  background: url('tab_lbg_neighbor_ye.jpg') no-repeat left -2px;
}



.top ul li#about_nav.active {
  background-image: none;
  background-color: #E88503;
}

.top ul li#about_nav.active a {
  background: none;
}

.top ul li.active div {
  background: url('tab_act_lbg_other.jpg') no-repeat left top;
}

.bot {
  height: 46px;
}

.bot ul {
  list-style: none;
  background-color: #c6e8f7;
  width: 995px;
  float: left;
}

.bot ul.subnav_web_templates {
  background: url('subtab_act_lbg_first.jpg') no-repeat left top #c6e8f7;
}

.bot ul li {
  float: left;
  height: 46px;
  display: inline;
}
.bot ul li.submenu_li_lastchild {
  background: none;
}

.bot ul li a {
  text-decoration: none;
  float: left;
  display: inline;
  padding: 4px 8px;
}

.bot ul li a:hover {
  text-decoration: underline;
}

.bot ul li div {
  border: 1px solid #90b8d1;
  margin: 11px 8px 12px 8px;
  float: left;
  display: inline;
}
/* ---- for IE6 ------*/
.bot ul li div.submenu_div_firstchild {
  margin-left:31px;
}
.bot ul.subnav_web_templates li div.submenu_div_firstchild {
  margin-left:41px;
}
/*   --- #for IE6 ----*/
.bot>ul li div.submenu_div_firstchild {
  margin-left:27px;
}
.bot>ul.subnav_web_templates li div.submenu_div_firstchild {
  margin-left:38px;
}

#page_header_title {
  background: url('featured_prod_tal.jpg') repeat-x left top #4FA2E4;
  width:995px;
}

#titlebar {
  width:675px;
  float:left;
  background: url('welcome_tal.jpg') repeat-x left top #A9CEEB;
}

#titlebar h1 {
  color: #1258A0;
  font-size: 12px;
  margin: 12px 0px 0px 54px;
  padding-bottom:11px;
}

#sidebar-title {
  float:right;
  width: 320px;
  height:39px;
  background: url('featured_prod_tal.jpg') repeat-x left top #4FA2E4;
}

#sidebar-title h1 {
  color: white;
}

#sidebar-title img.icon {
  float: left;
  margin: 6px 8px 0 15px;
}


#pagenav {
padding:2px 20px;
}

#content {
  background-color: #F0F9FD;
  width: 995px;
  margin: 0 auto;
  padding: 10px 0 0;
  clear: both;
  height: 610px;
}

#demo{overflow:hidden; background-color:#fff; height:373px;}
#demo1{}

.leftcol {
  padding: 0 15px;
  width: 645px;
  float: left;
}

.leftcol h1, .rightcol h1 {
background:url('subscribe_bg_tal.jpg') repeat-x 0 0;
height:28px;
line-height:28px;
text-indent:30px;
margin: 0;
}

.rightcol {
  width: 305px;
  float: right;
  padding-right: 15px;
}

.onecol {
  width: 965px;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.onecol a {
  color: #4396CA;
  font-weight: normal;
}

/*======================= RIGHT STARTS ==========================*/


.rightcol ul {
  list-style: none;
}

.rightcol li {
  padding-left: 12px;
  margin-top: 10px;
  margin-bottom: 2px;
  background: url('list_li.gif') no-repeat left 4px;
  line-height: 16px;
}

.rightcol p {
  color: #4b4b4b;
  margin-left: 19px;
  margin-top: 13px;
  margin-right: 13px;
}
.box_format {
padding:15px 25px 0;
}
.box_login {
padding:30px 15px;
}
.box_login td{line-height:22px;}
.box_login td input{border: 1px double #2f3998; padding:2px 0 0; margin:0 2px 0 0; font-size:12px;}
/*================ RIGHT ENDS ==========================*/ /*             ==  LEFT STARTS  ==                   */


.leftcol ul {
  color: #4b4b4b;
  line-height: 14px;
  list-style: none;
}

.download {
  background: url('marker_download.jpg') no-repeat left center;
  margin: 20px 15px 15px 86px;
  border: 1px solid #F0F9FD;
  padding-left: 22px;
  font-weight: bold;
}

.clipart {
  background: url('marker_clipart.jpg') no-repeat 2px center;
  margin: 20px 15px 15px 30px;
  border: 1px solid #F0F9FD;
  padding-left: 24px;
  font-weight: bold;

}

.descript-format {
  line-height:180%;
  padding:0 18px 5px;
  font-size:14px;
}


  
  
.red {
  background: url('marker_red.jpg') no-repeat left center;
  margin: 10px 0 0 6px;
  border: 1px solid #fff;
  padding-left: 14px;
  display: block;
  float: left;
}

.red_intext {
  background: url('marker_red.jpg') no-repeat left center;
  margin: 6px 0 0 6px;
  padding-left: 14px;
  display: block;
  float: left;
}
.red_intext1 {
  background: url('marker_red.jpg') no-repeat left;
  margin: 6px 0 0 6px;
  padding-left: 14px;
  display: block;
  float: left;
}

img.ban {
  border: 1px solid #D0E5F3;
  display: inline;
}

img.botbanner {
  margin-top: 11px;
  margin-left: 10px;
  margin-bottom: 34px;
}

img.icondemon {
  border: none;
  margin-bottom: 5px;
}

img.mainbanner {
  border: none;
  margin-top: 15px;
}

.otherbox {
  border-top: 4px solid #A9CDE4;
  background:#fff url('search_products_bg_tal.jpg') repeat-x left top;
  padding-bottom: 12px;
  margin-bottom: 5px;
}

.otherbox p.para-marker {
  margin: 10px 15px 2px;
  line-height: 180%;
  font-family: Verdana;
  border-bottom: 1px solid #EEEEEE;
}
.otherbox .articlebox p {
  margin: 10px 15px 2px;
  line-height: 180%;
}

.otherbox dl {
  list-style: none;
  padding: 5px 20px;
}

.otherbox dl dt {
  float: left;
  height: 46px;
  display: inline;
}

.otherbox dl dt a {
  text-decoration: none;
  float: left;
  display: inline;
  padding: 4px 15px;
}

.otherbox dl dt a:hover {
  text-decoration: underline;
}

.otherbox dl dt div {
  border: 1px solid #90b8d1;
  margin: 10px 12px;
  float: left;
  display: inline;
  background-color: #c6e8f7;
}

.leftcol .bot_box {
  border-top: 1px solid #D9EAF8;
  padding: 8px 10px;
  background-color: #fff;
}

.leftcol .bot_box img {
  float: right;
  margin: 10px 3px 0 6px;
  border: none;
}

/*====================== LEFT ENDS ===============================*/
#footer {
  color: #fff;
  text-align: center;
  padding: 10px 0;
  line-height: 15px;
}
#footer p {
line-height: 180%;
}
#footer a {
  color: #fff;
}

.article {
  width: 303px;
  padding-left: 29px;
  text-align: justify;
  background: url('/themes/default/images/quote.jpg') no-repeat left top;
  padding-bottom: 33px;
}

.article span {
  font-style: italic;
  float: right;
}

.article a {
  float: right;
  font-weight: bold;
  color: #4396CA;
}

.font{ font-size: 14px;  font-weight: bold;}
.colo{ color:#CC0000;}