@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: url(../images/background.jpg) repeat-x #C7EA93;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	margin-top: 20px;
}

img {
	border: none;
}

a {
	color: #79AD2A;
	outline: 0;
}

#container {
	margin: 0 auto;
	width: 970px;
}

.margin10 {
	margin-left: 10px;
	margin-right: 10px;
}

.margin20 {
	margin-left: 20px;
	margin-right: 20px;
}

#header {
	float: left;
	width: 950px;
	height: 110px;
}

	.headerLogo {
		float: left;
		width: 180px;
		height: 110px;
	}
	
	.headerNavigation {
		float: left;
		width: 770px;
		height: 110px;
		background: url(../images/navBackground.jpg) no-repeat;
	}
	
	.headerNavbar {
		float: right;
		margin-top: 40px;
		margin-right: 20px;
		width: 600px;
		height: 40px;
		padding-left: 40px;
		background: url(../images/navBar.jpg) no-repeat;
		text-algin: center;
	}
	
	.headerNavbar a {
		float: left;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		color: #333;
		padding: 11px;
		padding-top: 12px;
	}
	
	.headerNavbar a:hover {
		color: #FFF;
		background: #85C226;
	}
	
#subHeader {
	float: left;
	width: 950px;
	height: 10px;
	background: url(../images/subHeader.jpg) no-repeat;
}

.homeTitle {
	float: left;
	width: 950px;
	height: 28px;
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: center;
	background: #FFF;
}

.homeSteps {
	float: left;
	width: 970px;
	height: 124px;
	background: url(../images/steps.jpg) no-repeat;
}

.homeMobileSelect {
	float: left;
	width: 950px;
	height: 77px;
	padding-bottom: 20px;
	background: url(../images/phoneSelectBar.jpg) no-repeat #FFF;
}

	.valueYorMobile {
		float: left;
		width: 310px;
		height: 27px;
		background: url(../images/valueMobile.jpg) no-repeat;
		margin-left: 10px;
		margin-top: 25px;
		margin-right: 10px;
	}
	
	#phoneSelect {
		float: left;
		height: 29px;
		margin-top: 24px;
	}
	
	#phoneSelect label {
		float: left;
		color: #FFF;
		margin-right: 3px;
		margin-top: 7px;
	}
	
	.selectField {
		float: left;
		width: 138px;
		height: 29px;
		border: none;
		padding: 6px;
		background: url(../images/selectField.jpg) no-repeat #FFF;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		outline: 0;
		margin-right: 10px;
	}

#interiorContent {
	float: left;
	width: 930px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 105px;
	background-image: url(../images/contentBackground.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #FFF;
	font-size: 14px;
}

#pageContent {
	float: left;
	width: 930px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	background-image: url(../images/contentBackground.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #FFF;
}

	.mobileContainer {
		float: left;
		width: 600px;
		height: 252px;
		overflow:hidden;
	}

	.mobileBox {
		float: left;
		width: 168px;
		height: 239px;
		background: url(../images/phoneBox.jpg);
		margin-left: 10px;
		margin-right: 10px;
		padding: 6px;
		display:block;
	}
	
	.videoContainer {
		float: left;
		width: 320px;
		height: 252px;
		padding-left:10px;
	}
	
		.mobilePhoto {
			float: left;
			width: 168px;
			height: 173px;
			text-align: center;
		}
		
		.mobileDescription {
			float: left;
			width: 600px;
		}
		
			.mobileDescTitle {
				float: left;
				width: 700px;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 16px;
				font-weight: normal;
				padding-bottom: 5px;
				border-bottom: dashed 1px #666;
				margin-bottom: 5px;
			}
			
			.mobileDescSellIt {
				float: left;
				width: 400px;
				height: 46px;
				margin-bottom: 10px;
			}
			
			.mobileDescPrice {
				float: left;
				width: 400px;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 20px;
				font-weight: bold;
				margin-bottom: 10px;
			}
			
			.mobileDescTipOne {
				float: left;
				width: 700px;
				font-size: 12px;
				margin-bottom: 10px;
			}
			
			.mobileDescTipTwo {
				float: left;
				width: 700px;
				font-size: 12px;
			}
			
			.mobileDescTipTwo strong {
				color: #900;
			}
		
		.mobileName {
			float: left;
			width: 168px;
			margin-top: 7px;
			margin-bottom: 7px;
			text-align: center;
			font-size: 14px;
			font-weight: bold;
		}
		
		.mobilePrice {
			float: left;
			width: 71px;
			height: 24px;
			background: url(../images/priceBackground.jpg);
			font-size: 14px;
			color: #900;
			padding-left: 10px;
			padding-top: 6px;
		}
		
		.mobileSellIt {
			float: left;
			width: 87px;
			height: 30px;
		}
		
	.homeArrows {
		float: left;
		width: 930px;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}

#pageFooter {
	float: left;
	width: 950px;
	height: 65px;
	background: url(../images/footerBackground.jpg) no-repeat;
	margin-bottom: 15px;
	padding-top: 15px;
	font-size: 11px;
	text-align: center;
	color: #496A17;
}

	#pageFooter a {
		color: #FFF;
		text-decoration: underline;
	}

	#pageFooter a:hover {
		color: #000;
	}
	
.verticalSpace {
	float: left;
	width: 100%;
	height: 20px;
	background: #FFF;
}

h3 {
	float: left;
	width: 930px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	border-bottom: dashed 1px #666;
	margin-bottom: 5px;
}

.cartRemoveTitle {
	float: left;
	width: 153px;
	border: solid 1px #FFF;
	height: 27px;
	color: #FFF;
	background: url(../images/removeBack.jpg);
	padding-left: 15px;
	padding-top: 8px;
}

.cartProductTitle {
	float: left;
	width: 573px;
	border: solid 1px #FFF;
	height: 27px;
	color: #FFF;
	background: url(../images/productBack.jpg);
	padding-left: 15px;
	padding-top: 8px;
}

.cartPriceTitle {
	float: left;
	width: 153px;
	border: solid 1px #FFF;
	height: 27px;
	color: #FFF;
	background: url(../images/priceBack.jpg) top right;
	padding-left: 15px;
	padding-top: 8px;
}

.cartRemove {
	float: left;
	width: 128px;
	border: solid 1px #FFF;
	background: url(../images/cartBack1.jpg);
	padding-left: 40px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.cartProduct {
	float: left;
	width: 573px;
	border: solid 1px #FFF;
	height: 18px;
	background: #E4F2D0;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.cartPrice {
	float: left;
	width: 153px;
	border: solid 1px #FFF;
	height: 18px;
	background: #E4F2D0;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.cartTotal {
	float: left;
	width: 930px;
	height: 20px;
	padding-top: 5px;
	background: #C2E195;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.cartButtons {
	float: left;
	width: 930px;
	text-align: center;
}
	
.loginBox {
	float: left;
	width: 450px;
}

.registerBox {
	float: right;
	width: 450px;
}

.registerBox label {
	clear: both;
	float: left;
	width: 120px;
	height: 20px;
	margin-bottom: 10px;
}

.loginBox label {
	clear: both;
	float: left;
	width: 120px;
	height: 20px;
	margin-bottom: 10px;
}

.textField {
	float: left;
	width: 250px;
	height: 20px;
	border: solid 1px #666;
	font-family: Tahoma, Geneva, sans-serif;
	size: 14px;
	margin-bottom: 10px;
}

.orderValue {
	float: left;
	width: 250px;
	height: 20px;
	font-family: Tahoma, Geneva, sans-serif;
	size: 14px;
	margin-bottom: 10px;
}

h4 {
	float: left;
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	border-bottom: solid 1px #CCC;
	margin-bottom: 5px;
}

.orderTitle {
	float: left;
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	border-bottom: solid 1px #CCC;
	margin-bottom: 5px;
}

.orderTitle2 {
	float: left;
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	border-bottom: solid 1px #CCC;
	margin-bottom: 5px;
}

.orderContainer {
	clear: both;
	margin: 0 auto;
	width: 800px;
}

.orderBasketPhone {
	clear: both;
	float: left;
	width: 250px;
	height: 20px;
	margin-bottom: 10px;
}

.orderBasketTotal {
	clear: both;
	float: left;
	width: 250px;
	height: 20px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 10px;
}

.orderBasketPrice {
	float: left;
	width: 100px;
	height: 20px;
	margin-bottom: 10px;
}

.errorBox {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background: #FFDFDF;
	color: #900;
}

.errorBox a {
	color: #900;
}

.errorBox a:hover {
	color: #600;
}

.infinity {
width:100000px;	
}

.verycreative {
	float: left;
	width: 100%;
	height: 30px;
	text-align: center;
	margin-bottom: 20px;
}

.verycreative a {
	color: #000;
}

.formSpecs {
	clear: both;
	float: left;
	width: 375px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
}

.checkBox {
	margin: 0;
	padding: 0;
	width: 20px;
	height: 12px;
}

.orderReference {
	float: left;
	width: 500px;
	height: 46px;
	background: url(../images/icoRefNo.jpg) no-repeat;
	padding-left: 56px;
	padding-top: 5px;
	margin-bottom: 10px;
}

.orderCut {
	float: left;
	width: 500px;
	height: 46px;
	background: url(../images/icoCut.jpg) no-repeat;
	padding-left: 56px;
	padding-top: 5px;
	margin-bottom: 10px;
}

.orderFriends {
	float: left;
	width: 500px;
	height: 36px;
	background: url(../images/icoFriends.jpg) no-repeat;
	padding-left: 56px;
	padding-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
}

.orderLabel {
	clear: both;
	float: left;
	width: 480px;
	padding: 10px;
	border: dashed 2px #000; 
	margin-bottom: 20px;
}

.orderLabel2 {
	clear: both;
	float: left;
	width: 480px;
	padding: 10px;
	border: dashed 2px #000; 
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}

.smallRefNo {
	font-size: 12px;
	text-transform: uppercase;
}

.orderUL {
	clear: both;
	float: left;
	width: 100%;
}

.orderUL ul {
	padding: 10px;
}

.orderUL li {
	list-style: none;
	height: 25px;
	background-image: url(../images/icoUL.png);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-left: 32px;
}

.orderLabelTitle {
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: solid 2px #333;
	margin-bottom: 5px;
}

.orderLabel ul {
	float: left;
	margin: 0;
	padding-left: 30px;
}

.orderLabel li {
	list-style: circle;
}

.contactForm {
	clear: both;
	float: left;
}

.contactForm label {
	clear: both;
	float: left;
	width: 125px;
	height: 22px;
	margin-bottom: 5px;
}

.contactForm .contactField {
	float: left;
	width: 300px;
	height: 22px;
	border: solid 1px #060;
	margin-bottom: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
}

.contactForm .contactTextarea {
	float: left;
	width: 300px;
	height: 75px;
	border: solid 1px #060;
	margin-bottom: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
}

.contactForm .button {
	float: left;
}