@charset "utf-8";
/* CSS Document */

html {font-size: 100%; } 

body {
	font: 62.5% Arial, Verdana, Helvetica, sans-serif;
	background: #f0fafe;
	background-image:url(../images/background.png); background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h2 {font: 2.4em Arial, Verdana, Helvetica, sans-serif; }
p {font: 1.4em Arial, Verdana, Helvetica, sans-serif;}
fieldset {border:0px;}
legend {border:0px;}

.oneColElsCtr #container {
	width: 90%;
	min-width:782px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

a:link { font-family:  Arial, Helvetica, Verdana, sans-serif;  color: #36758B; text-decoration: underline;  }
a:visited { font-family:  Arial, Helvetica, Verdana, sans-serif;  color: #36758B; text-decoration: none;  }
a:hover { font-family:  Arial, Helvetica, Verdana, sans-serif;  color: #36758B; text-decoration: none; }
a:active { font-family:  Arial, Helvetica, Verdana, sans-serif; color: #36758B; text-decoration: underline; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */ clear:both; height:0px;}

.hidden {display:none;}
.blue {color:#36758B;}

/******************************************************************************************************************************/


div#headerfloat { position:relative; width:100%; height:80px;}
div#leftfloat {float:left;}
div#rightfloat { position:relative; float:right; top:30px;}

label#search { font-family:  Arial, Helvetica, Verdana, sans-serif; font-size:1.4em; font-weight:bold;  color: #017eac; text-decoration: none;}
label#search span {position:relative; left:-10px; margin:0px;} 
.submit { position: relative; top:1px; width: 47px; height: 22px; margin: 0; padding: 0; border: 0; background: transparent url(../images/submit.gif) no-repeat center top;  text-indent: 1000px; cursor: pointer; }

div#page {position:relative; top:-25px;}
td#content{background-color:#FFF; /*padding:2px;*/}
div#content_container {padding:10px; }

.bbd_logo {position:relative; top:20px; border:0px;}

div#tabs { position:relative; top:3px;  }
div#tabs ul { position:relative; top:10px;  right:30px; display:block; width:90%; min-width:760px; height:29px; text-align:right;}
div#tabs ul li { list-style-type: none; list-style-position: outside; display: inline; height: 29px; }
div#tabs ul li a {display:inline-block; height: 29px; margin:0px;}

#preloadedimages {
	width:0em;
	height:0em;
	display:inline;
	background-image:url(../images/m_h_tab.jpg);
	background-image:url(../images/d_h.jpg);
	background-image:url(../images/ecom_h_tab.jpg);
	background-image:url(../images/h_tab.jpg);
	background-image:url(../images/c_h_tab.jpg);
	background-image:url(../images/m_s_tab.jpg);
	background-image:url(../images/d_s_tab.jpg);
	background-image:url(../images/ecom_s_tab.jpg);
	background-image:url(../images/h_s_tab.jpg);
	background-image:url(../images/c_s_tab.jpg);
	background-position: -1000px -1000px;
	}

#m_tab a   {position:relative; left:0px;  width:98px; height:29px; margin:0px; padding:0px; background-image:url(../images/m_tab.jpg);  background-repeat:no-repeat;  }
#m_tab a:hover {position:relative; left:0px;  width:98px; height:29px; margin:0px; background-image:url(../images/m_h_tab.jpg);  background-repeat:no-repeat; }
#m_tab a:active {position:relative; left:0px;  width:98px; height:29px; margin:0px; background-image:url(../images/m_s_tab.jpg);  background-repeat:no-repeat;}

#d_tab a {  position:relative; left:-3px; width:98px; height:29px; margin:0px;  background-image:url(../images/d_tab.jpg);  background-repeat:no-repeat;}
#d_tab a:hover {position:relative; left:-3px; width:98px; height:29px; margin:0px;  background-image:url(../images/d_h_tab.jpg);  background-repeat:no-repeat;}
#d_tab a:active {position:relative; left:-3px; width:98px; height:29px; margin:0px;  background-image:url(../images/d_s_tab.jpg);  background-repeat:no-repeat;}

#ecom_tab a {position:relative; left:-7px;;  width:99px; height:29px; margin:0px;  background-image:url(../images/ecom_tab.jpg);  background-repeat:no-repeat;}
#ecom_tab a:hover  {position:relative; left:-7px;  width:99px; height:29px; margin:0px;  background-image:url(../images/ecom_h_tab.jpg);  background-repeat:no-repeat;}
#ecom_tab a:active  {position:relative; left:-7px;  width:99px; height:29px; margin:0px;  background-image:url(../images/ecom_s_tab.jpg);  background-repeat:no-repeat;}

#h_tab a {position:relative; left:-11px; width:99px; height:29px; margin:0px;  background-image:url(../images/h_tab.jpg);  background-repeat:no-repeat;}
#h_tab a:hover {position:relative; left:-11px;  width:99px; height:29px; margin:0px;  background-image:url(../images/h_h_tab.jpg);  background-repeat:no-repeat;}
#h_tab a:active {position:relative; left:-11px;  width:99px; height:29px; margin:0px;  background-image:url(../images/h_s_tab.jpg);  background-repeat:no-repeat;}

#c_tab a {position:relative; left:-15px;  width:99px; height:29px; margin:0px;  background-image:url(../images/c_tab.jpg);  background-repeat:no-repeat;}
#c_tab a:hover{position:relative; left:-15px;  width:99px; height:29px; margin:0px;  background-image:url(../images/c_h_tab.jpg);  background-repeat:no-repeat;}
#c_tab a:active{position:relative; left:-15px;  width:99px; height:29px; margin:0px;  background-image:url(../images/c_s_tab.jpg);  background-repeat:no-repeat;}



div#base_nav { position:relative; top:20px; height:20px; width:100%; text-align:center; font-size:1.3em; color:#4D4D4D; clear:both; margin:0px;}

div#base_nav a:link { font-family:  Arial, Helvetica, Verdana, sans-serif;  color: #636363; text-decoration: none;  }
div#base_nav a:visited { font-family:  Arial, Helvetica, Verdana, sans-serif;  color: #36758B; text-decoration: none;  }
div#base_nav a:hover { font-family:  Arial, Helvetica, Verdana, sans-serif;  color: #36758B; text-decoration: underline; }
div#base_nav a:active { font-family:  Arial, Helvetica, Verdana, sans-serif; color: #36758B; text-decoration: underline; }


td#left_border{width: 8px;  background-image:url(../images/page_leftborder.png); background-position:left; background-repeat:repeat-y;  }
td#right_border{width: 8px;  background-image:url(../images/page_rightborder.png); background-position:left; background-repeat:repeat-y; /*background-color:#FC6;*/ }
.topbar_left {height:22px; width:8px;  background-image:url(../images/topbar_left.png); background-position:left; }
.topbar_mid { height:22px; background-image:url(../images/topbar_mid.gif); background-position:left; background-repeat:repeat-x; }
.topbar_right {height:22px; width:8px;  background-image:url(../images/topbar_right.png); background-position:right; }
.basebar_left {height:16px; width:8px;  background-image:url(../images/basebar_left.png); background-position:left;}
.basebar_mid { height:16px; background-image:url(../images/basebar_mid.png); background-position:left; background-repeat:repeat-x;  }
.basebar_right {height:16px; width:8px;  background-image:url(../images/basebar_right.png); background-position:right; }

/*****************************  Frontpage Content Layout styles *********************************************************/
/*#page_content {width:100%; min-width:790px;}*/

#banner_bak { position:relative; top:-4px; background-image:url(../images/banner_bak.jpg); background-repeat:repeat-x; text-align:center;}
img#banner {border:0px;}
#floatcontainer{position:relative; top:40px; width:100%; min-width:748px;}
#leftcol{position:relative; width:48%; margin-right:2%; float:left;}
#rightcol{position:relative; width:48%; float:left; }

.subbox { width: 358px;   background-image:url(../images/gradbak.jpg); background-repeat:repeat-x; background-color:#fdfbfe; background-position:bottom; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;  }
.subbox_top { background-image: url(../images/subbox_top.gif); background-repeat:no-repeat; width:360px; height:8px;}
.subbox_bottom { background-image: url(../images/subbox_bottom.gif); background-repeat:no-repeat; width:360px; height:8px; margin-bottom:10px;}
.subbox_padding {padding-top: 15px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px;}


.subheader_box { background-image:url(../images/sunheader_box.gif); background-repeat:no-repeat; width:355px; height:41px; padding:0px; /*vertical-align:middle;*/ text-align:left; margin:0px;}

.subheader_box2 { background-image:url(../images/sunheader_box.gif); background-repeat:no-repeat; width:355px; height:41px; padding:0px; /*vertical-align:middle;*/ text-align:left; margin:0px;}

.icon {position:relative; left:5px; top:3px;}
.subheader_box h2 { font-family: Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;color:#000;/*font-weight:lighter;*/ position:relative; left:50px; top:-35px; margin:0px; padding:0px; width:80%;}
.end { position:relative; right:-100%; top:-73px;}


.end2 { position:relative; right:-100%; top:-56px;}
.subheader_box2 h2 { font-family: Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;color:#000;/*font-weight:lighter;*/ position:relative; left:50px; top:-25px; margin:0px; padding:0px; width:80%;}

.subheader_box_m { background-image:url(../images/sunheader_box.gif); background-repeat:no-repeat; width:360px; height:41px; padding:0px; /*vertical-align:middle;*/ text-align:left; margin:0px;}
.subheader_box_m img {position:relative; left:5px; top:3px;}
.subheader_box_m h2 { font-family: Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;color:#000;/*font-weight:lighter;*/ position:relative; left:50px; top:-25px; margin:0px; padding:0px; width:90%;}


.subheader_box_position { position:relative; top:10px; left:10px;}

h1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size:1.8em; color:#000; letter-spacing: 0.1em; font-weight:lighter; }
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#000;
	font-weight:lighter;
}

.maintitle {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:1.8em; color:#000; letter-spacing: 0.1em; font-weight:lighter;}


h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#000;
	font-weight:lighter;
}

#content_container p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:lighter;
}

#content_container q {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:lighter;
}

.subbox p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
}
.bold {
	font-weight: bold;
}
.readmore { vertical-align:bottom; margin-right:5px; font-size:1.2em;}
.right {position:relative; left:160px; font-size:1.2em;}
#content_container ul {font-weight:normal; }
#content_container li { list-style-image:url(../images/bullettick.gif); list-style:outside;  margin-bottom:15px; padding-left:10px; vertical-align:text-top; font-size:1.2em;}
a { border:0px;}
.nobullet {list-style-type:none; list-style-image:none;}
img#w3c { position:relative; left:70px;  top:60px;}


#content_container li .ul_sub{ font-size:1.1em;}
#content_container li .ul_sub_sub{ font-size:0.9em;}

#sitemapfooter { background-image:url(../images/footerbak.gif); background-position-y: top; background-repeat:repeat-x; }
#sitemapfooter th { font-size:1.1em; color: #36758B; text-align:left;}
#sitemapfooter td { vertical-align:text-top;  }
#sitemapfooter UL { list-style:none; position:relative; /*left:-40px;*/ font-size:1.0em; margin:0px; padding:0px;}

#sitemapfooter a:link { font-family:  Arial, Helvetica, Verdana, sans-serif;  color: #36758B; text-decoration: none;  }
#sitemapfooter a:visited { font-family:  Arial, Helvetica, Verdana, sans-serif;  color: #36758B; text-decoration: none;  }
#sitemapfooter a:hover { font-family:  Arial, Helvetica, Verdana, sans-serif;  color: #36758B; text-decoration: underline; }
#sitemapfooter a:active { font-family:  Arial, Helvetica, Verdana, sans-serif; color: #36758B; text-decoration: underline; }

/************************************  END ************************************************************************************/


/***********************************  Content Layout Styles ************************************************************/

#breadcrumb { position:relative; left:10px; top:-1px; padding:0px; margin:0px;  color:#FFF; font-size:1.2em; font-weight: bold;}

#breadcrumb a {top:-1px;  color:#FFF; text-decoration:underline; font-size:1.0em;}

#screengrabs {/*position:relative; top:30px;*/ width:100%; text-align:center; border:0px;}
#screengrab td { padding:2px; margin:10px 2px 2px;}
.noborder {border:0px;}





/***********************************  old Content Layout Styles ************************************************************/

div#content_header h1{  position:relative; left:25px; top:0px; margin:0px; padding:0px;  font-family:  Arial, Helvetica, Verdana, sans-serif; font-size:3.0em; font-weight:100; line-height:1.1em;}

div#mainbody_float {position:relative; left:25px; width:100%;}

div#mainbody_float_left_colomn{ float:left; width:250px;}

div#mainbody_float_left_colomn_quote { position:relative; width:250px; top:190px;}

div#leftquote { float:left; margin:0px; width:1.5em; height:1.4em; font-size: 1.8em; background: url(../images/leftquote.png) top left no-repeat;}

blockquote  { width: 10em; margin:0px; margin-left:10px; padding: 0px 25px 0px 0px; font-size: 1.8em; color:#36758B;  float: left; background: url(../images/rightquote.png) bottom right no-repeat;}

div#mainbody_float_left_colomn_image {position:relative; bottom:0px; left:-300px; bottom:190px;  height:0em;}

div#mainbody_float_right_colomn{ float:left;  margin-left:50px; width:50%;}

div#mainbody_float_right_colomn_text{ position:relative; top:20px; text-align:justify; margin-bottom:50px;}


/******************* hosting boxes *************************/

.boxescontainer_titlebox_text  { margin:0px; font-family:"Gill Sans MT", Helvetica, Arial, sans-serif; font-size:13px; color:#000000; font-weight: normal; line-height:normal; letter-spacing: normal; padding-top: 4px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float:none; /*clear:both;*/ }

#packagescontainer_float p  { margin:0px; font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#000000; font-weight: normal; line-height:normal; letter-spacing: normal; vertical-align:middle; padding: 0px; float:none; /*clear:both;*/  }
#packagescontainer_float_bizbox_top h3 { position:relative; left:10px; top:10px; padding:0px; font-family:"Gill Sans MT", Helvetica, Arial, sans-serif; font-size:1.8em; font-weight:bolder; color:#ef8f29; line-height:0.9em; letter-spacing: -0.03em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
#packagescontainer_float_bizbox_top p {position:relative; left:10px; top:10px;}
#packagescontainer_float_bizbox_base em { position:relative; left:20px; top:10px; padding:0px; font-family: Helvetica, Arial, sans-serif; font-size:1.8em; font-weight:bolder; color:#ef8f29; line-height:0.8em; letter-spacing: -0.03em; font-style:normal; margin: 0px; }
#packagescontainer_float_bizbox_base p { position:relative; left:20px; padding:0px; margin-top: 15px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#packagescontainer_float_groupbox_top h3 {position:relative; left:10px; top:10px; padding:0px; font-family:"Gill Sans MT", Helvetica, Arial, sans-serif; font-size:1.8em; font-weight:bolder; color:#ef8f29; line-height:0.9em; letter-spacing: -0.03em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px;}
#packagescontainer_float_groupbox_top p {position:relative; left:10px; top:10px;}
#packagescontainer_float_groupbox_base em { position:relative; left:20px; top:10px; padding:0px; font-family: Helvetica, Arial, sans-serif; font-size:1.8em; font-weight:bolder; color:#ef8f29; line-height:0.8em; letter-spacing: -0.03em; font-style:normal; margin: 0px; }
#packagescontainer_float_groupbox_base p { position:relative; left:20px; padding:0px; margin-top: 15px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#packagescontainer_float_winbox_top h3 {position:relative; left:10px; top:10px; padding:0px; font-family:"Gill Sans MT", Helvetica, Arial, sans-serif; font-size:1.8em; font-weight:bolder; color:#ef8f29; line-height:0.9em; letter-spacing: -0.03em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px;}
#packagescontainer_float_winbox_top p {position:relative; left:10px; top:10px;}
#packagescontainer_float_winbox_base em { position:relative; left:20px; top:10px; padding:0px; font-family: Helvetica, Arial, sans-serif; font-size:1.8em; font-weight:bolder; color:#ef8f29; line-height:0.8em; letter-spacing: -0.03em; font-style:normal; margin: 0px; }
#packagescontainer_float_winbox_base p { position:relative; left:20px; padding:0px; margin-top: 15px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }



#packagescontainer { position:relative; top:30px; width:720px; padding:0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; }

#packagescontainer_float_groupbox { position:relative; float:left;}
#packagescontainer_float_groupbox_top { background-image:url(../images/groupboxtop.jpg); width:240px; height:75px; background-repeat:no-repeat; }
#packagescontainer_float_groupbox_banner { background-image:url(../images/homeboxbanner_blank.jpg); width:240px; height:63px; background-repeat:no-repeat;}
#packagescontainer_float_groupbox_base { background-image:url(../images/groupboxbase.jpg); width:240px; height:265px; background-repeat:no-repeat;}

#packagescontainer_float_bizbox { position:relative; float:left;}
#packagescontainer_float_bizbox_top { background-image:url(../images/bizboxtop.jpg); width:240px; height:75px; background-repeat:no-repeat;}
#packagescontainer_float_bizbox_banner { background-image:url(../images/bboxbanner_blank.jpg); width:240px; height:63px; background-repeat:no-repeat;}
#packagescontainer_float_bizbox_base { background-image:url(../images/bizboxbase.jpg); width:240px; height:265px; background-repeat:no-repeat;}

#packagescontainer_float_winbox { position:relative; float:left;}
#packagescontainer_float_winbox_top { background-image:url(../images/bizboxtop.jpg); width:240px; height:75px; background-repeat:no-repeat;}
#packagescontainer_float_winbox_banner { background-image:url(../images/wboxbanner_blank.jpg); width:240px; height:63px; background-repeat:no-repeat;}
#packagescontainer_float_winbox_base { background-image:url(../images/bizboxbase.jpg); width:240px; height:265px; background-repeat:no-repeat;}

#regco { text-align:center;}
#conformance { text-align:center;}
/***********************  end ***********************/