body {
background: #ebeff1 url(../img/bg01.png) repeat-x;
font: 12px Arial, Helvetica, sans-serif;
color: #2B6778;
margin: 0;
padding: 20px 0px 0px 0px;
}
body#cp {
background-color: #0B498B;
background-image: none;
}


#livehelp {
  width:700px;
  padding: 20px 20px;
  border: 1px solid #072F5A;
  text-align: justify;
  background: #fff url(../img/web-experts.jpg) no-repeat bottom right;
}


#page{
	margin:0;
	padding:0;
	background: url(../img/page-bg.jpg) no-repeat top center;
}
#cp #page{
	margin:10px 10px ;
	padding:20px 20px ;
	background-image: none;
    background-color: #fff;
    width: 1200px;
}
#menu {
  margin-bottom: 20px;
  

}
#mainbox {
  margin-top:-3px;

	padding:0;
  width: 760px;
  background: url(../img/main-bg.png) repeat-y top left;
}
#bottombox {
  width: 760px;
  height: 134px;
  background: url(../img/bottom.png) no-repeat;
  
}
#copyrights {
  padding: 25px 0 0 20px;
  text-align:left;
  color:#fff;
  font-size:0.8em;
  float:left;
}
#copyrights a{
	color:#fff;
	text-decoration:none;
}
#copyrights a:hover{
	color:#fff;
	text-decoration:underline;
}
#footmenu{
	float:right;
	padding: 25px 20px 0 0px;
	font-size:0.8em;
	color:#fff;
}
#footmenu a{
	color:#fff;
	text-decoration:none;
}
#footmenu a:hover{
	color:#fff;
	text-decoration:underline;
}
#contentbox {
  width: 720px;
}

#contentcol {
  width: 450px;
  float: left;
  padding-top: 50px;
}
#sidebarcol {
  width: 270px;
  padding-top:70px;
  float: right;
}
#content {
  text-align: justify;
  width: 430px;
}
#sidebar {
  width: 250px;
}
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
color: #86BD3C;
font-weight:800;
text-align:left;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 22px;
    color: #FF9900;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 15px;
	
	text-align:left;
}

h5 {
	font-size: 16px;
}
h6 {
    font-size: 14px;
}
ul {
  margin: 5px 5px 5px 5px;
  padding: 0px;
  list-style-position: inside;

}
li {
  padding: 6px 0px 6px 0px;
  border-bottom: 1px solid #D9ECF0;
}
ul.no {
 list-style:none;
}

ul.yes, ul.yes1 {
  list-style-image: url(../img/yes.gif);
}
ul.yes li {
height: 20px;
  padding: 3px 0px 3px 0px;
  padding-left: 4px;
}

.plan ul.yes, .plan ul.yes1 {
  list-style-image: url(../img/yes.gif);
  list-style-position: outside;
  padding: 0;
  margin: 10px 0 0 40px;
}
.plan ul.yes li {
  height: auto;
  padding: 0px 0px 10px 0px;
  padding-left: 4px;
}
.plan {
  border-width: 1px;
  padding: 10px 10px 10px 10px;
  margin: 10px 10px 10px 10px;
}
.silverPlan {
  background: #FaFaFa;
  border: 1px solid #eee;
}


.divider {
  height: 10px;
}

.gallery {
  border-top: 1px solid #A0B7BD;
  border-bottom: 1px solid #A0B7BD;
  padding: 5px 0px 5px 0px;
}
.showroom {
  padding: 5px 0px 5px 0px;
}
.gallery li {
  width: 100px;
  height: 100px;
  float: left;
  display: block;
  list-style: none;
  border: 1px solid #D9ECF0;
}
.showroom li {
  width: 110px;
  height: 130px;
  float: left;
  display: block;
  list-style: none;
  margin: 5px 5px 5px 5px;
  padding: 2px 2px 2px 2px;
  text-align:center;
  border:none;
}
.banners {
  margin: 0 auto;
}
.banners ul {
  border-bottom: 1px solid #D9ECF0;
}


.banners li {
  float: left;
  display: inline;
  list-style: none;
  border-bottom: none;

}
.banners li div {
  margin: 10px 10px 10px 10px;
  border: 2px solid #D9ECF0;
  padding: 10px 10px 10px 10px;
}
a img {
  border: 0;
}


.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
form {
  
  padding: 3px 3px 3px 3px;
}
input, textarea {
  border: 1px solid #A0B7BD;
font: 12px Arial, Helvetica, sans-serif;
color: #2B6778;
}
.error {
  color: #CC0000;
  font-weight: bold;
}
.okay {
  color: #009900;
  font-weight: bold;
}
.clear {
  clear:both;
}
.notice {
  background: #DBE3E6 url(../img/exc.jpg) no-repeat left;
  padding: 5px 5px 5px 60px;
  border-top: 2px solid #A0B7BD;
  border-bottom: 2px solid #A0B7BD;
}

.infoblock {
  border: 1px solid #d8ebf0;
  padding: 3px 3px 3px 3px;
  text-align:justify;
}
.infoblock .inside {
  background: #fff url(../img/infograd.png) repeat-x;
  padding: 5px 5px 5px 5px;
}
.inside{
	text-align:left;
}
.inside img{
	margin:0 0 0 7px;
	padding:0;
}
a:link {
  color: #FF7C00;
}
a:visited {
  color: #FF9900;
}
a:hover, a:focus, a:active {
    color: #FF9E46;
}
.hint {
height: 2px;
width: 752px;
visibility: hidden;
z-index: -1000;
overflow: hidden;
}
#valid {
  width: 190px;
  text-align:center;
}
.bc {
  padding: 0;
  margin: 10px 0px 0px 0px;     border: 0px;
}
.bc li {
  display: inline;
  padding: 5px 0px 5px 5px;
  margin: 5px 0px;
  border: 0px;
}

.pics {

  padding: 0px;
  margin: 10px 0px 0px 0px;
}
.pics li {
  display: inline;
  margin: 4px 0px;
  border: 0px;
}
.pics li img {
  border: 3px solid #eee;
  padding: 2px 2px;
  margin: 5px 5px 20px 5px;
}
.imgtitle{
	position:absolute;
	bottom:8px;
	left:6px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.imgtitle{
	position:absolute;
	bottom:-15px;
	left:6px;
}
}
/* Sortable tables */
table.sortable {
  width: 100%;
  border: 2px solid #CCE4FF;
}

table.sortable th {
  padding: 10px 5px;
  cursor: pointer;
}


table.sortable thead {
    background-color:#3F90D6;
    color:#FFFFFF;
    font-weight: bold;
}
table.sortable td {
    background-color:#E8F3FF;
    vertical-align: top;
    text-align: left;
      padding: 5px 5px;
}

#cp ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#cp #navlist li
{
display: inline;
list-style-type: none;
}

#cp #navlist a { padding: 5px 10px; }

#cp #navlist a:link, #cp #navlist a:visited
{
color: #fff;
background-color: #205F97;
text-decoration: none;
}

#cp #navlist a:hover
{
color: #fff;
background-color: #256DAF;
text-decoration: none;
}

#list3 .title {
  margin: 5px 5px;
  padding: 5px 5px;
  border-bottom: 1px dotted #ccc;
  cursor: pointer;
  color: #FF9C17;
}
fieldset {
  border: 1px solid #fff;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, strong span {
  text-indent: -999999px;
  overflow: hidden;
  display: block;
  float: left;
  width: 1px;

}