/* Copyright Slingshot 2007 | www.slingshot.co.uk
=================================================
	Contents:
	0. Imports
	1. Body, container
	2. Header 
	3. logos
	4. navigation
	5. Left Column
	6. Middle Columns
	7. Right Column
	8. Pods
	9. Footer & copyright 
	10. Hiders, padders, spacers & clearers
	11. Globals
	12. General Colours / bolds
/*================================================
	0. IMPORTS
-------------------------------------------------*/
@import "../js/sIFR/sIFR-screen.css";


/*================================================
	1. Body, container
-------------------------------------------------*/
body{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 0px 0px 0px;
	padding:0px;
	background:#333333;
}
#outerContainer{
	width:780px;
	display:block;
	margin:0px auto;
	background:#FFF;
	text-align:left;
	padding:0px 10px;
}

img{
	border:none;
}
hr{
	margin:0px;
	padding:0px;
	height:1px;
	line-height:1px;
	border:none;
	border-bottom:1px solid #F8931F;
}
a{
	color:#F8931F;
	text-decoration:none;
	font-weight:bold;
}
	a:hover{
		color:#000;
	}
/*================================================
	2. Header
-------------------------------------------------*/
#header{
	display:block;
	margin:0px 0px 10px 0px;
}
	
/*================================================
	3. logos
-------------------------------------------------*/
#header img{
	float:right;
}	
	#header h1{
		margin:0px;
		padding:30px 0px 0px 5px;
		color: #F8931F;
		font-size: 32px;
	}
	#header h2{
		margin:0px;
		padding:0px 0px 0px 5px;
		font-size: 12px;
		color: #333333;
	}
/*================================================
	4. navigation
-------------------------------------------------*/
#header ul{
	/*background:url(../layout/redBar_faded_centre.jpg) top left repeat-x;*/
	background:url(../layout/topNavBar.jpg) top left;
	list-style:none;
	height:30px;
	width:780px;
	margin:0px;
	padding:0px;
	clear:both;
}
	#header ul li{
		float:left;
		margin-right:60px;
		padding:7px 0px 0px 0px;
	}
		
		#header ul li#nav_first{
			margin-left:8px;
		}
		#header ul li#nav_last{
			width:120px;
			margin-right:0px;
		}
		
		#header ul li a{
			color:#FFF;
			font-size:12px;
			text-decoration:none;
			text-transform:uppercase;
			font-weight:bold;
		}
			#header ul li a:hover, #header ul li a#currentTopNav{
				color:#000;
			}
		
	#header ul li.redLeftSide{
		margin:0px;
		padding:0px;
		/*background:url(../layout/redBar_faded_left.jpg) top left no-repeat;*/
		height:30px;
		width:5px;
	}
	#header ul li.redRightSide{
		margin:0px;
		padding:0px 0px 0px 0px;
		/*background:url(../layout/redBar_faded_right.jpg) top right no-repeat;*/
		height:30px;
		width:5px;
	}
		html>body #header ul li.redRightSide{
			padding:0px 0px 0px 3px;
		}

/*================================================
	5. Left Column
-------------------------------------------------*/

						
/*================================================
	6. Middle Columns
-------------------------------------------------*/
#mainContent{
	display:block;
	margin:0px 218px 0px 0px;
	font-size:12px;
}
	#mainContent p{
		padding:0px;
		margin:8px 0px;
	}
	#mainContent h1{
		font-size:18px;
		color:#F8931F;
	}
	#mainContent h2{
		font-size:14px;
		color:#FFF;
		background:url(../layout/silverBar_558px.jpg) top left no-repeat;
		height:30px;
		padding:7px 0px 0px 4px;
	}
	#mainContent h3{
		font-size:14px;
		color:#000;
		margin-bottom:5px;
	}
	#mainContent h4{
		font-size:12px;
		color:#000;
		margin-bottom:5px;
	}
	#mainContent #miniCart{
		display:block;
		width:160px;
		height:55px;
		background:#FDDEB9;
		padding:10px;
	}
		#mainContent #miniCart h2{
			background:none;
			margin:0px;
			padding:0px;
			font-size:12px;
			color:#000;
			height:auto;
		}
		#mainContent #miniCart h3{
			background:none;
			margin:0px;
			padding:0px;
			font-size:11px;
			color:#000;
			font-weight:normal;
		}
		#mainContent #miniCart a{
			color:#F8931F;
			text-decoration:none;
			font-size:11px;
		}
			#mainContent #miniCart a:hover{
				text-decoration:underline;
			}
	
	
	#mainContent ul li{
		/*list-style:url(../layout/black_arrow_im.jpg);*/
		list-style-image:url(../layout/bullets_orangeDot.gif);
		margin-bottom:5px;
	}
	#mainContent .colour_orange{
	color:#F8931F;
	}
	.addTobasket{
		background:#666;
		color:#FFF;
		padding:5px;
		border:1px solid #F8931F;
		font-weight:bold;
		margin-left:40px;
		cursor:pointer;
	}
/*================================================
	7. Right Column
-------------------------------------------------*/
#rightCol{
	width:208px;
	float:right;
	margin-bottom:10px;
}
	#rightCol .redPod_right{
		width:193px;
		background:#F8931F;
		padding:10px 10px 10px 5px;
		margin-bottom:10px
	}
		#rightCol .redPod_right h2{
			font-size:14px;
			margin:0px 0px 0px 0px;
			padding:0px;
			color:#000;
		}
		#rightCol .redPod_right ul{
			list-style:none;
			margin:10px 0px 0px 0px;
			padding:0px;
		}
			#rightCol .redPod_right a{
				color:#FFF;
				font-size:12px;
				text-decoration:none;
			}
				#rightCol .redPod_right a:hover{
					color:#000
				}
/*================================================
	8. pods
-------------------------------------------------*/
.login_mini{
	margin:0px;
	padding:0px;
}
.login_mini p{
	display:block;
	margin:3px 0px 0px 0px;
	padding:0px;
}
	.login_mini p label{
		color:#FFF;
	}
	.login_mini p u{
		text-decoration:none;
	}
	.login_mini p u input{
		width:180px;
	}
	.login_mini p u input.stdSubmit{
		width:100px;
	}
	
/*================================================
	9. Footer & copyright
-------------------------------------------------*/
#footer{
	width:800px;
	margin:20px auto;
	padding-bottom:20px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
}
	#footer a{
		font-size:11px;
		font-weight:bold;
		color:#FFF;
		text-decoration:none;
	}	
		#footer a:hover{
			text-decoration:underline;
		}
/*================================================
	10. Hiders, padders, spacers & clearers
-------------------------------------------------*/



/*================================================
	11. Globals
-------------------------------------------------*/
.hidden{
	display:none;
}
.clearLeft{
	clear:left;
}
.clearRight{
	clear:right;
}
.clearAll{
	clear:both;
	height:1px;
}

.float-left{
	float:left;
}
.float-right{
	float:right;
}

.img-float-left{
	float:left;
	margin:0px 10px 10px 0px;
}

.img-float-right{
	float:right;
	margin:0px 0px 10px 10px;
}
.line_dotted_black{
	line-height:1px;
	height:1px;
	margin:3px 0px;
	padding:0px;
	border-bottom:1px dashed #000;
}
.emphasisText{
	font-weight:bold;
	font-size:13px;
}
/*================================================
	12. General Colours / bolds
-------------------------------------------------*/
.addressInfo{
text-align:left;
}

.stdForm p{
		display:block;
	}
		.stdForm p label{
			float:left;
			padding-left:10px;
			font-weight:bold;
		}	
		.stdForm p u{
			display:block;
			margin-left:110px;
			text-decoration:none;
		}	
			.stdForm p u input{
				width:230px;
			}
			.stdForm p u textarea{
				width:230px;
				height:90px;
			}
		#mainContent  .stdForm p u label.error{ 
				float:none;
				display:block;
				margin-left: 0px;
				color:#8E0000;
				width:250px;
			}
		.stdForm a{
			color:#000;
			text-decoration:underline;
		}
		
		#mainContent .stdForm h3{
			font-size:14px;
			color:#FFFFFF;
			margin:0px;
			padding:0px;
			background:#F8931F;
			padding:5px 3px;
		}
		
		
	
	#productComparisonTbl{
		margin-top:10px;
	}
	#productComparisonTbl td{
		vertical-align:top;
		border-right:5px solid #FFF;
		background-color:#FDDEB9;
	}
		#productComparisonTbl td{
			text-align:center;
		}
		#productComparisonTbl #tableHeadings h1{
			margin:0px;
			padding:5px 0px 0px 0px;
		}
			#productComparisonTbl #tableHeadings h1 a{
			color:#F8931F;
			font-size:13px;
			text-decoration:none;
			}
				#productComparisonTbl #tableHeadings h1 a:hover{
					color:#000;
				}
		
		#productComparisonTbl #tableHeadings h2{
			background:none;
			margin:0px;
				padding:0px;
		}
			#productComparisonTbl #tableHeadings h2 a{
				color:#F8931F;
				font-size:11px;
				text-decoration:none;
			}
				#productComparisonTbl #tableHeadings h2 a:hover{
					color:#000;
				}
		
		
		
		#productComparisonTbl .nonBck{
			background:none;
			text-align:left;
		}
		#productComparisonTbl .features td{
			font-weight:bold;
		}
			#productComparisonTbl .features td h1{
				margin:0px;
				padding:5px 0px 0px 0px;
				color:#000;
				font-size:13px;
			}
			#productComparisonTbl .features td h3{
				margin:0px 0px 0px 10px;
				padding:5px 0px 0px 20px;
				color:#000;
				font-size:12px;
				background:url(../layout/bullets_orangeDot.gif) left no-repeat;
			}
		#productComparisonTbl .borderTop td{
			border-top:1px solid #FFF;
			padding:5px 0px;
		}
		#productComparisonTbl .buttons td{
			background:#F7931E;
			padding:7px 0px;
			border-bottom:5px solid #FFF;
		}
			#productComparisonTbl .buttons td a{
				color:#000;
				text-decoration:none;
				font-weight:bold;
				font-size:12px
			}
				#productComparisonTbl .buttons td a:hover{
					color:#FFF;
				}
		
			#productComparisonTbl .buttons td.nonBck{
			background:none;
			text-align:left;
		}
		
		
/*================================================
	13. sIFR images
-------------------------------------------------*/