/* CSS Document */
body {
	margin: 0px;
	background: #161616;
	background-image:url(/images/background.gif);
	background-position: top center;
	background-repeat: repeat-y;
	}

a img { border: 0; }	

#siteContainer {
	background-image: url(/images/mainbackground.jpg);
	background-position:  top;
	background-repeat: repeat-x;
	background-color: #161616;
	overflow: hidden;
	width: 100%;
	}
	
	#templateContainer {
		width: 880px;
		}
		
		#templateLeftContainer {
			width: 20px;
			float: left;
			padding-left: 20px;
			}
		
		#tempalteBodyContainer {
			width: 801px;
			float: left;
			background: #ffffff;
			}
			
			#headerContainer {
				width: 801px;
				float: left;
				}
			
			#navigationContainer {
				width: 801px;
				float: left;
				background: #353535;
				}	
				
				.navRepairOrderItem {
					float: left;
					padding-left: 16px;
					}
				
					
					#subpagenavigation {
						font: 12px arial;
						color: #2c2c2c;
					}
			
			#bodyContainer {
				float: left;
				width: 801px;
				margin: 0px;
				}
				
				#errormessage,
				#successmessage {
					float: left;
					width: 761px;
					margin: 8px 0 5px 0;
					padding: 8px 20px 8px 20px;
					background: #991122;
					color: #2c2c2c;
				}
				#successmessage {
					background: #2aa60d;
				}
				
				#errormessage h2,
				#successmessage h2 {
					color: #c2c2c2;
					font: 18px arial;
					padding: 0;
					margin: 0;
				}
				
				#subpagenavigation {
					float: left;
					width: 761px;
					margin: 8px 0 5px 0;
					padding: 8px 20px 8px 20px;
					background: #D0D0D0;
					color: #2c2c2c;
				}
				
				.dropdown {
					position: relative;
					width: 220px;
					display: block;
					background: #353535;
					border: 0;
				}
				.dropdown a,
				.dropdown a:visited {
					text-decoration: none;
					display: block;
					padding: 4px 2px 4px 4px;
					margin:0;
					border: 0;
					color: #cccccc;
					border-bottom: 1px solid #cccccc;
				}
				
				.dropdown a:hover {
					background: #cccccc;
					color: #353535;
					border-bottom: 1px solid #2c2c2c;
				}
				
					/***************** INDEX ONLY STYLES *********************/				
					
					.indexContainer {
						font: 12px, arial;
						float: left;
						width: 800px;
						margin: 0px 4px 0px 4px;
					}
					#indexDiagnosis {
						float: left;
						padding: 10px;
						width: 170px;
					}
					
					#indexWelcome {
						float: left;
						padding: 10px 20px 20px 0;
						width: 350px;
						line-height: 12px;
						border-right: 1px solid #cccccc;
					}
					
					#indexQuestions {
						float: left;
						padding: 10px 0 0 15px;
						width: 190px;
					}
					
					#indexSEO {
						float: left;
						padding: 20px 10px 20px 15px;
						width: 300px;
					}
					
					#indexContent {
						padding: 5px;
					}
					
					#indexContainer a,
					#indexContainer a:visited,
					#indexQuestions a,
					#indexQuestions a:visited {
						color: #B20C15;
						font-weight: bold;
					}
					
					#howitworks {
						float: left;
						display: block;
						width: 670px;
						padding: 10px 50px 10px 50px;
						margin: 15px;
						background: #353535;
					}
					
					#howitworks,
					#howitworks a,
					#howitworks a:visited {
						border: none;
						color: #ffffff;
						font: 16px arial;
						text-decoration: none;
					}
					
					
					/***************** END INDEX ONLY STYLES *********************/	
					/***************** NAVIGATION STYLES *********************/
					

					
					ul#navigationContainer {	
								list-style: none;
								margin: 0;
								padding: 0;
								z-index: 100;
								text-indent: 0;
								height: 40px;
							}	


							ul#navigationContainer li {
								position: relative;
								list-style: none;
								float: left;
								margin: 0;
								padding: 0;
								z-index: 110;
								text-indent: 0;
								height: 40px;
								}





							/* Fix IE. Hide from IE Mac \*/
							* html ul#navigationContainer li { float: left; height: 1%; z-index: 112; margin: 0; }
							* html ul#navigationContainer li a { height: 1%; z-index: 113; margin: 0; }
							/* End */

							ul#navigationContainer ul {
								position: absolute;
								display: none;
								left: 0px; 
								top: 40px;
								margin: 0;
								padding: 0;
								text-indent: 0;
								z-index: 114;
								}
								
							ul#navigationContainer ul li {
								height: auto;
								margin: 0;
							}
							
							ul#navigationContainer ul span li a {
								margin: 0;
								background: #4a4a4a;
								 z-index: 115;
							}
							
							ul#navigationContainer ul span li a:hover {
								margin: 0;
								background: #bebebe;
								 z-index: 115;
							}
							
							/* Sub Menu Stules */

							.dropdownItem {
								display: block;
								width: 162px;
								background: #a2a2a2;
								margin: 0;
								padding: 0;
								border: 0;
								font-family: Arial, Helvetica, sans-serif;
								color: #FFFFFF;
								font-size: 12px;
								text-decoration: none;
								clear: both;
								z-index: 116;
								}

							.dropdownItem a,
							.dropdownItem a:visited {
								display: block; 
								color: #FFFFFF;
								padding: 6px 10px 6px 10px;
								margin: 0;
								text-decoration: none;
								z-index: 117;
							}
							
							.lastdropdown,
							.lastdropdown a,
							.lastdropdown a:visited,
							.lastdropdown a:hover {
								background-image: url(/images/policiesfooter.gif);
								background-position:  top;
								background-repeat: repeat-x;
								background-color: transparent;
								overflow: auto;
								height: 19px;
								display: block;
								width: 162px;
								margin: 0;
								padding: 0;
								border: 0;
								clear: both;
							}
							
							
							.dropdownItem a:hover {
								background: #535353;
								margin: 0;
							}

							/* Hide sub-menus initially */
							ul#navigationContainer li:hover ul ul,
							ul#navigationContainer li:hover ul ul ul,
							ul#navigationContainer li.over ul ul,
							ul#navigationContainer li.over ul ul ul { display: none; margin: 0; } 

							/* The magic */
							ul#navigationContainer li:hover ul,
							ul#navigationContainer li li:hover ul,
							ul#navigationContainer li li li:hover ul,
							ul#navigationContainer li.over ul,
							ul#navigationContainer li li.over ul,
							ul#navigationContainer li li li.over ul { display: block; margin: 0; } 
							ul#navigationContainer li.menuparent:hover,
							ul#navigationContainer li.over { background-color: #353535; margin: 0;}
							ul#navigationContainer li li.over { background-color: #353535;margin: 0; }
							ul#navigationContainer li li:hover { background-color: #353535;margin: 0; }
							ul#navigationContainer li a:hover { color: #ffffff;margin: 0; }
					
					/***************** END UL LI NAVIGATION STYLES *********************/	
					/***************** INTERIOR ONLY STYLES *********************/
					
					#demoContainer {
						width: 804px;
						float: left;
						padding: 15px;
					}
					
					#demoLeft {
						float: left;
						width: 380px;
						padding-right: 10px;
						border-right: 1px dotted #cccccc;
					}
					
					#orderTitle h1,
					#demoLeft h1,
					#demoRight h1 {
						margin: 0;
						font: 22px arial;
						color: #666666;
					}
					
					#demoRight {
						float: left;
						width: 400px;
					}
					
					#demoRight ol {
						margin: 0;
					}
					
					#demoRight li {
						font: 11px arial;
					}
					
					
					
					#demoRight img {
						text-align: center;
						padding: 10px 0 20px 0;
					}
					
					#demoForm #serial,
					#demoForm #textarea {
						border: 1px solid #7f7f7f;
						width: 350px;
					}
					
					#seoCopy {
						float: left;
						width: 760px;
						padding: 30px 0 0 10px;
					}
					/***************** END  DEMO  ONLY STYLES *********************/
					/***************** CONTENT ONLY STYLES *********************/
					
					#errorBox {
						width: 769px;
						margin-left: 16px;
						margin-right: 16px;
						padding-top: 20px; 
						padding-bottom: 30px;
						height: 310px;
						} 
					
					#contentBox {
						width: 769px;
						margin-left: 16px;
						margin-right: 16px;
						padding-top: 20px; 
						padding-bottom: 30px;
						height: 310px;
						} 
					
					#contentBoxSplash {
						width: 709px;
						margin-left: 46px;
						margin-right: 46px;
						padding-top: 20px; 
						padding-bottom: 30px;
						} 
					
					#contentBoxFull {
						width: 619px;
						margin-left: 16px;
						margin-right: 16px;
						padding-top: 20px; 
						padding-bottom: 30px;
						padding-right: 150px;
						overflow: auto;
						} 
					
					#contentBoxRepair {
						float: left;
						width: 769px;
						margin-left: 16px;
						margin-right: 16px;
						padding-top: 20px; 
						padding-bottom: 30px;
						}
						
					#repairDisplay {
						float: left; 
						text-align: center;
						width: inherit;
						padding-right: 40px;
					}
					.productCaseOut { 
						float: left;
						width: 100px; 
						height: 160px;
						padding: 0;
						overflow: hidden;
					}
					.productCase {
						float: left;
						margin: 0;
						width: 100px; 
						height: 160px;
						font: 10px arial; 
						border: none; 
						text-decoration: none; 
						color: #990000; 
						text-align: center;
					}
					
					.productCase img {
						float: left;
						padding: 0;
						margin: 0;
					}
					
					/*   SHIPPING BOX STYLES */
					#contentBoxShipping {
						float: left;
						width: 769px;
						margin-left: 16px;
						margin-right: 16px;
						padding-top: 20px; 
						padding-bottom: 30px;
						} 
						
							#shippingStepOne {
								float: left;
								width: 330px;
								padding: 15px;
								background: #e2e2e2;
								border: 1px solid #cccccc;
								margin-right: 40px;
								height: 280px;
							}
							
							#shippingStepTwo {
								float: left;
								width: 330px;
								padding: 15px;
								background: #e2e2e2;
								border: 1px solid #cccccc;
								height: 280px;
							}
							
							#shippingStepThree {
								float: left;
								width: 330px;
								padding: 15px;
								background: #e2e2e2;
								border: 1px solid #cccccc;
								margin-left: 40px;
								height: 260px;
							}
							
							#shippingStepOne h3,
							#shippingStepTwo h3,
							#shippingStepThree h3 {
								color: #666666;
								padding: 0;
								font: 18px arial;
								margin: 0;
							}
						
						#shippingtotals {
							float: right;
							width: 200px;
							margin: 10px 40px 20px 0;
						}
						
						input.quantity { 
							width: 35px;
							border: 1px solid #2c2c2c;
							background: #c2c2c2;
						}
						
						#shippingLabel {	
							width: 669px;
							float: left;
							padding-top: 20px;
							padding-left: 20px;
							}
						
/************************************************************************/
/* NEW CHERRYFUSION CHECKOUT REPAIR FUNCTIONS FOR VERSION 2 BY RYAN     */  
/************************************************************************/

#orderTitle {
	width: 757px;
	float: left;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	background-image: url(../images/width_background.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}

#orderReview {
	width: 757px;
	float: left;
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 12px;
	padding-top: 20px;
	background-image: url(../images/width_background.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}
	
	.orderReviewItem {
		padding-bottom: 15px;
		text-align: left;
		}
	
	.orderReviewDark {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		padding: 4px;
		background: #CCCCCC;
		}
		
	.orderReviewLight {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		padding: 4px;
		background: #E2E2E2;
		}
	
#orderForm{
	width: 757px;
	float: left;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 20px;
	padding-top: 20px;
	background-image: url(../images/width_background.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}
	
	#orderFormLeftColumn {
		width: 378px;
		float: left;
		}
		
		.orderInputTitle {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			color: #444444;
			font-weight: bold;
			padding-bottom: 4px;
			}
			
			 .orderInputSubTitle {
			 	font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: #444444;
				padding-left: 4px;
				}
		
		.orderInputDescription {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #000000;
			padding-bottom: 12px;
			padding-left: 12px;
			}

			
		.orderInputText {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			padding-right: 10px;
			color: #000000;
			text-align: right;
			}

		.orderDisplayText {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			padding-right: 10px;
			color: #000000;
			}
			
		.orderInput {
			width: 200px;
			margin-top: 5px;
			margin-bottom: 5px;
			}
	
	#orderFormRightColumn {
		width: 378px;
		float: left;
		}

#orderButtons{
	width: 705px;
	float: left;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 12px;
	padding-top: 6px;
	text-align: right;
	padding-right: 52px;
	}



/************************************************************************/
/*END CHERRYFUSION CHECKOUT REPAIR FUNCTIONS FOR VERSION 2 BY RYAN      */
/************************************************************************/



					/***************** START SPLASH ONLY STYLES ********************/
					#splashLeftColumn {
						width: 475px;
						float: left;
						background-image:url(https://cherryfusion.com/images/height_background.gif);
						background-position: right;
						background-repeat: repeat-y;
						}
					
						#splashText {
							width: 475px;
							float: left;
							padding-bottom: 20px;
							background-image:url(https://cherryfusion.com/images/width_background.gif);
							background-repeat: repeat-x;
							background-position: bottom;
							}		
						
						#splashActions {
							width: 475px;
							float: left;
							}
						
							#splashGetStarted {
								width: 238px;
								float: left;
								background-image:url(https://cherryfusion.com/images/height_background.gif);
								background-position: right;
								background-repeat: repeat-y;
								padding-top: 10px;
								padding-bottom: 10px;
								}
								
								#splashSelectForm {
									width: 200px;
									background: #BE121E;
									padding-top: 3px;
									padding-bottom: 3px;
									padding-right: 10px;
									padding-left: 11px;
									margin-top: 6px;
									margin-bottom: 30px;
									padding-top: 10px;
									padding-bottom: 10px;
									}
								
									.splashSelectField {
										width: 200px;
										margin-top: 6px;
										margin-bottom: 6px;
										}
							
							#splashEmailNewsletter {
								width: 200px;
								float: left;
								padding-left: 17px;
								padding-right: 18px;
								}
							
								#splashNewsletterForm {
									width: 180px;
									background: #838383;
									padding-left: 10px;
									padding-right: 10px;
									padding-top: 10px;
									padding-bottom: 10px;
									}
								
									.splashField {
										width: 170px;
										background: #FFFFFF;
										font-family: Arial, Helvetica, sans-serif;
										font-size: 12px;
										margin-bottom: 3px;
										}			
					
					#splashRightColumn {
						width: 234px;
						float: left;
						}
						
						#splashImageTop {
							float: left;
							width: 14px;
							padding-left: 20px;
							}
						
						#splashThumbnails {
							float: left;
							width: 234px;
							}
						
						.splashUnit {
							width: 60px;
							float: left;
							padding-left: 13px;
							padding-bottom: 20px;
							overflow: hidden;
							}
					
					/***************** END SPLASH ONLY STYLES  *********************/
					/***************** END CONTENT ONLY STYLES *********************/	
					
			#footerContainer {
				float: left;
				width: 801px;
				margin-bottom: 75px;
				}
				
				#footerContent {
					width: 739px;
					margin-left: 16px;
					margin-right: 16px;
					margin-top: 1px;
					margin-bottom: 16px;
					padding-left: 15px;
					padding-right: 15px;
					padding-top: 15px; 
					padding-bottom: 15px;
					background: #DCDCDC;
					overflow: hidden;
					}
					
					#footerTop {
						width: 739px;
						float: left;
						}
					
						.ziplineLogo {
							float: right;
							margin-left: 10px;
							}
							
						.ccLogos {	
							float: left;
							margin-bottom: 3px;
							}
						
						.dhlLogo {
							margin-bottom: 3px;
							margin-left: 20px;
							float: left;
							}
						
					#footerBottom {
						width: 739px;
						float: left;
						}
		
		#tempalteRightContainer {
			width: 20px;
			float: left;
			}
		
.inputbox {
	border-top: 2px solid #383836;
	border-bottom:  2px solid #383836;
	border-left:  2px solid #383836;
	border-right:  2px solid #383836;
   	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 200px;
	}
	
.inputboxTxtArea {
	border-top: 2px solid #383836;
	border-bottom:  2px solid #383836;
	border-left:  2px solid #383836;
	border-right:  2px solid #383836;
   	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	}	
	
.inputbox_small {
	border-top: 2px solid #383836;
	border-bottom:  2px solid #383836;
	border-left:  2px solid #383836;
	border-right:  2px solid #383836;
   	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100px;
	}
	
		
		/*   ACCESSORIES LAYOUT PAGES  */
		
		#accesoriesContainer {
			float: left;
			width: 800px;
			margin: 0 0 30px 0;
			padding: 15px;
			text-align: center;
			clear: both;
		}
		
		#accessoriesContainer h2 {
			padding-left: 50px;
			font: 24px Arial;
		}
		
		#productTop {
			padding: 0 0 0 50px;
			margin: 0 0 30px 0;
			font: 16px Arial;
			
		}
			#accesoriesList {
				float: left;
				width: 750px;
				text-align: left;
				background: #cccccc;
				clear: both;
			}
			
			.accessoryWrapper {
				margin: 0 0 20px 20px;
				width: 750px;
				text-align: left;
				clear: both;
			}
			
				.accessoryHeaderOn {
						float: left;
						width: 750px;
						height: 30px;
						display: block;
						background: #cccccc;
						clear: both;
					}

				.accessoryHeaderOff {
						float: left;
						width: 750px;
						height: 30px;
						display: block;
						background: #e2e2e2;
						clear: both;
					}
					
						a.accessoryHeaderTitle,
						a.accessoryHeaderTitle:hover,
						a.accessoryHeaderTitle:visited {
							float: left;
							width: 625px;
							padding: 4px 0 8px 25px;
							font: 18px Futura, Arial;
							color: #2c2c2c;
							text-decoration: none;
						}
						
							a.accessoryHeaderTitle img,
							a.accessoryHeaderTitle:hover img,
							a.accessoryHeaderTitle:visited img {
								margin-left: 10px;
								border: 0;
							}

						.accessoryHeaderRight {
							float: left;
							padding: 8px 0 0 0;
						}
						
							.accessoriesContentOn {
								float: left;
								width: 750px;
								background: #cccccc;
								margin: 0 0 20px 0;
							}
							
							
							.accessoriesContentOff {
								float: left;
								width: 750px;
								background: #e2e2e2;
								margin: 0 0 20px 0;
							}
								
								.productImage {
									float: left;
									margin: 10px;
								}
			
								p.accessoryPrice {
									float: left;
									display: block;
								}
								
								.addtocart {
									float: right;
									margin: 80px 20px 10px 10px;
								}