﻿html,body { margin: 0px; padding: 0px; }

form {
	padding: 0px;
	margin: 0px;
}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
img{border:none;}
form,ul,h1,h3,h4,h5,h6,p,ol{margin:0px;padding:0px;}
ul,ol{list-style-type:none;}
body{margin:0px;font-size:11px;font-family:Arial;background:#d7d7d7 url(../images/body-bg.jpg) repeat-x left top;}
input,textarea,select{font-size:12px;font-family:Arial;}
span.f11{font-size:11px;}
h5{font-size:13px;}
h4{font-size:14px;}
h3{font-size:16px;}
h6{font-size:12px;}
div.container{width:970px;margin:0 auto; padding: 0px; background:url(../images/bp_website_design_home_02.jpg) no-repeat left top;}
div.header{width:100%;padding:11px 0 0px 0;}
div.contact-mid{float:right;width:277px;height:29px;background:url(../images/contact-mid.jpg) repeat-x;}
div.contact-left{width:277px;height:29px;background:url(../images/contact-left.jpg) no-repeat left;}
div.contact-right{width:277px;height:29px;background:url(../images/contact-right.jpg) no-repeat right;}
div.contact-right ul{width:277px;line-height:29px;}
div.contact-right ul li{float:left;padding:0 0 0 7px;font-size:10px;}
div.contact-right ul li.sales a{color:#fff;font-size:10px;background:url(../images/sales-bg.jpg) no-repeat;width:44px; height:20px;display:block; text-align:center;line-height:20px; text-decoration:none;margin-top:5px;}
div.contact-right ul li.support a{color:#fff;font-size:10px;background:url(../images/support-bg.jpg) no-repeat;width:57px; height:20px;display:block; text-align:center;line-height:20px; text-decoration:none;margin-top:5px;}
div.contact-right ul li.support{padding:0 0 0 3px;}
div.contact-right ul li.photo{ background:url(../images/contact-line-bg.jpg) no-repeat 7px 6px;padding-left:15px;}
div.contact-right ul li.photo img{padding-right:6px;}
div.nav-mid{clear:both;width:100%;height:86px;background:url(../images/nav-mid.jpg) repeat-x;margin-top:9px; overflow:hidden;}
div.nav-left{width:100%;height:86px;background:url(../images/nav-left.jpg) no-repeat left;}
div.nav-right{width:100%;height:86px;background:url(../images/nav-right.jpg) no-repeat right;}
div.nav-right ul{width:100%;}
div.nav-right ul li{float:left;height:86px;padding:0 0 0 3px;font-size:22px; background:url(../images/nav-line.jpg) no-repeat;}
div.nav-right ul li a{color:#000;font-size:15px;display:block; text-align:center;height:86px; text-decoration:none;padding:55px 13px 0px 13px;}
div.nav-right ul li.partner{padding:25px 310px 0 30px;text-align:center; background:none;}
div.nav-right ul li.partner span{font-size:14px;color:#8c8c8c;}
div.nav-right ul li.current-page a{background:url(../images/nav-current.jpg) repeat-x;}
div.content-mid{clear:both;width:968px;background:#fff;overflow:hidden;margin:9px auto 0 auto;}
div.content-top{width:100%;background:url(../images/content-top.jpg) no-repeat top;}
div.content-bottom{width:100%;background:url(../images/content-bottom.jpg) no-repeat left bottom;padding:0 0 12px 0;}
div.content-bottom img.businesspost{width:626px;height:276px;float:left;padding:13px 0px 0px 13px; background:url(../images/content-bottom.jpg) no-repeat bottom;}
div.content-bottom div.business-center{width:280px;float:left;background:url(../images/content-bottom.jpg) no-repeat bottom;padding:29px 0 0 0;}
div.business-center h3{padding:10px 0px 0px 15px;margin:0px 0px 0px -69px;width:399px;height:78px;color:#1b8bd6;font-size:25px;font-weight:normal;background:url(../images/business-center.jpg) no-repeat;}
div.business-center h3 img{padding:0px 0px 0px 10px;}
div.business-center p{padding:15px 0px 0px 40px; font-size:10px; font-weight:bold;}
div.business-center a{margin:18px 0px 0px 40px;width:68px;height:20px;line-height:18px;text-align:center; text-decoration:none; font-size:10px;color:#fff; background:url(../images/learn-more-bg.jpg) no-repeat; display:block;}
div.solutions-out{width:968px;height:36px;background:#1b8bd6;margin-top:32px;position:relative;}
div.solutions-out ul{width:100%;height:36px;}
div.solutions-out ul li{float:left;line-height:36px;color:#fff;font-size:13px;}
div.solutions-out ul li.item{padding:0 28px;position:relative;height:36px;}
div.solutions-out ul li.item-img1{margin:-7px 10px -6px 35px;position:relative;height:36px;}
div.solutions-out ul li.item-img2{margin:-12px 0px -1px 23px;position:relative;height:36px;}
div.solutions-out ul li.item-img3{margin:-6px 0px -7px 28px;position:relative;height:36px;}
div.solutions-detail{width:944px;clear:both;margin:0 auto;}
div.solutions-mid{float:left;width:307px; height:132px;background:url(../images/solutions-mid.jpg) repeat-x;overflow:hidden;}
div.solutions-left{width:307px; height:132px;background:url(../images/solutions-left.jpg) no-repeat left;}
div.solutions-right{width:307px; height:132px;background:url(../images/solutions-right.jpg) no-repeat right;}
div.solutions-inner{width:190px;padding:12px 0px 0px 30px;}
div.solutions-inner p{width:190px;padding:0px 0px 10px 0px;}
div.solutions-inner ul{width:190px;}
div.solutions-inner ul li a{color:#000; text-decoration:none;}
div.second-solutions{margin:0 11px;}
div.solutions-inner2{width:210px;}
div.solutions-inner2 p{width:210px;}
div.solutions-inner2 ul.e-commerce{width:210px;}
div.solutions-inner2 ul.e-commerce li{float:left;padding-top:2px;}
div.solutions-inner2 ul.e-commerce li.col1{width:90px;padding-right:10px;}
div.solutions-inner2 ul.e-commerce li.col2{width:110px;}
div.sections{clear:both;width:968px;margin:12px auto 0 auto;background:#fff;}
div.sections-top{width:100%;background:url(../images/content-top.jpg) no-repeat top;}
div.sections-btm{width:100%;background:url(../images/content-bottom.jpg) no-repeat left bottom;padding:0 0 19px 0;}
div.sections-btm ul.section{width:100%;}
div.sections-btm ul.section li{float:left;}
div.sections-btm ul.section li.banner{width:82px;padding:31px 10px 0px 29px;}
div.sections-btm ul.section li.search{width:161px;padding:36px 20px 0px 5px;}
div.sections-btm ul.section li.search p{color:#1b8bd6;font-size:14px;padding-bottom:5px;}
div.sections-btm ul.section li.search input.detail{width:129px;font-size:10px;margin:0px 5px 0 0;}
div.sections-btm ul.section li.search input.result{width:21px;height:21px;background:url(../images/search-submit.jpg) no-repeat;border:none;}
li.submit input.result{width:21px;height:21px;background:url(../images/search-submit.jpg) no-repeat;border:none;}
div.sections-btm ul.section li.stay-letter{width:98px;padding:20px 0px 0px 34px;}
div.sections-btm ul.section li.stay{width:180px;padding:30px 10px 0px 13px;}
div.sections-btm ul.section li.stay p.title{color:#1b8bd6;font-size:14px;padding-bottom:5px;}
div.sections-btm ul.section li.stay p.sign{font-size:10px;padding-bottom:8px;}
div.sections-btm ul.section li.stay input.name{width:62px;font-size:10px;margin:0px 5px 0 0;}
div.sections-btm ul.section li.stay input.email{width:71px;font-size:10px;margin:0px 7px 0 0;}
div.sections-btm ul.section li.stay input.result{width:21px;height:21px;background:url(../images/search-submit.jpg) no-repeat;border:none;}
div.sections-btm ul.section li.members{width:76px;padding:15px 0px 0px 34px;}
div.sections-btm ul.section li.members-login{width:142px;padding:25px 0px 0px 20px;}
div.sections-btm ul.section li.members-login p.title{color:#1b8bd6;font-size:14px;padding-bottom:10px;}
div.sections-btm ul.section li.members-login input.username{width:142px;font-size:10px;margin:0px 0px 2px 0;}
div.sections-btm ul.section li.members-login p.forgotten{font-size:10px;}
div.sections-btm ul.section li.members-login p img{margin:3px 4px -3px 0px;}
div.sections-btm ul.section li.submit{width:21px;padding:63px 0px 0px 16px;}
div.footer{width:100%;padding-top:16px;}
div.footer ul{width:690px;}
div.footer ul li{float:left;color:#7f7f80;border-left:solid 1px #7f7f80;line-height:10px;font-size:10px;padding:0 3px;}
div.footer ul li.no-border{border-left:none;}
div.footer ul li a{color:#7f7f80;font-size:10px; text-decoration:none;}
div.footer ul.footer-nav{margin:4px 0px 4px 0px;}
/*****************bp_website_design_backpage_1.htm**************************/
p.backpage-header{padding:29px 0 0 0; white-space: nowrap; }
img.arrow{padding:0 7px 0 15px;}
ul.backpage{width:954px;padding:13px 0 0 0;}
li.backpage-left{width:555px;float:left;padding:46px 0 0 0;}
li.backpage-right{width:399px;float:left;}
div.packpage-detail{width:427px;margin:0 auto;}
p.main-paragraph{font:12px arial;font-weight:bold;line-height:18px;padding:16px 0 32px 0;color: #636363;}
ul.links{padding:6px 0 17px 0;}
ul.links li{background:url(../images/double-arrow.gif) no-repeat 15px 5px;padding:0 0 11px 25px;}
ul.backpage a{color:#1b8bd6;}
p.common-paragraph{padding:15px 0 30px 0;}
ul.module{width:427px;}
li.module-left{float:left;width:91px;}
li.module-right{float:left;width:336px;}
p.click-more{padding:0 0 37px 0;margin:-7px 0 0 0;position:relative;}


div.fixed {
	position: fixed;
	top: 20%;
	left: 30%;
	z-index: 1000;
}

div.ld {
	position: fixed;
	top: 2px;
	left: 2px;
	z-index: 1000;
	width: 80px;
} 

.ld2 {
	border: 1px solid #6F8C30;
	background-color: #6F8C30;
	font: 11px arial;
	font-weight: bold;
	color: #FFFFFF;
}

#msgdivarea {
	font: 14px arial;
	width: 40%;
	background-color: transparent;
}

#msgdivarea .msgdivarea_header {
	font: 12px arial;
	font-weight: bold;
	color: #000000;
}

#msgdivarea table.msgclass1 {
	background-color: #F3F3F3;
	font: 11px arial;
	border: 1px solid #CC0000;
}

#msgdivarea .msgclass1 .heading {
	font: 11px arial;
	color: #CC0000;
	font-weight: bold;
}

#msgdivarea table.msgclass1 .msgdivarea_footer {
	text-align: right;
	cursor: pointer;
}

#msgdivarea table.msgclass2 {
	background-color: #F3F3F3;
	font: 11px arial;
	border: 1px solid #46782E;
}

#msgdivarea .msgclass2 .heading {
	font: 11px arial;
	color: #46782E;
	font-weight: bold;
}

#msgdivarea table.msgclass2 .msgdivarea_footer {
	text-align: right;
	cursor: pointer;
}

a.link_white {
	font: inherit;
	color: #FFFFFF;
	text-decoration: none;
}

/** FORMS **/

form {
	margin: 0px;
}
fieldset legend {
	display: none;
}
fieldset {
	border: 0px none;
	width: 100%;
}
fieldset h1,
fieldset h2,
fieldset h3,
fieldset h4,
fieldset h5,
fieldset h6
{
}

label {
    display: block;
    float: left;
    width: 120px;
}
fieldset fieldset label {
    display: inline;
    float: none;
    width: auto;
    padding: 0;
}
fieldset h1 label,
fieldset h2 label,
fieldset h3 label,
fieldset h4 label,
fieldset h5 label,
fieldset h6 label {
    width: auto;
    float: none;
    display: inline;
    padding: 0;
}
form div {
    margin: 0px 0px 10px 0px;
	width: 100%;
}
form small {
	font-size: 85%;
}
form div.nolabel {
    margin: 0px 0px 5px 0px;
    padding-left: 135px;
}
form div p
{
    padding-left: 40%;
	margin: 0px;
}
form .important {
    color: #495999;
}
form .error {
    color: #CC5949;
}
form .note {
	font-size: 95%;
}
form div.nolabel p {
    padding-left: 0px;
}
input, select, textarea {
	font-size: 90%;
	font-family: Arial, Verdana, Sans-Serif;
}

input.text {}
input.file {}
input.checkbox {}
input.radio {}


fieldset input.button {
	/* none */
}



fieldset div.leftmargined {
	margin-left: 120px;
}

fieldset ul li {
	background-image: none;
	padding-left: 0px;
}

fieldset ul label,
fieldset label.label {
    display: inline;
    width: auto;
    float: none;
}

input.tfield, select.tfield {
	width: 200px;
	border: 1px solid #A7A7A7;
	font: 11px arial;
}

form span.req {
	font: 14px arial;
	color: red;
	vertical-align: bottom;
	line-height: 10px;
	font-weight: bold;
}

form fieldset input.result{width:21px;height:21px;background:url(../images/search-submit.jpg) no-repeat;border:none;}

form fieldset a.button {margin:18px 0px 0px 40px;width:68px;height:20px;line-height:18px;text-align:center; text-decoration:none; font-size:10px;color:#fff; background:url(../images/learn-more-bg.jpg) no-repeat; display:block;}