/* CSS for BulletHost */

@import '/css/reset.css';
@import '/css/forms.css';

body { 
font:normal 12px Arial, Helvetica, sans-serif; color:#656565;
background:#000000 url(images/body_bg.gif) repeat-x top; padding-bottom:50px;
text-align:center; /* centered layout: ie6 hack*/ }

p { line-height:20px; }
a { outline:none; }
em { font-style:italic; }

#container { position:relative; width:960px; margin:0 auto; }

/* HEADER */
#header { height:105px; position:relative; z-index:3; /* bring all header section to Front */ }
#header h1 { position:absolute; top:41px; left:1px; width:161px; height:36px; }
#header h1 a { display:block; width:161px; height:36px; text-decoration:none; outline:none; }
#header h1 a img { border:none; }
#header p {  text-align:right; font-size:11px; color:#FFFFFF; padding-top:60px; }
#header p a { color:#6ebcec; text-decoration:none; }
#header p a:hover { text-decoration:underline; }
#headerb { height:105px; position:relative; z-index:3; /* bring all header section to Front */ }
#headerb h1 { position:absolute; top:41px; left:1px; width:161px; height:36px; }
#headerb h1 a { display:block; width:161px; height:36px; text-decoration:none; outline:none; }
#headerb h1 a img { border:none; }
#headerb div {  text-align:right; font-size:11px; color:#FFFFFF; padding-top:60px; }
#headerb div a { color:#6ebcec; text-decoration:none; }
#headerb div a:hover { text-decoration:underline; }
.force {  text-align:right; font-size:11px; color:#FFFFFF; padding-top:60px; }
.force a { color:#6ebcec; text-decoration:none; }
.force a:hover { text-decoration:underline; }

/* NAVIGATION */
#navigation { height:26px; background:url(images/navigation_border_trick.gif) repeat-x bottom;  }
#navigation ul.menu { padding: 0 0 0 10px; margin: 0 auto; height: 25px; list-style: none; position:relative; z-index:2; }
.menu li { float:left; margin-right:7px; }
.menu li a { float: left; display: block; height:26px; text-decoration: none; }
.menu li#home a:hover, .menu li#hosting a:hover, .menu li#services a:hover, .menu li#company a:hover, .menu li#support a:hover,
.menu li#home a.active, .menu li#hosting a.active, .menu li#services a.active, .menu li#company a.active, .menu li#support a.active,
.menu li#home a.active:hover, .menu li#hosting a.active:hover, .menu li#services a.active:hover, .menu li#company a.active:hover, .menu li#support a.active:hover { background-position:100% -30px; }
.menu li a span { display:none; } /* hide the text */

/* Image based navigation */
.menu li#home a { width:63px; background:url(images/navigation_home.gif) no-repeat top left; }
.menu li#hosting a { width:78px; background:url(images/navigation_hosting.gif) no-repeat top left; }
.menu li#services a { width:78px; background:url(images/navigation_services.gif) no-repeat top left; }
.menu li#company a { width:78px; background:url(images/navigation_company.gif) no-repeat top left; }
.menu li#support a { width:78px; background:url(images/navigation_support.gif) no-repeat top left; }

/* SUBMENU */
#submenu_holder { height:48px; position:relative; z-index:4; background:#FFFFFF url(images/submenu_bg.gif) repeat-x top;}
#submenu_holder ul.submenu { float:left; width:100%; padding-left:10px; /* left gap between 1st submenu and the boundary */ }
.submenu li { display: inline; float:left; background:url(images/submenu_separator.gif) no-repeat top right; }
.submenu li.last { background:none; } /* far right menu, remove Separator | */
.submenu li a { float: left; display:block; height:48px; text-decoration:none; color:#0071bc; background:url(images/submenu_link.gif) no-repeat top center; padding:0 10px; } /* hold the indicator*/
.submenu li a:hover, .submenu li a.active, .submenu li a.active:hover { background-position:bottom center; color:#555555; }
.submenu li a span { display:block; padding-top:1em; text-align:center, margin:0; } /* positioned the text link */

/* BOX */
#box { background:#FFFFFF; text-align:center; }

/* FOOTER */
#footer { background:#FFFFFF url(images/footer_bottom_right.gif) no-repeat bottom right; font-size:10px; }
#footer p {  padding:17px 0;  }
#footer a { text-decoration:none; color:#0071be; padding:0 3px; }
#footer a:hover { text-decoration:underline; }
#footer p.left { float:left; text-align:left; width:460px; padding-left:10px; background:url(images/footer_bottom_left.gif) no-repeat bottom left; } /* Foot Menu */
#footer p.right { float:left; text-align:right; width:480px; } /* Copyright text */

/* Highlight - Home */
#highlight_home { width:940px; height:301px; background:url(images/highlight_bg.jpg) no-repeat bottom center; margin:0 10px 10px 10px; padding-top:12px; text-align:left; }
#highlight_home img.tag1 { margin:32px 0 0 17px; }
#highlight_home img.tag2 { margin:13px 0 0 17px; }
#highlight_home p { margin:10px 0 0 17px; padding-bottom:15px; width:610px; line-height:20px; position:relative; z-index:6; color:#444444; }
#highlight_home a { margin:0 0 0 17px; text-decoration:none; }
#highlight_home a img { border:none; }
#highlight_home_shield { position:absolute; right:10px; top:45px; z-index:0; } /* floating shield */

/* Content */
#content1 { width:940px; margin:0 auto; background:#FFFFFF url(images/content_gradient_top.gif) repeat-x top; padding:15px 0 0 0; }
#content2 { width:940px; margin:0 auto; text-align:center; padding-bottom:17px; background:url(images/content_gradient_bottom.gif) repeat-x bottom; }
#content2_1 { margin:0 auto; text-align:center; background:url(images/bg_dedicated.gif) repeat-x bottom; }

#column2_container { width: 916px; margin: 0 auto; }
#column2_container * { text-align:left; }
#column2_wrapper { float: left; width: auto;}

/* RIGHT */
#column2_right { height:222px; width: 452px;  margin-left: 464px; }

	#column2_right div.head { height:55px; background:url(images/box_checker_top.gif) no-repeat top center; }
	#column2_right div.foot { height:37px; background:url(images/box_checker_bottom.gif) no-repeat top center; }

	#column2_right div.body { height:131px; position:relative; background:#ce0000 url(images/box_checker_body.gif) repeat top; border-left:7px solid #e0e0e0; border-right:7px solid #e0e0e0; }
	
	#column2_right div.body div { color:#000000; padding-left:15px; padding-top:55px;}
	#column2_right div.body input.text { position:absolute; top:40px; width:275px; xheight:22;margin-left:5px; }
	#column2_right div.body select { position:absolute; top:47px; left:345px; width:78px; height:26px; margin:0; }

	#column2_right div.body p.button { text-align:right; padding-right:15px; }
	#column2_right div.body input.button { border:none; width:62px; height:29px; margin-top:15px; }	

/* LEFT */
#column2_left { float: left; height:222px; width: 452px; margin-left:-916px; }

	/* LEFT - head */
	#column2_left div.head { background:url(images/box_top.gif) no-repeat top center; border-bottom:1px solid #e0e0e0; position:relative; padding-top:10px; }
	#column2_left div.head img { position:absolute; top:16px; left:12px; }
	#column2_left div.head p { display:block; height:32px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; text-align:right; padding:12px 16px 0 0; background:#FFFFFF; }
	#column2_left div.head p a { color:#0071bc; font-weight:bold; text-decoration:none; }

	/* LEFT - body */
	#column2_left div.body { background:#FFFFFF url(images/symbol_quote_top_left.gif) no-repeat top left; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; height:158px; }
	#column2_left div.body p { padding:18px 15px 0 15px; line-height:20px; }
	#column2_left div.body p.who { color:#444444; padding:0 15px; }
	#column2_left div.body p a { color:#0071bc; text-decoration:none; }

	/* LEFT - foot */
	#column2_left div.foot { background:url(images/box_bottom.gif) no-repeat bottom center; height:10px; }

/* CENTER */
#column1 { width:916px; margin:12px auto 0 auto; background:#FFFFFF; }
#column1 div.top { background:url(images/box_top_wide.gif) no-repeat top center; height:10px; }
#column1 div.head { height:44px; position:relative; border:1px solid #e0e0e0; border-top:none; }
#column1 div.head img.left { position:absolute; top:10px; left:18px; }
#column1 div.head img.right { position:absolute; top:8px; right:18px; }

#column1 div.body { border:1px solid #e0e0e0; border-top:none; border-bottom:none; width:914px; margin:0 auto; text-align:left; }

#column1 div.body .wrapper { float: left; width: 100%; }
#column1 div.body h3 { color:#333333; font-size:16px; font-weight:bold; height:33px; margin:15px 10px 0 10px; text-align:left; padding-top:10px; padding-left: 35px; }
#column1 div.body h3.aim { background:url(images/logo_aim.gif) no-repeat top left; background-position:0 4px; margin-left:20px; } 
#column1 div.body h3.ruby { background:url(images/logo_ruby.gif) no-repeat top left; } 
#column1 div.body h3.php { background:url(images/logo_php.gif) no-repeat top left; background-position:0 10px; } 

#column1 div.body p { line-height:18px; font-size:11px; padding:0 10px 10px 10px; }
#column1 div.body .column1 p { padding:0 10px 10px 20px; }
#column1 div.body .column3 p { padding:0 20px 10px 10px; }

#column1 div.body .wrapper .column1 { margin-right: 610px; }
#column1 div.body .column2 { float: left; width: 305px; margin-left: -610px; }
#column1 div.body .column3 { float: left; width: 305px; margin-left: -305px; }

#column1 div.body p.more { text-align:right; font-weight:bold; padding:0 14px 6px 0; clear:both; }
#column1 div.body p.more a { text-decoration:none; color:#0071bc; }
#column1 div.body p.more a:hover { text-decoration:underline; }

#column1 div.bottom { background:url(images/box_bottom_wide.gif) no-repeat bottom center; height:10px; }

/* Highlight - Hosting */
#highlight_hosting { width:940px; height:154px; background:url(images/highlight_plan_bg.jpg) no-repeat bottom center; margin:0 10px 10px 10px; text-align:left; position:relative; padding-top:12px; }
#highlight_hosting .tag { top:39px; left:25px; position:absolute; }
#highlight_hosting p { padding:40px 20px 0 380px; line-height:20px;color:#444444; font-size: 13px;}

/* Hosting Plan */
.hosting_plan {  margin:0 12px; width:916px; font-size:12px; }
.hosting_plan table {  border-bottom:1px solid #dddddd; width:916px; margin:0 auto; background:#FFFFFF; font-size:14px; }
.hosting_plan table td { border-top:1px solid #dddddd; padding:13px; text-align:center; color:#555555;  }
.hosting_plan table td.cat { text-align:left;  font-weight:bold; color:#555555; font-size:12px; }
.hosting_plan table td.cat_price { text-align:left;  font-weight:bold; color:#555555; font-size:12px; }
.hosting_plan table tfoot a { font-size:11px; color:#0071bc; }
.hosting_plan table td.price { background:url(images/bg_price.gif) no-repeat center center; }
.hosting_dedicated { position:relative; height:188px; text-align:left; margin:0 auto; }
.hosting_dedicated img.label { margin:24px 0 0 0; }
.hosting_dedicated .floating { position:absolute; top:36px; right:40px; }
.hosting_dedicated p { width:550px; line-height:20px; color:#555555; padding-top:10px; }
.hosting_dedicated p a { font-size:18px; color:#0071bc; }

/* Hosting - Dedicated Plan */
.dedicated_plan { position:relative; width:940px; height:397px; margin:5px auto 12px auto; background:url(images/bg_dedicated_big.gif) no-repeat top center; text-align:left; }
.dedicated_plan p { color:#444444; padding-left:27px; padding-bottom:12px; width:535px; font-size:12px; }
.dedicated_plan .title { margin:25px 0 12px 27px; }
.dedicated_plan .float { position:absolute; top:103px; right:18px; margin:0; }
.dedicated_plan p a img { border:none; margin:0; }

#dedicated_right { margin-left: 480px; padding-top:50px; }
#dedicated_left { float: left;  width: 470px; margin-left:-890px; }

.dedicated_form { margin:25px 0 0 15px; color:#333333; }
.dedicated_form h2 { font-size:22px; color:#666666; padding:0; margin:0; }
.dedicated_form p { padding-bottom:15px; }
.dedicated_form td { border-top:1px solid #dddddd; padding:10px 10px 10px 0; vertical-align:top; }
.dedicated_form td.label { font-weight:normal; padding-top:17px; }
.dedicated_form td input.button { width:95px; height:29px; border:0; }
.dedicated_form input.text { margin:0; width:375px; height:18px; padding:5px; }
.dedicated_form textarea { margin:0; width:375px; height:172px; }
.dedicated_form input.text, .dedicated_form textarea, .dedicated_form select  { font:normal 12px Arial, Helvetica, sans-serif; }

.dedicated_sidebox { width:399px; margin-left:10px; background:url(images/dedicated_sidebox_top.gif) no-repeat top center; }
.d_sidebox { width:399px; background:url(images/dedicated_sidebox_bottom.gif) no-repeat bottom center; padding:10px 0; }
.dedicated_sidebox .body { width:397px; background:url(images/dedicated_sidebox_bg.gif) repeat-x bottom; border:1px solid #dddddd; border-top:none; border-bottom:none; }

.dedicated_sidebox .body h3 { font-size:18px; color:#666666; padding:12px 0 0 18px; }
.dedicated_sidebox .body p { padding:10px 18px 12px 18px; color:#333333; border-bottom:1px solid #dddddd; }
.dedicated_sidebox .body p.foot { border:none; font-size:16px; }
.dedicated_sidebox .body p.foot strong, .dedicated_sidebox .body p.foot a { color:#0071bc;}

/* Services - Maximize */
.services { color:#333333; text-align:left; margin:13px 13px 0 13px; }
.services p { width:500px; padding:10px 0 0 0; position:relative; z-index:5; }
.services h5 { font-size:18px; line-height:22px; padding:10px 0; position:relative; z-index:5; }
.services .maximize { position:absolute; left:540px; top:150px; z-index:4; } 
.services .sms { position:absolute; left:500px; top:135px; z-index:4; } 
.services .mobilize { position:absolute; left:510px; top:120px; z-index:4; } 

/* Company */
.company { text-align:left; color:#333333; padding:12px; }
.company h3 { font-size:12px;  padding-top:12px; border-top:1px solid #e2e2e2; font-weight:bold; }
.company h2 { font-size:16px; padding-top:12px; border-top:1px solid #e2e2e2; font-weight:bold; }
.company p { margin:0; padding:0 0 12px 0; }
.company p a { display:block; float:left; font-weight:bold; text-decoration:none; background:#DAF4DC; border:1px solid #81CA92; color:#008E21; padding:5px 10px; }
.company p a:hover { background:#e8f3e8; }

.company_network { width:908px; margin:0 auto; padding:15px 0 0 0; text-align:left; }
#network_wrapper { float:left; width:100%; }
#network_column { margin-left:473px; }
#network_left { float:left; width:435px; margin-left:-908px; }

.company_network p { font-weight:bold; padding-top:5px; }
.company_network ul { list-style-type:none; }
.company_network li { border-top:1px solid #e0e0e0; padding:7px 0 7px 22px; background:url(images/icon_tick.gif) no-repeat top left; background-position:0 8px; }

/* Contact */
.contact { text-align:left; color:#333333; padding:12px 24px 0 26px; }
table.data { margin:13px 13px 0 13px; font-size:11px; color:#333333; }
table.data td { padding:0 6px 6px 0; }

/* Support */
.support_highlight {  position:relative; width:940px; height:443px; background:url(images/support_highlight.jpg) no-repeat bottom center; margin:0 10px 10px 10px;text-align:left; padding-top:2px; }
.support_highlight .tag1 { margin:40px 0 0 17px; }
.support_highlight .tag2 { margin:0 0 0 17px; }
.support_highlight p { margin:0 0 0 17px; padding-bottom:10px; width:610px; color:#333333; position:relative; z-index:6; }
.support_highlight a { margin:0 0 0 17px; text-decoration:none; }
.support_highlight a img { border:none; }
.support_highlight_shield { position:absolute; right:0; top:0; z-index:0; } /* floating shield */

.support_contact { width:528px; margin:20px 0 0 17px; background:url(images/support_box_top.gif) no-repeat top center; padding-top:10px;  }
.sc_bottom { width:528px; background:url(images/support_box_bottom.gif) no-repeat bottom center; padding-bottom:10px;  }
.support_contact .body { width:526px; background:url(images/support_box_bg.gif) repeat-x bottom; border:1px solid #dddddd; border-top:none; border-bottom:none; }

.support_contact table { width:526px; position:relative; z-index:7; margin:0; }
.support_contact td { border-bottom:1px solid #DDDDDD; padding:10px 0; font-size:16px; color:#0071bc; }
.support_contact td.first { padding:0 0 10px 0; }
.support_contact td.last { padding:10px 0 0 0; border-bottom:none; margin:0; }
.support_contact td.label { font-weight:bold; font-size:12px; width:130px; padding:10px 0 10px 15px; color:#333333; }
.support_contact td a { text-decoration:none; color:#0071bc; padding:0; margin:0; }

.common { width:916px; text-align:left; margin:0 auto; padding-bottom:50px; }
.common h2 { font-size:22px; color:#666666; padding:0; margin:0; }
.common p { padding-bottom:15px; color:#333333; }
.common h5 { font-size:12px; color:#333333; padding:7px 12px 7px 33px; background:#f1f1f1 url(images/icon_question_mark.gif) no-repeat top left; background-position:10px 9px; margin:0 0 2px 0; }
.common h5.alt { background-color:#f6f6f6; }
.common h5.active { background-color:#f1f1ce; color:#333333; font-weight:bold; }
.common div.entry { background:#ffffe4; padding:12px 15px 0 15px; }

/* HOSTING */
.hosting { width:940px; margin:0 auto; padding:15px 0 0 0; text-align:left; }
#hosting_wrapper { float:left; width:100%; }
#hosting_column { margin-left:480px; }
#hosting_left { float:left; width:460px; margin-left:-940px; }

.details { padding:10px 0 4px 0; margin-top:8px; border:1px solid #dddddd; border-left:none; border-right:none; }
.dt { margin:0 0 0 13px; }
.dt p { padding:10px 0; color:#333333; }
.dt p a { text-decoration:none; }

.box .top { width:452px; height:10px; background:url(images/hosting_box_top.gif) no-repeat top center; }
.box .bottom { width:452px; height:10px; background:url(images/hosting_box_bottom.gif) no-repeat bottom center; }
.box .body { width:450px; background:url(images/hosting_box_bg.gif) repeat-x bottom; border:1px solid #d9d9d9; border-top:none; border-bottom:none; position:relative; }
.box p.price a { position:absolute; top:0; right:13px; display:block; float:left; text-decoration:none; background:#DAF4DC; border:1px solid #81CA92; color:#333333; padding:5px 10px; font-size:22px; }
.box p.price a:hover { background:#e8f3e8; }
.box h3 { font-size:18px; color:#444444; padding:5px 13px 13px 13px; }
.box table { margin:0 auto; border-top:1px solid #e0e0e0; }
.box td { width:206px; }
.box ul { list-style-type:none; }
.box li { font-size:11px; border-top:1px solid #e0e0e0; padding:7px 0 7px 22px; background:url(images/icon_tick.gif) no-repeat top left; background-position:0 8px; }
.box li.first { border:none; }

.tabs { margin:30px 10px 20px 10px; }
.tabs ul { padding-left:10px; padding-bottom:0.5em; list-style-type:none; text-align:left; background:url(images/navigation_border_trick.gif) repeat-x bottom;  }
.tabs li { display:inline; margin-right:3px; }
.tabs li a { text-decoration:none; padding:5px 10px 5px 10px; border:1px solid #E4E6E7; color:#2d2b2b; background:#FFFFFF; text-transform:uppercase; font-size:11px; }
.tabs li a:hover { text-decoration:underline; color:#2d2b2b; }
.tabs li a.selected { position:relative; z-index:99; border-bottom:1px solid #ffffff; }

.overview1 { width:914px; margin:0 auto; text-align:left; }
.overview1 .wrapper { float: left; width: 100%; background:none; }
.overview1 h3 { color:#333333; font-size:16px; font-weight:bold; height:33px; margin:15px 10px 0 10px; text-align:left; padding-top:10px; padding-left: 35px; }
.overview1 h3.aim { background:url(images/logo_aim.gif) no-repeat top left; background-position:0 4px; margin-left:20px; } 
.overview1 h3.ruby { background:url(images/logo_ruby.gif) no-repeat top left; } 
.overview1 h3.php { background:url(images/logo_php.gif) no-repeat top left; background-position:0 10px; } 
.overview1 h3.cpanel { background:url(images/logo_cpanel.gif) no-repeat top left; background-position:0 3px; } 
.overview1 h3.backup { background:url(images/logo_backup.gif) no-repeat top left; background-position:0 4px; } 
.overview1 h3.fantastico { background:url(images/logo_fantastico.gif) no-repeat top left; } 
.overview1 h3.spam { background:url(images/logo_spam.gif) no-repeat top left;  background-position:0 2px;} 
.overview1 h3.activation { background:url(images/logo_activation.gif) no-repeat top left; background-position:0 2px; } 
.overview1 p.description { line-height:18px; font-size:12px; padding:0 10px 10px 10px; border-bottom:1px solid #c9c9c9; }
.overview1 p { line-height:18px; font-size:11px; padding:0 10px 10px 10px; }
.overview1 .column1 p { padding:0 10px 10px 20px; }
.overview1 .column3 p { padding:0 20px 10px 10px; }
.overview1 .wrapper .column1 { margin-right: 610px; }
.overview1 .column2 { float: left; width: 305px; margin-left: -610px; }
.overview1 .column3 { float: left; width: 305px; margin-left: -305px; }

.preview { width:900px; margin:0 auto; padding:15px 0 0 0; text-align:left; }
.preview p.description { line-height:18px; font-size:12px; padding:0 0 10px 0; }
#preview_wrapper { float:left; width:100%; }
#preview_column { margin-left:465px; }
#preview_left { float:left; width:445px; margin-left:-900px; border-right:1px solid #c9c9c9; }

.preview p { color:#333333; }
.preview p strong { color:#0071bc; }
.preview .img { margin-bottom:10px; background:#e4e4e4; padding:10px; position:relative; width:404px; }
.preview .img a { position:absolute; bottom:10px; right:9px; display:block; width:24px; height:22px; background:url(images/icon_zoom.gif) no-repeat top left; }

.domain_selection { font-size:11px; color:#333333; }
.domain_selection strong { font-size:12px; }
.domain_selection p { padding-bottom:15px; color:#666666; }

/* GLOBAL */
.green { color:#b0e157; }
.green1 { color:#9ac343; }
.green_striking { color:#2f9b24; }
.blue { color:#0071bc; }
.light_grey { background:#f7f7f7; }
.align_right { text-align:right; }
.hide { display:none; }
.width_500 { width:500px; }
.sidelabel { color:#75a216; font-size:16px; }
table.no_border td { border:none; } 

/* EastClearing by Position Is Everything
http://www.positioniseverything.net/easyclearing.html */
.clear:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display:inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */