/* ------------------------------ 
STANDARDS
------------------------------ */
* { margin:0; padding:0;}

.hide { display: none; }

img { border: none; }
select {padding: 0px;}
input{font-size:1.0em; padding: 2px;}
body {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #717075;
	}
	
h1, h2, h3, h4, h5 { color: #535353; margin: 0 0 20px 0; font-weight: normal; }
	
h1 { font-size: 1.5em; font-weight: bold; }
h2 { font-size: 1.5em; font-weight: bold; margin: 0 0 10px 0; }
h3 { font-size: 1.2em; color: #59a723; padding-bottom: 5px; }
h4 { font-size: 2.1em; color: #575757; padding-bottom: 5px; }
h5 { font-size: 1.2em; color: #6fb43f; padding-bottom: 5px;}
h6 { font-size: 1.5em; font-weight: bold; color: #59a723; float:left; margin: 15px 0 15px 20px; padding:0;}

h2.phonedetails {font-size: 1.5em; font-weight: bold; color: #59a723; float:left; margin: 15px 0 15px 20px; padding:0;}
h3.confirm { float: left; width: 335px; font-size: 1.2em; color: #59a723; padding-bottom: 5px; font-weight: bold; border-bottom: 1px solid #dad8c4; }
h3.confirm_right { float: left; width: 335px; font-size: 1.2em; color: #59a723; padding-bottom: 5px; font-weight: bold; border-bottom: 1px solid #dad8c4; }

a, a:link, a:visited { color: #59a723; text-decoration: underline; }
a:hover { text-decoration: none; }


p { font-size: 1.2em; line-height: 1.2em; color: #717075; margin: 0 0 10px 0;}
p.error { font-size: 1.2em; color: #cc0000; padding: 15px 0; font-weight: bold; }
p.error a { color: #0b9444; }

.maincontent ul, .maincontent li { font-size: 1.0em; }

/* ------------------------------ 
LAYOUT DIVS & CLASSES
------------------------------ */	
.container{display: none;}

.header {display: none;}
.logo {width:237px; float: left; margin-top: 24px; margin-left:2px;}
.header_right { width: 726px; height: 85px; float: left; text-align: right; background: url(../images/header_gradient_overlay.png) no-repeat top left;}
.nav_myaccount {display: none;}
.floatdivright {float:right;}
.nav_main { display: none;}
#left {display: none; }
#main{width: 760px; height: auto; margin-left: 18px; float: left; z-index:1; margin-top: -7px; } 
.boxtop		{background-image: url(../images/box_bg_top.png); width: 206px; height: 13px;}
.boxcontent {background: #ecedeb; padding: 0 13px 0 13px;}
.boxbottom {background-image: url(../images/box_bg_bottom.png); width: 206px; height: 13px;}
#phone_select, #mini_basket, #mini_carousel, #total_raised{ width: 206px; margin: 0 0 13px 0;}
.maintop {display: none;}
.mainbottom { display: none; }
.content_block_home {background: #efefef url(../images/content_block_bg_top.gif) repeat-x top left; padding: 25px 0 20px 0;}
.content_area {width: 337px;  margin-left: 28px; float: left; }
.content_area_fullwidth {width: 704px;  margin-left: 28px; float: left; }
.content_area_form1 {width: 337px;  margin-left: 28px; float: left; }
.content_area_form2 {width: 337px;  margin-left: 10px; float: left; }
.content_line {border-top: 1px solid #dad8c4; width:100%; height: 1px; margin: 5px 0 13px 0;}
.content_line2 {border-top: 1px solid #dad8c4; width:100%; height: 1px; margin: 5px 0 5px 0;}
.image_floatleft {float: left; padding-right: 16px; padding-bottom: 13px;}
.content_block_bottom {background: #efefef url(../images/content_block_bg_bottom.gif) repeat-x bottom left; height: 15px;}
.internal_ads_home {padding: 30px 20px 25px 0; }
.ad_home_left {width: 473px;  margin-left: 28px; float: left;}
.ad_home_right {margin-left: 36px; float: left;}
.leftpadding17 {padding: 0 0 0 17px;}
.leftpadding11 {padding: 0 0 26px 11px;}

.inputlabel1 {font-size: 1.2em; padding-bottom: 5px;}
.inputlabel2 {font-size: 1.2em; padding-bottom: 5px; padding-top: 12px;}
.formbutton1 { border: 0; margin: 0; padding: 0; background: transparent; padding-top:8px; margin-left: 87px; width: 87px; height: 21px;} 
.mini_carousel_container{width: 100%}
.mini_carousel_image {float: left; border: 1px solid #ccc; margin-right: 8px; width: 87px; }
.mini_carousel_text {float: left; width: 83px;}
.mini_carousel_text_phone_model {font-size: 1.2em; padding-bottom: 20px;}
.mini_carousel_price {font-size: 2.2em; color: #59a723;}
.mini_basket_item_wrapper {border-bottom: 0px dashed #dad8c4; padding-bottom: 3px;}
.mini_basket_phone {float: left; width: 125px; margin: 0 10px 0 0; font-size: 1.2em; color: #717075;}
.mini_basket_value {float: left; width: 45px; font-size: 1.2em; color: #717075;}
#total_raised { float: left; }
.total_raised_wrapper {background: url(../images/pudsey_total.gif) no-repeat top left; width: 100%; height: 56px; padding-top: 11px; padding-left: 10px;}
.total_raised_amount { padding: 0; margin-top: 10px; background: #adadad; font-size: 2.2em; color: #fff; width: 100px;}
.slideshow { margin-bottom: 13px; }
fieldset {border: 0px solid #781351;margin: 0; padding: 0;}
#association_logos {width: 100%; text-align: center; padding-bottom: 15px;}
a.itemlink {float:left;margin:0px 0px 0px 0;}

.footerwrap{display: none;}
.footer {display: none;}

#main ul, #main ol { font-size: 1.2em; margin: 10px 0 10px 15px; }
#main li { line-height: 1.2em; }
	
/* ------------------------------ 
MY ACCOUNT MENU TABS
------------------------------ */	
.m_a_tabs{
display: none;
}
	
/* ------------------------------ 
MAIN MENU TABS
------------------------------ */	
.main_tabs{
display: none;
}
		
/* ------------------------------ 
SELF CLEAR FLOATS
------------------------------ */

.clear { clear: both; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */

			

/* ------------------------------ 
STYLING CLASSES
------------------------------ */	
.linkclass {color: #ffffff;}
.linkclass A:link {color: #ffffff; text-decoration: none; }
.linkclass A:visited {color: #ffffff; text-decoration: none; }
.linkclass A:hover	 {color: #000; text-decoration: underline; }
.linkclass A:active {color: #ffffff; text-decoration: none; }


/* ------------------------------ 
FORM STUFF
------------------------------ */	

form#login p { padding: 0 0 5px 0; }

.form_label {
	float: left;
	width: 150px;
	padding: 6px 0 0 0;
}

.form_label_login {
	float: left;
	width: 100px;
	padding: 6px 0 0 0;
}

.form_label_ckbx {
	float: left;
	width: 300px;
	padding: 1px 0 0 0;
}

.ckbx { float: left; width: 15px; margin: 0 8px 0 0; padding: 0; }

.txt_short {
	float: left;
	width: 150px;
	height: 16px;
	border: 1px solid #666;
	padding: 2px;
	margin: 0 0 5px 0;
}

.select_short {
	float: left;
	width: 156px;
	height: 20px;
	border: 1px solid #666;
	padding: 0;
	margin: 0 0 5px 0;
}

.txtarea {
	float: left;
	width: 300px;
	height: 100px;
	border: 1px solid #666;
	padding: 2px;
	margin: 0 0 5px 0;
}

/* Page content block templates */

#two_cols_l #col1, #two_cols_r #col1, #two_cols_equal #col1, #one_col #col1 {
	float: left;
	height: auto;
	margin: 0 15px 0 0;
}

#two_cols_l #col2, #two_cols_r #col2, #two_cols_equal #col2 {
	float: right;
	height: auto;
	margin: 0;
}

.phone_logo{float:right; margin: 15px 20px 15px 20px; padding:0;}
.maincontent {padding-bottom: 20px;}

/****************************************************************************/
/* Phone listings and details pages (common styles)                                                      */
/****************************************************************************/

.steps_top		{background-image: url(../images/steps_bg_top.png); width: 760px; height: 18px;}
.phone_and_details {margin-left: 20px; margin-right: 20px;}
.phone_box {width: 285px;  border: 1px solid #ccc; float: left; padding: 15px 10px 10px 5px;}
.details_box {width: 375px;  border: 1px solid #ccc; float: right;padding:15px 15px 10px 15px;}
.phone_image_large {padding-right:15px; float: left;}
#phone_page_price {font-size: 2.5em; color: #59A723; margin-top: 32px;}
.middle {vertical-align:middle;}
.details_box_left		{float: left;}
.details_box_right {float:right;}
.dbr_headers {font-size: 1.3em; color: #535353; font-weight:bold;}
.phone_page_left  {margin-left: 20px;}
.phone_page_content_header {font-size: 1.5em;font-weight: bold;color: #535353; margin-top: 15px;}

.listings_wrapper  {margin-left: 20px;}
.listings_box {float: left; width:204px; margin-right: 14px; margin-bottom: 14px; border: 1px solid #ccc; padding: 16px 12px 12px 12px; }
.listings_box_wrapper {}
.product_thumb {float: left; margin-right: 15px;}
.phone_listings_price {color:#59A723; font-size:2.5em; margin-top:8px;}

.button_small {
background:transparent url(../images/button_small.gif) no-repeat scroll left top;
height:26px;
margin-top: 10px;
text-align: center;
padding-bottom: 3px;
color: #fff;
width:99px !important;
border-width:0;
cursor:pointer;
font-size: 0.55em;
}

.button_big {
background:transparent url(../images/button_big.gif) no-repeat scroll left top;
display: block;
height:42px;
margin:0 0 0 0px;
padding: 11px 36px 38px 36px;
color: #fff;
width:146px !important;
border-width:0;
cursor:pointer;
}

input.button {
cursor:pointer;
padding: 0px;
}

.button { margin-top:10px; }

.spacer1 {margin-top: 30px;}
.spacer2 {margin-top: 40px;}
.spacer3 {margin-top: 50px;}
.spacer4 {margin-top: 86px;}

/****************************************************************************/
/* Phone details page                                                      */
/****************************************************************************/

.dbr_input_label { margin: 10px 0px 0px 0px; }
.dbr_input { float: left; width: 50px; }
.dbr_label { margin: 0px 0px 0px 10px; float: left; font-size: 1.2em; }
.imei_text {margin-top: 10px; width:150px;}
.qty_no {margin-top: 0px; width: 15px;}
.quantity_label {font-size:1.2em; margin-left: 10px;}
.phone_page_text {margin-top: 10px;}

/****************************************************************************/
/* Basket/Checkout page                                                      */
/****************************************************************************/

.basket_table_wrapper {border: 0px solid #ccc; margin-left: 20px; width: 719px;}
.basket_totals_wrapper {margin-left:20px;} 
.donate_slider {width:394px; float: left; padding: 15px 15px 0 0;; background: url(../images/pudseybg.gif) no-repeat bottom right; height: 137px;}
.total {width: 246px; border: 1px solid #d6d6d6; float: right; margin-right: 20px; padding: 15px 15px 0 15px;}
.total_text {font-size: 2.5em; color:#59a723; margin-top: 5px; margin-bottom: 15px;}
.basket_buttons { margin: 0 20px 0 0; padding: 10px 0 0 0;}
.slider_wrapper {width: 309px; margin-top: 15px;}

.button_gray {
    float:right;
    width:auto;
	height: 41px;
	margin: 5px 0 5px 10px;
	padding-right: 7px;
    background:url(../images/button_right_gray.gif) no-repeat right top;
    line-height:normal;
}
	
.button_gray a {
    display:block;
    background:url(../images/button_left_gray.gif) no-repeat left top;
    padding: 14px 12px 0 20px;
	height: 41px;
	color: #fff; text-decoration: none; font-size: 1.0em;
}

.button_green {
    float:right;
    width:auto;
	height: 41px;
	margin: 5px 0 5px 10px;
	padding-right: 7px;
    background:url(../images/button_right_green.gif) no-repeat right top;
    line-height:normal;
}
	
.button_green a {
    display:block;
    background:url(../images/button_left_green.gif) no-repeat left top;
    padding: 14px 12px 0 20px;
	height: 41px;
	color: #fff; text-decoration: none; font-size: 1.0em;
}

table {
	width:100%;
	border-top:0px solid #e5eff8;
	border-right:0px solid #e5eff8;
	margin:1em auto;
	border-collapse:collapse;
	}

caption {
	color: #717075;
	font-size:1.2em;
		margin:0 0 0 10px;
		padding:0;
		caption-side:top;
		text-align:center;
	}	

.column1	{
	
	}
	
tr {border-bottom: 1px dashed #ccc;}
.final {border-bottom: 0px;}

td {
	color: #717075;
	border-bottom:0px solid #e5eff8;
	border-left:0px solid #e5eff8;
	padding:12px;
	text-align:left;
	font-size: 1.2em;
	}	
				
th {
	font-weight:normal;
	color: #717075;
	text-align:left;
	border-bottom: 0px solid #e5eff8;
	border-left:0px solid #e5eff8;
	padding:10px;
	}	
							
thead th {

	text-align:left;
	font:bold 1.2em/2em Arial,Helvetica,Verdana,sans-serif;
	color: #717075;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}	
	
tfoot th {
	text-align:left;
	font-size: 1.5em;
	font-weight: bold;
	 padding-top: 23px;

	}	

tfoot th em {
	color: #717075;
	font-weight: bold;
	font-size: 1.2em;
	font-style: normal;
	}
	
#col1 table, #col2 table {
	border:1px solid #000;
	margin:1em auto;
	clear:both;
	float: none;
}

#col1 tr, #col2 tr { border: 1px solid #000; }
	
/****************************************************************************/
/* Confirm details page                                                      */
/****************************************************************************/

.details_wrapper {border: 0px solid #ccc; margin-left: 20px; width: 719px;}
.confirm_buttons { float:right; margin: 15px 0 0 0;}

#confirm_lpanel { float: left; width: 358px; margin: 0; padding: 0 0 0 20px; border-right: 1px solid #ccc; }
#confirm_rpanel { float: left; width: 335px; padding: 0 0 0 20px; }