@charset "utf-8";
* {	margin: 0px; padding: 0px; }
body {
	background-image: url(../images/bg_top.gif);
	background-repeat: repeat-x;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif, Verdana, "Trebuchet MS";
	font-size: 12px;
	color: #1f1e21; }
img { border: none; }
a { color: #454545; text-decoration: none; }
a:hover { text-decoration: underline; }
.mid { vertical-align: middle; }
.ctr { text-align: center; }
.clearb { clear: both; }
.left {	float: left; }
.fright {	float: right; }
.right { text-align: right; }
.orange { color: #f60; }
.separator { border-bottom: 1px solid #ccc;	margin-bottom: 10px; margin-top: 10px; }
.lh20 {
	line-height: 20px;
}
.p15 { padding: 15px; }
.p5 { padding: 5px; }
.t10 { font-size: 10px;	margin-top: -10px; font-weight: normal; }

.h5 { clear: both; height: 5px;}
.h10 {
	clear: both;
	height: 7px;
}
.w2 { float: left; width: 2%;}
.w5 { float: left;	width: 5%; }
.w35 {
	float: left;
	width: 35%;
}
.w22 { float: left; width: 22%; }
.w25 { float: left; width: 25%; }
.w33 { float: left; width: 33%; }
.w5 { float: left;	width: 5%; }
.w10 { float: left;	width: 10%; }
.w15 { float: left;	width: 15%; }
.w20 { float: left;	width: 20%; }
.w22 { float: left;	width: 22%; }
.w23 { float: left;	width: 23%; }
.w24 { float: left;	width: 24%; }
.w25 { float: left;	width: 25%; }
.w30 { float: left;	width: 30%; }
.w35 { float: left;	width: 35%; }
.w40 { float: left;	width: 40%; }
.w43 { float: left;	width: 43%; }
.w45 { float: left;	width: 45%; }
.w50 { float: left;	width: 50%; }
.w51 { float: left;	width: 51%; }
.w52 { float: left;	width: 52%; }
.w53 { float: left;	width: 53%; }
.w55 { float: left;	width: 55%; }
.w60 { float: left;	width: 60%; }
.w65 { float: left;	width: 65%; }
.w70 { float: left;	width: 70%; }
.w75 { float: left;	width: 75%; }
.w76 { float: left;	width: 76%; }
.w80 { float: left;	width: 80%; }
.w85 { float: left;	width: 85%; }
.w90 { float: left;	width: 90%; }
.w95 { float: left;	width: 95%; }
.w100 { float: left; width: 100%; }
.textfield01 {
	width: 195px;
	border: 1px solid #ccc;
	height: 20px;
}
.textfieldlogin {
	width: 190px;
	border: 1px solid #ccc;
	height: 20px;
}
.globfield {
	height: 18px;
	border: 1px solid #ccc;
	float: left;
	width: 99%;
}
.breadcrumb {
	padding-bottom: 10px;
	clear: both;
}
.dividen {
	background-image: url(../images/img-evsep.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	float: left;
	height: 10px;
	width: 100%;
}

.tricolumn {
	/*float: left;
	width: 100%;*/
	background-image: url(../images/bg_3col.gif);
	background-repeat: repeat-y;
	background-position: 46% 0%;
}
.pr20 { padding-right: 20px; }
.whitebg { background-color: #fff; }
#expose { background-color: #fff; }
.message { color: #666; padding: 15px; font-size: 12px; }
.wrap {	margin: auto; width: 980px; }
.header { float: left; height: 236px; width: 980px; background-image: url(../images/bg_header.jpg);	background-repeat: no-repeat; }
.header .logo {	float: left; padding-top: 21px; padding-left: 24px; }
.header .login { float: right; height: 57px; background-image: url(../images/bg_login.gif);	background-repeat: no-repeat; background-position: 100% 100%; }
.header .loggedin {
	float: left;
	height: 51px;
	width: 250px;
	background-image: url(../images/bg_logged.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #fff;
	padding-top: 6px;
}
.header .loggedin a  
{
    color: #f60; 
    font-size: 11px;
    font-weight: bold;
}
.header .loggedin a:hover  
{
    color: #900; 
    text-decoration: none; 
    font-size: 11px;
    font-weight: bold;
}
.header .banner { height: 75px; width: 600px; float: right;	margin-top: -13px; position: relative; z-index: 10;	margin-right: 25px; }
.header .motto { clear: both; text-align: center; font-size: 14px; padding-top: 13px; }
.navigation { width: 938px;	float: left; padding-left: 42px; padding-top: 10px; }
/* remove the list style */
#nav { margin:0; padding:0;	list-style:none; }
#nav  li { display:block; position:relative; z-index:999; }
#nav /* make the LI display inline */
	 /* it's position relative so that position absolute */
	 /* can be used in submenu */
li.home {
	float:left;
	position:relative;
	z-index:999;
	width: 95px;
}
#nav /* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
li.buy {
	float:left;
	position:relative;
	z-index:999;
	width: 69px;
}
#nav  /* make the LI display inline */
li.sell/* it's position relative so that position absolute */
		/* can be used in submenu */
  {
	float:left;
	position:relative;
	z-index:999;
	width: 71px;
}
#nav  /* make the LI display inline */
li.directory/* it's position relative so that position absolute */
		/* can be used in submenu */
  {
	float:left;
	position:relative;
	z-index:999;
	width: 130px;
}
#nav   /* make the LI display inline */
li.news/* it's position relative so that position absolute */
		/* can be used in submenu */
  {
	float:left;
	position:relative;
	z-index:999;
	width: 86px;
}
#nav   /* make the LI display inline */
li.events/* it's position relative so that position absolute */
		/* can be used in submenu */
  {
	float:left;
	position:relative;
	z-index:999;
	width: 131px;
}
/* this is the parent menu */
#nav li a {	display:block; font-weight:700; height:51px; text-decoration:none; color:#333; }
#nav li a:hover { color:#fff; }
/* you can make a different style for default selected value */
#nav a.selected { color:#F84A0D; }
/* submenu, it's hidden by default */
#nav ul {
	position:absolute;
	left:0;
	/*display:none;*/
	visibility: hidden;
	margin:0px;
	padding:0;
	list-style:none;
	width: 205px; }
#nav ul li {
	float:left;
	width: 205px;
	border-bottom: 1px solid #ababab;
	background-color: #000;
}
#nav /* display block will make the link fill the whole area of LI */
ul  li a {
	display:block;
	height:15px;
	color:#fff;
	padding: 10px;
	font-size: 13px;
}
#nav  ul li a:hover { background-color: #F84A0D; color: #fff; }
#nav ul ul { left: 100%; margin-top:-35px; }

.content .sectionmid {
	float: left;
	width: 410px;
	margin-left: 20px;
	border: 1px solid #ccc;
}

.content .hometab {
	float: left;
	width: 410px;
}
.hometab ul.tabsforhome {
	padding: 0px;
	float: left;
	list-style: none;
	height: 68px;
	width: 100%;
	margin: 0px;
}
ul.tabsforhome li {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 68px;
	overflow: hidden;
	width: 82px;
	background-image: url(../images/bg_hometab.gif);
	background-repeat: no-repeat;
	text-align: center;
}
ul.tabsforhome li a {
	text-decoration: none;
	color: #333;
	display: block;
	font-size: 11px;
	outline: none;
	text-transform: uppercase;
	padding-top: 22px;
	height: 46px;
}
ul.tabsforhome li span  a  {
	text-decoration: none;
	display: block;
	outline: none;
	padding-top: 15px;
	height: 53px;
}
ul.tabsforhome li.active    a  {
	text-decoration: none;
	display: block;
	outline: none;
	color: #fff;
}
ul.tabsforhome li a:hover {
	background-image: url(../images/bg_hometab_on.gif);
	background-repeat: no-repeat;
	height: 68px;
	width: 82px;
	color: #fff;
}	
html ul.tabsforhome li.active, html ul.tabsforhome li.active a:hover  {
	background-image: url(../images/bg_hometab_on.gif);
	background-repeat: no-repeat;
	color: #fff;
}
.tab_container {
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 10px;
	height: 405px;
}
.tab_content td {
	width: 33.3%;
	text-align: center;
	height: 200px;
}
.tab_content .img {
	margin-bottom: 10px;
	border-top: 3px solid #ccc;
	border-left: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	border-right: 3px solid #ccc;
}
.content  .createlisting {
	float: left;
	width: 390px;
	text-align: center;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/* root element for tabs  */
ul.tabs { list-style:none; padding:0px; margin: 0px; }
/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; }
/* link inside the tab. uses a background image */
ul.tabs a {
	font-size:12px;
	display:block;
	height: 33px;
	width: 142px;
	text-align:center;
	text-decoration:none;
	color:#666;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
	background-image: url(../images/bg_tab.gif);
	background-repeat: no-repeat;
	background-position: 0px -33px;
	font-weight: bold;
	line-height: 30px; }
ul.tabs a:active { outline:none; }
/* when mouse enters the tab move the background image */
ul.tabs a:hover { background-position: 0px -66px; color:#fff; }
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0px 0%;
	cursor:default !important;
	color:#1F1E21 !important; }
/* initially all panes are hidden */ 
div.panes {
	border:1px solid #b4b4b4;
	clear: both;
	background-image: url(images/bg_pnla.gif);
	background-repeat: repeat-x;
	font-size: 11px;
	margin-bottom: 10px;
	padding: 10px; }
div.panes ul { margin-left: 20px; margin-top: -5px; margin-bottom: 5px; }
div.panes ul li ul { margin-top: 5px; }
.tsearch {
	margin: 0px;
	float: left;
	width: 346px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 41px; }
.tsearch form {	margin: 0px; padding: 0px; }
.tsearch div { margin: 0px; padding: 0px; }
.tsearch .field {
	height: 17px;
	width: 190px;
	vertical-align: middle;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; }
.tsearch .btn { vertical-align: middle; }
.headline {
	background-repeat: repeat-x;
	height: 25px;
	background-image: url(../images/bg_sec_head.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	clear: both;
	font-size: 23px;
	color: #f60;
	margin-bottom: 5px;
	letter-spacing: -1px;
	text-align: left; }
.headline  .subscribe {
	font-size: 12px;
	letter-spacing: normal;
	padding-right: 15px;
}
.headline  .subscribe  a {
	color: #f20;
}
	
.headline2 {
	background-repeat: repeat-x;
	height: 25px;
	background-image: url(../images/bg_block.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	clear: both;
	font-size: 23px;
	color: #fff;
	letter-spacing: -1px; }
.headline3 {
	font-size: 20px;
	color: #f60;
	letter-spacing: -1px;
	margin-bottom: 15px;
	clear: both;
}

.headline_event {
	background-repeat: repeat-x;
	height: 25px;
	background-image: url(../images/bg_sec_head.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	clear: both;
	font-size: 20px;
	color: #f60;
	margin-bottom: 5px;
	letter-spacing: -1px;
	text-align: left; }

.subhead { font-size: 12px; font-weight: bold; }

.specialpromo------------------------------------ {}
.specialpromo {
	float: left;
	width: 960px;
}
.specialpromo .prom-left {
	float: left;
	width: 660px;
	padding-top: 12px;
}
.specialpromo .prom-left .point {
	float: left;
	height: 42px;
	width: 660px;
	padding-top: 18px;
}
.specialpromo .prom-right {
	float: left;
	width: 300px;
}
.specialpromo------------------------------------ {}

.content  
{
	float: left;
	width: 960px;
	color: #909090;
	padding-right: 30px;
}
.content .green a
{
    color: #089808; text-decoration: none;
}
.content p { margin-bottom: 10px; }
.content a { color: #f60; }
.content a:hover { color: #900; text-decoration: none; }
.content ul, .content ol {
	margin-bottom: 10px;
	margin-left: 15px;
}
.content h1 { font-size: 15px; font-weight: bold; margin-bottom: 10px; color: #1f1e21; }
.content h2 { font-size: 13px; margin-bottom: 10px;	color: #1f1e21; }
.content h3 { font-size: 12px; color: #666;	margin-bottom: 5px; }
.content .section {
	float: right;
	width: 285px;
	border: 1px solid #ccc;
}
.content .section .headline {
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #fff;
	border-left-color: #fff;
	height: 28px;
	padding-top: 12px;
	background-position: 0% 100%;
	font-size: 15px;
	font-weight: bold;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	letter-spacing: normal;
	margin-top: -1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}

.content .classifieds {
	float: left;
	width: 218px;
	border: 1px solid #ccc;
}
.content .classifieds img {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.content .classifieds .news-cat 
{
    padding-left: 10px;
    padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 13px;
}
.content .classifieds .news-cat li {
	display: block;
	margin-top: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	list-style-type: none;
	margin-left: -15px;
}
.content .classifieds .news-cat li a {
	display: block;
	background-color: #f5f5f5;
	padding: 8px 10px 9px 10px;
	font-size: 13px;
}
.content .classifieds .news-cat li  a:hover {
	background-color: #eee;
	color: #1F1E21;
}
.content .classifieds .news-cat li.current a   {
	/*color: #1F1E21;
	background-color: #eee;*/
	color: #fff;
	background-color: #333;
	background-image: url(../images/r-arrow.gif);
	background-repeat: no-repeat;
	background-position: 2% 50%;
	padding-left:11px;
}
.content .classifieds .headline {
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #fff;
	border-left-color: #fff;
	height: 28px;
	padding-top: 12px;
	background-position: 0% 100%;
	font-size: 15px;
	font-weight: bold;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	letter-spacing: normal;
	margin-top: -1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	background-color: #ff0;
	background-image: url(../images/bg_sec_head_yellow.gif);
	color: #f00;
}

.content table.directory { margin: 10px; }
.content table.directory td { height: 29px; width: 29px; background-image: url(../images/bg_alphabet.gif); background-repeat: no-repeat; }
.content table.directory td a {
	color: #9c9a9a;
	text-decoration: none;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px; }
.content table.directory td a:hover { color: #fff; background-color: #333; background-image: none; }
.content .section .browse {
	font-size: 13px;
	text-align: center;
	line-height: 25px;
	clear: both;
	margin-top: -15px;
}
.content .section .browse .select {
	padding: 3px;
	border: 1px solid #555;
	margin-top: 5px;
	float: left;
	margin-left: 10px;
	font-size: 12px; }
.content .section .article {
	font-size: 12px;
	line-height: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.content .section .article .phone {
	font-size: 15px;
	color: #f60;
	font-weight: bold;
}
.content   .section   .article   .email a,  {
	font-size: 15px;
	color: #f60;
}
.content .section .article .thumbimg { padding-right:10px; }
.content .section .article a { color: #f60; font-weight: bold; }
.content .section .article .date { color: #f60; font-weight: bold; }
.content .section .article .user {
	color: #333;
}
.content .section .article .separator {
	clear: both;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e4e3;
}
.content  .sectionfull {
	float: left;
	width: 958px;
	border: 1px solid #ccc;
}
.content  .sectionfull  .headline {
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #fff;
	border-left-color: #fff;
	height: 28px;
	padding-top: 12px;
	background-position: 0% 100%;
	font-size: 15px;
	font-weight: bold;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	letter-spacing: normal;
	margin-top: -1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}
.content .sectionfull .setmiddle {
	padding: 30px;
}
.content .sectionfull .setmiddle table {
	margin-bottom: 20px;
}

.content .sectionfull .setmiddle .headcol {
	background-color: #f30;
	padding: 10px;
	color: #fff;
}
.content .sectionfull .setmiddle .col {
	padding: 20px;
	border: 1px solid #f30;
	line-height: 20px;
}
.content  .sectionfull  .form {
	color: #000;
	margin: 0px;
	width: auto;
	padding-top: 15px;
	padding-right: 125px;
	padding-bottom: 50px;
	padding-left: 220px;
}
.content .sectionfull .form em {
	font-family: Arial, Helvetica, sans-serif;
}

.content .sectionfull .asterix {
	color: #f60;
	font-weight: bold;
}
.content  .sectionfull  .info {
	color: #666;
	margin-left: 10px;
}
.content   .sectionfull   .infofooter {
	color: #666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	width: 65%;
	padding-top: 5px;
}
.content  .sectionlogin {
	margin-left: 20px;
	float: left;
	border: 1px solid #ccc;
	width: 435px;
}
.content  .sectionlogin  .headline {
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #fff;
	border-left-color: #fff;
	height: 28px;
	padding-top: 12px;
	background-position: 0% 100%;
	font-size: 15px;
	font-weight: bold;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	letter-spacing: normal;
	margin-top: -1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}
.content .sectionlogin .signcol {
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 50px;
	color: #000;
	float: left;
	width: 335px;
}
.content  .sectionlogin  .info {
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 50px;
	float: left;
	width: 335px;
}
.content .usermenu {
	float: left;
	width: 250px;
}
.content .usermenu .user {
	background-image: url(../images/bg_user.gif);
	background-repeat: repeat-x;
	height: 28px;
	width: 235px;
	color: #fff;
	padding-top: 13px;
	padding-left: 15px;
	margin-bottom: 10px;
	clear: both;
}

.content .usermenu ul#menu, .content .usermenu ul#menu ul {
	list-style-type:none;
	padding: 0px;
	width: 250px;
	margin: 0px;
}
.content .usermenu ul#menu a {
  display: block;
  text-decoration: none;	
}
.content .usermenu ul#menu li {
  margin-top: 1px;
}
.content .usermenu ul#menu li a {
	color: #f60;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: #f0f0f0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d2d2d2;
}
.content .usermenu ul#menu li  a.expanded {
	color: #f00;
	background-color: #ddd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c0c0c0;
}
.content  .usermenu  ul#menu  li   a.expanded:hover {
	color: #fff;
	background-color: #999;
	border-bottom-color: #666;
}
.content .usermenu ul#menu li a:hover {
	background-color: #e5e5e5;
	border-bottom-color: #ccc;
}
.content      .usermenu      ul#menu      li    ul   li      a    {
	background-color: #ddd;
	color: #f00;
	border-bottom-color: #c0c0c0;
}

.content .usermenu ul#menu li ul li a {
	margin-left: 10px;
}
.content .usermenu ul#menu li ul li.current a {
	background-color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	color: #fff;
}
.content .usermenu ul#menu li ul li a:hover {
	background-color: #999;
	border-bottom-color: #666;
	color: #fff;
}
.content  .usermenu  ul#menu  li  ul  li.current  a:hover {
	background-color: #000;
	border-bottom-color: #000;
	color: #fff;
}
.content .usermenu ul#menu li.current a {
	background-color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	color: #fff;
}
.content  .usermenu  ul#menu li.current  a:hover {
	background-color: #000;
	border-bottom-color: #000;
	color: #fff;
}
.content .usercontent {
	float: left;
	width: 697px;
	margin-left: 10px;
	border: 1px solid #ccc;
}
.content .usercontent .step {
	color: #000;
	float: right;
	font-size: 12px;
}

.content .usercontent .headline {
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #fff;
	border-left-color: #fff;
	height: 28px;
	padding-top: 12px;
	background-position: 0% 100%;
	font-size: 15px;
	font-weight: bold;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	letter-spacing: normal;
	margin-top: -1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}
.content .usercontent .subheadline {
	float: left;
	width: 677px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-left: 20px;
	font-size: 15px;
	font-weight: normal;
	color: #f60;
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}
.content .usercontent .listinglines {
	margin-bottom: 20px;
	float: left;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.content .usercontent .listinglines li {
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	display: block;
	list-style-type: none;
	padding-left: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.content .usercontent .listing {
	float: left;
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
}
.content .usercontent .form {
	color: #000;
	padding: 15px;
	margin: 0px;
	width: auto;
}
.content  .usercontent  .packages  {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	margin-bottom: 10px;
	color: #000;
}
.content  .usercontent  .packages td {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.content  .usercontent  .packages td .samplelink a
{
    color: #f60;
}
.content .usercontent .packages td a 
{
    color: #089808;
}
.content  .usercontent  .packages th {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px;
}
.content .welcome  {
	background-color: #fff;
	padding-bottom: 15px;
	float: left;
	width: 650px;
}
.content .welcome  ul  {
	padding: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}
.content .welcome  h2  {
	font-size: 15px;
}

.content .block { width: 510px; background-color: #d8d7d7; float: left; }
.content  .block .welcome {
	background-color: #fff;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}
.content .block .welcome ul {
	padding: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}


.content .blockfull { width: 930px; background-color: #d8d7d7; float: left; }
.content .block .head, .content .blockfull .head {
	background-image: url(../images/bg_block.gif);
	background-repeat: repeat-x;
	height: 36px;
	padding-left: 15px; }
.content .block .cat, .content .blockfull .cat { padding: 10px; font-size: 14px; }
.content .block .cat ul { list-style-type: none; float: left; width: 231px;	padding: 7px; line-height: 20px; }
.content .blockfull .cat ul {
	list-style-type: none;
	float: left;
	width: 213px;
	padding: 7px;
	line-height: 20px; }
.content .block .cat ul li, .content .blockfull .cat ul li { display: block; }
.content .block .cat ul li a, .content .blockfull .cat ul li a {
	text-decoration: none;
	color: #514949;
	display: block;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/ico_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border-bottom: solid 1px #b9b2b2;
	height: 20px; }
.content .block .cat ul li a:hover, .content .blockfull .cat ul li a:hover {
	border-bottom-color: #f30;
	color: #f30;
	background-image: url(../images/ico_arrow_selected.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%; }
.content .block .cat ul li.selected a, .content .blockfull .cat ul li.selected a {
	border-bottom-color: #f30;
	color: #f30;
	background-image: url(../images/ico_arrow_selected.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%; }
.content .block .cat .btn, .content .blockfull .cat .btn { float: left; }

/* ------------ Update by Soraya ------------ */
.content .block .catlist {
	padding: 7px;
	margin-top: 6px;
	margin-bottom: 0px;
	clear: both;
	list-style-type: none; }
.content .blockfull .catlist {
	padding: 7px;
	margin-top: 6px;
	margin-bottom: 0px;
	clear: both;
	list-style-type: none; }
.content .block .catlist li {
	font-size: 14px;
	/*width: 231px;*/
	width: 210px;
	float: left;
	display: block;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 0px;
	font-weight: bold;
}
.content .blockfull .catlist li {
	font-size: 14px;
	width: 200px;
	float: left;
	display: block;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 0px;
}
.content .block .catlist li a, .content .blockfull .catlist li a {
	text-decoration: none;
	color: #514949;
	display: block;
	padding-left:15px;
	padding-top: 5px;
	padding-bottom: 8px;
	background-image: url(../images/ico_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border-bottom: solid 1px #b9b2b2;
}
.content .block .catlist li a:hover, .content .blockfull .catlist li a:hover {
    border-bottom-color: #f30;
	color: #f30;
	background-image: url(../images/ico_arrow_selected.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%; }
.content .block .catlist li.selected a, .content .blockfull .catlist li.selected a  
{
 	border-bottom-color: #f30;
	color: #f30;
	background-image: url(../images/ico_arrow_selected.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%; }
/* ------------------------------------------ */

.content .misc {
	float: left;
	width: 492px;
	margin-top: 10px;
	background-image: url(../images/bg_misc.gif);
	background-repeat: repeat-x;
	height: 107px;
	padding-right: 9px;
	padding-left: 9px;
	background-color: #d8d7d7; }
.content .misc .cell { float: left; height: 99px; width: 164px; }
.content .misc .connect {
	float: left;
	height: 68px;
	width: 230px;
	background-image: url(../images/img_connect.gif);
	background-repeat: no-repeat;
	padding-top: 31px;
	padding-left: 260px;
}
.content .misc .connect img {
	margin-right: 10px;
	margin-left: 10px;
}

.content .colleft { float: left; background-color: #f3f2f2; width: 220px; text-align: center; }
.content .colleft2 { float: left; background-color: #f3f2f2; width: 322px; text-align: center; }
.content .colleft3 { float: left; background-color: #f3f2f2; width: 210px; text-align: center; }
.content .colleft4 { float: left; background-color: #f3f2f2; width: 250px; }
.content .colleft img, .content .colleft2 img { margin-bottom: 10px; }
.content .colleft .submenu {
	background-color: #fff;
	padding-bottom: 10px;
}
.content .colleft .submenu img {
	margin: 0px;
	padding: 0px;
}
.content .help { float:left; border: 1px solid #dddada; padding: 10px 10px 10px 10px; width: 938px; }
.content .collefthelp { float:left; width:30%; }
.content .formhelp { float:right; width: 60%; }

.content .colright { float: left; width: 700px; margin-left: 10px; }
.content .colright2 { float: left; width: 800px; }
.content .colright3 { float: left; width: 120px; text-align: center; padding-bottom: 10px; padding-left: 10px; }
.content .colright4 { float: left; width: 598px; margin-left: 10px; }
.content .colright5 { float: left; width: 710px; margin-left: 10px; }
.content .colright6 { float: left; width: 540px; margin-left: 10px; }
.content .evimg { float: left; width: 85px; padding-right: 10px; }
.content .evhead { width: 180px; float: left; }
.content .evhead p { font-size: 11px; line-height: 13px; margin: 0px; }
.content .evdesc { float: left; width: 200px; padding-left: 5px; }
.content .evdesc .span01 {
	float: left;
	width: 60px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}
.content .evform { float: left; width: 288px; }
.content .evform  span { float: left; width: 60px; padding: 3px 10px 0 0; }
.content .evcola {
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 20%;
	color: #1F1E21;
	margin-top: 5px;
}
.content .evcolb {
	float: left;
	width: 80%;
	line-height: 17px;
}
.content .evcolc { float: left; width: 325px; line-height: 17px; padding-bottom: 5px; }

.content .dirhead { width: 240px; padding-right: 15px; padding-left: 16px; float: left; }
.content .dirhead p { font-size: 11px; line-height: 13px; margin: 0px; }
.content .dirdesc { float: left; width: 270px; padding-left: 16px; }
.content .dirdesc .span01 {
	float: left;
	width: 60px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

.content .box-a { padding: 10px; clear: both; background-color: #f0f0f0; border-top-width: 10px solid #ccc; }
.content .form { margin: auto; width: 450px; padding: 20px; }
.content .label {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #1f1e21;
}
.content .label span { font-weight: normal; color: #666; font-size: 11px; }
.content .border { border: 1px solid #dddada; padding: 10px 10px 0px 10px; }
.content .border  ol { padding: 10px 10px 0px 10px; }
.content .banner { text-align: center; padding-bottom: 10px; }
.content .news-cat {}
.content .news-cat li {
	display: block;
	margin-top: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	list-style-type: none;
	margin-left: -15px;
}
.content .news-cat li a {
	display: block;
	background-color: #f5f5f5;
	padding: 5px 10px;
	font-size: 13px;
}
.content .news-cat li a:hover {
	background-color: #eee;
	color: #1F1E21;
}
.content .news-cat li.current a   {
	/*color: #1F1E21;
	background-color: #eee;*/
	color: #fff;
	background-color: #333;
	background-image: url(../images/r-arrow.gif);
	background-repeat: no-repeat;
	background-position: 2% 50%;
	padding-left:11px;
}

.content .calendar {
	margin: 0px;
	padding: 0px;

}
.content  .calendar #split {
	margin: 0px;
	padding: 0px;

}
.content .calendar ul#split ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}
.content .calendar ul#split a {
	display: block;
	text-decoration: none;
}
.content .calendar ul#split li {
	margin-top: 1px;
	list-style-type: none;
}
.content .calendar ul#split li a {
	color: #fff;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	/*background-color: #f90;*/
	background-color: #ff6600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f30;
}
.content .calendar ul#split li a.expanded {
	color: #fff;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #333;
	border-bottom-color: #000;
	background-image: url(../images/arrow-up.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.content  .calendar  ul#split  li  a.collapsed {
	border-bottom-color: #000;
	background-image: url(../images/arrow-down.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.content .calendar ul#split li a:hover {
	background-color: #f60;
	border-bottom-color: #f30;
}
.content .calendar ul#split li ul li a {
	color: #f60;
	background-color: #f5f5f5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
.content .calendar ul#split li ul li.current a {
	/*background-color: #e0e0e0;*/
	/*background-color: #eee;
	color: #1F1E21;
	border-bottom-color: #ccc;*/
	color: #fff;
	background-color: #333;	
	background-image: url(../images/r-arrow.gif);
	background-repeat: no-repeat;
	background-position: 2% 50%;
	padding-left:11px;
}
.content .calendar ul#split li ul li a:hover {
	background-color: #eee;
	color: #1F1E21;
	border-bottom-color: #ddd;
}


.content .newsdetail  
{
    clear: both; 
    padding-top: 20px; 
	padding-right: 6px;
    width:450px; 
    text-align:justify; 
}
.content .newsdetail table { width: 100%; color: #9c9a9a; }
.content .newsdetail table td { color: #9c9a9a;	padding: 0px; }
.content .relatednews { text-align: left; list-style-type: none; margin-bottom: 15px; }
.content .relatednews li { display: block; float: left; }
.content .relatednews  li a { border-bottom: 1px solid #ccc; width: 280px; padding: 5px 10px; }
.content .sidemenu  { clear: both; }
.content .sidemenu ul { list-style-type: none; list-style-image: none; }
.content  .sidemenu  ul  li.selected a  {
	text-decoration: none;
	background-image: url(../images/ico_arrow2.gif);
	background-repeat: no-repeat;
	background-position: 95% 10px;
	background-color: #f90;
	color: #fff;
	font-weight: bold;
	border-bottom-color: #999; }
.content .sidemenu ul li a {
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-left: 15px;
	background-image: url(../images/ico_arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc; }
/* ----------------------------- */
.content .sidemenu a {
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-left: 15px;
	background-image: url(../images/ico_arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc; }
/* ----------------------------- */
.content .centerform { width: 320px; margin: auto; padding-top: 20px; padding-bottom: 20px; clear: both; }
.content .acc-info { text-align: left; color: #fff; font-size: 12px; clear: both; background-color: #999; padding: 10px; margin-bottom: 5px; }
.content .acc-info p { margin: 0px; }
.content .signin { width: 280px; margin: auto; padding: 20px; }
.content hr { margin-bottom: 20px; height: 1px; border-top: 1px solid #ccc; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.contact { padding-right: 10px; padding-left: 10px; margin-bottom: 10px; }
.contact .form { width: 200px; padding: 2px; border: 1px solid #999; }
.form2 { width: 275px; padding: 2px; border: 1px solid #ccc; }
.form3 { border: 1px solid #ccc; padding: 2px; width: 269px; }
.form4 { padding: 2px; width: 250px; border: 1px solid #ccc; }
.form4a { padding: 2px; width: 150px; border: 1px solid #ccc; }
.form5 {
	padding: 2px;
	width: 90px;
	border: 1px solid #ccc;
}

.formdir { width: 190px; height: 17px; padding: 2px; border: 1px solid #ccc; }
.textareadir { width: 250px; padding: 2px; border: 1px solid #ccc; }
.footer {
	float: left;
	width: 960px;
	padding-right: 30px;
}
.footer .cleft {
	float: left;
	width: 640px;
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding-bottom: 10px;
	color: #888;
}
.footer .cright {
	float: left;
	width: 320px;
	text-align: right;
}
.footer .cert {
	float: left;
	width: 100%;
}
.end { clear: both; height: 50px; background-image: url(../images/bg_footer.gif); background-repeat: repeat-x; }

/* ----------------------------- */
.paymentDiv{ color:#333;}
.paymentDiv td{padding-bottom:4px; padding-top:3px; font-weight:normal;}
.paymentHeading{ text-align:center; font-size:16px;}
.name{text-align:right; padding-right:3px; width:200px; vertical-align:top;}
.val{width:400px;}
.alternateLine{background-color:#ddd;}
.errorPoint{color:#C51010;}
.rateStyle{
	color:#333;
	padding-bottom: 10px;
	font-size: 13px;
	padding-top: 10px;
}
.rateStyle table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
}

.rateStyle td{
	padding:5px;
	vertical-align:top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
}
.rateStyle  th{
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	font-size: 13px;
	height: 50px;
	background-color: #2c2828;
	background-image: url(../images/bg_block.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	color: #fff;
}
.rateinfo {
	color: #333;
	text-align: left;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
}
.rateinfo p {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}

.buybtn{
	display:block;
	width:68px;
	height:30px;
	/*background-image:url(../images/payment/buybtn.jpg);*/
}
.samplebtn{
	width:89px;
	height:30px;
	background-image:url(../images/btn_sample.gif);
	display:block;
}
.smaller{font-size:14px}
.dirTitle{font-size:18px; color:#FF6600}
.incgst{font-size:12px; font-style:italic;}

.blackText {
	background-color:#f60;
	margin-left: -15px;
}
.sidemenu /* ----------------------------- */
 ul .blackText li a {
	background-position: 96%;
	color: #fff;
}
.imgplus {
	margin-bottom: -20px;
}

.PagerNormal {
        padding: 0px 6px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=80);
	opacity:0.8;
}
.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:20px;
	width:520px;
}

/* ----------------------------- */
.carousel----------------------- {}
.carousel {
	float: left;
	width: 960px;
	margin-top: 20px;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-skin-tango .jcarousel-container {
	-moz-border-radius: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 880px;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  880px;
	height: 75px;
}

.jcarousel-skin-tango .jcarousel-item {
	width: 117px;
	height: 75px;
	text-align: center;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 33px;
	right: 5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background-color: transparent;
	background-image: url(../images/next-horizontal.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 33px;
	left: 5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background-color: transparent;
	background-image: url(../images/prev-horizontal.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.carousel----------------------- {}

.bottext {
	float: left;
	width: 960px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #666;
	text-align: justify;
	font-size: 11px;
	font-weight: bold;
}
.bottext h3 {
	margin-bottom: 10px;
}

/*
.promo-------------------------- {}
.promo {
	width: 100%;
	float: left;
	background-image: url(../images/head-promo-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 101px;
	
}
.promo .head {
	width: 100%;
	float: left;
	height: 100px;
	margin-bottom: 50px;
}
.promo  .clleft {
	float: left;
	width: 287px;
}
.promo   .clright {
	float: left;
	width: 655px;
	padding-left: 18px;
}
.promo .create {
	float: right;
	margin-top: -10px;
}

.promo .section .article {
	font-size: 12px;
	line-height: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.promo .section .article .phone {
	font-size: 15px;
	color: #f60;
	font-weight: bold;
}
.promo   .section   .article   .email a,  {
	font-size: 15px;
	color: #f60;
}
.promo .section .article .thumbimg { padding-right:10px; }
.promo .section .article a { color: #f60; font-weight: bold; }
.promo .section .article .date { color: #f60; font-weight: bold; }
.promo .section .article .user {
	color: #333;
}
.promo .section .article .separator {
	clear: both;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e4e3;
}
*/

.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }