/*
Oto-Hui StyleSheet
Filename: subpage.css
Purpose: Styles for subpages
Targets: IE6+; Modern browsers
Created by: tinhnd
Last update: 05 jan 2010
*/
/*=========================================================*/
#col_left{float:left;width:650px}
#col_left .content_left{ clear:both;padding:10px 0px 20px 24px}

#col_right{width:250px; float:right}
#title{float: left; font-size: 11px; height: 24px; margin: 0px 0 10px 0; padding: 0; width: 100%; text-align:left; font-size:10pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FF6600; border-bottom:1px solid #f3f3f3 }

#client_box{float: left; padding:5px; margin-right:25px; margin-bottom:10px; margin-left:15px; }
#client_box img { width:160px; height:80px; }
#clent_text{ float:left;}

.old{ text-decoration:line-through; color: #CCCCCC; font-size:11px; font-style: italic}
/* INDEX */
#content .maincontent #flashmap {float: right; height: 210px; margin: 0 0 0 30px; padding: 0; width: 409px;}
#content .maincontent .flashmap {float: right; height: 210px; margin: 0 0 0 30px; padding: 0; width: 409px;}
#content .maincontent img.buttons {float: left; margin: 15px 5px 0 0;}
#content .maincontent a {color: #ffffff; border-bottom: 1px dotted; font-weight:  normal;}
#content .maincontent a:hover {color: #FF6600; border-bottom: 1px dotted; text-decoration: none;}
#content .maincontent #right_menu {float: right; margin:0px; padding:0px; width: 230px;  padding-bottom:0px; text-transform:capitalize; background:#88b8e7 }
#content .maincontent #right_menu_foot{float: right; margin: 0px; padding:0px; width: 230px; height:15px; background:url(../images/product_bottom.jpg) no-repeat; background-position:bottom left}
#content .maincontent #right_menu .sidenav {font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #333; text-align: left; margin-bottom: 0px; margin-left:0px;}
#content .maincontent #right_menu .sidenav ul {list-style: none; margin:0px; padding:0px;border: none;}
#content .maincontent #right_menu .sidenav li {border-bottom: 1px solid #ccc;width: 230px; padding-left: 0px; padding-top: 0px; background-color: #88b8e7;}
#content .maincontent #right_menu .sidenav li a {display: block; padding: 5px 5px 5px 10px; text-decoration: none; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333;}
#content .maincontent #right_menu .sidenav li a:hover {display: block; background-color: #333; color: #fff; border-left: 5px #ff9900 solid; padding-left: 10px;}
#content .maincontent #right_menu .sidenav li a.selected {color: #fff; font-weight: bold; font-size: 12px; background-color: #333; border-left: 5px #ff9900 solid;}

#content .maincontent .blog_faq{	border: #f3f3f3 1px dotted; color: #666666;	line-height:17px; font-style:normal; padding:10px}

/* INDEX : NEWSLETTER SUBSCRIBE */
#content .maincontent .newsletter {background: url('images/newsletter_sub_bg.png') no-repeat; color: #FEFEFE; float: right; font-size: 11px; height: 127px; margin: 0 0 10px 40px; padding: 65px 27px 0 23px; width: 230px;}
#content .maincontent .newsletter .subbox {background: url('images/newsletter_textbox.png') no-repeat; border: none; float: left; font-size: 11px; height: 25px; margin: 20px 0 0 0; padding: 0; width: 157px;}
#content .maincontent .newsletter .subbox input.box {background: none; border: none; float: left; font-size: 11px; height: 20px; margin: 0 0 0 11px; padding: 5px 0 0 0; width: 135px;}
#content .maincontent .newsletter input.submit {background: none; border: none; float: right; height: 24px; margin: 20px -5px 0 0; padding: 0; width: 70px;}
#content .maincontent .newsletter img.submit {background: none; border: none; float: right; height: 24px; margin: 20px -5px 0 0; padding: 0; width: 70px;}

/* ABOUT US */
#content img.buttons_about {float: left; margin: 5px 50px 0 20px;}
#content .maincontent img.buttons_about {float: left; margin: 5px 50px 0 20px;}
#content .maincontentfull a {color: #3B7601; border-bottom: 1px dotted; font-weight: bold;}
#content .maincontentfull a:hover {color: #032340; border-bottom: 1px dotted; text-decoration: none;}
#content .maincontent .divider_about {background: url('divider.png') repeat-x; float: left; font-size: 1px; height: 24px; margin: 10px -20px 0 -10px; padding: 0; width: 603px;}

/* CONTACT US */
#content .maincontent .contact {background: url('images/contact_form.png') no-repeat; color: #FEFEFE; float: right; height: 286px; margin: 0 0 0 40px; padding: 60px 0 0 20px; width: 412px;}
#content .maincontent .contact h1 {color: #FEFEFE; float: left; font-size: 11px; font-weight: normal; margin: 0; padding: 5px 0 0 0; width: 150px;}
#content .maincontent .contact h2 {color: #FEFEFE; float: left; font-size: 11px; font-weight: normal; margin: 0; padding: 10px 0 0 0; width: 250px;}
#content .maincontent .contact .contactbox {background: url('images/contact_textbox.png') no-repeat; border: none; float: left; font-size: 11px; height: 25px; margin: 0 0 4px 0; padding: 0; width: 227px;}
#content .maincontent .contact .contactbox input.textbox {background: none; border: none; float: left; font-size: 11px; height: 20px; margin: 0 0 0 11px; padding: 5px 0 0 0; width: 205px;}
#content .maincontent .contact input.checkbox {float: left; margin: 5px 0 0 11px;}
#content .maincontent .contact input.send {float: right; margin: 5px 35px 0 0;}
#content .maincontent .contact img.send {float: right; margin: 0;}
#content .maincontent .contact .contacttext {background: url('images/contact_textarea.png') no-repeat; border: none; float: left; font-size: 11px; height: 85px; margin: 0 0 4px 0; padding: 0; width: 228px;}
#content .maincontent .contact .contacttext textarea {background: none; border: none; float: left; font-size: 11px; height: 75px; margin: 5px 0 0 11px; padding: 0; width: 214px;}

/* TESTIMONIALS */
#content .maincontent .quotes {background: url('images/open_quotes.png') no-repeat top left; float: left; margin: 0; padding: 6px 0 0 23px; width: 630px;}
#content .maincontent .quotes img.close {margin: 0 0 0 0; vertical-align: middle;}

#content .maincontentfull .quotes {background: url('images/open_quotes.png') no-repeat top left; float: left; margin: 0; padding: 6px 0 0 23px; width: 840px;}
#content .maincontentfull .quotes img.close {margin: 0 0 0 0; vertical-align: middle;}

/* CASE STUDIES */
#content .maincontent .heading {display: block; margin: 0 0 10px 0; padding: 0;}
#content .maincontent .heading a.studies {color: #032340; border-bottom: 1px dotted; font-weight: bold;}
#content .maincontent .heading a.studies:hover {color: #3B7601; border-bottom: 1px dotted; text-decoration: none;}
#content .maincontent .heading img {margin: 0 0 0 0; vertical-align: middle;}
#content .maincontent img.readmore {float: left; margin: 10px 0 0 0; text-decoration: none;}


/* FRANCHISE */
#content .maincontentfull h3 {color: #004585; font-size: 12px; font-weight: bold; margin: 0; padding: 15px 0 15px 0;}
#content .maincontentfull h4 {color: #004585; font-size: 12px; font-weight: bold; margin: 0; padding: 20px 0 7px 0;}
#content .maincontentfull img.readmore {float: left; margin: 10px 0 0 0; text-decoration: none;}
#content .maincontentfull li {background: url(../images/arrow_DICHVU.png) no-repeat; margin: 0 0 8px 0; padding: 0 0 0 14px; background-position:left}
#content .maincontentfull ul {float: left; list-style: none; margin: 0 0 3px 0; padding: 0; width: 870px;}
#content .maincontentfull .halves {float: left; margin: 0; padding: 15px 0 0 0; width: 425px;}
#content .maincontentfull .halves h1 {color: #004585; font-size: 12px; font-weight: bold; margin: 0; padding: 0 0 7px 0;}


/* QUOTE*/
#price_plan{ font-size:11pt; color:#FF6600; font-family: Georgia, Times New Roman, Times, serif}
.price_plan{ font-size:11pt; color:#FF6600; font-family: Georgia, Times New Roman, Times, serif}
.setpadding8px { }

input{font-family:tahoma, Helvetica, sans-serif; font-size:11px; border:1px solid #cccccc; padding:3px 3px 3px 3px; width:auto;
}
textarea{font-family:tahoma, Helvetica, sans-serif; font-size:11px; border:1px solid #cccccc; padding:5px 5px 5px 5px; width:auto;}
#button{font-family:tahoma, Helvetica, sans-serif; font-size:9pt; color:#4d4d4d; height:25px; margin-top:3px; cursor: pointer;}

#content .partner a {color: #0066CC; border-bottom: 1px dotted; font-weight: bold;}
#content .partner a:hover {color: #FF6600; border-bottom: 1px dotted; text-decoration: none;}