/*
Theme Name: Three-uk
Theme URI: http://www.dm2interactive.com/
Description: Three-uk custom theme
Version: 1.0
Author: Milos Matovic
Author URI: http://www.dm2interactive.com/
*/

/* typography.css */
body {font-size:75%;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 10px;border:none;}
hr.space {background:#fff;color:#fff;}

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: 1;
	text-shadow: #000000 0 0 0 0;
	}
	
ul li {
	line-height: 18px;
}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
	
body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
	background: #fff url(images/bg-body.gif) top repeat-x;
	text-align: center;
	}
	
#container {
	width: 968px;
	margin: 0 auto 0;
	padding: 5px 0 10px;
	text-align: left;	
	background: url(images/bg-container-mid.png) repeat-y;
	}	
	
#container-top {
	width: 968px;
	height: 9px;
	margin: 0px auto 0;
	background: url(images/bg-container-top.png) no-repeat;
	}
	
#container-bottom {
	width: 964px;
	height: 4px;
	margin: 0 auto 10px;
	background: url(images/bg-container-bottom.png) no-repeat;
	}	
	
#header {
	background: #fff;
	border-bottom: 1px solid #BFBFBF;
	height: 160px;
	margin: 0 14px 10px;
	border: 1px solid #cecece;
	}
	
#top-banner	{
	float: right;
	margin: 10px 13px 0;
	}
	
#logo {
	margin: 25px 11px 38px 26px;
	float: left;
	}	
	
#description {
	font-size: 14px;
	line-height: 18px;
	padding-top: 40px;
	}	
	
ul#navigation {
	margin: 0 0 0 10px;
	position: relative;
	}

/*\*/
html>body* ul#navigation {margin-top: 1px; } /* safari hack */
/**/
	
#navigation li {
	display: inline;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -1px;
	}	
	
#navigation a {
	display: block-inline;
	background: url(images/bg-tab.gif) repeat-x;
	border-left: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	color: #555;
	padding: 7px 9px 7px;
	text-decoration: none;
	}	
	
#navigation a:hover {
	color: #75B902;
	background: #fff;
	}	
	
#navigation #tab-active {
	color: #75B902;
	background: #fff;
	}	
	
#intro-wrapper {
	background: #fff;
	width: 918px;
	margin: 0 auto 10px;
	padding: 10px;
	border: 1px solid #cecece;
	}	
	
#intro {
	background: #B0D76E url(images/bg-intro.gif) top repeat-x;
	height: 174px;
	padding: 12px 30px 12px;
	color: #fff;
	font-size: 22px;
	line-height: 28px;
	}	
	
#intro em {
	font-style: italic;
	font-weight: bold;
	color: #355301;
	}	
	
#buying-guide {
	float: left;
	margin: 15px 40px 0 53px;
	}

#customer-reviews {
	float: left;
	margin: 15px 40px 0 0;
	}
	
#latest-offers {
	float: left;
	margin-top: 15px;
	}				
	
#page-wrapper {
	width: 940px;
	background: url(images/bg-page.png) top repeat-y;
	margin: 0 auto 0;
	}
	
#page-wrapper a {
	color: #007DFF;
	text-decoration: underline;
	}	
	
#page-wrapper a:hover {
	text-decoration: none;
	}		
	
#page {	
	font-size: 14px;
	width: 681px;
	margin-bottom: -10px;
	float: left;
	}	
	
#page p {
	line-height: 18px;
	margin-bottom: 12px;
	}		

.page-box {
	background: #fff;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #cecece;
	line-height:16px;
	font-size: 12px;
	}
	
.page-box h4 {
	margin: 20px 0 10px;
	}
	
.page-box-green {
	background: #ACD564;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #fff;
	}	
	
.page-box-green h1 {
	color: #416700;
	}
	
#page-bottom {
	background: #FFFFE1;
	padding: 10px;
	margin: 10px 14px 0;
	border: 1px solid #cecece;
	}
	
#page-bottom p {
	line-height: 18px;
	}
	
#page-bottom ul {
	float: left;
	margin: 0 30px 5px 0;
	}		
	
#page-bottom li {
	list-style-type: none;
	line-height: 18px;
	}
	
#page-bottom li a {
	color: #000;
	}		
	
#page-bottom li a:hover {
	text-decoration: none;
	}		
	
.entry {
	font-size: 12px;
	padding: 10px;
	background: url(images/bg-entry.gif) bottom repeat-x;
	}

.post .entry {
	margin: 10px 0;
	background: none;
	padding: 0;
}
	
.entry h3 a {
	color: #007DFF !important;
	text-decoration: underline !important;
	}	
	
.entry h3 a:hover {	
	text-decoration: none !important;
	}	
	
.entry p {
	line-height: 18px !important;
	margin-bottom: 12px;
	}			
	
.date {
	color: #6F6F6F;
	margin: 5px 0 14px;
	}	
	
.comments {
	padding-left: 20px;
	margin: 4px 0 2px;
	background: url(images/bubble.png) left no-repeat;
	}	
	
.caption {
	font-size: 11px;
	margin: 0 10px 0 10px;
	text-transform: uppercase;
	}
	
.caption .phone, .caption .offer, .caption .price, .caption .monthly, .caption .minutes, .caption .texts, .caption .more-info {
	height: 12px;
	padding: 10px 0 6px;
	margin-bottom: 1px;
	text-align: center;
	}	
	
.table {
	font-size: 12px;
	text-align: center;
	background: #fff;
	border: 10px solid #E2E2E2;
	}	
	
.row {	
	padding: 1px 0 1px;
	border-top: 1px solid #D8D8D8;
	}	
	
.phone {
	width: 10%;
	height: 52px;
	padding-top: 6px;
	float: left;
	}
	
.offer {
	text-align: left;
	width: 25%;	
	height: 43px;
	padding-top: 15px;
	float: left;
	}
	
.price {
	background: #F7E9FF;
	width: 10%;	
	height: 38px;
	padding-top: 20px;
	margin-right: 1px;
	float: left;
	font-weight: 700;
	}

.green {
	font-size: 16px;
	color: #068900;
	padding-top: 18px;
	height: 40px;
}
	
.monthly {
	background: #E9F3FC;	
	width: 10%;	
	height: 38px;
	padding-top: 20px;
	margin-right: 1px;
	float: left;
	font-weight: 700;
	}
	
.minutes {
	background: #EBFFC9;	
	width: 10%;	
	height: 38px;
	padding-top: 20px;
	margin-right: 1px;
	float: left;
	font-weight: 700;
	}
	
.texts {
	background: #FFFFE1;	
	width: 10%;	
	height: 38px;
	padding-top: 20px;
	margin-right: 1px;
	float: left;
	font-weight: 700;
	}			
	
.more-info {
	width: 24%;	
	height: 38px;
	padding-top: 16px;
	float: left;
	}	

.row:hover .price {
	background: #FF0099;
	color: #fff;
	}			
	
.row:hover .monthly {
	background: #039;	
	color: #fff;
	}
	
.row:hover .minutes {
	background: #1B84E3;	
	color: #fff;
	}
	
.row:hover .texts {
	background: #48CF0E;	
	color: #fff;
	}	
	
#sidebar {
	width: 227px;
	margin-left: 10px;
	padding: 10px;
	float: left;
	background: #fff;
	}	
	
#sidebar h2 {
	color: #F53E63;
	}	
	
#sidebar p {
	line-height: 16px;
	margin-bottom: 8px;
	}
	
#sidebar ul {
	list-style: none;
	margin: 0;
}

#sidebar ul li ul {
	list-style: square;
	margin: 5px 0 5px 15px;
}

#footer {
	color: #636363;
	width: 940px;
	font-size: 11px;
	text-align: left;
	margin: 0 auto 0;
	padding-bottom: 5px;
	}
	
#footer p {
	line-height: 14px;
	}	
	
#footer a {
	color: #515151;
	text-decoration: none;
	}		
	
h1 {
	font-size: 30px;
	font-weight: normal;
	color: #F53E63;
	}		
	
h2 {
	font-size: 22px;
	font-weight: normal;	
	}	
	
h3 {
	font-size: 18px;
	font-weight: normal;	
	}	
	
h4 {
	font-size: 14px;
	font-weight: bold;	
	}	
	
input {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #656565;
	padding: 4px 5px;
	border: 1px solid #E0E0E0;
	background: url(images/bg-input.gif) repeat-x;
	}
	
#read-reviews {
	margin-top: 2px;
	float: right;
	font-size: 12px;
	font-weight: bold;
	}
	
ul.more-reviews {
	margin: 10px 0 20px 30px;
	clear: both;
	}	
	
ul.more-reviews li {
	list-style: none;
	font-size: 18px;
	line-height: 24px;
	}		
	
ol {
	margin-left: 20px;
	line-height: 20px;
	}	
	
ol li {
	line-height: 18px;
	}		
	
#gray {
	font-size: 12px;
	color: #5F5F5F;
	}	
	
#gray h3 {
	color: #3F3F3F;
	padding-bottom: 8px;
	margin-bottom: 10px;
	border-bottom: 2px dashed #AAA;
	}	
	
#gray p {
	line-height: 18px;
	color: #5F5F5F;
	}	
	
.go-to-3-store {
	margin: 20px 0 10px 220px;
	}
	
#newsletter-field {
	width: 210px;
	margin-bottom: 10px
	}		

#subscribe {
	width: 76px;
	cursor: pointer;
	}		
	
.clear {
	clear: both;
	}
	
.prev-next-nav {
	margin: 10px 0;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.postmetadata {
	background: #FFFFCC;
	padding: 10px;
	font-size: 11px;
	line-height: 16px;
}

.center {
	text-align: center;
}

/* ------------------- comments styling ---------------- */

ol.commentlist {
	margin: 10px 0 10px 0px;
	list-style: none;
	font-size: 12px;
}

ol.commentlist li {
	margin: 15px 0 0 0;
	border-bottom: 1px solid #cecece;
	overflow: hidden;
}

ol.commentlist li.alt div.alignright {
	background: #efefef;
}

ol.commentlist li blockquote {
	border-left: 5px solid #cecece;
	padding-left: 5px;
}

ol.commentlist li div.alignleft {
	float: left;
	width: 100px;
}

ol.commentlist li div.alignleft img.avatar {
	margin-bottom: 5px;
}

ol.commentlist li div.alignright {
	float: right;
	width: 530px;
	padding: 10px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

ol.commentlist li div.commentmetadata {
	margin-bottom: 5px;
	font-size: 11px;
	font-style: italic;
	color: #666;
}

#commentform {
	line-height: 16px;
}

#commentform textarea {
	width: 645px;
	border: 1px solid #cecece;
	padding: 5px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

#commentform label small {
	font-size: 11px;
	color: #666;
}

/* -------------- rating styling ------------------- */
div.rating {
	margin: 10px 0;
}

div.label {
	display: inline;
	margin-right: 10px;
}

p.rating select {
	margin-left: 10px;
}

/* --------------- newsletter ------------------- */
#ajaxNewsletter { margin-bottom: 10px; }
.submit { padding: 3px 5px; }

/* --------------- contact form ------------------- */

.contactform label {
	padding: 5px 0;
	display: block;
	clear: both;
}

.contactform textarea {
	border: 1px solid #cecece;
}