body {
	background: #f7f7f7 url(../img/bg.jpg) repeat-x;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#505050;
}
p{margin:12px 0;}
img{border:0}
h1{
	font-size:25px;
	color:#2d5b91;
	font-weight:normal;
	margin:12px 0;
	font-family:Helvetica;
}
h2{
	font-size:20px;
	color:#2d5b91;
	font-weight:normal;
	margin:12px 0;
	font-family:Helvetica;
}
h3{
	font-family:Helvetica;
	font-weight: bold;
        font-size:10pt;
	color: #AB5D01;
}
#ex_page_con {
	margin: 7px auto;
	width: 876px;
	border: 1px solid #FFFFFF;
}
#page_con {
	border: 1px solid #bfbfbf;
	padding: 3px 4px;
	background-color:#FFFFFF;
}
#header_con {
	background-image: url(../img/header_bg.jpg);
	height: 107px;
	border-bottom: 3px solid #FFFFFF;
}
#logo {
	float:left;
	width:300px;
	height: 106px;
	color:#f0efef;
	line-height:87px;
	text-align:left;
	font-size:30px;
	font-family:Helvetica;
}
#topnav {
	float:right;
	width:452px;
	height: 106px;
}
#topnav ul{
	margin:0;
	padding: 0 0 10px 0;
	list-style:none;
}
#topnav li{
	border-left:1px solid #525252;
	width:112px;
	height: 52px;
	padding-top:35px;
	float:left;
}
#topnav a{
	display:block;
	height:20px;
	background: url(../img/topnav_bg.jpg) repeat-x;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
}
#topnav a:hover{color:#0066AA;}
#flash {
	height: 167px;
	width:866px;
	border-bottom: 6px solid #FFFFFF;
	background-repeat:no-repeat;
}
#flash .headtitle{
  padding:10px 10px 5px 10px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
#flash p{
  padding:5px 10px 10px 10px;
	font-size:12px;
	color:#fff;
}
#content {
	background: url(../img/content_sp.gif) repeat-y 202px top;
}
* html #content {height:1px;}
#left_col {
	float:left;
	width:196px;
	padding-right:6px;
	border-right: 1px solid #cacaca;
}
#leftnav a:hover{color:#0000ff; text-decoration: underline;}
#leftnav{
	padding:0 0 10px 0;
	border-bottom: 5px solid #353535;
}
#leftnav .clear{
	height:10px;
	border-bottom: 1px solid #cacaca;
}
#leftnav ul{
	margin:0;
	padding: 0 0 10px 0;
	list-style:none;
	border-bottom: 10px solid #cacaca;
}
#leftnav li{
	background: url(../img/leftnav_bg.jpg) repeat-x;
	width:100%;
	float:left;
	height:27px;
}
#leftnav li.sub1{
	background: url(../img/leftnav_bg.jpg) repeat-x;
	width:90%;
	padding-left:10%;
	float:left;
	height:27px;
}
#leftnav a{
	display:block;
	color:#656565;
	background: url(../img/arrow.gif) no-repeat 15px center;
	padding:0 0 0 30px;
	line-height:27px;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}
ul.docLink
{
    list-style: none;
    padding: 0;
    margin: 0;
    overflow:hidden;
} 
ul.docLink li
{
    margin: 0 0 0 0 ;	//top, right, bottom, left
}
ul.docLink li a
{
    height: 23px;
    line-height:23px;
    background: url(../images/pdficon_xsmall.gif) no-repeat;
    display: block;
    font-size:9pt;
    font-weight:normal;
    color: #000;
    text-decoration: none;
    padding:0 0 0 35px;
    margin:0 0 3px 0;
}
table.data{
    background-color:#F2F4F6;
}
table.data td{
    color:#000;
    font-size:8pt;
    font-weight:normal;
}
table.data td.tHead{
    text-align:left;
    background-color:#3399CC;
    color:#000;
    font-size:11pt;
    font-weight:normal;
}
table.data th{
    text-align:left;
    background-color:#E0EBF6;
    color:#000;
    font-size:10pt;
    font-weight:bold;
}
#news {padding-top:3px;}
.news_title {
	line-height: 37px;
	height: 37px;
	background: url(../img/title_bg.jpg) repeat-x;
	padding: 0 0 0 15px;
	color:#FFFFFF;
	font-size:20px;
}
#testimonials {padding-top:3px;}
.testimonial_title {
	line-height: 37px;
	height: 37px;
	background: url(../img/title_bg.jpg) repeat-x;
	padding: 0 0 0 15px;
	color:#FFFFFF;
	font-size:20px;
}
#lContact {padding-top:3px;}
.contact_title {
	line-height: 37px;
	height: 37px;
	background: url(../img/title_bg.jpg) repeat-x;
	padding: 0 0 0 15px;
	color:#FFFFFF;
	font-size:20px;
}
#right_col {
	float:left;
	width:657px;
	padding-left:6px;
}
.green_box, .brown_box, .gray_box {
	float:left;
	width:217px;
	font-size:11px;
	color:#FFFFFF;
	padding:5px 0 0 0;
	height:195px;
}
.green_title, .brown_title, .gray_title {
	padding: 0 0 0 10px;
	font-size:16px;
	height:27px;
	line-height:27px;
	margin: 0 45px 10px 0;
}
.green_box {
	background: url(../img/green_bg.jpg) repeat-x;
	margin-right:3px;
}
.green_title{background: url(../img/green_title_bg.jpg) repeat-x;}
.brown_box {
	background: url(../img/brown_bg.jpg) repeat-x;
	margin-right:3px;
}
.brown_title{background: url(../img/brown_title_bg.jpg) repeat-x;}
.gray_box {background: url(../img/gray_bg.jpg) repeat-x;}
.gray_title{background: url(../img/gray_title_bg.jpg) repeat-x;}
#content_footer{
	border-top:6px solid #353535;
	padding:7px 0;
	text-align:center;
}
#content_footer a{margin:0 45px;}
#footer {
	background: url(../img/footer_bg.jpg) repeat-x;
	height: 34px;
	padding-top:5px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;	
}
.img_right{
	float:right;
	margin: 5px 0 0 5px;
}
.img_left{
	float:left;
	margin: 0 10px 10px 0;
}
.border_white{border: 1px solid #FFFFFF;}
.read_more{
	background: url(../img/arrow_2.gif) no-repeat left center;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 0 12px;
}
.brown{color:#ab5d01}
.padding10{padding:0 10px;}
.bold{font-weight:bold;}
.clear{
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
}
.hr{
	border-bottom:1px solid #cacaca;
	margin:10px 0;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}
form.contact fieldset {
	border: 2px #505050;
	padding:10px;
}
form.contact legend {
	font-weight: bold;
	font-size: small;
	color: #2d5b91;
	padding: 5px;
}
form.contact label {
	font-weight: bold;
	font-size: 9pt;
}
form.contact label.fixedwidth {
	display: block;
	float: left;
	width: 200px;
}
form.contact .buttonarea input {
	background: navy;
	color: white;
	font-weight: bold;
	padding: 5px;
	border: 1px white solid;
}
form.contact .buttonarea {
	text-align: center;
	padding: 4px;
	background: url(../img/footer_bg.jpg) repeat-x;
}
form.contact .captchaArea {
	text-align: center;
	padding: 4px;
}
.formRow{
  margin:0 0 3px 0;
}
.infoTitle{
  line-height:20px;
	font-weight: bold;
	font-size: 9pt;
}
.infoDetail{
  line-height:20px;
	font-weight: normal;
	font-size: 9pt;
}
.box_highlight {
	background-color: #C0C0C0;
	border: medium ridge #0000FF;
}
.Product_description {
	table-layout: auto;
	border-style: groove;
	background-color: #FFFFFF;
	text-align: justify;
}
/* ==== FOOTER CSS ===============*/
#footer_im {
	margin: 7px auto;
	padding:10px 0 10px 0;
	width: 876px;
}
.footer_imL
{
    float:left;
    width:48%;
    text-align:left;
    font-size:8pt;
    color: #888;
    text-decoration:none;
    padding: 0 0 0 5px;	//top, right, bottom, left
}
.footer_imL a
{
    font-size:8pt;
    color: #888;
    text-decoration:none;
}
.footer_imL a:visited
{
    font-size:8pt;
    color: #888;
    text-decoration:none;
}
.footer_imL a:hover
{
    font-size:8pt;
    color: #888;
    text-decoration:underline;
}
.footer_imR
{
    float:right;
    width:48%;
    text-align:right;
    font-size:8pt;
    color: #888;
    text-decoration:none;
    padding: 0 5px 0 0;	//top, right, bottom, left
}
.footer_imR a
{
    font-size:8pt;
    color: #888;
    text-decoration:none;
}
.footer_imR a:visited
{
    font-size:8pt;
    color: #888;
    text-decoration:none;
}
.footer_imR a:hover
{
    font-size:8pt;
    color: #888;
    text-decoration:underline;
}
.testimonialEntry{
  padding:0 10px 5px 10px;
  margin:5px 0 10px 0;
  border-bottom:dashed 1px #999999;
}
.testEntryTitle{
  font-size:10pt;
	color:#2d5b91;
}
.testEntryBody{
  font-size:8pt;
  color: #000000;
}
.testEntryFoot{
  font-size:8pt;
  color: #999999;
  font-style:italic;
}
ul.faqQ{
    list-style: none;
    padding: 0;
    margin: 0;
    overflow:hidden;
} 
ul.faqQ li
{
    list-style:none;
    margin: 0 0 0 0 ;	//top, right, bottom, left
}
ul.faqQ li a
{
    height: 20px;
    line-height:20px;
    display: block;
    background:url(http://www.bupiuk.com/img/arrow.gif) no-repeat center left ;
    font-size:9pt;
    font-weight:normal;
    color: #ab5d01;
    text-decoration: none;
    padding:0 0 0 16px;
    margin:0 0 3px 0;
}
p.faqATitle
{
    height: 20px;
    line-height:20px;
    display: block;
    font-size:9pt;
    font-weight:normal;
    color: #ab5d01;
    text-decoration: none;
    padding:0 0 0 0;
    margin:0 0 5px 0;
}
p.faqABody
{
    display: block;
    font-size:8pt;
    font-weight:normal;
    color: #000;
    text-decoration: none;
    padding:0 0 0 0;
    margin:0 0 5px 0;
}
p.faqABody a.top
{
    height: 20px;
    line-height:20px;
    display: block;
    background:url(http://www.bupiuk.com/img/arrow.gif) no-repeat center left ;
    font-size:9pt;
    font-weight:normal;
    color: #ab5d01;
    text-decoration: none;
    padding:0 0 0 16px;
    margin:0 0 3px 0;
}
.faqADiv{
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 10px;
  margin: 5px 0 10px 0;
  border-bottom:dashed 1px #999999;
}
.confMsg{
    border:1px solid #ab5d01;
    font-size: 9pt;
    color:#ab5d01;
    text-align:left;
    padding: 10px 10px 10px 10px;
    margin: 0 10px 0 10px;	//top, right, bottom, left
}
div.errMsg{
    border:1px solid #FF0000;
    font-size: 9pt;
    font-weight:bold;
    color:#FF0000;
    text-align:center;
    padding: 10px 10px 10px 10px;
    margin: 0 10px 0 10px;	//top, right, bottom, left
}
div.errMsg a{
    font-size: 9pt;
    font-weight:bold;
    color:#FF0000;
    text-decoration:underline
}
div.errMsg a:link{
    font-size: 9pt;
    font-weight:bold;
    color:#FF0000;
    text-decoration:underline
}
div.errMsg a:visited{
    font-size: 9pt;
    font-weight:bold;
    color:#FF0000;
    text-decoration:underline
}
div.errMsg a:hover{
    font-size: 9pt;
    font-weight:bold;
    color:#FF0000;
    text-decoration:underline
}