* { margin:0; padding:0; }
html, body { background:#fff url('../images/top_line.gif') repeat-x top left;	font-family:Verdana; color:#592f14;	}
body { text-align:center; }

::-moz-selection{
	background:#cc6600;
	color:#fff;
}

/*************/
/* Main Divs */
/*************/	
#wrap, #head, #footer { width:727px; position:relative; }
#wrap { margin:0 auto; text-align:left; }
#head { width:727px;	height:116px; background:transparent url('../images/head_bg.gif') no-repeat top left; position:relative; margin-bottom:10px; }
#content, #sidebar { float:left; display:inline; margin-bottom:10px; }
#content { margin-left:96px;	position:relative; }
#sidebar { width:213px; margin-left:22px; }
#site_location { border-top:1px dotted #592f14; border-bottom:1px dotted #592f14; margin-left:96px; width:396px; margin-bottom:10px; }
#footer { font-size:0.7em; }
.clear { clear:both; }
	
/*****************/
/* Main Elements */
/*****************/
a { color:#f7941e; text-decoration:none; }
h1, h2, h3, p { margin-bottom:10px; line-height:1.4em; }
p { font-size:0.70em; }
h1 {	font-size:1.1em; background:transparent url('../images/dotted.gif') repeat-x bottom left; }
h2 {	font-size:0.9em; }
input, select {	vertical-align:middle; outline:none; border-width:1px; }
select { background:transparent url('../images/select_bg.gif') repeat-x 0 50%; }
img { border:none; }
textarea { border-width:1px; }
table { font-size:11px; margin-bottom:10px; }

.dotted_border_top, .dotted_border_low {	display:block; }
.dotted_border_top { background:transparent url('../images/dotted.gif') repeat-x top left; padding-top:10px; }
.dotted_border_low {	background:transparent url('../images/dotted.gif') repeat-x bottom left; padding-bottom:10px; }
.template_img { float:left; margin:0 10px 5px -96px; position:relative; }

/*******************/
/* Header Elements */
/*******************/
#head a.logo { width:84px; height:84px; background-image:url('../images/head_logo.gif'); position:absolute; left:0; top:22px; }
#head a.logo:hover { background-image:url('../images/head_logo_over.gif'); }

/******************/
/* Top Navigation */
/******************/
#topnav { width:631px; height:32px; position:absolute; right:0; bottom:0; }
#topnav li { float:left; list-style:none; }
#topnav a { display:block; outline:none; }

#topnav a.btn_benefits { width:95px; height:32px; background-image:url('../images/topnav_benefits.gif'); }
#topnav a.btn_benefits:hover { background-image:url('../images/topnav_benefits_over.gif'); }
#topnav a.btn_benefits_active { width:95px; height:32px; background-image:url('../images/topnav_benefits_over.gif'); }

#topnav a.btn_whatis { width:229px; height:32px; background-image:url('../images/topnav_whatis.gif'); }
#topnav a.btn_whatis:hover { background-image:url('../images/topnav_whatis_over.gif'); }
#topnav a.btn_whatis_active { width:229px; height:32px; background-image:url('../images/topnav_whatis_over.gif'); }

#topnav a.btn_packages { width:100px; height:32px; background-image:url('../images/topnav_packages.gif'); }
#topnav a.btn_packages:hover { background-image:url('../images/topnav_packages_over.gif'); }
#topnav a.btn_packages_active { width:100px; height:32px; background-image:url('../images/topnav_packages_over.gif'); }

#topnav a.btn_stockists { width:99px; height:32px; background-image:url('../images/topnav_agents.gif'); }
#topnav a.btn_stockists:hover { background-image:url('../images/topnav_agents_over.gif'); }
#topnav a.btn_stockists_active { width:99px; height:32px; background-image:url('../images/topnav_agents_over.gif'); }

#topnav a.btn_support { width:108px; height:32px; background-image:url('../images/topnav_support.gif'); }
#topnav a.btn_support:hover { background-image:url('../images/topnav_support_over.gif'); }
#topnav a.btn_support_active { width:108px; height:32px; background-image:url('../images/topnav_support_over.gif'); }

/****************************/
/* Side Navigation Elements */
/****************************/
.sidenav a.arrow_btn { display:block; width:157px; padding:15px 0 15px 56px; color:#b2a196; font-size:0.75em; font-weight:normal; background:transparent url('../images/sidenav_arrow.gif') no-repeat 21px 50%; }
.sidenav a.arrow_btn:hover { color:#592f14; background:transparent url('../images/sidenav_arrow_over.gif') no-repeat 21px 50%; }
.sidenav a.arrow_btn_active { color:#592f14; background:transparent url('../images/sidenav_arrow_over.gif') no-repeat 21px 50%; display:block; width:157px; padding:15px 0 15px 56px; font-size:0.75em; font-weight:normal; }
.sidenav li { list-style-type:none; }
.sidenav .btn_top { background:transparent url('../images/sidenav_top.gif') no-repeat top left; border-bottom:1px dotted #b2a196; }
.sidenav .btn_mid { background:transparent url('../images/sidenav_mid.gif') repeat-y top left; border-bottom:1px dotted #b2a196;	}
.sidenav .btn_tail {	background:transparent url('../images/sidenav_tail.gif') no-repeat bottom left;	}
.sidenav .support_text_area { padding:5px 15px; font-size:0.7em; }
.sidenav .callus_text_area, .sidenav .emailus_text_area { padding:5px 15px 5px 64px; font-size:0.7em; }
.sidenav .callus_text_area { background:transparent url('../images/icon_phone.gif') no-repeat 20px 50%; }
.sidenav .emailus_text_area { background:transparent url('../images/icon_email.gif') no-repeat 20px 50%; }
	
/*****************/
/* Home Elements */
/*****************/
#home_feature { width:631px; height:275px; background-image:url('../images/home-one.jpg'); }
.home_quote_box { display:block;	width:247px; height:137px; background-image:url('../images/home_quote.png'); position:absolute; top:27px; left:-96px; }
.home_quote { font-weight:bold; color:#fff; font-size:1.15em; text-align:center; padding:10px; }
a.btn_find_out_more { background-image:url('../images/btn_find_out_more.gif'); width:129px; height:21px; display:block; position:absolute; bottom:10px; left:61px; }
#member_login {	float:left; margin-left:22px; width:213px; height:105px; display:inline; }
#member_login input { display:inline; float:left; margin-right:5px; margin-bottom:2px; }
#member_login input.btn_forgot_pw { width:142px; height:24px; background:url('../images/btn_forgot_pw.gif'); }

/*******************/
/* Footer Elements */
/*******************/
#footer a { color:#592f14; }
#footer a:hover { text-decoration:underline; }
#left_foot, #center_foot, #right_foot { float:left; display:inline; border-top:1px solid #592f14; padding-top:10px; }
#left_foot { width:84px; text-align:center; }
#center_foot { width:396px; margin-left:12px; }
#center_foot .testimonials_link { float:right; }
#right_foot { width:213px; margin-left:22px; }

/**************************/
/* Site Location Elements */
/**************************/
#stepnav { float:left; display:block; width:396px;	margin-left:96px; margin-bottom:10px; height:105px; }
#stepnav li {	float:left;	list-style:none; }
#stepnav a { display:block; }
a.step_what, a.step_which{ width:110px; height:34px; }
a.step_how { width:85px; height:34px; }
a.step_what { background-image:url('../images/stepnav_btn_what.gif'); }
a.step_which { background-image:url('../images/stepnav_btn_which.gif'); }
a.step_how { background-image:url('../images/stepnav_btn_how.gif'); }
a.step_what:hover { background-image:url('../images/stepnav_btn_what_over.gif'); }
a.step_which:hover { background-image:url('../images/stepnav_btn_which_over.gif'); }
a.step_how:hover { background-image:url('../images/stepnav_btn_how_over.gif'); }
a.step_what_active { width:110px; height:34px; background-image:url('../images/stepnav_btn_what_over.gif'); }
a.step_which_active { width:110px; height:34px; background-image:url('../images/stepnav_btn_which_over.gif'); }
a.step_how_active { width:85px; height:34px; background-image:url('../images/stepnav_btn_how_over.gif'); }

/*********************/
/* Ordering Elements */
/*********************/
#accordion {	width:396px; color:#592f14; }
#accordion h1 { background:none; }
#accordion h3, #accordion a { display:block; font-weight:normal; outline:none; }
#accordion h3 { position: relative; /*zoom: 1;*/ margin-bottom:0; font-size:0.9em; padding:5px 0;  }
#accordion div.splitter { width:50%; float:left; display:inline; }
#accordion h3 a { width:361px; color:#592f14; text-decoration:none; padding:0 0 0 35px; cursor: pointer; }
.ui-accordion .ui-accordion-li-fix {	display: inline; }
.ui-accordion .ui-accordion-content { display:none; margin-bottom:5px; position:relative; color:#592f14;	width:100%;	overflow:auto; }
.ui-accordion .ui-accordion-content-active { display: block; }
input.btn_send_enquiry, input.btn_view_recommend, input.btn_continue, input.btn_continue, input.btn_back  { height:24px; display:inline-block; border:0;	cursor:pointer;	}
input.btn_view_recommend { background-image:url('../images/btn_view_recommend.gif'); width:188px; }
input.btn_send_enquiry  {	background-image:url('../images/btn_send_enquiry.gif');	width:188px; }
input.btn_continue  { background-image:url('../images/btn_continue.gif'); width:88px;	}
input.btn_back  { background-image:url('../images/btn_back.gif'); width:59px; }
.order_selected { background:transparent url('../images/icon_checked.gif') no-repeat 100% 50%; }
#accordion table { font-size:1em; }
#accordion td { vertical-align:top; padding:5px; }
#payment_type_label, #plan_selection_label, #hardware_label, #contract_label, #data_label { color:orange; }
	
/*********/
/* Total */
/*********/
#package_pricing { border-top:2px solid #592f14;	background-color:#ededed; }
.pricing_title { font-size:0.9em; font-weight:bold; }
.pricing_col { float:left; display:inline; padding:5px; width:188px; }
.total_area { width:58px; height:26px; line-height:26px; text-align:center; color:#fff; font-size:0.8em;	background:transparent url('../images/total_bg.gif') no-repeat top left; display:inline-block; }

/********************/
/* Numbered Bullets */
/********************/
.bullet_one { background:transparent url('../images/bullet_one.gif') no-repeat 5px 50%; }
.bullet_two { background:transparent url('../images/bullet_two.gif') no-repeat 5px 50%; }
.bullet_three { background:transparent url('../images/bullet_three.gif') no-repeat 5px 50%; }
.bullet_four { background:transparent url('../images/bullet_four.gif') no-repeat 5px 50%; }
.bullet_five { background:transparent url('../images/bullet_five.gif') no-repeat 5px 50%; }
.bullet_six { background:transparent url('../images/bullet_six.gif') no-repeat 5px 50%; }

/*****************/
/* Stockist Form */
/*****************/
#stockist_form, #agent_search { width:396px; }	
#state_town_area, #postcode_area { float:left; }
#state_town_area { width:245px; margin-right:5px; }
#postcode_area { width:136px; }
.state_search, .suburb_search, .postcode_search { float:left; display:inline; }
.state_search { width:71px;	}
.suburb_search {	width:133px; }
.postcode_search { width:88px; }
.go_btn, .btn_add_pack, .btn_submit_enquiry, .btn_clear, .btn_contact_online, .btn_contact_other, .btn_change_plan, .btn_forgot_pw, .btn_view_all, .btn_more { border:0; cursor:pointer; outline:none; }
.go_btn { width:31px; height:23px; background:url('../images/btn_go.gif'); }
.btn_add_pack { width:114px;	height:21px; background:url('../images/btn_add_pack.gif'); }
.btn_submit_enquiry { width:188px; height:24px; background:url('../images/btn_submit_enquiry.gif'); }
.btn_clear { width:46px;	height:21px; background:url('../images/btn_clear.gif');	}
.btn_contact_online { width:69px; height:34px; background:url('../images/btn_contact_on.gif');	}
.btn_contact_other { width:69px; height:34px; background:url('../images/btn_contact_other.gif');	}
.btn_change_plan { width:93px; height:21px; background:url('../images/btn_change_plan.gif');	}
.btn_view_all { width:122px; height:24px; background:url('../images/btn_view_all.gif');	}

/**********/
/* Promos */
/**********/
.promo_benefits, .promo_whatis, .promo_packages, .promo_stockist, .promo_support { width:213px; margin-bottom:10px; display:block; }
.promo_packages, .promo_stockist, .promo_support { height:105px; }
.promo_benefits { background-image:url('../images/promo_benefits.gif'); height:114px; }
.promo_whatis { background-image:url('../images/promo_whatis.gif'); height:124px; }
.promo_packages { background-image:url('../images/promo_packages.gif'); }
.promo_stockist { background-image:url('../images/promo_stockist.gif'); }
.promo_support {	background-image:url('../images/promo_support.gif'); }

.promo {
	display:block;
	width:213px;
	padding-bottom:10px;
	margin-bottom:10px;
	position:relative;
	}
.promo_logo {
	width:50px;
	height:50px;
	position:absolute;
	left:0;
	top:1px;
	}
.promo_title {
	/*padding-top:15px;*/
	font-size:14px;
	font-weight:bold;
	margin-left:60px;
	margin-bottom:5px;
	}
.promo_text {
	padding-left:60px;
	font-size:0.7em;
	margin-bottom:10px;
	}
.btn_more {
	background-image:url('../images/btn_more.gif');
	width:124px;
	height:21px;
	margin-left:60px;
	}
.btn_more:hover {
	background-image:url('../images/btn_more_over.gif');
	}
/**************/
/* Plan Table */
/**************/
table { border-collapse:collapse; }
h2 span { font-size:11px; color:#555; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
.plan_table { margin:0 auto 10px; cursor:default; font-family:Arial, Helvetica, sans-serif; }
.plan_table th, .plan_table td { padding:8px 5px; }
.plan_table th { border-bottom:3px solid orange;	border-top:1px solid orange; text-align:center;	}
.plan_table td { border-bottom:1px solid orange; }
.plan_table .plan_row:hover { background-color:#eee; }

/**********/
/* Tabs 2 */
/**********/
.tab_wrap { margin-bottom:10px; }
.tab_func li { float:left; list-style:none; }
.tab_func a { background:transparent url('../images/tabs_left.gif') no-repeat top left; display:block; margin-left:2px; font-size:0.75em; outline:none; color:#333; padding:5px 0 5px 10px; font-weight:bold; }
.tab_func a span { background:transparent url('../images/tabs_right.gif') no-repeat top right; padding:5px 10px 5px 0; }
.tab_func a:hover, .tab_func .selected  { background-color:#fff; color:#f7941e; }
