/* = reset reloaded
====================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

/* = general
====================================== */

body
{
	background: #fff url('../i/bg.jpg') repeat-x;
	font: normal 11px Tahoma, Arial, sans-serif;
	color: #31434F;
	line-height: 18px;
}

.bg{

}

ol,ul
{
	list-style:none;
}

table
{
	border-collapse:separate;
	border-spacing:0;
}

caption,th,td
{
	font-weight:400;
	text-align:left;
}

a{
	color: #31434F;
	text-decoration:none;
}

a:hover{
	text-decoration: underline;
}
	
input,textarea,select
{
	border:0;
	font:normal 12px 'Tahoma';
	margin:0;
	padding:0;
}

			
.center{
	width: 872px;
	margin-left: auto;
	margin-right: auto;
}		
	
p{
	padding-bottom: 10px;
}	
	
	
.clear{
	clear: both;
}	


/* = top
====================================== */

#top{
	padding-top: 33px;
	height: 80px;
}

#top h1{
	float: left;
	width: 153px;
}	
#top h1 a{
	display: block;
	width: 153px;
	height:	44px;
	background: url('../i/logo.gif') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}	



/* = menu
====================================== */

#menu{
	float: right;
	padding-top: 12px;
}

#menu uls{
	list-style-type: none;
	padding-left: 8px;
}

#menu ul li{
	float: left;
	padding-left: 5px;
}

#menu ul li a{
	display: block;
	width: 97px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}			

#m0{background: url('../i/menu/home.gif') no-repeat}

#m1-off{background: url('../i/menu/1-off.gif') no-repeat}
#m2-off{background: url('../i/menu/2-off.gif') no-repeat}
#m3-off{background: url('../i/menu/3-off.gif') no-repeat}
#m4-off{background: url('../i/menu/4-off.gif') no-repeat}
#m5-off{background: url('../i/menu/5-off.gif') no-repeat}
#m6-off{background: url('../i/menu/6-off.gif') no-repeat}

#m1-on{background: url('../i/menu/1-on.gif') no-repeat}
#m2-on{background: url('../i/menu/2-on.gif') no-repeat}
#m3-on{background: url('../i/menu/3-on.gif') no-repeat}
#m4-on{background: url('../i/menu/4-on.gif') no-repeat}
#m5-on{background: url('../i/menu/5-on.gif') no-repeat}
#m6-on{background: url('../i/menu/6-on.gif') no-repeat}



/* = CONTENT
====================================== */

#content{
	clear: both;
	width: 100%;
	padding-bottom: 30px;
}

#content #left{
	float: left;
	width: 595px;
}

#content #right{
	float: right;
	width: 265px;
}		

.box_spacer{
	height: 7px;
	display: block;
	clear: both;
	width: 100%;
}	

/* = main page
====================================== */

#mainBox{
	width: 368px;
	height: 299px;
	background: url('../i/mainBox.jpg') no-repeat;
	position: relative;
	overflow: hidden;
	float: left;
	padding-right: 10px;
}	

#mainBox #making_savings_simple{
	background: url('../i/headers/making_savings_simple.gif') no-repeat;
	width: 142px;
	height: 48px;
	text-indent: -9999px;
	overtflow: hidden;
	position: absolute;
	top: 163px;
	left: 17px;
}	

#mainBox p{
	padding: 227px 10px 0 17px;
	color: #fff;
	text-align: justify;
}

#mainBox #more{
	background: url('../i/more.gif') no-repeat;
	width: 39px;
	height: 23px;
	text-indent: -9999px;
	overtflow: hidden;
	position: absolute;
	top: 267px;
	right: 20px;
}	


#homeBox1{
	background: url('../i/homeBox1.jpg') no-repeat;
	width: 218px;
	height: 52px;
	overflow: hidden;
	padding: 103px 0 0 51px;
}

#homeBox1 a{
	width: 157px;
	height: 31px;
	background: url('../i/bluecherry_at_home.gif') no-repeat;
	display: block;
}


#homeBox2{
	width: 232px;
	height: 157px;
	overflow: hidden;
	margin-left: -6px;
	margin-top: -7px;
}


#homeBox2 a{
	width: 232px;
	height: 157px;
	display: block;
}

#newsBox{
	width: 265px;
	height: 297px;
	display: block;
	background: url('../i/news.png') no-repeat;
	float: right;
}

#newsBox ul{
	clear: both;
	width: 100%;
}
	
#newsBox ul li{
	float: left;
}

#newsBox ul li a{
	display: block;
	width: 90px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}	

#newsBox p{
	clear: both;
	padding: 30px 20px 0 20px;
	color: #94DAF8;
	text-align: Justify;
}

#newsBox p strong{
	color: #fff;
}	

#newsBox div{
	padding-top: 20px;
	text-align: right;
	padding-right: 20px;
	height: 57px;
}

#newsBox form{
	padding: 0px 0 0 115px;
}	 

#newsBox form #text{
	width: 80px;
	height: 18px;
	float: left;
	padding-top: 5px;
}		 

#newsBox form #go{
	float: left;
	margin-left: 10px;
}


#tarrifBox{
	width: 265px;
	height: 297px;
	display: block;
	background: url('../i/tarrifBox.png') no-repeat;
	float: right;
}

#tarrifBox ul{
	clear: both;
	width: 100%;
}
	
#tarrifBox ul li{
	float: left;
}

#tarrifBox ul li a{
	display: block;
	width: 90px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}	

#tarrifBox table{
	width: 255px;
	line-height: 15px;
	clear: both;
}	


#tarrifBox table th{
	color: #fff;
	font-weight: normal;
	padding-top: 4px;
	padding-bottom: 4px;
}

#tarrifBox table td{
	color: #94DAF8;
}		

#tarrifBox p{
	text-align: right;
	padding-right: 20px;
	padding-top: 10px;
}	

/* = subpage (background)
====================================== */


#call_rates{
	width: 594px;
	background: url('../i/call_rates.gif') no-repeat;
	padding-top: 71px;
	position: relative;
}	

#call_rates_bg{
	background: url('../i/call_rates_table_bg.gif') repeat-y;
	padding-left: 37px;
	width: 557px;
	overflow: hidden;
}

/* sorry about that, guyts ;) */

#call_rates #bg1{
	width: 1px;
	height: 41px;
	background: #fff;
	position: absolute;
	top: 65px;
	left: 36px;
}	

#call_rates #bg2{
	width: 1px;
	height: 41px;
	background: #fff;
	position: absolute;
	top: 65px;
	left: 551px;
}	



#call_rates table{
	width: 514px;
	line-height: 14px;
	overflow: hidden;
}

#call_rates table thead{
	background: #fff;
}	

#call_rates table thead th{
	background: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #1C73A9;
	padding-top: 10px;
	padding-bottom: 10px;
}	


#call_rates table tbody th h2{
	background: url('../i/call_rates_table_tbody_th.gif') repeat-x;
	display: block;

	height: 20px;
	font-weight: bold;
	padding-left: 20px;
	color: #1C73A9;
	padding-top: 10px;
}

#call_rates table tbody td{
	text-align: center;
}
	
#call_rates table .where{
	text-align: left;
	padding-left: 30px;
}	

#call_rates_end{
	background: url('../i/call_rates_end.gif') no-repeat;
	width: 594px;
	height: 80px;
}

#call_rates_end p{
	padding: 6px 20px 0 40px;
	font-size: 10px;
	line-height: 14px;
}	
	
#call_rates_end p a{
	color: #1C71A8;
	text-decoration: underline;
}	

#call_rates_end p a:hover{
	text-decoration: none;
}
	
	
#broadband{
	width: 265px;
	height: 118px;
	background: url('../i/broadband.png') no-repeat;
}

#broadband a{
	display: block;
	width: 100%;
	height: 100%;
}

#bluecherry2{
	width: 265px;
	height: 118px;
	background: url('../i/bluecherry2.png') no-repeat;
}

#bluecherry2 a{
	display: block;
	width: 100%;
	height: 100%;
}
		

#price{
	width: 265px;
	height: 127px;
	background: url('../i/price.gif') no-repeat;
}

#price a{
	display: block;
	width: 100%;
	height: 100%;
}

#contact_us{
	width: 265px;
	height: 118px;
	background: url('../i/contact_us.png') no-repeat;
}

#contact_us a{
	display: block;
	width: 100%;
	height: 100%;
s}




#international_rates{
	width: 264px;
	height: 38px;
	background: url('../i/international_rates.png') no-repeat;
}

#international_rates a{
	display: block;
	width: 100%;
	height: 100%;
}

#green_biling{
	width: 264px;
	height: 38px;
	background: url('../i/green_biling.png') no-repeat;
}

#green_biling a{
	display: block;
	width: 100%;
	height: 100%;
}

	
#promo_code{
	width: 264px;
	height: 38px;
	background: url('../i/promo_code.gif') no-repeat;
}

#promo_code fieldset{
	padding-left: 110px;
	padding-top: 7px;
}
	
#promo_code fieldset #text{
	width: 80px;
	height: 18px;
	float: left;
	padding-top: 5px;
	background: none;
}		 

#promo_code fieldset #go{
	float: left;
	margin-left: 15px;
}	
	
	
.txt_page{
	background: url('../i/txt_start.jpg') no-repeat;
	clear: both;
	float: left;	
	width: 100%;
}

.txt_page_bg{
	background: url('../i/txt_bg.jpg') repeat-y;
	float: left;
	width: 100%;
}	

.txt_page_end{
	background: url('../i/txt_end.jpg') no-repeat bottom left;
	padding: 15px 30px 0px 20px;
	font-size: 12px;
	text-align: justify;
	line-height: 24px;
	float: left;
	width: 544px;
}

.txt_page_end p{
	padding-bottom: 25px;
}	

.txt_page_end a{
	color: #1C71A8;
	text-decoration: underline;
}	

.txt_page_end a:hover{
	text-decoration: none;
}
	
.mini{
	font-size: 10px;
	padding: 0;
	text-align: right;
	margin-top: -20px;
	color: #9B9B9B;
}	
	
	
/* = contact
====================================== */
	
#company_info{
	background: url('../i/contact_us_box.png') no-repeat;	
	width: 434px;
	height: 382px;
	float: left;
	font-size: 12px;
}		

#company_info #about_us{
	padding: 40px 20px 0 20px;
	line-height: 24px;
}

#company_info #about_us strong{
	font-size: 14px;
}
	
	
#company_info #about_us a{
	color: #1C71A8;
	text-decoration: underline;
}	

#company_info #about_us a:hover{
	text-decoration: none;
}
		

#contact_form{
	float: right;
	width: 424px;	
	height: 382px;
	background: url('../i/contact_form.jpg') no-repeat;		
}

#contact_form h2{
	background: url('../i/headers/online_form.gif') no-repeat 15px 14px;		
	width: 400px;
	height: 40px;
}

#contact_form form{
	padding-left: 30px;
}	



#contact_form table td{
	color: #94DAF8;
	font-size: 12px;
	padding-top: 7px;
	vertical-align: middle;
}

.forms{
	background: #fff !important;
	border: 1px solid #94DAF8 !important;
	width: 100%;
	margin-top: 3px;
}

#contact_form table td label{
	display: block;
	height: 26px;
}	

.submit_form{
	width: 48px;
	height: 23px;
	background: url('../i/submit_form.gif') no-repeat;
	border: none;
	cursor: pointer;
}

.clear_form{
	width: 48px;
	height: 23px;
	background: url('../i/clear_form.gif') no-repeat;
	border: none;
	cursor: pointer;	
}

#contact_form p{
	color: #fff;
	font-size: 12px;
	padding-top: 20px;
}	
	
#contact_form p a{
	display: block;
	color: #fff;
	font-weight: bold;
}		
	
	
/* = headers
====================================== */

.headers{
	display: block;
	width: 200px;
	height: 20px;
	text-indent: -9999px;
	margin-left: -1px;
}



#h_who_we_are{	background: url('../i/headers/who_we_are.gif') no-repeat; }	
#h_uk_only_call{	background: url('../i/headers/uk_only_call.gif') no-repeat; }	
#h_our_price_promise{	background: url('../i/headers/our_price_promise.gif') no-repeat; }	
#h_green_billing{	background: url('../i/headers/green_billing.gif') no-repeat; }	

#h_non_geo{	background: url('../i/headers/non_geo.gif') no-repeat; }	
#h_phone_systems{	background: url('../i/headers/phone_systems.gif') no-repeat; }	

#h_q_and_a{	background: url('../i/headers/q_and_a.gif') no-repeat; }	
#h_international_calling_rates{	background: url('../i/headers/icr.gif') no-repeat; }	
#h_news{	background: url('../i/headers/news.gif') no-repeat; }	
#h_bluecherry_residential{	background: url('../i/headers/bluecherry_residential.gif') no-repeat; }	
#h_bluecherry_residential{	background: url('../i/headers/bluecherry_residential.gif') no-repeat; }	
#h_350{	background: url('../i/headers/350.gif') no-repeat; }	
#h_650{	background: url('../i/headers/650.gif') no-repeat; }	



.question{
	padding-bottom: 0px !important;
}	


/* = forms
====================================== */

.forms{
	background: #EDF1F6;
	border: 1px solid #ADBDD5;
	color: #406EB3;
	padding: 3px;
	font-size: 11px;
}

#contact table{
	width: 640px;
}
	 
#contact table td{
	padding-bottom: 3px;
	width: 100%;
}	

.formbutton{
	background: #406EB3;
	font-weight: bold;
	color: #fff;
	border: 1px solid #08367B;
	font-size: 11px;
	padding: 3px 20px 3px 20px;
}


/* = footer
====================================== */

#footer{
	padding-top: 20px;
	border-top: 1px solid #ECECEC;
}
	
#footer #copyright{
	float: left;
	padding: 15px 0 10px 23px;
	background: url('../i/ico.gif') no-repeat left 11px;
}	


	
#footer #copyright a{
	text-decoration: underline;
	color: #1C71A8;
}	

#footer #copyright a:hover{
	text-decoration: none;
}

#footer #copyright span{
	color: #7199D4;
}

#footer #members{
	float: right;
	padding-right: 30px;
}	

#footer #members li{
	display: inline;
}	


/* ~~~~~~~ form ~~~~~~~~ */

.form{float: left; margin-left: 10px; width: 350px; height: 17px; border: 1px solid #5E5E5E}

.button{width: 85px; height: 22px; font-size: 13px; padding-bottom: 2px; background-color: #989898; color: #FFFFFF}

/* ~~~~~~~ international-rates  ~~~~~~~~ */

.rightcol{width: 33%; float: right; margin: 0px;}
.leftcol{width: 65%; float: left; margin: 0px;}
#submitform{margin-left: 5px; width: 70px; float: left}
#typehere{width: 250px; float: left}
input#submit{font-weight: bold; width: 58; height: 21px; background-color: #F08736; color: #fff}
input#destination1{border: 1px solid #7F9DB9; width: 229px; height: 17px; font-size: 13px; padding: 2px 0px 0px 2px}
select#destinationa{border: 1px solid #7F9DB9; width: 233px; height: 22px}


#boxs {
  width:265px; 
  height:auto; 
  float:left;
  font-family:Tahoma;
  color:#585858;
  font-size:12px;
  line-height:25px;
}