
/*
http://globalbali.com/style.css //
------------------------------- //
master stylesheet for globalbali © globalbali.com 2006
*/

body
{
	margin:      0;
	padding:     0;
	background:  #b0b0b0 url('img/bg.gif') center center repeat-y;
	font:        11px tahoma, sans-serif;
	color:       #575757;
}

#container
{
	width:      780px;
	margin:     0 auto;
	padding:    0;
	display:    block;
	background: #FFF;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
}

#header
{
	width: 780px;
	height: 123px;
	margin: 0;
	padding: 0;
	display: block;
	background: transparent url('img/header.jpg') left top no-repeat;
}

#header .top-menu
{
	width: 780px;
	height: 46px;
	text-align: right;
}

#mainmenu
{
	width: 780px;
	height: 38px;
	background: transparent url('img/menubg.jpg') left top repeat-x;
}

ul#menu
{
	margin: 0;
	padding: 0;
}

ul#menu li
{
	list-style: none;
	padding: 0;
	float: left;
}

ul#menu li a:link, ul#menu li a:visited
{
	font-size: 10px;
	font-weight: bold;
	display: block;
	margin-top: 1px;
	padding: 11px 15px 12px 22px;
	text-decoration: none;
	color: #FFF;
	border-right: 1px solid #CFCDCF;
	background: transparent url('img/bullet_1.gif') left center no-repeat;
	background-position: 5px 10px;
}

ul#menu li a:hover, ul#menu li a:active
{
	background: #FF6F05 url('img/bullet_1.gif') left center no-repeat;
	background-position: 9px 10px;
}

/*
///////////////////////////////////////////////////////
//  HIGHLIGHTED MENU OF THE WEBSITE
///////////////////////////////////////////////////////
*/

#webhosting a.webhosting:link, #webhosting a.webhosting:visited,
#webdesign a.webdesign:link, #webdesign a.webdesign:visited,
#payment a.confirmation:link, #payment a.confirmation:visited,
#links a.links:link, #links a.links:visited,
#order a.order:link, #order a.order:visited,
#service a.service:link, #service a.service:visited
{
	background: #FF6F05 url('img/bullet_1.gif') left center no-repeat;
	background-position: 9px 10px;
}

.cleaner
{	clear: both; }

#footer
{
	height: 62px;
	margin: 0;
	background: #FFF url('img/footerbg.gif') left top repeat-x;
}

#footer .footertext
{
	width: 760px;
	padding-top: 14px;
	padding-left: 20px;
}

.footertext a:link, .footertext a:visited
{
	font-size: 10px;
	font-weight: bold;
	color: #FF4901;
	text-decoration: none;
	padding: 0 7px;
}

.footertext a:hover, .footertext a:active
{	color: #FF9972; }

/*
///////////////////////////////////////////////////////
//  MAIN PARTS OF THE WEBSITE - BODY - TEXT - ETC
///////////////////////////////////////////////////////
*/
h1
{
	font-family: 'century gothic', 'trebuchet ms', sans-serif;
	padding: 0;
	margin: 0;
	text-transform:uppercase;
	font-size: 30px;
	color: #5f5f5f;
	letter-spacing: -2px;
}

h2
{
	font-family: 'century gothic', 'trebuchet ms', sans-serif;
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-transform:uppercase;
	font-size: 25px;
	color: #ff3200;
	margin-bottom: 10px;
}

h3
{
	font-family: 'century gothic', 'trebuchet ms', sans-serif;
	padding: 0;
	margin: 0;
	text-transform:uppercase;
	font-size: 15px;
	color: #ff3200;
	letter-spacing: -1px;
	margin-top: -5px;
}

h4
{
	font-family: 'century gothic', 'trebuchet ms', sans-serif;
	padding: 0;
	margin: 0;
	text-transform:uppercase;
	font-size: 13px;
	color: #5f5f5f;
	letter-spacing: -1px;
	margin-left: 45px;
	margin-top: -17px;
}

h5
{
	font-family: 'century gothic', 'trebuchet ms', sans-serif;
	padding: 0;
	margin: 0;
	text-transform:uppercase;
	font-size: 14px;
	color: #ff3200;
}

h6
{
	font-family: 'century gothic', 'trebuchet ms', sans-serif;
	padding: 0;
	margin: 0;
	text-transform:uppercase;
	font-size: 14px;
	font-weight: normal;
	color: #ff3200;
	margin-bottom: 5px;
}

div.main
{
	width: 760px;
	padding: 10px;
	background: #FFF url('img/mapbg.gif') right top no-repeat;
}

.main_left
{
	float: left;
	width: 225px;
	padding: 0 10px;
}

.main_center
{
	float: left;
	width: 250px;
	padding: 0 10px;
	line-height: 160%;
}

.main a:link, .main a:visited,
.main_center a:link, .main_center a:visited
{
	font-weight: bold;
	color: #ff3200;
	text-decoration: none;
}

.main a:hover, .main a:active,
.main_center a:hover, .main_center a:active
{	color: #FF9972; }

.main_right
{
	float: left;
	width: 225px;
	padding: 0 10px;
}

ul.welcome
{
	margin: 0;
	padding: 0;
}

ul.welcome li
{
	margin: 0;
	padding: 5px 0 5px 21px;
	list-style: none;
	background: transparent url('img/bullet_yes.gif') left center no-repeat;
	border-bottom: 1px solid #F3F3F3;
}

ul.welcome li.noborder
{ border: 0; }

ul.service
{
	margin: 0;
	padding: 0;
}

ul.service li
{
	margin: 0;
	padding: 8px 0 8px 21px;
	list-style: none;
	background: transparent url('img/bullet_yes.gif') left center no-repeat;
	border-bottom: 1px solid #F3F3F3;
}

ul.payment
{
	margin: 0;
	padding: 0;
}

ul.payment li
{
	margin: 0;
	padding: 6px 0 6px 21px;
	list-style: none;
	background: transparent url('img/bullet_orange.gif') left center no-repeat;
	border-bottom: 1px solid #F3F3F3;
}

ul.confirmError li.noborder
{ border: 0; }

ul.confirmError
{
	margin: 0;
	padding: 0;
}

ul.confirmError li
{
	margin: 0;
	padding: 8px 0 8px 21px;
	list-style: none;
	background: transparent url('img/bullet_no.gif') left center no-repeat;
	color: #CA1B00;
	border-bottom: 1px solid #F3F3F3;
}

ul.confirmError li.noborder
{ border: 0; }

.dot-red
{
	height: 4px;
	width: 744px;
	margin: 0 auto;
	background: transparent url('img/dot.gif') left center repeat-x;
}

.dot-red-ver
{
	height: 4px;
	width: 4px;
	margin: 0 auto;
	background: transparent url('img/dot.gif') left center repeat-y;
	height: 200px;
	margin-right: 10px;
}

.main_sub_left
{
	float: left;
	width: 360px;
	padding: 0 10px;
	background: transparent url('img/other_service.jpg') top left no-repeat;
}

.main_sub_left div.sub_news
{
	display: block;
	width: 220px;
	float: right;
	line-height: 160%;
}

.main_sub_right
{
	float: right;
	width: 346px;
	padding: 0 10px;
	background: transparent url('img/information.jpg') top left no-repeat;
}

.main_sub_right div.sub_news
{
	display: block;
	width: 220px;
	float: right;
	line-height: 160%;
}

.main_sub_left div.sub_news a:link, .main_sub_left div.sub_news a:visited,
.main_sub_right div.sub_news a:link, .main_sub_right div.sub_news a:visited
{
	font-weight: bold;
	color: #ff3200;
	text-decoration: none;
}

.main_sub_left div.sub_news a:hover, .main_sub_left div.sub_news a:active,
.main_sub_right div.sub_news a:hover, .main_sub_right div.sub_news a:active
{	color: #FF9972; }

ol.process
{	padding: 0 25px; }

ol.process li
{
	line-height: 170%;
	margin: 8px 0;
}

.ans_box
{
	border: 1px dotted #BEBEBE;
	line-height: 160%;
	padding-left: 10px;
	padding-right: 20px;
	background: #FDFDF7;
}

.yellow_box
{
	font-size: 12px;
	border: 1px dotted #BEBEBE;
	line-height: 160%;
	padding: 7px 10px;
	background: #FDFDF7;
}

#formResult
{
	display: inline;
	color: #FF3200;
	font-weight: bold;
}

/*
///////////////////////////////////////////////////////
//  TABLE OF HOSTING PACKAGE
///////////////////////////////////////////////////////
*/

table#hostpack
{
	width:   100%;
	margin:  0;
	padding: 0;
}

table#hostpack th
{
	font: 10px tahoma, sans-serif;
	font-weight: bold;
	background: #FE4D00;
	padding: 8px 6px;
	color: #FFF;
	text-align: left;
	border-top: 1px solid #D14700;
	border-bottom: 1px solid #D14700;
}

table#hostpack td
{
	font: 11px tahoma, sans-serif;
	padding: 9px 6px;;
	color: #333;
	text-align: left;
	border-bottom: 1px solid #D5D5D5;
}

td.alt
{
	font: 10px verdana, tahoma, sans-serif;
	color: #333;
	background: #F3F3F3;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

table#hostpack tr td.nobg
{
	font-weight: bold;
	border-bottom: 1px solid #D5D5D5;
}

table#hostpack tr td.altstrong
{
	font: 10px verdana, tahoma, sans-serif;
	color: #333;
	background: #F3F3F3;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D5D5D5;
	font-weight: bold;
	overflow: hidden;
}

.red
{
	color: #FE4D00;
	font-weight: bold;
}

.ordernow a:link, .ordernow a:visited
{
	width: 64px;
	height: 21px;
	display: block;
	background: transparent url('img/ordernow_off.png') left top no-repeat;
}

.ordernow a:hover, .ordernow a:active
{
	display: block;
	background: transparent url('img/ordernow_on.png') left top no-repeat;
}

/*
///////////////////////////////////////////////////////
//  CONFIRMATION FORM & TABLE
///////////////////////////////////////////////////////
*/

form#confirmForm
{
	margin: 0;
	padding: 0;
}

form#confirmForm input.confirmInput,
form#confirmForm select.confirmInput,
form#confirmForm textarea
{
	font: 11px tahoma, sans-serif;
	border-top: 3px double #999;
	border-right: 3px double #999;
	border-left: 3px double #bCbCbC;
	border-bottom: 3px double #bCbCbC;
}

form#confirmForm input.confirmInput:focus,
form#confirmForm select.confirmInput:focus,
form#confirmForm textarea:focus
{
	border-top: 3px double #BDBDBD;
	border-right: 3px double #BDBDBD;
	border-left: 3px double #E4E4E4;
	border-bottom: 3px double #E4E4E4;
}

form#confirmForm input.submitBtn
{
	font: 11px tahoma, sans-serif;
	border-top: 3px double #999;
	border-right: 3px double #999;
	border-left: 3px double #bCbCbC;
	border-bottom: 3px double #bCbCbC;
}

form#confirmForm button.captcha
{
	font: 18px 'courier new', monospace;
	background: #F1F1F1;
	border: 0;
	padding: 3px;
	letter-spacing: 3px;
	color: #444;
}

table#confirmTbl
{
	margin: 0;
	padding: 0;
}

table#confirmTbl tr td
{	padding: 5px 0; }


table#confirmTbl tr td.strong
{
	padding: 5px 0;
	font-weight: bold;
}

/*
///////////////////////////////////////////////////////
//  TABLE OF STARBALI
///////////////////////////////////////////////////////
*/

table#serviceTbl
{
	width: 450px;
	margin: 0;
	padding: 1px;
}

table#serviceTbl tr td.tbl-left
{
	text-align: left;
	padding: 5px 0;
	border-top: 1px solid #F0F0F0;
}

table#serviceTbl tr td.tbl-right
{
	font-weight: bold;
	text-align: right;
	padding: 5px 0;
	border-top: 1px solid #F0F0F0;
}

table#monthlyfeeTbl
{
	width: 450px;
	margin: 0;
	border: 1px solid #DEDEDE;
}

table#monthlyfeeTbl tr th
{
	background: #F3F3F3;
	padding: 5px;
}

table#monthlyfeeTbl tr td
{
	padding: 5px;
	border-bottom: 1px solid #f4f4f4;
}

span.tostext
{
	font: 1.1em 'Segoe UI', calibri, tahoma, sans-serif;
	line-height: 160%;
}
