@charset "UTF-8";

/*GLOBAL CLASSES*/
*:focus{
	outline:0;
}

html{
	height:100%;
	overflow-x:hidden;
	overflow-y:scroll;
}

body{
	height:100%;
	margin:0px;
	padding:0px;
	
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:12px;
	color:#333333;
	
	background-image:url(images/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#440C15;
}

img{
	border:none;
}

/*LAYOUT CLASSES*/
.pageWrapper{
	width:900px;
	margin:auto;
	margin-top:168px;
}

.backgroundWrapperTop{
	float:left;
	width:100%;
	background-color:#FFF;
	background-image:url(images/contentTop.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.backgroundWrapperBottom{
	float:left;
	width:100%;
	background-image:url(images/contentBottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.contentWrapper{
	float:left;
	padding-top:10px;
	border-bottom-style:dotted;
	border-bottom-color:#000;
	border-bottom-width:1px;
}

.footerPadding{
	float:left;
	padding-top:10px;
}

.footerText{
	float:left;
}

.footerSpacer{
	float:left;
	width:100%;
	height:10px;
}

.defaultTitleWrapper{
	float:left;
	width:870px;
}

.defaultTitle{
	float:left;
	padding-left:3px;	
	padding-top:5px;
	padding-bottom:15px;
}

.jimmyLeft{
	float:left;
	width:415px;
}

.jimmyRight{
	float:left;
	width:465px;
}

/*BOX CLASSES*/
.defaultBoxPadding{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

.defaultBlueBox{
	float:left;
	width:286px;
	height:210px;
	background-image:url(images/blueBox.jpg);
}

.defaultBlueBoxImage{
	float:left;
	padding-left:4px;
	overflow:hidden;
	height:152px;
}

.defaultBlueBoxText{
	float:left;
	width:286px;
	padding-top:5px;
	text-align:center;
	color:#FFF;
	font-size:16px;
}

.defaultBoxText{
	float:left;
	width:212px;
	padding-top:5px;
	text-align:center;
	color:#FFF;
	font-size:16px;
}

.defaultBoxImage{
	float:left;
	padding-left:5px;
	overflow:hidden;
	height:152px;
}

.defaultBoxTable{
	width:100%;
	height:50px;
	line-height:21px;
}

.creamBox{
	float:left;
	width:212px;
	height:210px;
	background-image:url(images/creamBox.jpg);
}

.creamBoxText{
	float:left;
	width:212px;
	padding-top:5px;
	text-align:center;
	color:#92131A;
	font-size:16px;
}

.creamBoxNotes{
	float:left;
	font-weight:bold;
	padding-left:15px;
	padding-top:10px;
	padding-right:15px;
}

.redBox{
	float:left;
	width:212px;
	height:210px;
	background-image:url(images/redBox.jpg);
}

.redBoxText{
	float:left;
	width:212px;
	padding-top:5px;
	text-align:left;
	color:#FFF;
	font-size:14px;
}

.redBoxTable{
	float:left;
	height:50px;
	padding-left:15px;	
	line-height:18px;
}

.bigRedBox{
	float:left;
	width:434px;
	height:266px;
	background-image:url(images/bigRedBox.jpg);
}

.bigRedBoxText{
	float:left;
	width:434px;
	height:35px;
	padding-top:20px;
	text-align:center;
	color:#FFF;
	font-size:18px;
}

.bigRedBoxImage{
	float:left;
	padding-left:4px;
}

.defaultBoxRollover{
	position:relative;
	left:10px;
	top:10px;
	width:184px;
	height:131px;
	z-index:20;
	visibility:hidden;
	background-image:url(images/products/productOverlay.gif);
}

.defaultBoxRolloverPadding{
	float:left;
	padding:10px;
	font-weight:bold;
	color:#000;
}

.defaultBoxRolloverImage{
	position:relative;
	left:0px;
	top:-132px;
	z-index:5;
}

/*CONTACT CLASSES*/
.leftContact{
	float:left;
	width:435px;
	font-size:14px;
	color:#333333;
}

.contactRow{
	float:left;
	width:212px;
	height:45px;
}

.contactRowShort{
	float:left;
	width:212px;
	height:25px;
}

.contactRowAlt{
	float:left;
	width:212px;
	height:45px;
	margin-left:10px;
}

.contactColumn{
	float:left;
	width:212px;
}

.contactRowSmall{
	float:left;
	width:101px;
	height:45px;
	margin-left:10px;
}

.contactColumnAlt{
	float:left;
	width:101px;
}

.rightContact{
	float:left;
	width:435px;
}

.enquiryContact{
	float:left;
	width:435px;
}

.submitPadding{
	float:left;
	padding-bottom:10px;
	padding-top:10px;
}

.contactArea{
	width:434px;
	height:50px;
}

.contactText{
	width:206px;
}

.contactSmallText{
	width:95px;
}

.contactDetailsWrapper{
	float:left;
	width:445px;
}

.contactDetails{
	float:left;
	margin-left:10px;
	font-size:14px;
	line-height:18px;
	color:#333333;
}

.contactDetailsWidth{
	float:left;
	width:192px;
}

.contactDetailsTitle{
	float:left;
	width:192px;
	padding-bottom:4px;
	font-weight:bold;
	font-size:18px;
}

.contactDetailsText{
	float:left;
	width:192px;
	padding-bottom:8px;
}

/*UNIVERSAL CLASSES*/
.defaultPadding{
	float:left;
	padding:10px;
	padding-right:0px;
}

.bottomPadding{
	float:left;
	padding-bottom:10px;
}

.float{
	float:left;
}

/*TEXT CLASSES*/
.heading{
	float:left;
	width:100%;
	font-size:14px;
	font-weight:bold;
	padding-bottom:8px;
	margin-left:3px;
}

.bold{
	float:left;
	width:100%;
	font-weight:bold;
	font-style:italic;
	margin-left:3px;	
	padding-bottom:12px;
}

.regular{
	float:left;
	margin-left:3px;
	padding-bottom:8px;
}

.regularEnd{
	float:left;
	margin-left:3px;
	padding-bottom:2px;
}

.regularFull{
	float:left;
	width:875px;
	margin-left:3px;	
	padding-bottom:8px;
}

.regularFullEnd{
	float:left;
	width:875px;
	margin-left:3px;	
	padding-bottom:2px;
}

.small{
	font-size:12px;	
}

.sevenReasonsTitle{
	float:left;
	font-size:18px;
	padding-top:5px;
	padding-left:5px;
	font-weight:bold;
	color:#92131A;
	padding-bottom:10px;
}

.sevenReasonsList{
	float:left;
	clear:left;
	width:600px;
	list-style:decimal;
	line-height:18px;
	font-weight:bold;
	color:#333;
	margin:0px;
	padding:0px;
	padding-left:40px;
	padding-bottom:10px;
}

.sevenReasonsList li{
	margin:0px;
	padding:0px;	
	padding-bottom:4px;	
}

/*LINK CLASSES*/
a{
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
}

a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	cursor:pointer;	
}

a.redLink{
	color:#92131A;
	text-decoration:none;
	cursor:pointer;
}

a.redLink:hover{
	color:#000000;
	text-decoration:underline;
	cursor:pointer;	
}

a.blackLink{
	color:#333333;
	text-decoration:none;
	cursor:pointer;
}

a.blackLink:hover{
	color:#333333;
	text-decoration:underline;
	cursor:pointer;
}