@charset "utf-8";
@import url("browser_resets.css");
@import url("/fonts/fonts.css");
@import url("carousel.css");

/*===================================================================

Filename: master.css
Title: Main Layout for www.BallisticBlue.com
Author: Lisa Murray

=================================================================== */

body {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 75%;
	color:#7c7c7c;
	line-height:140%;
	text-align:center;
	background:#fff;
	margin:-3px 0 0 0 !important;
	padding:0px 0px 30px 0px;
}

/*===================================================================
FORMATTING
=================================================================== */

a{
	color:#009EE0;
	text-decoration:none;
}
	a:visited{
		text-decoration:none;
	}
	
	a:hover{
		text-decoration:underline;
	}

h1{
	font-family:"SofiaLight",Arial,Helvetica,sans-serif;
	font-size:280%;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

h2{
	font-family:"SofiaMedium",Arial,Helvetica,sans-serif;
	font-size:120%;
	line-height:140%;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
	

h3{
	font-size:120%;
	font-weight:bold;
	color:#1a171b;
	line-height:120%;
	margin:0px 0px 8px;
	padding:0px;
}

h4{
	font-size:100%;
	font-weight:bold;
	color:#1a171b;
	line-height:120%;
	margin:0px 0px 8px;
	padding:0px;
}

p{
	margin-top:10px;
}

p,ul li,ol li,blockquote,q,cite{
	line-height:140%;
}

.unbold{
	font-weight:normal !important;
}

.bold{
	font-weight:bold !important;
}

.refund{
	font-family:"SofiaMedium",Arial,Helvetica,sans-serif;
	font-size:120%;
	text-align:center;
	color:#58595b;
}

/*curve all corners*/
.curveall{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(newStyle/css3-ie-pie.htc);
}
/*curve top left/right only*/
.curvetop{
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

/*link to top of page*/
p.topofpage{
	clear:both;
	color:#022c54;
	font-weight:bold;
	border-top:8px solid #cdcdcd;
	padding-top:5px;
	margin-bottom:10px;
}
	p.topofpage a{
		color:#022c54;
	}


/*link to previous page*/
p.backpage{
	padding-left:10px;
}
	p.backpage a{
		color:#022c54;
	}

/*===================================================================
SITE WIDE ELEMENTS
=================================================================== */
/*clear floated elements*/
.clear-float:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clear-float { height:1%; } /* IE6 */
*:first-child+html .clear-float { min-height:1%; } /* IE7 */


/*clears anything leaving no gap*/
.clear{
	float:none;
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}

/*clear anything leaving a gap*/
.clearheight{
	float:none;
	clear:both;
}

/*hide unwanted items on view*/
.hide,
.hide span{
	left:-2000px;
	position:absolute;
}

/*===================================================================
CONTAINER
=================================================================== */
/*contains all elements*/
div.container{
	position:relative;
	width:1028px;
	background:#fff;
	text-align:left;
	margin:0px auto;
}

/*===================================================================
ACCOUNT HEADER
=================================================================== */
/*grey container*/
#accountHolder{
	min-width:1028px;
	color:#fff;
	background:#494949;
	padding:0 0 10px 0px;
}
	#accountHolder a{
		color:#fff;
	}
	#accountHolder a:visited{
		color:#eae9e9;
	}

	/*account login details*/
	#account{
		width:1028px;
		text-align:right;
		margin:auto;
		padding:0 !important;
	}
		#account ul {
			list-style:none;
			margin:0px;
			padding:0px;
		}
			#account ul li {
				display:inline;
				font-size:90%;
				/*previous design speech bubbles, hidden for now, can be removed later
				background:url(http://cdnnewimages.ballisticblue.com/common/account-bullet.gif) 0 3px no-repeat;
				padding-left:14px;
				margin-left:15px;*/
				border-left:1px solid #019dda;
				padding:0px 18px 0px 8px;
			}

/*===================================================================
LOGO HEADER / BASKET / PRIMARY NAV
=================================================================== */
header#branding{
	position:relative;
	width:1028px;
	background:#fff;
	border-bottom:8px solid #deddd8;
	margin-bottom:15px;
	padding:8px 0px 2px 0;
}
	/*logo*/
	aside#logo{
		float:left;
	}
	aside#logo p {
		margin:10px 0;
	}
		aside#logo img{
			display:block;
		}
		aside#logo span{
			position:absolute;
			top:-27px;
			color:#fff;
			font-weight:bold;
			font-size:12px;
		}
	
	/*basket short info*/
	nav#basket{
		float:right; 
		width:300px;
		color:#424244;
	}
		nav#basket ul{
			width:300px;
			list-style:none;
			padding:0px;
			margin:0px;
		}
			nav#basket ul li{
				float:right;
				display:block;
				padding:4px 18px 4px 0px;
			}
			
			nav#basket ul li.items{
				padding-right:28px;
			}
				
				nav#basket ul li span{
					color:#0084b8;
					font-weight:bold; 
				}
			
			nav#basket ul li a,
			nav#basket ul li a:visited{
				color:#424244;
			}
			
			nav#basket ul li.checkout{
				clear:both;
				padding-bottom:0px;
				padding-right:0px;
			}
			
	/*primary site nav*/
	nav#primaryNav{
		float:none;
		clear:both;
		width:1028px;
		background:#019dda url(http://cdnnewimages.ballisticblue.com/common/primaryNav-bg.gif) no-repeat;
		border-bottom:1px solid #0077a6;
		-moz-border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
	}
		nav#primaryNav img{
			padding:8px 0px 0px 8px;
		}
		
		nav#primaryNav ul{
			list-style:none;
			margin:0px;
			padding:0px;
		}
			nav#primaryNav ul li{
				float:left;
				display:block;
				font-size:120%;
				color:#fff;
				font-weight:bold;
				background:#019dda url(http://cdnnewimages.ballisticblue.com/common/primaryNav-divide.gif) right center no-repeat;
			}
				nav#primaryNav ul li a{
					float:left;
					display:block;
					color:#fff;
					padding:12px 20px;
					text-decoration:none;
				}
					nav#primaryNav ul li a:visited{
						color:#fff;
					}
					nav#primaryNav ul li a:hover{
						color:#fff;
						background:#0091c9;
						text-decoration:none;
					}
					
					nav#primaryNav ul li a.corner {
						background:url(http://cdnnewimages.ballisticblue.com/common/primaryNav-left.gif) top left no-repeat;
					}
					#primaryNav ul li a.corner:hover{
						background:#0091c9 url(http://cdnnewimages.ballisticblue.com/common/primaryNav-leftroll.gif) top left no-repeat;
					}
		
		/*hide chat now "poweredby" and "rating"*/
		.lpPoweredBy,
		.lpEmtStarRating{
			display:none;
		}

/*===================================================================
MAIN CONTENT AREA
=================================================================== */
.content-container{
	float:none;
	clear:both;
	width:1028px;
}

.content-full{
	float:none;
	clear:both;
	width:1028px;
}

/*left hand column nav*/
.lh-column{
	float:left;
	width:180px;
	background:#dddddd;
}

/*for lh nav to sit next to wide column area - 2 column page*/
.wide-column{
	float:right;
	width:829px;
}

/*used to contain 2 column layout and for working out lh-column height*/
.two-col{
	margin-bottom:10px;
}

/*===================================================================
LEFT HAND COLUMN:
LEFT NAV
=================================================================== */

.lh-column ul.list-nav{
	list-style:none;
	font-size:90%;
	margin:0px 0px 20px;
	padding:0px;
}
	.lh-column ul.list-nav li {
		float:left;
		width:180px;
		border-bottom:1px solid #fff;
		font-weight:bold;
	}
		.lh-column ul.list-nav li a.header {
			cursor:default;
			color:#fff;
			font-weight:bold;
			background:#999;
			text-indent:2px;
		}
		.lh-column ul.list-nav li span{
			float:left; 
			width:6px;
			color:#fff; 
			text-align:center;
			background:#777;
			padding:5px 7px;
			margin-right:5px;
		}
			.lh-column ul.list-nav li span.first {
				background:#878787 url(http://cdnnewimages.ballisticblue.com/common/secondaryNav-topleft.gif) top left no-repeat !important;
			}
			
		.lh-column ul.list-nav li a{
			display:block;
			color:#666;
			font-weight:normal;
			text-align:left;
			text-decoration:none;
			background:#dddddd;
			padding:5px 0;
		}
			.lh-column ul.list-nav li a.active {
				cursor:default;
				font-weight:bold; 
			}
			
			.lh-column ul.list-nav li a.first {
				background:#dddddd url(http://cdnnewimages.ballisticblue.com/common/secondaryNav-topright.gif) top right no-repeat !important;
			}
			
			.lh-column ul.list-nav li a img {
				float:right;
				right:0;
				padding:0;
				margin-top:-5px;
				height:26px;
			}		

	.lh-column ul.list-nav ul{
		list-style:none;
		font-size:100%;
		margin:0px;
		padding:0px;
		border-top:1px solid #fff;
	}
	
	.lh-column ul.list-nav ul li span {	
		width:18px;
		height:16px;
		text-align:center;
		background:#fff;
		border:2px solid #dddddd;
		padding:0px;
	}
		/*added to remove white box from landing pages*/
		.lh-column ul.list-nav ul li span.nocolour{
			background:transparent;
			border:none;
		}
		
		.lh-column ul.list-nav ul li.complete a {	
			border-color:#d0d0d0;
			background:#d0d0d0;
		}
		.lh-column ul.list-nav ul li.complete span {	
			border-color:#d0d0d0;
			background:#fff url(http://cdnnewimages.ballisticblue.com/common/tick.gif) center no-repeat !important;
		}
		.lh-column ul.list-nav ul li.active a {	
			cursor:default;
			text-decoration:underline;
			border-color:#dddddd;
			background:#fff !important;
		}
		
		.lh-column ul.list-nav ul li.active span {	
			background:#fff url(http://cdnnewimages.ballisticblue.com/common/arrow_right.gif) center no-repeat !important;
		}
	.lh-column ul.list-nav ul li a {
		padding:1px 0 1px 25px;
		text-decoration:none;
		border:2px solid #dddddd;
	}
		.lh-column ul.list-nav ul li a:hover {
			text-decoration:underline;
			border:2px solid #d0d0d0;
			background:#d0d0d0;
			padding:1px 0px 1px 25px;
		}



/*========================
LEFT COLUMN:
CURRENT ITEM BOX
======================== */
dl.current-item{
	position:relative;/*required for IE HTC*/
	clear:both;
	list-style:none;
	background:#fff;
	margin:20px 0px;
	padding:11px;
	border:1px solid #939393;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(newStyle/css3-ie-pie.htc);
}
	dl.current-item dt{
		font-size:110%;
		font-weight:bold;
	}
	
	dl.current-item dt span{
		display:block;
		font-size:80%;
		font-weight:bold;
		padding-top:4px;
	}
	
	dl.current-item dd{
		font-size:90%;
		margin:0px;
		padding:0px;		
	}
		dl.current-item dd ul{
			list-style:none;
			margin:0px;
			padding:0px;
		}
			dl.current-item dd ul li{
				margin:0px;
				padding:0px;
			}
			
			dl.current-item dd ul li.item{
				padding-bottom:5px;
			}
			
			dl.current-item dd ul li.right{
				float:right;
				margin-top:-3px;
			}
			
			dl.current-item dd ul li.proof{
				clear:both;
				text-align:center;
				padding-top:5px;
				padding-bottom:5px;
			}

/*=============
LEFT COLUMN:
SUNDRY ITEMS
============= */
ul.list-sundryitems{
	list-style:none;
	margin:0px 0px 20px;
	padding:0px;
}
	ul.list-sundryitems li{
		float:left;
		display:block;
		line-height:0%;/*for firefox - stop the gap!*/
		margin:0px;
		padding:0px;
	}
		/*CC ie6+7 placed in ie7.css
		ul.list-sundryitems li a{
			display:block;
		}*/
	
	/*within We aim to ship all printed orders within... text*/
	ul.list-sundryitems li p{
		display:block;
		width:160px;
		font-family:"SofiaRegular",Arial,Helvetica,sans-serif;
		font-size:140%;
		color:#fff;
		text-align:center;
		line-height:140%;
		background:#b6b6b6;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		margin:0px;
		padding:8px 10px;
	}
		/*5 working days*/
		ul.list-sundryitems li p span.larger{
			font-family:"SofiaBold",Arial,Helvetica,sans-serif;
			font-size:125%;
		}
		/*asterix*/
		ul.list-sundryitems li p span.asterix{
			color:#58595b;
		}
		/*subject to t&C text*/
		ul.list-sundryitems li p span.terms{
			display:block;
			font-size:80%;
			color:#58595b;
		}


/*===================================================================
MAIN CONTENT AREA:
LANDING PAGES (INC HOMEPAGE)
=================================================================== */
header.banner{
	position:relative;
	font-family:"SofiaRegular",Arial,Helvetica,sans-serif;
	color:#fff;
	background:#999999;/*only there in case BACKGROUND classes fail*/
	min-height:231px !important;/*plus padding = 281px*/
	/*height:231px; CC ie6  placed in ie6.css - overall height 281px*/
	padding:30px 25px 20px;
	margin-bottom:12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(newStyle/css3-ie-pie.htc);
}
	header.banner a,
	header.banner a:visited,
	header.banner a:hover{
		color:#fff;
	}
	/*full width banner 1028px heading*/
	header.banner h1{
		font-size:380%;
		line-height:110%;
		letter-spacing:-.04em;
	}
		header.banner h1 span.larger{
			font-size:150%;
		}
		header.banner h1 span.smaller{
			font-size:65%;
		}

	/*full width banners 1028px*/	
	header.banner p{
		font-size:220%;
	}
	
	/*alter font size for 2 column layout with banner 829px*/
	article.wide-column header.banner p{
		font-size:160%;
		margin-top:0px;
	}
	
	/*gives arrow before each list item*/
	header.banner ul{
		list-style:none;
		margin:0px 0px 0px 20px;
		padding:0px;
	}
		header.banner ul li{
			/*zoom:1;CC IE6 place in ie6.css*/
			font-family:"SofiaBold",Arial,Helvetica,sans-serif;
			background:transparent url(http://cdnnewimages.ballisticblue.com/common/icon_social_arrow.gif) left center no-repeat;
			padding-left:20px;
		}
		
	/*position sub line*/
	header.banner p.bottom{
		position:absolute;
		bottom:30px;
		margin-bottom:0px;
		padding-bottom:0px;
	}

/*used on Gifts Landing - set height differently and padding*/
header.banner.h143{
	min-height:103px !important;/*plus padding = 143px*/
	/*height:103px; CC ie6  placed in ie6.css - overall height 143px*/
	margin-bottom:25px;
	padding:20px 25px;
}

header.banner.h146{
	min-height:106px !important;/*plus padding = 146px*/
	/*height:106px; CC ie6  placed in ie6.css - overall height 146px*/
	padding:20px 35px;
	margin-bottom:25px;
}

/*======================
MAIN CONTENT AREA:
LANDING + 2ND LANDING PAGE:
BANNER BACKGROUNDS/COLOURS
====================== */

	/*annoucement landing page banner*/	
	header.banner.announcement-landing{
		background:#8668b6 url(http://cdnnewimages.ballisticblue.com/landing/bg-announcement-banner-landing.jpg) bottom right no-repeat;
	}
		header.banner.announcement-landing h1{
			font-size:440%;
			margin-top:-5px;
		}

	/*business landing page banner*/	
	header.banner.business-landing{
		background:#9f3650 url(http://cdnnewimages.ballisticblue.com/landing/bg-business-banner-landing.jpg) bottom right no-repeat;
	}
	
	/*christmas 2ndlanding page banner*/	
	header.banner.christmas-2ndlanding{
		background:#8e4890 url(http://cdnnewimages.ballisticblue.com/landing/bg-christmas-banner-2ndlanding.jpg) bottom right no-repeat;
	}
		/*christmas 2nd landing page banner adjust H1*/
		header.banner.christmas-2ndlanding h1{
			font-size:420%;
		}
	
	/*Gifts Landing Page*/
	header.banner.gifts-landing{
		background:#86d23c url(http://cdnnewimages.ballisticblue.com/landing/bg-gifts-banner-landing.jpg) bottom right no-repeat;
	}
		/*gifts landing h1 banner font H1*/	
		header.banner.gifts-landing h1{
			background:transparent url(http://cdnnewimages.ballisticblue.com/landing/h1_gifts_smile.gif) left top no-repeat;
			width:891px;
			height:101px;
			margin-left:40px;
			margin-top:11px;
			text-indent:-9999px;
		}
	
	/*love and romance 2nd landing page banner*/
	header.banner.love-romance-2ndlanding{
		background:#e7e5eb url(http://cdnnewimages.ballisticblue.com/landing/bg-loveromance-banner-2ndlanding.jpg) bottom right no-repeat;
	}
		/*love and romance 2nd landing h1 banner font H1*/	
		header.banner.love-romance-2ndlanding h1{
			background:transparent url(http://cdnnewimages.ballisticblue.com/landing/h1_love_romance.gif) left top no-repeat;
			width:338px;
			height:184px;
			margin:-15px 0px 0px 25px;
			text-indent:-9999px;
		}
		/*love and romance 2nd landing page banner <P>*/
		header.banner.love-romance-2ndlanding p{
			width:380px;
			color:#6d6e71;
			text-align:center;
			margin-bottom:0px;
		}
	
	/*menu, order of service and place cards 2ndlanding page banner*/	
	header.banner.menu-oos-pc-2ndlanding{
		background:#f58126 url(http://cdnnewimages.ballisticblue.com/landing/bg-menu-oos-pc-banner-2ndlanding.jpg) bottom right no-repeat;
	}
		/*menu, order of service and place cards 2ndlanding h1 move up*/
		header.banner.menu-oos-pc-2ndlanding h1{
			margin-top:-5px;
		}
	
	/*RSVP 2nd landing page banner*/	
	header.banner.rsvp-2ndlanding{
		background:#7f5eb7 url(http://cdnnewimages.ballisticblue.com/landing/bg-rsvp-banner-2ndlanding.jpg) bottom right no-repeat;
	}
		/*RSVP 2nd landing page banner <P>*/
		header.banner.rsvp-2ndlanding p{
		}
		/*RSVP 2nd landing page banner <P>.bottom*/
		header.banner.rsvp-2ndlanding p.bottom{
		}	
		
	/*social landing page banner*/	
	header.banner.social-landing{
		background:#098fcc url(http://cdnnewimages.ballisticblue.com/landing/bg-social-banner-landing.jpg) bottom right no-repeat;
	}	
	
			
	/*social 2ndlanding page banner*/	
	header.banner.social-2ndlanding{
		position:relative;
		z-index:2;/*required*/
		background-color:#3374ca;
	}
	
		/*social 2nd landing rotating background images*/
		header.banner.social-2ndlanding div.rotate{
			position:absolute;
			z-index:-1;/*required*/
			width:829px;
			height:281px;
			overflow:hidden;
			bottom:0px;
			right:0px;
			/*bottom:1px;CC IE6 placed in ie6.css*/
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			behavior: url(newStyle/css3-ie-pie.htc);
		}
		/*set background image divs*/
		header.banner.social-2ndlanding .background1,
		header.banner.social-2ndlanding .background2,
		header.banner.social-2ndlanding .background3,
		header.banner.social-2ndlanding .background4{
			width:829px;
			height:281px;
			background-color:transparent !important;
		}
		/*specify each background image*/
		header.banner.social-2ndlanding .background1{
			background:url(http://cdnnewimages.ballisticblue.com/landing/bg-social-banner-1-2ndlanding.jpg) right bottom no-repeat;
		}
		header.banner.social-2ndlanding .background2{
			background:url(http://cdnnewimages.ballisticblue.com/landing/bg-social-banner-2-2ndlanding.jpg)  right bottom no-repeat;
		}
		header.banner.social-2ndlanding .background3{
		background:url(http://cdnnewimages.ballisticblue.com/landing/bg-social-banner-3-2ndlanding.jpg) right bottom no-repeat;
		}
		header.banner.social-2ndlanding .background4{
		background:url(http://cdnnewimages.ballisticblue.com/landing/bg-social-banner-4-2ndlanding.jpg) right bottom no-repeat;
		}
		
		/*alter h1 in social 2ndlanding page*/
		header.banner.social-2ndlanding h1{
			font-size:340%;
			line-height:100%;
			margin-top:-15px;
		}
		/*alter UL in social 2ndlanding page*/
		header.banner.social-2ndlanding ul{
			margin:15px 20px;
		}
			/*alter LI in social 2ndlanding page*/
			header.banner.social-2ndlanding ul li{
				font-size:125%;
			}
		/*alter P in social 2ndlanding page*/
		header.banner.social-2ndlanding p{
			color:#c7eafb;
			margin:0px;
			padding:0px;
		}
		
	/*Thank You 2nd landing page banner*/	
	header.banner.thankyou-2ndlanding{
		background:#ffb50e url(http://cdnnewimages.ballisticblue.com/landing/bg-thankyou-banner-2ndlanding.jpg) bottom right no-repeat;
	}
		header.banner.thankyou-2ndlanding h1{
			font-size:440%;
		}
		
		/*Thank You 2nd landing page adjust <P> just below <H1>*/
		header.banner.thankyou-2ndlanding p.medium{
			margin-top:0px;
			font-size:220%;
		}
	
	/*wedding landing page banner*/
	header.banner.wedding-landing{
		background:#6b7ecc url(http://cdnnewimages.ballisticblue.com/landing/bg-wedding-banner-landing.jpg) bottom right no-repeat;
	}
		/*wedding landing banner font H1*/	
		header.banner.wedding-landing h1{
			background:transparent url(http://cdnnewimages.ballisticblue.com/landing/h1_wedding_stationery.gif) left top no-repeat;
			width:294px;
			height:177px;
			margin-left:70px;
			text-indent:-9999px;
		}
		/*wedding landing page banner <P>*/
		header.banner.wedding-landing p.bottom{
			margin-left:40px;
		}
	
		
	/*Wedding Ranges Landing*/
	header.banner.wedding-range{
		background:#6b7ecc url(http://cdnnewimages.ballisticblue.com/landing/bg-weddingrange-banner-landing.jpg) bottom right no-repeat;
		margin-bottom:5px;
	}
		/*Wedding Ranges Landing banner font H1*/	
		header.banner.wedding-range h1{
			background:transparent url(http://cdnnewimages.ballisticblue.com/landing/h1_wedding_collection.gif) left top no-repeat;
			width:463px;
			height:77px;
			text-indent:-9999px;
		}
		
		header.banner.wedding-range p{
			font-size:170%;
			margin:0px;
			padding-left:35px;
		}
	
	/*Wedding Handmade Landing */
	header.banner.wedding-handmade{
		background:#67bad0 url(http://cdnnewimages.ballisticblue.com/landing/bg-weddinghandmade-banner-landing.jpg) bottom right no-repeat;
		margin-bottom:5px;
	}
		/*Wedding Ranges Landing banner font H1 */	
		header.banner.wedding-handmade h1{
			background:transparent url(http://cdnnewimages.ballisticblue.com/landing/h1_wedding_handmade.gif) left top no-repeat;
			width:737px;
			height:78px;
			text-indent:-9999px;
			margin:-10px 0px -10px -15px;
		}

		header.banner.wedding-handmade p{
			font-size:180%;
			margin:0px;
			padding-left:10px;
		}
		/*wedding handmade landing page banner P small print*/
		header.banner.wedding-handmade p.smallprint{
			margin:0px;
			font-size:125% !important;
			color:#022b56;
			padding-top:5px;
			margin-bottom:-20px;
		}
	
	/*wedding handmade 2nd landing page banner
	header.banner.wedding-handmade-2ndlanding{
		background:#6b7ecc url(http://cdnnewimages.ballisticblue.com/landing/bg-wedding-handmade-banner-2ndlanding.jpg) bottom right no-repeat;
	}*/
		/*wedding handmade 2nd landing banner font H1
		header.banner.wedding-handmade-2ndlanding h1{
			background:transparent url(http://cdnnewimages.ballisticblue.com/landing/h1_handmade_wedding_stationery.gif) left top no-repeat;
			width:421px;
			height:151px;
			margin-left:20px;
			margin-top:-1px;
			margin-bottom:15px;
			text-indent:-9999px;
		}*/	
		/*wedding handmade 2nd landing page banner <P>
		header.banner.wedding-handmade-2ndlanding p{
			font-size:180% !important;
			margin-left:20px;
			margin-bottom:10px;
		}*/
		
		/*wedding handmade 2nd landing page banner P small print
		header.banner.wedding-handmade-2ndlanding p.smallprint{
			margin:0px 0px 0px 40px;
			font-size:100% !important;
		}*/
	
		
/*===========
MAIN CONTENT AREA:
SUBJECT LINKS 
(area title and links to various product areas)
=========== */
dl.subject{
	position:relative;
	float:left;
	width:346px; /*plus 15px padding = 346px*/
	font-family:"SofiaMedium",Arial,Helvetica,sans-serif;
	color:#fff;
	background:#999999;/*only there in case class fails*/
	min-height:154px !important;
	/*height:154px; CC ie6 placed in ie6.css - overall height 174px*/
	margin:0px 0px 12px 0px;
	padding:10px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(newStyle/css3-ie-pie.htc);
}
	dl.subject a,
	dl.subject a:visited,
	dl.subject a:hover{
		color:#fff;
	}
	
/*other subject widths*/
	
	dl.subject.w315{
		width:285px; /*plus 15px padding = 285px*/
	}
	
	dl.subject.w258{
		width:228px; /*plus 15px padding = 228px*/
	}
	
	dl.subject.w248{
		width:218px; /*plus 15px padding = 248px*/
	}

/*add to middle column to give spacing between left/right subject*/
dl.subject.mid-gap{
	margin:0px 8px 0px 10px;
}

/*style up subject title and UL list*/

	dl.subject dt{
		font-family:"SofiaBold",Arial,Helvetica,sans-serif;
		font-size:150%;
		line-height:110%;
	}
	
	dl.subject dd{
		font-size:120%;
		margin:0px;
		padding:0px;
	}
		dl.subject dd ul{
			float:left;
			width:43%;
			margin:0px 0px 0px 0px;
			padding:10px 8px 0px 15px;
		}
			/*for full width list, not floated sidebyside*/
			dl.subject dd ul.list-full{
				float:none;
				width:auto;
			}
			
			dl.subject dd ul li{
				list-style-type:disc;
				line-height:130%;
				padding-bottom:0px;
			}
			
			/*position a link on it's own at base of DD*/
			dl.subject dd ul li.base-link{
				list-style:none;
				position:absolute;
				bottom:30px;
			}
			
			dl.subject dt .unbold{
				font-family:"SofiaLight",Arial,Helvetica,sans-serif;
			}

/*======================
MAIN CONTENT AREA:
SUBJECT LINKS:
LANDING + 2ND LANDING 
BACKGROUNDS/COLOURS
====================== */	

/*announcement landing panel 1*/
dl.subject.announcement-landing-panel1{
	background:#fcb63e url(http://cdnnewimages.ballisticblue.com/landing/bg-announcement-panel1-landing.jpg) bottom right no-repeat;
}

/*announcement landing panel 2*/
dl.subject.announcement-landing-panel2{
	background:#9ea7af url(http://cdnnewimages.ballisticblue.com/landing/bg-announcement-panel2-landing.jpg) bottom right no-repeat;
}

/*announcement landing panel 3*/
dl.subject.announcement-landing-panel3{
	background:#d4ce31 url(http://cdnnewimages.ballisticblue.com/landing/bg-announcement-panel3-landing.jpg) bottom right no-repeat;
}

/*business landing panel 1*/
dl.subject.business-landing-panel1{
	background:#1e96bd url(http://cdnnewimages.ballisticblue.com/landing/bg-business-panel1-landing.jpg) bottom right no-repeat;
}

/*business landing panel 2*/
dl.subject.business-landing-panel2{
	background:#21a19e;
}

/*business landing panel 3*/
dl.subject.business-landing-panel3{
	background:#a5a5a5;
}

/*christmas 2ndlanding panel 1*/
dl.subject.christmas-2ndlanding-panel1{
	background:#c953ab url(http://cdnnewimages.ballisticblue.com/landing/bg-christmas-panel1-2ndlanding.jpg) bottom right no-repeat;
}

/*christmas 2ndlanding panel 2*/
dl.subject.christmas-2ndlanding-panel2{
	background:#4ec186 url(http://cdnnewimages.ballisticblue.com/landing/bg-christmas-panel2-2ndlanding.jpg) bottom right no-repeat;
}

/*christmas 2ndlanding panel 3*/
dl.subject.christmas-2ndlanding-panel3{
	background:#a86ab9 url(http://cdnnewimages.ballisticblue.com/landing/bg-christmas-panel3-2ndlanding.jpg) bottom right no-repeat;
}

/*love and romance 2ndlanding panel 1*/
dl.subject.love-romance-2ndlanding-panel1{
	background:#cd3778 url(http://cdnnewimages.ballisticblue.com/landing/bg-loveromance-panel1-2ndlanding.jpg) bottom right no-repeat;
}

/*love and romance 2ndlanding panel 2*/
dl.subject.love-romance-2ndlanding-panel2{
	background:#dca053 url(http://cdnnewimages.ballisticblue.com/landing/bg-loveromance-panel2-2ndlanding.jpg) bottom right no-repeat;
}

/*love and romance 2ndlanding panel 3*/
dl.subject.love-romance-2ndlanding-panel3{
	background:#9757a9 url(http://cdnnewimages.ballisticblue.com/landing/bg-loveromance-panel3-2ndlanding.jpg) bottom right no-repeat;
}

/*menu,order of service and place cards 2ndlanding panel 1*/
dl.subject.menu-oos-pc-2ndlanding-panel1{
	background:#bba7d4 url(http://cdnnewimages.ballisticblue.com/landing/bg-menu-oos-pc-panel1-2ndlanding.jpg) bottom right no-repeat;
}

/*menu,order of service and place cards 2ndlanding panel 2*/
dl.subject.menu-oos-pc-2ndlanding-panel2{
	background:#e395d5 url(http://cdnnewimages.ballisticblue.com/landing/bg-menu-oos-pc-panel2-2ndlanding.jpg) bottom right no-repeat;
}

/*menu,order of service and place cards 2ndlanding panel 3*/
dl.subject.menu-oos-pc-2ndlanding-panel3{
	background:#4ec8cf url(http://cdnnewimages.ballisticblue.com/landing/bg-menu-oos-pc-panel3-2ndlanding.jpg) bottom right no-repeat;
}

/*RSVP 2nd landing panel 1*/
dl.subject.rsvp-2ndlanding-panel1{
	background:#f192bb url(http://cdnnewimages.ballisticblue.com/landing/bg-rsvp-panel1-2ndlanding.jpg) bottom right no-repeat;
}

/*RSVP 2nd landing panel 2*/
dl.subject.rsvp-2ndlanding-panel2{
	background:#f76f50 url(http://cdnnewimages.ballisticblue.com/landing/bg-rsvp-panel2-2ndlanding.jpg) bottom right no-repeat;
}

/*RSVP 2nd landing panel 3*/
dl.subject.rsvp-2ndlanding-panel3{
	background:#38cdca url(http://cdnnewimages.ballisticblue.com/landing/bg-rsvp-panel3-2ndlanding.jpg) bottom right no-repeat;
}

/*social landing panel 1*/
dl.subject.social-landing-panel1{
	background:#cfc421 url(http://cdnnewimages.ballisticblue.com/landing/bg-social-panel1-landing.jpg) bottom right no-repeat;
}

/*social landing panel 2*/
dl.subject.social-landing-panel2{
	background:#f79912 url(http://cdnnewimages.ballisticblue.com/landing/bg-social-panel2-landing.jpg) bottom right no-repeat;
}

/*social landing panel 3*/
dl.subject.social-landing-panel3{
	background:#ce7cb5 url(http://cdnnewimages.ballisticblue.com/landing/bg-social-panel3-landing.jpg) bottom right no-repeat;
}

/*Thank You 2nd landing panel 1*/
dl.subject.thankyou-2ndlanding-panel1{
	background:#4c9292 url(http://cdnnewimages.ballisticblue.com/landing/bg-thankyou-panel1-2ndlanding.jpg) bottom right no-repeat;
}

/*Thank You 2nd landing panel 2*/
dl.subject.thankyou-2ndlanding-panel2{
	background:#0082ba url(http://cdnnewimages.ballisticblue.com/landing/bg-thankyou-panel2-2ndlanding.jpg) bottom right no-repeat;
}

/*Thank You 2nd landing panel 3*/
dl.subject.thankyou-2ndlanding-panel3{
	background:#c67394 url(http://cdnnewimages.ballisticblue.com/landing/bg-thankyou-panel3-2ndlanding.jpg) bottom right no-repeat;
}

/*wedding landing panel 1*/
dl.subject.wedding-landing-panel1{
	background:#b070b3 url(http://cdnnewimages.ballisticblue.com/landing/bg-wedding-panel1-landing.jpg) bottom right no-repeat;
}

/*wedding landing panel 2*/
dl.subject.wedding-landing-panel2{
	background:#65d1d2 url(http://cdnnewimages.ballisticblue.com/landing/bg-wedding-panel2-landing.jpg) bottom right no-repeat;
}

/*wedding landing panel 3*/
dl.subject.wedding-landing-panel3{
	background:#8ab8e3 url(http://cdnnewimages.ballisticblue.com/landing/bg-wedding-panel3-landing.jpg) bottom right no-repeat;
}


/*======================
MAIN CONTENT AREA:
ALIGN SOME UL LISTS:
FOR SPECIFIC LANDING / 2ND LANDING PAGES
====================== */
/*announcement landing panels - UL must start from a certain position*/
dl.subject.announcement-landing-panel1 ul,
dl.subject.announcement-landing-panel2 ul,
dl.subject.announcement-landing-panel3 ul{
	position:absolute;
	top:60px;
}

/*christmas 2nd landing panels - UL must start from a certain position, but as DT is on two lines lets use padding on DT rather than absolutely positioning UL*/
dl.subject.christmas-2ndlanding-panel1 dt,
dl.subject.christmas-2ndlanding-panel2 dt,
dl.subject.christmas-2ndlanding-panel3 dt{
	padding-bottom:15px;
}

/*love and romance 2nd landing panels - reduce font size of DT for*/
dl.subject.love-romance-2ndlanding-panel1 dt,
dl.subject.love-romance-2ndlanding-panel2 dt,
dl.subject.love-romance-2ndlanding-panel3 dt{
	font-size:140%;
}

/*menu, order of service, place cards 2nd landing panels - UL must start from a certain position, but as DT is on two lines lets use padding on DT rather than absolutely positioning UL*/
dl.subject.menu-oos-pc-2ndlanding-panel1 dt,
dl.subject.menu-oos-pc-2ndlanding-panel2 dt,
dl.subject.menu-oos-pc-2ndlanding-panel3 dt{
	padding-bottom:15px;
}

/*RSVPs 2nd landing panels - UL must start from a certain position, but as DT is on two lines lets use padding on DT rather than absolutely positioning UL*/
dl.subject.rsvp-2ndlanding-panel1 dt,
dl.subject.rsvp-2ndlanding-panel2 dt,
dl.subject.rsvp-2ndlanding-panel3 dt{
	padding-bottom:15px;
}

/*Thank You 2nd landing panels - UL must start from a certain position, but as DT is on 
1 line lets use padding on DT rather than absolutely positioning UL*/
dl.subject.thankyou-2ndlanding-panel1 dt,
dl.subject.thankyou-2ndlanding-panel2 dt,
dl.subject.thankyou-2ndlanding-panel3 dt{
	padding-bottom:15px;
}

/*===========
MAIN CONTENT AREA:
PRODUCT EXAMPLES 
(block of 3 images (usually 2-3 prods in each img with dividers inbetween)
=========== */
ul.list-examples{
	float:none;
	clear:both;
	list-style:none;
	margin:0px 0px 10px;
	padding:0px;
}
	ul.list-examples li{
		float:left;
		display:inline;
		line-height:normal;
		margin:0px;
		padding:0px;
	}
	
	ul.list-examples li.divider1{
		background:url(http://cdnnewimages.ballisticblue.com/landing/bg-social-footer-divider1.jpg) right top no-repeat;
		padding-right:10px;
	}
	ul.list-examples li.divider2{
		background:url(http://cdnnewimages.ballisticblue.com/landing/bg-social-footer-divider2.jpg) right top no-repeat;
		padding-right:8px;
	}

/*=================
MAIN CONTENT AREA:
ICON CATEGORIES 
(big icons with category name under)
================= */
ul.icon-categories{
	float:none;
	clear:both;
	list-style:none;
	margin:0px 0px 12px 0px;
	padding:0px;
}
	ul.icon-categories li{
		float:left;
		display:block;
		width:141px;
		text-align:center;
		padding:0px 3px 0px 2px;
	}
		ul.icon-categories li h2{
			display:block;
			font-family:"SofiaRegular",Arial, Helvetica, sans-serif;
			font-size:110%;
			line-height:110%;
			font-weight:bold;
			color:#58595B;
			margin:0px;
			padding:0px;
		}
			ul.icon-categories li h2 a{
				display:block;
				width:141px;
				color:#58595B;
				text-decoration:none;
				padding-top:125px;
			}
			
			ul.icon-categories li h2 a:hover{
				text-decoration:underline;
			}


/*adjust icon category when appearing in .wide-column*/
	.wide-column ul.icon-categories{
		width:829px;
		margin-bottom:25px;
	}
	
	.wide-column ul.icon-categories li{
		width:87px;/*width + 16px padding = 103px;*/
		padding:0px 8px;
	}
		/*CC IE6 placed in ie6.css -- needed for long words to fit rather than word-wrap
		.wide-column ul.icon-categories li h2{
			font-size:95%;
		}
		*/
		
			.wide-column ul.icon-categories li h2 a{
				width:87px;
				padding-top:105px;
			}

		
/*================
MAIN CONTENT AREA:
ICON CATEGORY:
BACKGROUNDS/COLOURS
================ */

/*HOMEPAGE*/
	/*birthday*/
	ul.icon-categories.homepage li.cat1{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-birthday.gif) top center no-repeat;
	}
	
	/*themed*/
	ul.icon-categories.homepage li.cat2{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-themed.gif) top center no-repeat;
	}
	
	/*gifts*/
	ul.icon-categories.homepage li.cat3{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-gifts.gif) top center no-repeat;
	}
	
	/*wedding*/
	ul.icon-categories.homepage li.cat4{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-wedding.gif) top center no-repeat;
	}
	
	/*thank you cards*/
	ul.icon-categories.homepage li.cat5{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-thanks.gif) top center no-repeat;
	}
	
	/*childrens invitation cards*/
	ul.icon-categories.homepage li.cat6{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-childrens.gif) top center no-repeat;
	}
	
	/*all invitations*/
	ul.icon-categories.homepage li.cat7{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-invites.gif) top center no-repeat;
	}

/*SOCIAL 2ND LANDING*/
	/*birthday*/
	ul.icon-categories.social-2ndlanding li.cat1{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-birthday-2ndlanding.gif) top center no-repeat;
	}
	
	/*wedding ranges*/
	ul.icon-categories.social-2ndlanding li.cat2{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-wedding-2ndlanding.gif) top center no-repeat;
	}
	
	/*childrens invites*/
	ul.icon-categories.social-2ndlanding li.cat3{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-childrens-2ndlanding.gif) top center no-repeat;
	}
	
	/*engagement / anniversary*/
	ul.icon-categories.social-2ndlanding li.cat4{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-engagement-2ndlanding.gif) top center no-repeat;
	}
	
	/*themed*/
	ul.icon-categories.social-2ndlanding li.cat5{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-themed-2ndlanding.gif) top center no-repeat;
	}
	
	/*photo upload*/
	ul.icon-categories.social-2ndlanding li.cat6{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-photoupload-2ndlanding.gif) top center no-repeat;
	}
	
	/*make an announcement*/
	ul.icon-categories.social-2ndlanding li.cat7{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-announcement-2ndlanding.gif) top center no-repeat;
	}
	
	/*thank you cards*/
	ul.icon-categories.social-2ndlanding li.cat8{
		background:url(http://cdnnewimages.ballisticblue.com/landing/icon-thanks-2ndlanding.gif) top center no-repeat;
	}

/*===========
MAIN CONTENT AREA:
LANDING PAGE:
CATEGORY AREAS
(image, title and text)
=========== */
dl.category-areas{
	position:relative;
	float:left;
	display:block;
	width:233px;/*add 19px padding = width:252px;*/
	min-height:230px;
	/*height:230px;CC ie6 placed in ie6.css*/
	background:#fff url(http://cdnnewimages.ballisticblue.com/landing/bg-gifts-divider.gif) right top repeat-y;
	padding:0px 19px 0px 0px;
	margin:0px 13px 25px 0px;
}
	/*apply to end to remove background and padding*/
	dl.category-areas.end{
		padding-right:0px;
		margin-right:0px;
		background:none;
	}
	
	dl.category-areas dt{
		font-family:"SofiaBold",Arial, Helvetica, sans-serif;
		font-size:125%;
		line-height:115%;
		color:#3f3e40;
		margin:0px;
		padding:0px 0px 8px 0px;
	}
		dl.category-areas dt img{
			display:block;
			margin-bottom:12px;
		}
		
		dl.category-areas dt a,
		dl.category-areas dt a:visited,
		dl.category-areas dt a:hover{
			color:#3f3e40;
		}
			dl.category-areas dt a:hover{
				text-decoration:underline;
			}
	
	dl.category-areas dd{
		margin:0px;
		padding:0px;
	}

/*===========
WEDDING RANGE + WEDDING HANDMADE:
LANDING PAGE
=========== */
dl.category-areas.wedding-range,
dl.category-areas.wedding-handmade{
	width:232px;/*add 15px padding + 1px border to right = width:247px;*/
	background-image:none;
	border-right:1px solid #e0e0e1;
	padding:0px 14px 0px 0px;
	margin:0px 16px 25px 0px;
}
	dl.category-areas.wedding-range.end,
	dl.category-areas.wedding-handmade.end{
		padding-right:0px;
		margin-right:0px;
		border-right:none;
	}
	
	/*position swatches*/
	dl.category-areas.wedding-range dd ul,
	dl.category-areas.wedding-handmade dd ul{
		position:absolute;
		top:5px;
		right:15px;
	}
		/*re-position swatches on end LI*/
		dl.category-areas.wedding-range.end dd ul,
		dl.category-areas.wedding-handmade.end dd ul{
			right:5px;
		}

/*=============================================
SWATCHES - used for colour option squares
============================================= */
ul.list-swatches{
	list-style:none;
	margin:0px;
	padding:0px;
}
	ul.list-swatches li{
		float:left;
		display:block;
		width:12px;
		height:12px;
		margin:0px 5px 5px 0px;
		padding:0px;
	}
	
	ul.list-swatches li a{
		display:block;
		width:10px;
		height:10px;
		text-indent:-9999px;
		text-decoration:none;
		border:1px solid #9a9a9a;
		/*line-height:0px;CC IE6 placed in ie6.css*/
		margin:0px;
		padding:0px;
	}
		
		ul.list-swatches li a:visited,
		ul.list-swatches li a:hover{
			text-decoration:none;
		}

/*colours for wedding collection landing page*/
a.florence-spring{
	background:#52B148;
}
a.florence-autumn{
	background:#c72905;
}

a.hepburn-black{
	background:#1E1A1B;
}
a.hepburn-purple{
	background:#3A164B;
}
a.hepburn-gold{
	background:#AC9554;
}


a.nouveauhearts-pink{
	background:#E83C96;
}
a.nouveauhearts-silver{
	background:#B7B6B8;
}
a.nouveauhearts-purple{
	background:#7F52A1;
}


a.vintage-blue{
	background:#b4d6cd;
}
a.vintage-lilac{
	background:#D7BEDC;
}
a.vintage-lavender{
	background:#C9ACB3;
}

a.biginvite-lime{
	background:#C2CD23;
}
a.biginvite-carbon{
	background:#231F20;
}
a.biginvite-pink{
	background:#EC008C;
}

a.deco-purple{
	background:#3D0949;
}
a.deco-black{
	background:#000;
}
a.deco-gold{
	background:#CEBD8D;
}


a.touchofclass-silver{
	background:#95989E;
}
a.touchofclass-gold{
	background:#AEA181;
}
a.touchofclass-black{
	background:#000;
}


a.polkadots-coffee{
	background:#DAC5A4;
}
a.polkadots-raisin{
	background:#B6999E;
}
a.polkadots-caramel{
	background:#F1CA7C;
}

a.prettystripes-seagrass{
	background:#B1D2C4;
}
a.prettystripes-pistachio{
	background:#D3DDBA;
}
a.prettystripes-corn{
	background:#FFEEBA;
}

/*colours for wedding handmade landing page*/
.sw-cream{
	background:#fff4d2;
}

.sw-white{
	background:#fff;
}

.sw-silver{
	background:#dbdad7;
}

/*=============================================
HANDMADE COLLECTION LIST
============================================= 
ul.list-handmade-collection{
	list-style:none;
	margin:0px;
	padding:0px;
}
	ul.list-handmade-collection li{
		float:left;
		display:block;
		width:272px;
		margin-bottom:7px;
	}
	ul.list-handmade-collection li.middle{
		padding:0px 6px 0px 7px;
	}
*/

/*=============================================
HOMEPAGE
============================================= */

/*===========
HOMEPAGE:
HOMEPAGE BANNER
=========== */
	
	/*lets adjust homepage banner padding*/
	header.banner.homepage{
		min-height:297px;
		height:297px;/*for ie*/
		padding:0px;
	}
		header.banner.homepage h1{
			text-indent:-9999px;
		}
		
		/*set heights for rotating h1 href*/
		header.banner.homepage h1 a{
			width:978px;
			height:237px;/*overall height 297px*/
			padding:40px 25px 20px;
			text-indent:-9999px;
		}
		
		/*rotating banner images*/
		header.banner.homepage h1 a.rotate1{
			background:url(http://cdnnewimages.ballisticblue.com/landing/bg-homepage-banner-1.jpg) no-repeat;
		}
		header.banner.homepage h1 a.rotate2{
			background:url(http://cdnnewimages.ballisticblue.com/landing/bg-homepage-banner-2.jpg) no-repeat;
		}
		header.banner.homepage h1 a.rotate3{
			background:url(http://cdnnewimages.ballisticblue.com/landing/bg-homepage-banner-3.jpg) no-repeat;
		}
		header.banner.homepage h1 a.rotate4{
			background:url(http://cdnnewimages.ballisticblue.com/landing/bg-homepage-banner-4.jpg) no-repeat;
		}

/*===========
HOMEPAGE:
CONTAINER FOR:
carousel, 
personalised products
 & news
=============*/
aside.subsidiary-homepage-container{
	padding-bottom:10px;
}

/*===========
HOMEPAGE:
personalised products dropdown
=============*/
aside.homepage-personalised{
	position:absolute;
	z-index:100;
	width:230px;
	background:#fff;
	right:0px;
	padding:5px 10px;
	border:1px solid #213361;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(newStyle/css3-ie-pie.htc);
}
	aside.homepage-personalised h2{
		width:100%;
		display:block;
		cursor:pointer;
		background:url(http://cdnnewimages.ballisticblue.com/landing/bg-homepage-newsopen.gif) right center no-repeat;
		padding:3px 0px;
	}
		aside.homepage-personalised h2 a{
			color:#58595b;
		}
	
	aside.homepage-personalised ul{
		display:none;/*required for ie6/7*/
		float:left;
		color:#A6ACB5;
		margin:10px 0px;
		padding:0px 0px 0px 15px;
	}
		aside.homepage-personalised ul li a{
			color:#A6ACB5;
		}

/*===========
HOMEPAGE:
LATEST NEWS
=============*/
aside.homepage-news{
	float:right;
	width:250px;
	margin-top:45px;
}
	aside.homepage-news h2{
		color:#fff;
		background:#949494 url(http://cdnnewimages.ballisticblue.com/landing/bg-homepage-news.gif) no-repeat;
		padding:5px 10px;
	}

/*Gareth requested removal of LIST and to style .NET created DIV for news
	aside.homepage-news ul{
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
		aside.homepage-news ul li{
			font-size:90%;
			font-weight:bold;
			border-bottom:1px solid #949494;
			margin:0px;
			padding:2px 13px 4px;
		}
		*/
			/*date
			aside.homepage-news ul li span{
				color:#525254;
				padding-left:5px;
			}
			
			aside.homepage-news ul li a{
				color:#012B53;
			}*/
	
	/*.NET news DIV - remove gap for .NET BR*/
	div#ContentPlaceHolder1_NewsAjax br{
		display:none;
	}

	/*.NET news DIV a*/
	div#ContentPlaceHolder1_NewsAjax a{
		display:block;
		font-size:90%;
		line-height:140%;
		font-weight:bold;
		color:#012B53;
		border-bottom:1px solid #949494;
		margin:0px;
		padding:2px 13px 4px;
	}
		/*date*/
		div#ContentPlaceHolder1_NewsAjax a span{
			color:#525254;
			padding-left:5px;
		}
	
/*===========
MAIN CONTENT AREA:
LEFT/RIGHT CAROUSEL
see carousel.css
=========== */

/*============================================================
MAIN CONTENT AREA:
AREA LINKS FOOTER
============================================================ */
footer.area-links{
	font-size:90%;
	border-top:8px solid #cccccc;
	padding:15px 0px 10px;
}
	/*area links*/
	ul.list-area{
		float:left;
		display:inline;
		width:162px;
		list-style:none;
		border-left:1px solid #CECECE;
		padding:5px 20px 5px 24px;
		margin:0px 0px 10px 0px;
	}
		ul.list-area li{
			display:block;
			color:#6D6E71;
			background:url("../common/botList-bullet.gif") no-repeat scroll 0 7px transparent;
			padding:0px 0px 2px 9px;
			margin:0px;
		}
		
		ul.list-area.end{
			width:161px;
    		border-right:1px solid #CECECE;
		}
		
			ul.list-area li a{
				/*float:left;CC ie6+7 placed in ie7.css*/
				/*display:block;CC ie6+7 placed in ie7.css*/
				color:#6D6E71;
				text-decoration:none;
				margin:0px;
				padding:0px;
			}
				ul.list-area li a:hover{
					color:#009BDA;
					text-decoration:underline;
				}
				
/*BLUE STRIP BAR BELOW .LIST-AREA*/
	ul.list-strip{
		float:none;
		clear:both;
		list-style:none;
		background:#009bda url(http://cdnnewimages.ballisticblue.com/common/bookend-bg.gif) left bottom no-repeat;
		margin:0px;
		padding:12px 15px;
	}
		ul.list-strip li{
			float:left;
			display:inline;
			color:#FFFFFF;
			font-weight:bold;
			text-transform:uppercase;
			border-right:1px solid #FFFFFF;
			padding:0px 8px;
		}
			ul.list-strip li.end{
				float:right;
				padding:0px;
				border-right:none;
			}
			
			ul.list-strip a{
				display:block;
				color:#FFFFFF;
				text-decoration:none;
			}
				ul.list-strip a:hover{
					color:#FFFFFF;
					text-decoration:underline;
				}
			
			
/*=============================================
MAIN CONTENT AREA:
FOOTER:
SUB FOOTER: LOGO/CUSTOMER SERVICE
============================================= */
footer.sub-footer{
	position:relative;/*req for IE HTC file*/
	float:none;
	clear:both;
	background:#fff url(http://cdnnewimages.ballisticblue.com/common/footerPanel-bg.gif) left bottom repeat-x;
	margin-bottom:10px;
	padding:20px 20px 10px 20px;
	border:1px solid #dedede;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(newStyle/css3-ie-pie.htc);
}

	/*logo,verisign, credit cards accepted*/
	footer.sub-footer ul.list-cardsaccepted{
		float:left;
		list-style:none;
		margin:0px;
		padding:0px;
	}
		footer.sub-footer ul.list-cardsaccepted li{}
	
	footer.sub-footer ul.list-sublinks{
		float:right;
		list-style:none;
		margin:0px;
		padding:0px;	
	}
		footer.sub-footer ul.list-sublinks li{
			float:left;
			display:inline;
		}
		
		/*customer service and help email add.*/
		footer.sub-footer ul.list-sublinks li.help{
			float:none;
			display:block;
			padding-bottom:5px;
		}
		
			footer.sub-footer ul.list-sublinks li.help h2{
				display:inline;
				font-family:"SofiaRegular",Arial,Helvetica,sans-serif;
				font-size:180%;
				color:#002b5c;
				letter-spacing:-.02em;
				margin:0px;
				padding:0px 15px 0px 0px;
			}
			footer.sub-footer ul.list-sublinks li.help a,
			footer.sub-footer ul.list-sublinks li.help a:visited{
				font-family:"SofiaMedium",Arial,Helvetica,sans-serif;
				font-size:180%;
				color:#1daee5;
				letter-spacing:-.02em;
			}
		
		footer.sub-footer ul.list-sublinks li.arrows{
			padding-top:3px;
		}
		
			footer.sub-footer ul.list-sublinks li.arrows a,
			footer.sub-footer ul.list-sublinks li.arrows a:visited{
				display:block;
				color:#808183;
				text-decoration:underline;
				background:url(http://cdnnewimages.ballisticblue.com/common/footerPanel-bullet.gif) no-repeat left center;
				padding-left:10px;
				padding-right:30px;
			}
				footer.sub-footer ul.list-sublinks li.arrows a:hover{
					text-decoration:none;
				}
		footer.sub-footer ul.list-sublinks li.livechat{
			padding-left:30px;
		}

/*================
MAIN CONTENT AREA:
FOOTER: 
.FOOTER: COPYRIGHT/SITE LINKS
==================*/
footer.footer{
	float:none;
	clear:both;
	background:#fff url(http://cdnnewimages.ballisticblue.com/common/footer-bg.gif) no-repeat left bottom;
	padding-top:10px;
	padding-bottom:30px;
}
	footer.footer p {
		float:left;
		color:#808183;
		margin:0px;
		padding:0px;
	}
		footer.footer p a {
			color:#808183;
		}
	
	footer.footer ul{
		float:right;
		list-style:none;
		padding:0px;
		margin:0px;
	}
		footer.footer ul li{
			float:left;
			display:inline;
			color:#0a9dd3;
			border-right:#bababa 1px solid;
			padding:0 10px;
		}
			footer.footer ul li.end{
				border:none;
			}
		
		footer.footer ul li a{
			display:block;
			color:#0a9dd3;
		}
		
		
/*================
Missing Account Area Styles:
==================*/	
		
.menubar { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif }
.menunumber { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.menutitle { margin-left:4px; margin-top:3px; margin-bottom:3px; display: block; width: 100%; height: 100%; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #e8e8bd; FONT-FAMILY: Arial, Helvetica, sans-serif }
.menutitleflatlink { margin-left:4px; margin-top:3px; margin-bottom:3px; display: block; width: 100%; height: 100%; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #e8e8bd; FONT-FAMILY: Arial, Helvetica, sans-serif; text-decoration:none }
.menutitleflatlink:hover { text-decoration:none }
.leftmenutitle { FONT-WEIGHT: bold; FONT-SIZE: xx-small; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.leftmenutitleflat { FONT-WEIGHT: normal; FONT-SIZE: xx-small; COLOR: #eeeeee; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
A.leftmenutitleflatlink { display: block; width: 100%; height: 100%; FONT-WEIGHT: normal; FONT-SIZE: xx-small; COLOR: #eeeeee; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ;text-decoration:none}
A.leftmenutitleflatlink:hover {COLOR: #ffffff ; display: block; width: 100%; height: 100%; background-color: #7EACD4; text-decoration:underline}
.leftmenutitlesel { FONT-SIZE: xx-small; COLOR: #417cb1; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
A.menubarlink { COLOR: #eeeeee; TEXT-DECORATION: none }
A.menubarlink:hover { COLOR: #ffffff; TEXT-DECORATION: underline }
.rightmenuheader { FONT-WEIGHT: bold; text-transform:uppercase; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; }
.editLabel { FONT-WEIGHT: bold; text-transform:uppercase; FONT-SIZE: 11px; COLOR: #5a5a5a; FONT-FAMILY: Arial, Helvetica, sans-serif; padding-top:4px; padding-left:2px; }
#GenericButtonTitle { FONT-WEIGHT: bold; text-transform:uppercase; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; padding:5px 7px; background:#858585; }
.genericBoxLargeNormal { padding:6px; }
.genericBoxLargeNormal ul { margin:10px 0; }

#SystemHeader .introductionBoxBoldHeader { FONT-WEIGHT: bold; FONT-SIZE: 18px; line-height:22px; COLOR: #858585; FONT-FAMILY: Arial, Helvetica, sans-serif; padding-left:5px; margin-bottom:8px !important; }
#SystemHeader .introductionBoxBody { FONT-SIZE: 12px; line-height:18px; COLOR: #666; FONT-FAMILY: Arial, Helvetica, sans-serif; padding:0 0 15px 5px;  }
#SystemHeader .introductionBoxBody p { margin-bottom:10px; }
#SystemHeader .introductionBoxBody a { color:#079cd9; text-decoration:underline; }
#SystemHeader .introductionBoxBody a:hover { text-decoration:none; }


/*#FormBox { background:#ffffff; padding:10px; }
#FormBox table { background:#ffffff; padding:2px; }
#FormBox table td { font-size:12px; line-height:18px; }

#FormBox #mainTable { margin-top:10px; border:2px solid #8bb6e1; }
#FormBox #mainTable2 { margin-bottom:10px; border:2px solid #8bb6e1; }*/



A.userLogoffLink { FONT-WEIGHT: normal; FONT-SIZE: xx-small; COLOR: #efefef; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
A.userLogoffLink:hover { COLOR: #ffffff ; TEXT-DECORATION: underline }
.userDetails { FONT-WEIGHT: bold; FONT-SIZE: xx-small; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.managementBoldHeader { font-size:xx-small;font-family:Verdana,Arial,Helvetica,san-serif;font-weight:bold;color:#1A4C80 }
.managementNormal, .genericBoxText { font-size:xx-small;font-family:Verdana,Arial,Helvetica,san-serif;font-weight:normal;color:#1A4C80 }

A.genericBoxBoldLinkText { font-size:10px;font-weight:bold;color:#001945;text-decoration:none }
A.genericBoxBoldLinkText:hover { color:#001945 }
A.genericBoxLinkText { font-size:10px;font-weight:normal;color:#5d5b5c }
A.genericBoxLinkText b { color:#001945 }
A.genericBoxLinkText:hover { color:#5d5b5c }

.genericBoxLargeBold, .sideDisplay { /*font-size:x-smallfont-family:Verdana,Arial,Helvetica,san-serif;*/font-weight:bold;color:#1A4C80; font-size:12px; }
.genericBoxSmallBold { /*font-size:xx-smallfont-family:Verdana,Arial,Helvetica,san-serif;*/ font-weight:bold;color:#1A4C80; font-size:12px; width:70%; }
TD, .genericBoxLargeNormal { /*font-size:xx-smallfont-family:Verdana,Arial,Helvetica,san-serif;*/font-weight:normal;color:#1A4C80; font-size:12px; }
.genericBoxNormalItalic { /*font-size:xx-small*/;font-family:Verdana,Arial,Helvetica,san-serif;font-weight:normal;color:#1A4C80;font-style:italic }
.consoleSmallHeader { font-size:9px;font-family:Verdana,Arial,Helvetica,san-serif;font-weight:bold;color:#efefef }
.introductionBoxBoldHeader { color:#414142;font-size:medium;font-weight:bold;font-family:Arial,Helvetica,sans-serif }
.introductionBoxBody { color:#414142 ;font-size:x-small;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal }
.introductionBoxBodyBold, .labelTextBox, .labelDropdown, .labelRadio { color:#414142 ;font-size:xx-small;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold }

.bigOptionsHeading { font-size:small;font-family:Verdana,Arial,Helvetica,san-serif;font-weight:bold;color:#1A4C80 }
.labelCheckbox { FONT-SIZE: xx-small; FONT-WEIGHT: bold; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.tagCheckbox {}
.labelTextboxTop { color:#417CB1;font-size:xx-small;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;vertical-align: top; }
.tagTextbox { FONT-SIZE: x-small; FONT-WEIGHT: normal; COLOR: #000000; border:1px solid #666; }
.labelDropdownOld { FONT-SIZE: xx-small; FONT-WEIGHT: bold; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.tagSelectDropdown {}
.tagOptionDropdown {}
.labelRadioOld { FONT-SIZE: xx-small; FONT-WEIGHT: bold; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.tagRadio {}
.keyText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #20558C; }
.keyTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:xx-small; font-weight: bold; color: #20558C; }
.pagingLine { FONT-SIZE:xx-small; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.pagingURL { FONT-SIZE:xx-small; COLOR: #dddddd; font-weight:bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.readOnlyTextField { FONT-SIZE: x-small; FONT-WEIGHT: normal; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif	}
BODY { FONT-SIZE: xx-small;  COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; MARGIN: 0px; BACKGROUND-COLOR: #ffffff }
.headerBar { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-weight:bold; color: #417CB1; text-align:left ; margin: 3px 3px 3px 3px }
.internalControlTable { margin-top:10px;margin-bottom:10px } 
A.footerLink { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ACACAC; }
A.footerLink:hover { color: #cccccc; }
.copyrightLine {	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9px; color: #8BB6E1; }
.smallConsoleText { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9px; color: #FFFFFF; padding-bottom:10px; }
.strapLine { FONT-WEIGHT: bold; FONT-SIZE: small; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.style10 { font-weight:bold }

#interface1 {
	z-index:1;
}

#loader_container {
    text-align:center;
    position:absolute;
    top:40%;
    width:100%}

#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}

#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}

#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}

.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}