/* =============================================== */
/*             2. MAIN CONTENT                     */
/* =============================================== */

p.return_btn a{
text-align: center;
display: block;
background: transparent url(images_community/btns/btn_main.gif) no-repeat center center;
line-height: 40px;
font-size: 1.5em;
text-decoration: none;
font-weight: bold;
color: #fff;
}

p.return_btn a:hover{color: #000;}

#main_img_bottom {
float: left;
clear: both;
margin:20px 0 20px 15px;
width:530px;
background:url(images/background/main_img_bottom.gif) no-repeat left bottom;
}

#main_img_top {
background:url(images/background/main_img_top.gif) no-repeat left top;
width:530px;
float: left;
}


#tlmain{
width:460px;
padding:15px 35px 15px 35px;
background:url(images/background/main_img.gif) repeat-y left top;
margin:0 0 10px 0;
}


body div#tlmain a:hover { color:#222 !important;}
#price{
background:red;
float:left;
width:690px;
padding:10px 28px 10px 28px;
margin:0px 0 0 0;
background: url(images/background/bg_box_top_price.gif) no-repeat top center;
}

#tlmain h3{
clear:both;}

#tlmain h3.BigText{
font-size:2.4em;
font-weight:normal;
line-height:35px;
}

#tlmain h3.BigText span{
font-weight:bold;
background:#fffedb;
border-bottom:1px dotted #b0aea2;
}

a.ImageText{
float:left;
padding:0 10px 10px 0;}

p.warning{
background:#fffedb;
border-bottom:1px dotted #b0aea2;
border-top:1px dotted #b0aea2;
font-size:1.4em;
padding:5px;
margin:20px 0;
}


#tlmain h4, #price h4{margin:0;}

#tlmain p {
	font-size:1.2em;
}
#tlmain dl {
float: left;
width:450px;
padding: 10px 0;
border-bottom:1px solid #ccc;
}

#tlmain dl:last-child{border:none;} 

#tlmain dt {
float: right;
width: 340px;
font-size: 1.8em;
font-weight:bold;
color: #0058b3;
}
#tlmain dd {
margin: 5px 0 5px 110px;
padding: 0;
font-size: 1.2em;
}

#tlmain dl dd.img, #tlmain dl.screen dd.img {margin: 0;}
#tlmain dd.img img {float: left;}

#tlmain dl.screen dt{width:160px}

#tlmain dl.screen dd {margin: 5px 0 5px 290px;}


#tlmain ul, #tlmain ol, #price ul, #price ol{
font-size:1.2em;
margin:10px 0;
padding-left:10px;
}

#tlmain ul li, #tlmain ol li, #price ul li, #price ol li{
list-style:disc inside;
padding:2px 0;
}

#tlmain ol li, #price ol li{list-style: decimal inside;}

#tlmain ul ul , #tlmain ol ol , #tlmain ul ul ul , #tlmain ol ol ol, #price ul ul , #price ol ol , #price ul ul ul , #price ol ol ol {font-size:1em;}


ul#SiteMap li ul li, ul#SiteMap li ul ul li{ padding:2px 0;}

ul#SiteMap li ul, ul#SiteMap li ul ul{ margin:0; padding-left:40px;}


#price h3, #tlmain h3{
margin:10px 0;
font-size:2em;}

#PriceList{margin:10px 0;}

#PriceList caption{
border-top:4px solid #999;
text-align:left;
padding:5px 0 5px 0;
font-size:1.4em;
font-weight:bold;
}

#PriceList, #PriceList th, #PriceList td, #PriceList tr{
border-collapse:collapse;
}

#PriceList{
border-top:2px solid #999;
}

#PriceList td{
border:1px solid #999;
}

#PriceList th{
font-size:1.4em;
padding:10px 5px;
border-left:1px solid #999;
}

#PriceList th a{
display:block;
height:22px;
line-height:22px;
font-size:.8em;
color:#fff;
text-align:center;
text-decoration:none;
background:url(images/btns/btn_buy.gif) no-repeat top center;
}

#PriceList th a:hover{background:url(images/btns/btn_buy.gif) no-repeat bottom center;}

#PriceList td{
padding:5px;
text-align:center;
font-size:1.2em;}

#PriceList td.feature{
text-align:left;}

#PriceList td.feature a{
padding-right:20px;
background: url(images/icons/bullet_info.gif) no-repeat right center;
font-weight:bold;
text-decoration:none;
color:#222 !important;}

#PriceList td.feature a:hover {
	color:#222;
}

table#PriceList th.feature{
text-align:left;
font-size:1.2em;
border-left:none;}


#PriceList th span.rate{
font-size:.7em;
color:#050;
line-height:20px}


h6{
margin: 10px 0;
font-size:1.4em;
clear:both;
}

#tlmain ul.BenefitList{
width:205px;
float:left;
margin:0px 10px 20px 10px;
list-style:none;
border-top:1px solid #f3f2ee;
padding:0;}

#tlmain ul.BenefitList li{
list-style:none;
padding:0;
margin: 0;
}

#tlmain ul.BenefitList li a{
display:block;
border-bottom:1px solid #f3f2ee;
text-decoration:none;
background: url(images/icons/bullet.gif) no-repeat left center;
padding:2px 0 2px 20px;
margin:0;
font-weight:bold;
display: inline-block;
}

#tlmain h5#btn, #price h5#btn{
background:url(images/btns/btn_bg_left.gif) top left no-repeat ;
text-decoration:none;
border:0;
clear:both;
line-height:30px;
margin:10px  0px 0px 10px ;
padding:0 !important;
width:120px;
float:left;
text-align:center;
}
body #tlmain h5.btnwide, #price h5.btnwide {
	width:300px !important;
}

#price h5#btn{ margin-left:285px; margin-right:0;}

#tlmain h5#btn a, #price h5#btn a{
background:url(images/btns/btn_bg_right.gif) top right no-repeat;
display:block;
padding:0 ;
color:#000;
text-decoration:none;}

#tlmain h5#btn a:hover, #price h5#btn a:hover{color:#333;}



/* =============================================== */
/*                2. SIDEBAR                       */
/* =============================================== */

#TLSideBar{
float:right;
width:230px;
margin:5px 18px 0 5px;
clear:right;
font-size:1.1em;}


#TLSideBar h3 a{
display:block;
width:230px;
height:80px;
background:  url(images/btns/btn_trial.gif) no-repeat top center;
text-indent:-9999px;
margin:0 0px;
}

#TLSideBar h3 a:hover{background:url(images/btns/btn_trial.gif) no-repeat bottom center;}

#TLSideBar ul{
margin: 0 10px;
text-transform: uppercase;
}

#TLSideBar ul li a{
font-weight: bold;
text-decoration: none;
display: block;
padding: 5px;
border-bottom: 1px solid #b5b0a9;
font-size: 1.2em;
background: #fbf9f6;
color: #555;
}

* html #TLSideBar ul li a{
height: 1%;
}


#TLSideBar ul li a:hover, #TLSideBar ul li#on a{
color: #fff;
background: #000 url(images/navbar/bg_btn_left.gif) no-repeat -1px -13px;}



h6#SignUp{ margin-top:10px;}

h6#SignUp img:hover{ width:220px; height:82px; margin:2px 0 3px 5px;}

h4{
font-size:1.4em;
border-bottom:1px solid #555;
padding:0 0 2px 0;
margin:10px 10px 0 10px;}

h5{
font-size:1.2em;
text-align:right;
}

blockquote{
border-bottom:1px solid #ccc;
padding:0 0px 10px 0px;
margin:0 10px;}

blockquote:last-child{border:none;}

#BenefitList{
font-size:0.8em;
padding:10px 0px 10px 0px;
margin:0 10px;
}

#BenefitList li a{
background:url(images/icons/bullet.gif) no-repeat left center;
line-height:20px;
padding-left:20px;
font-weight:bold;
text-decoration:none;
}

.BenefitList li a:hover {	
	color:#000 !important;
}

#BenefitList li#more a{
background:url(images/icons/bullet_more.gif) no-repeat left center;
color:#539300;
padding-left: 20px
}

#BenefitList li#more a:hover{text-decoration: underline;}

#SubMenu{border-top:1px solid #e2dfd5; margin-bottom:10px;}

#SubMenu li a{
display:block;
font-size:1.2em;
font-weight:bold;
border-bottom:1px solid #e2dfd5;
padding:5px 0 5px 5px;
text-decoration:none;
color:#9a978c}

#SubMenu li a:hover, #SubMenu li#on a{
background:#000 url(images/navbar/bg_btn_left.gif) no-repeat 0 -12px !important;
color:#fff;}


#NewsList {
margin:0 10px;
font-size:1.2em;}

#NewsList li {
padding:5px 0;
border-bottom:1px solid #ccc;}


/* =============================================== */
/*                  8. CONTACT FORM                */
/* =============================================== */

#tlmain .ContactForm ol, #tlmain .ContactForm ol li{
list-style:none;
padding:0;
margin:0; }



.ContactForm fieldset{
padding:10px 0;
border:none;}

.ContactForm legend{
font-size:1.6em; 
padding: 0 0px;
font-weight: bold;
_margin: 0 -7px; /* IE Win */
margin-bottom:10px
}

.ContactForm label{
display: inline-block;
width:80px;
vertical-align: top;
font-size:1.2em;
font-weight:bold;
padding:7px 0;
}

.ContactForm input, .ContactForm textarea{
width:300px;
margin-top:4px;
font-size:1.2em;
border:1px solid #ccc;
padding:4px;}

.ContactForm input:focus, .ContactForm textarea:focus{border:1px solid #000;}

/*btn*/
.ContactForm p{margin:0 0 0 82px;}

.ContactForm p input{width:auto;}

.ContactForm legend {
  display: inline-block;
}


ul#portfolio {
	margin: 0;
	padding:0;
}

ul#portfolio li {
	list-style: none;
	float: left;
	margin: 0 50px 10px 10px;
}