body {
	margin: 0px;
	background-color: #515151;
	background-image: url(../images/mainbg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}
	
.loading {
	padding: 130px 0px 0px 127px;
	}
	
#wrapper {
	width: 904px;
	min-height: 288px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/maintopbackground.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding: 0px 20px 0px 20px;
	}

#header {	
	width: 904px;
	float: left;
	}
	
	#logo {
		width: 358px;
		height: 84px;
		float: left;
		padding: 15px 0px 35px 15px;
		}
	
	#headerArea {
		width: 531px;
		float: left;
		}
		
#indexContent {
	width: 904px;
	float: left;
	}
	
	#indexContentLeft {
		width: 598px;
		float: left;
		}
	
	#indexContentBody {
		width: 598px;
		height: 330px;
		float: left;
		background-image: url(../images/indexleftbackground.png);
		background-position: top left;
		background-repeat: repeat-y;
		}
		
		#indexSelectorLeft {
			width: 281px;
			float: left;
			}
			
			#indexSelectorSelected {
				width: 266px;
				float: left;
				background-color: #3F3F3F;
				padding: 0px 0px 0px 15px;
				}
			
			#indexSelectorBuffer {
				width: 281px;
				height: 22px;
				float: left;
				}
				
			.indexSelectorUnselectedFirst {
				width: 262px;
				float: left;
				padding: 0px 0px 12px 15px;
				background-image: url(../images/horizontaldot.png);
				background-position: bottom;
				background-repeat: repeat-x;
				}

			.indexSelectorUnselected {
				width: 262px;
				float: left;
				padding: 10px 0px 10px 15px;
				background-image: url(../images/horizontaldot.png);
				background-position: bottom;
				background-repeat: repeat-x;
				}

			.indexSelectorUnselectedLast {
				width: 262px;
				float: left;
				padding: 10px 0px 0px 15px;
				}
		
		#indexSelectorRight {
			width: 298px;
			float: left;
			padding: 0px 8px 0px 9px;
			}
			
			.step1Item {
				width: 298px;
				float: left;
				padding: 0px 0px 5px 0px;
				}
			
			.step1ItemLast {
				width: 298px;
				float: left;
				padding: 0px 0px 0px 0px;
				}
				
			.step2title {
				width: 298px;
				height: 69px;
				float: left;
				}
			
			.step2Content {
				width: 278px;
				height: 233px;
				background-color: #FFFFFF;
				float: left;
				padding: 5px 10px 0px 10px;
				}
				
				.step2wrapper {
					width: 278px;
					float: left;
					border-top: 2px solid #818181;
					border-bottom: 2px solid #818181;
					}
					
					.step2item {
						width: 258px;
						height: 33px;
						background-image: url(../images/gradientbig.png);
						background-position: top left;
						background-repeat: repeat-x;
						border-top: 2px solid #FFFFFF;
						padding: 9px 10px 0px 10px;
						}
						
					.stepError {
						width: 258px;
						height: 20px;
						padding: 5px 10px 0px 10px;
						}
						
					.step3item {
						width: 258px;
						height: 20px;
						background-image: url(../images/gradientbig.png);
						background-position: top left;
						background-repeat: repeat-x;
						border-top: 2px solid #FFFFFF;
						padding: 4px 10px 0px 10px;
						}
			
			.step2footer {
				width: 278px;
				height: 25px;
				background-image: url(../images/bg_btm.png);
				background-position: bottom left;
				background-repeat: no-repeat;
				float: left;
				padding: 0px 10px 0px 10px;
				}
				
	#indexContentRight {
		width: 296px;
		float: left;
		padding-left: 10px;
		}
		
		.indexRightBox {
			width: 296px;
			float: left;
			}
			
			.indexRightBoxTop {
				width: 296px;
				float: left;
				}
			
			.indexRightBoxMiddle {
				width: 266px;
				height: 322px;
				float: left;
				background-image: url(../images/rightmiddle.png);
				background-position: center;
				background-repeat: repeat-y;
				padding: 3px 15px 3px 15px;
				}
				
				.middleTitle {
					margin-bottom: 10px;
					}
			
			.indexRightBoxBottom1 {
				width: 296px;
				float: left;
				padding-bottom: 10px;
				}

			.indexRightBoxBottom2 {
				width: 296px;
				float: left;
				}
				
	#interiorNavigation {
		width: 904px;
		float: left;
		}
		
		.interiorNavItem {
			float: left;
			display: inline;
			}
	
	#deviceWrapper {
		width: 874px;
		float: left;
		background-image: url(../images/greybackground.png);
		background-position: top;
		background-repeat: repeat;
		padding: 15px 15px 4px 15px;
		}
		
		#deviceArea {
			width: 228px;
			float: left;
			}
		
			#deviceAreaTop {
				width: 228px;
				float: left;
				}
			
			#deviceAreaContent {
				width: 228px;
				min-height: 150px;
				background-color: #FFFFFF;
				float: left;
				}
				
				#deviceAreaItem {
					width: 228px;
					float: left;
					text-align: center;
					}
					
				#deviceAreaTitle {
					width: 200px;
					float: left;
					text-align: center;
					padding: 15px 14px 15px 14px;
					}
					
				#deviceAreaButton {
					width: 228px;
					float: left;
					text-align: center;
					}
			
			#deviceAreaBottom {
				width: 228px;
				float: left;
				}
	
	#repairWrapper {
		width: 626px;
		float: left;
		padding: 0px 0px 0px 20px;
		}
		
		#repairTitle {
			width: 626px;
			float: left;
			}

		#repairTitleLeft {
			width: 250px;
			float: left;
			padding: 0px 0px 15px 0px;
			background-image: url(../images/vertical2.png);
			background-position: right;
			background-repeat: repeat-y;
			}

		#repairTitleRight {
			width: 313px;
			padding: 0px 0px 15px 30px;
			float: left;
			}
		
		#repairTextWrapper {
			width: 626px;
			float: left;
			padding: 0px 0px 0px 0px;
			}
			
			#repairText {
				width: 220px;
				height: 175px;
				float: left;
				padding: 0px 30px 0px 0px;
				margin-right: 30px;
				background-image: url(../images/vertical2.png);
				background-position: right;
				background-repeat: repeat-y;
				}
			#diagnosisForm {
				width: 340px;
				float: left;
			    display: none;
				}
				.diagnoseFormText {
					width: 340px;
					float: left;
					}
				
				.diagnoseFormField {
					width: 340px;
					float: left;
					padding-bottom: 8px;
					}
					
					.diagnoseField {
						width: 300px;
						float: left;
						 border: 1px solid #DDDDDD;
						}
				
				.diagnoseFormButton {
					width: 93px;
					float: left;
					}
			#repairForm {
				width: 340px;
				float: left;
				
				}
				
				.repairFormText {
					width: 340px;
					float: left;
					}
				.repairFormTextright {
					width: 340px;
					float: right;
					}
				.repairFormField {
					width: 340px;
					float: left;
					padding-bottom: 8px;
					}
					
					.repairField {
						width: 300px;
						float: left;
						 border: 1px solid #DDDDDD;
						}
				
				.repairFormButton {
					width: 340px;
					float: left;
					}
				
				#showField {
					width: 340px;
					float: left;
					display: none;
					}
				
	#deviceWrapperBottom {
		width: 904px;
		float: left;
		padding-bottom: 15px;
		}
		
	#accessoriesTop {
		width: 889px;
		height: 27px;
		float: left;
		padding: 10px 0px 0px 15px;
		background-image: url(../images/accessoriestop.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		}
		
	#accessoriesNavigation {
		width: 902px; 
		border: 1px solid #DDDDDD;
		background-color: #F2F2F2;
		float: left;
		}
		
		.accessoriesNavItem {
			padding: 3px 15px 3px 15px;
			float: left;
			border-right: 1px solid #DDDDDD;
			}
		
		.accessoriesNavItemEnd {
			padding: 3px 15px 3px 15px;
			float: left;
			}
		
		
	#accessoriesContent {
		width: 902px;
		border-left: 1px solid #DDDDDD;
		border-right: 1px solid #DDDDDD;
		float: left;
		}
		
		#accessoriesAjax {
			width: 902px;
			float: left;
			padding: 0px 0px 0px 0px;
			}
	
		.accessoriesLoading {
			margin: 30px 0px 30px 427px;
			}
			
		#accessoriesSelected {
			width: 872px;
			float: left;
			border-bottom: 1px solid #DDDDDD;
			padding: 7px 15px 7px 15px;
			}
			
		.accessoriesItemWrapper {
			width: 411px;
			height: 100px;
			float: left;
			padding: 20px 20px 20px 20px;
			}
			
			.accessoriesPhoto {
				width: 100px;
				float: left;
				}
				
			.accessoriesContentWrapper {
				width: 300px;
				float: left;
				padding: 0px 0px 0px 10px;
				}
				
			
			.accessoriesContentText {
				width: 300px;
				padding: 0px 0px 10px 0px;
				float: left;
				}
				
			.accessoriesOptions {
				width: 300px;
				float: left;
				}
				
				.accessoriesPrice {
					width: 200px;
					float: left;
					}
			
				.accessoriesAdd {
					width: 100px;
					float: left;
					}
			
			
	
	#accessoriesBottom {
		width: 904px;
		float: left;
		padding: 0px 0px 15px 0px;
		}
		
	#greyTop {
		width: 902px;
		float: left;
		}
		
	#greyContent {
		width: 902px;
		border-left: 1px solid #DDDDDD;
		border-right: 1px solid #DDDDDD;
		float: left;
		}
		
		#greyContentWrapper {
			width: 872px;
			float: left;
			padding: 8px 15px 15px 15px;
			}
			
		#greyContentWrapperCheckout {
			width: 752px;
			float: left;
			padding: 8px 15px 15px 95px;
			}
			
			.cartCategoryWrapper {
				width: 867px;
				float: left;
				border-bottom: 1px solid #DDDDDD;
				padding: 5px 0px 4px 5px;
				background-color: #DDDDDD;
				}
				
				.cartCategoryTitle {
					width: 700px;
					float: left;
					}
				
				.cartCategoryDelete {
					width: 97px;
					float: left;
					}
				
				.cartCategoryPrice {
					width: 70px;
					float: left;
					}
					
				
			.cartItemWrapper {
				width: 872px;
				float: left;
				border-bottom: 1px solid #DDDDDD;
				padding: 10px 0px 10px 0px;
				}
			
			
				.cartItemPhoto {
					width: 65px;
					float: left;
					padding: 0px 30px 0px 5px;
					}
					
				.cartItemTitle {
					width: 260px;
					float: left;
					padding-top: 20px;
					padding-right: 20px;
					}

				.cartItemTitleRepair {
					width: 180px;
					float: left;
					padding-top: 20px;
					padding-right: 20px;
					}

				.cartItemDescription {
					width: 305px;
					float: left;
					padding-top: 20px;
					padding-right: 20px;
					}

				.cartItemSymptoms {
					width: 195px;
					float: left;
					padding-top: 20px;
					padding-right: 20px;
					}

				.cartItemDiagnosis {
					width: 170px;
					float: left;
					padding-top: 20px;
					padding-right: 20px;
					}
					
				.cartItemRemove {
					width: 87px;
					float: left;
					padding-top: 20px;
					padding-left: 10px;
					}
				
				.cartItemPrice {
					width: 70px;
					float: left;
					padding-top: 20px;
					}
						
			.cartTotalsWrapper {
				width: 872px;
				float: left;
				}
			
				.cartTotalsArea {
					width: 635px;
					float: left;
					padding: 20px 20px 0px 0px;
					}
					
					.cartTotalsClass {
						width: 635px;
						height: 124px;
						float: left;
						background-color: #DDDDDD;
						}

						.cartTotalClassBox1 {
							width: 188px;
							height: 124px;
							float: left;
							padding: 10px;
							border-right: 3px solid #FFFFFF;
							}						

						.cartTotalClassBox {
							width: 191px;
							float: left;
							padding: 10px;
							}
							
							.cartTotalsText {
								width: 181px;
								height: 69px;
								float: left;
								padding: 5px;
								}
							
							.cartTotalsForm {
								width: 181px;
								background: #EFEFEF;
								float: left;
								padding: 0px 5px 5px 5px;
								}
					
				.cartTotalsContent {
					width: 217px;
					float: left;
					}
					
					.cartTotalsRow {
						width: 217px;
						float: left;
						border-bottom: 1px solid #DDDDDD;
						border-left: 1px solid #DDDDDD;
						padding: 10px 0px 10px 0px
						}
					
					.cartTotalsTitle {
						width:  127px;
						float: left;
						padding-left: 20px;
						}
				
					.cartTotalsPrice {
						width: 70px;
						float: left;
						}
						
			.cartButtons {
				width: 872px;
				padding: 20px 0px 0px 0px;
				float: left;
				}
				
				.continueShopping {
					float: right;
					margin-right: 12px;
					}
			
			.checkoutTitle {
				width: 872px;
				float: left;
				padding: 0px 0px 15px 0px;
				}
			
			#checkoutLeftColumn {
				width: 356px;
				float: left;
				}
		
				.checkoutName {
					width: 300px;
					float: left;
					}
					
				.checkoutField {
					width: 300px;
					float: left;
					padding: 0px 0px 8px 0px;
					}
					
					.checkoutInput {
						width: 320px;
						border: 1px solid #CCCCCC;
						}
						
					.checkoutDisclaimer {
						width: 316px;
						height: 100px;
						border: 1px solid #CCCCCC;
						color: #DBDBDB;
						overflow: auto;
						background-color: #EFEFEF;
						padding: 2px;
						}
						
					.terms {
						float: left;
						margin-right: 5px;
						margin-bottom: 20px;
						}
							
			#checkoutRightColumn {
				width: 336px;
				float: left;
				background: #DDDDDD;
				padding: 15px;
				}
				
				.checkoutButton {
					width: 320px;
					float: left;
					padding: 10px 0px 0px 0px;
					}
					
			#cardReaderMessage {
				width: 862px;
				float: left;
				background: #990000;
				padding: 5px;
				}
				
				#messageText {
					width: 600px;
					float: left;
					padding: 6px 0px 0px 8px;
					}
			
			#cardReaderImage {
				width: 872px;
				float: left;
				text-align: center;
				padding: 15px 0px 15px 0px;
				}
		
		
	#greyBottom {
		width: 904px;
		float: left;
		padding: 0px 0px 15px 0px;
		}
		

#textContent {
	width: 904px;
	float: left;
	padding: 5px 0px 10px 0px;
	}	
	
	#textContentLeft {
		width: 585px;
		float: left;
		padding-right: 20px;
		background-image: url(../images/vertical.png);
		background-position: right;
		background-repeat: repeat-y;
		}

	#textContentLeftA {
		width: 272px;
		height: 140px;
		float: left;
		padding: 0px 20px 0px 00px;
		background-image: url(../images/vertical.png);
		background-position: right;
		background-repeat: repeat-y;
		}

	#textContentLeftB {
		width: 272px;
		height: 140px;
		float: left;
		padding: 0px 20px 0px 20px;
		background-image: url(../images/vertical.png);
		background-position: right;
		background-repeat: repeat-y;
		}
		
	#textContentRight {
		width: 279px;
		height: 140px;
		float: left;
		padding-left: 20px;
		}

#footer {
	width: 884px;
	height: 101px;
	float: left;
	background-image: url(../images/footerbackground.png);
	background-position: top left;
	background-repeat: repeat-x;
	padding: 10px 10px 10px 10px;
	}