/*******SCRIPT INFORMATION*******
NAME: all_browsers.css
VERSION: 1.1                  
DATE: 30/Sep/09              
CHANGES VS PREVIOUS VERSION: 
Added in div styles for payment.php
Added in a:link
Added in ts_and_cs id
Added in containertop2
Added in logout
********************************/

@charset "utf-8";




/************************/
/*****FOR ALL PAGES******/
/************************/

a:link{
outline: none;
color:#0000CC;
-moz-outline-style: none;
}

a:active{
outline: none;
color:#0000CC;
-moz-outline-style: none;
}

a:visited {
outline: none;
color:#0000CC;
-moz-outline-style: none;
}

a:focus
{
-moz-outline-style: none;
}

body {
	background-color:transparent;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.clear{clear:both;}
* {
	padding: 0px;
	margin: 0;
}

#entire_page{
	padding: 0px;
	margin-top: 0px;
}

#containertop {
	margin: 0px auto;
	text-align: left;
	width: 984px;
	height: 109px;
	background-image: url(../img/backgroundtopwide.jpg);
	background-repeat: no-repeat;
}

#containertop2 {
	margin: 0px auto;
	text-align: left;
	width: 984px;
	height: 109px;
	background-image: url(../img/backgroundtopwide2.jpg);
	background-repeat: no-repeat;
}

#containermid {
	margin: 0px auto;
	text-align: left;
	width: 984px;
	background-image: url(../../img/backgroundmidwide.jpg);
	background-repeat: repeat-y;
	height: 470px;
	padding-top: 0px;
}

#content {
	margin-top: 0px;
	width: 952px;
	margin-left: 16px;
	color:#000000;
	padding-top: 0px;
}

#containerbottom {
	margin: 0px auto;
	text-align: left;
	width: 984px;
	height: 49px;
	background-image: url(../../img/backgroundbottomwide.jpg);
}

#bottom_text {
	margin: 0px auto;
	text-align: centre;
	width: 984px;
	height: 15px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

#logo {
	width:278px;
	height:100px;
	margin-left:30px;
	float:left;
}

#logout {
	float:right; 
	width:60px; 
	margin-top:10px;
}

#menu {
	height: 27px;
	float: left;
	margin-top:74px;
	margin-left:290px;
}

#menu ul {
	list-style: none;
	line-height: normal;
	float: left;
}

#menu li {
	float: left;
	margin-left: 4px;
}

#menu li.first {
	background: none;
}

/*#menu_button {
	height:85px; 
	width:350px; 
	margin-left:30px; 
	background-image:url(../img/menu_button.jpg); 
	background-repeat:no-repeat; 
	float:left; 
	padding-left:130px;
	background-position: 0px 0;
	cursor: pointer;
}

a:hover #menu_button{
	background-position: 1px 1px;
	padding-top:1px;
	padding-left:131px;
	height:83px;
}*/

#menu_button {
	height:85px; 
	width:85px; 
	margin-left:30px; 
	background-image:url(../img/menu_button.jpg); 
	background-repeat:no-repeat; 
	float:left; 
	background-position: 0px 0;
	cursor: pointer;
}

a:hover #menu_button{
	background-position: 1px 1px;
	height:84px;
}

#copyright {
	margin-top: 0px; 
	color:#0000CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#copyright a{
	color:#666666;
	text-decoration: none;
}

#copyright a:hover{
	text-decoration: underline;
}


#hr {
	width: 952px;
	margin-left: 16px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	height: 1px;
	margin-top: 0px;
	margin-bottom: 5px;
	position: relative;
	top: 0px;
}

#hr_php {
	width: 952px;
	margin-left: 16px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	height: 1px;
	margin-top: 0px;
	margin-bottom: 5px;
	position: relative;
	top: 0px;
}


/****************/
/***INDEX.PHP****/
/****************/
#bubble{
	width:880px;
	float:left;
	margin-left:35px;
	margin-top:30px;
}

#bubble_top{
	height: 81px;
	width: 880px;
	background-repeat: no-repeat;
	background-image:url(../img/bubble_top.jpg);
	position: relative;
	float: left;
}

#bubble_bottom{
	height: 50px;
	width: 880px;
	background-repeat: no-repeat;
	background-image:url(../img/bubble_bottom.jpg);
	position: relative;
	float: left;
}

#bubble_left{
	width: 3px;
	height: 134px;
	background-image:url(../img/bubble_left.jpg);
	background-repeat:none;
	float: left;
}

#bubble_mid{
	height: 134px;
	width: 875px;
	background-image:url(../img/bubble_mid.jpg);
	background-repeat:repeat-x;
	float: left;
	color:#FFFFFF;
}

#bubble_right{
	width: 2px;
	height: 134px;
	background-image:url(../img/bubble_right.jpg);
	background-repeat:none;
	float: left;
}

#bubble_item{
	width: 200px;
	margin-left:10px;
	height: 134px;
	float: left;
}

#bubble_text{
	width: 116px;
	float:left;
	margin-top:50px;
	margin-left:10px;
}

#bottom_links{
	width: 950px;
	height: 125px;
	float:left;
}

#bottom_link_1 {
	width: 220px;
	height: 125px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	background-image: url(../img/homepage_contact.jpg);
	background-position: 0px 0;
	cursor: pointer;
	margin-left:35px;
}

a:hover #bottom_link_1{
	background-position: 0px -125px;
}

#bottom_link_2 {
	width: 220px;
	height: 125px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	background-image: url(../img/homepage_system.jpg);
	background-position: 0px 0;
	cursor: pointer;
}

a:hover #bottom_link_2{
	background-position: 0px -125px;
}

#bottom_link_3 {
	width: 220px;
	height: 125px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	background-image: url(../img/homepage_costs.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0;
	cursor: pointer;
	font-size:9px;
	color:#666666;
}

a:hover #bottom_link_3{
	background-position: 0px -125px;
}

#bottom_link_4 {
	width: 220px;
	height: 125px;
	float: left;
	background-image: url(../img/homepage_trial.jpg);
	background-position: 0px 0;
	cursor: pointer;
}

a:hover #bottom_link_4{
	background-position: 0px -125px;
}


/******************/
/***PRICING.PHP****/
/******************/

#pricing_bubble {
	width: 700px;
	height: 123px;
	float: left;
	margin-left:100px;
	margin-top:10px;
}

#fixed_budget {
	width: 169px;
	height: 123px;
	float: left;
	background-image: url(../img/pricing_bubble_fixed.jpg);
	background-position: 0px 0;
}

#variable_budget {
	width: 169px;
	height: 123px;
	float: left;
	background-image: url(../img/pricing_bubble_variable.jpg);
	background-position: 0px 0;
}

#pricing_bubble_mid {
	width: 500px;
	height: 123px;
	float: left;
	background-image: url(../img/pricing_bubble_mid.jpg);
	background-position:repeat-x;
	color:#FFFFFF;
}

#pricing_bubble_right {
	width: 19px;
	height: 123px;
	float: left;
	background-image: url(../img/pricing_bubble_right.jpg);
}

#subtext {
	font-family: Arial;
	font-size: 9px;
	text-align: justify;
	color:#666666;
	width: 900px;
	float: left;
}


/*********************/
/***CONTACT_US.PHP****/
/*********************/

#contact {
	width: 700px;
	float: left;
	margin-left:100px;
	margin-top:10px;	
}

#contact_email {
	width:70px;
	height:68px;
	float:left;
	background-image: url(../img/contact_email.jpg);
	background-position: 0px 0;
	background-repeat:no-repeat;
	cursor:pointer;
}

a:hover #contact_email{
	background-position: 0px -68px;
}

#contact_phone {
	width:70px;
	height:68px;
	float:left;
	background-image: url(../img/contact_phone.jpg);
	background-position: 0px 0;
	background-repeat:no-repeat;
	cursor:default;
}

a:hover #contact_phone{
	background-position: 0px -68px;
}

#contact_form_row{
	width:600px;
	float:left;
	margin-left:70px;
}

#contact_form_label{
	width:100px;
	float:left;
	height:30px;
}

#contact_form_input{
	width:500px;
	float:left;
}


/****************/
/***SYSTEM.PHP***/
/****************/
#containermid_long {
	margin: 0px auto;
	text-align: left;
	width: 984px;
	height:1600px;
	background-image: url(../../img/backgroundmidwide.jpg);
	background-repeat: repeat-y;
	padding-top: 0px;
}

#containermid_system {
	margin: 0px auto;
	text-align: left;
	width: 984px;
	height:1400px;
	background-image: url(../../img/backgroundmidwide.jpg);
	background-repeat: repeat-y;
	padding-top: 0px;
}

#bubble_top_setup{
	height: 50px;
	width: 880px;
	background-repeat: no-repeat;
	background-image:url(../img/bubble_top_setup.jpg);
	position: relative;
	float: left;
}

#bubble_top_panic{
	height: 50px;
	width: 880px;
	background-repeat: no-repeat;
	background-image:url(../img/bubble_top_panic.jpg);
	position: relative;
	float: left;
}

#bubble_top_input{
	height: 50px;
	width: 880px;
	background-repeat: no-repeat;
	background-image:url(../img/bubble_top_outlook.jpg);
	position: relative;
	float: left;
}

#bubble_top_text{
	height: 50px;
	width: 880px;
	background-repeat: no-repeat;
	background-image:url(../img/bubble_top_text.jpg);
	position: relative;
	float: left;
}

#bubble_top_alarm{
	height: 50px;
	width: 880px;
	background-repeat: no-repeat;
	background-image:url(../img/bubble_top_alarm.jpg);
	position: relative;
	float: left;
}

#bubble_bottom_system{
	height: 50px;
	width: 880px;
	background-repeat: no-repeat;
	background-image:url(../img/bubble_bottom_2.jpg);
	position: relative;
	float: left;
}

#bubble_bottom_system2{
	height: 50px;
	width: 880px;
	background-repeat: no-repeat;
	background-image:url(../img/bubble_bottom_2s.jpg);
	position: relative;
	float: left;
}

#bubble_bottom_system3{
	height: 50px;
	width: 880px;
	background-repeat: no-repeat;
	background-image:url(../img/bubble_bottom_3.jpg);
	position: relative;
	float: left;
}

#bubble_left_system_short{
	width: 15px;
	height: 170px;
	background-image:url(../img/bubble_left_system_170.jpg);
	background-repeat:no-repeat;
	float: left;
}

#bubble_left_system_short2{
	width: 230px;
	height: 170px;
	background-image:url(../img/bubble_left_system_170_wide.jpg);
	background-repeat:no-repeat;
	float: left;
}

#bubble_mid_system{
	width: 850px;
	float: left;
}

#bubble_mid_system2{
	width: 433px;
	float: left;
}

#bubble_mid_system3{
	width: 635px;
	float: left;
}

#bubble_system_item{
	width: 200px;
	float: left;
	margin-left:10px;
	color:#333333;
	text-align:justify;
}

#bubble_system_item_main{
	width: 200px;
	float: left;
	margin-left:20px;
	text-align:left; 
	color:#FFFFFF;
}

#bubble_right_system_short{
	width: 15px;
	height: 170px;
	background-image:url(../img/bubble_right_system_170.jpg);
	background-repeat:none;
	float: left;
}




/***************/
/***LEGAL.PHP***/
/***************/

#legal_text {
	width: 932px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	color: #000000;
}