/* common selectors
--------------------------------------------------------------*/
* {
	z-index: 1;
}

 html {
	overflow: -moz-scrollbars-vertical;
}


body{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#f4f4f4;
	font-size:0.75em;
	color:#5f5f5f;
	padding:0;
	line-height:1.3em;
}

p{
	margin:0;
	padding:0;
	font-size:0.9em;
}

h1,h2,h3,h4{
	color:#ccc;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	text-decoration:none;
}

h1{
	color:#e21381;
	font-weight:normal;
	font-size:1.5em;
	margin:7px 0;
}

h2{
	color:#e21381;
	font-weight:normal;
	font-size:1.4em;
	margin:7px 0;
}

h3{
	color:#05448D;
	font-size:1.3em;
	text-transform:capitalize;
	margin:0 0 5px 0;
}

h4{
	color:#555658;
	font-size:1em;
}

a:link, a:visited {
	margin:0;
	padding:0;
	color:#e21381;
	text-decoration:none;
}

a:hover{
	margin:0;
	padding:0;
	text-decoration:underline;
}

img{
	display:block;
	border:none;
}

table{
	border-collapse:collapse;
}

form{
	margin:0;
	padding:0;
}

fieldset{
	margin:0;
	padding:0;
	border:none;
}

legend{
	display:none;
}


/* remove from the screen a couple of accessibility links
--------------------------------------------------------------*/
#skipToContent, #skipToAccessibility, #backToTop{
	position:absolute;
	left:-9999px;
}


/* building the shadow behind the site
--------------------------------------------------------------*/
#shadowContainer{
	position:relative;
	top:20px;
	width:990px;
	margin:0 auto;
}

#shadowTop{
	width:100%;
	height:50px;
	background:transparent url(images/shadow-top.gif) no-repeat;
}

#shadowBottom{
	width:100%;
	height:50px;
	background:transparent url(images/shadow-bottom.gif) no-repeat;
}

/* shadowSides
the height of this is set using javascript when the page loads
--------------------------------------------------------------*/
#shadowSides{
	width:100%;
	background:transparent url(images/shadow-sides.gif) repeat-y;
}


/* positioner
the outermost container
--------------------------------------------------------------*/
#positioner{
	width:100%;
	position:relative;
}


/* globalContainerOuter
the main body of the site that has the shadow behind it
this is positioned absolute to allow the shadow to fall in behind
margin-left is half div width to position it in the middle
--------------------------------------------------------------*/
#globalContainerOuter{
	position:absolute;
	top:20px;
	left:50%;
	width:972px;
	margin-left:-486px;
}

#globalContainer{
	margin:0 0 25px 0;
	padding:0 0 10px 0;
	background-color:#fff;
	width:970px;
	overflow:hidden;
}


/* masthead bits and pieces
--------------------------------------------------------------*/
#header{
	width:962px;
	overflow:hidden;
	margin:37px 0 19px 0;
	padding:0;
}

#logo{
	background-image:url(images/logo.gif);
	width:261px;
	float:left;
	margin:0px 47px 0 0;
	text-indent:-9979px;
	height:64px;
}

#logo a{
	display:block;
	width:261px;
	height:64px;
}

#strapline a{
	display:block;
	width:332px;
	height:64px;
}

#strapline{
	background-image:url(images/total-solution.gif);
	height:64px;
	float:left;
	margin:0px 0 0 0;
	text-indent:-9979px;
	width:332px;
}

#siteSearch{
	background-image:url(images/site-search-pink.gif);
	height:28px;
	width:276px;
	float:right;
	margin:0 2px 0 0;
}

#siteSearch a{
	color:#fff;
}

#siteSearch p{
	padding:0;
	color:#fff;
	font-weight:bold;
	margin:7px 10px 0 7px;
}

#checkoutHeader{
	background-image:url(images/checkout-bg-grey.gif);
	height:28px;
	width:276px;
	float:right;
	margin:8px 2px 0 0;
}

#checkoutHeader a{
	color:#e31382;
}

#checkoutHeader p{
	padding:0;
	color:#e31382;
	font-weight:bold;
	margin:7px 10px 0 7px;
}

#checkoutHeader span{
	color:#514f4f;
}


/* breadCrumb
currently just holds breadcrumb, other styles inherited from elsewhere
--------------------------------------------------------------*/
#breadCrumb{
	margin:10px 0 0 14px;
}


/* globalContent
positions/contains the main site content across all pages
--------------------------------------------------------------*/
#globalContent{
	margin: 10px 0 0 10px;
	overflow:hidden;
	padding:0 9px 0 0;
}


/* leftPanel
the main output body (the right column is separate)
Added Position relative April 08
--------------------------------------------------------------*/
#leftPanel{
	width:656px;
	margin:0 0 0px 0;
	position:relative;
	padding:0;
	float:left;
	z-index: 1;
}


/* rightPanel
the container for all right column elements
--------------------------------------------------------------*/
#rightPanel{
	float:right;
	width:276px;
	margin:0;
}


/* content
container - full width for use on the homepage
--------------------------------------------------------------*/
#content{
	clear:both;
	overflow:hidden;
	padding:0;
	margin:0 0 10px 0;
}


/* productsFooter
the common footer that runs across the bottom of the main output
--------------------------------------------------------------*/
#productsFooter{
	clear:both;
	width:951px;
	margin:0;
	overflow:hidden;
}

#footerBlocks{
	overflow:hidden;
	width:664px;
	float:left;
}

#footerBlocks a{
	color:#6e6b6b;
}

.footerBlock{
	width:156px;
	float:left;
	border-right:dotted 1px #929292;
	margin:0 4px 0 4px;
	padding:0;
}

.footerBlock img{
	margin:5px 0 5px 5px;
}

.footerBlock h4{
	color:#e21381;
	font-weight:normal;
	font-size:1.3em;
	margin:7px 0 7px 5px;
}

.footerBlock  .highlight{
	color:#e21381;
	font-weight:normal;
	font-size:1.3em;
	margin:0px 0 0px 5px;
	padding:5px 0 0 0;
}

.footerBlock  .highlight{
	color:#e21381;
	font-weight:normal;
	font-size:1.3em;
	margin:0 0 0 5px;
	padding:5px 0 0 0;
}

.footerBlock ul{
	margin:0 0 0 5px;
	font-size:0.9em;
	padding:0;
}

.footerBlock li{
	margin:0;
	list-style-type:none;
	background:transparent url(images/footer-hearts.gif) center left no-repeat;
	padding:0 0 0 20px;
}

.footerBlock p{
	margin:0 0 0 5px;
	width:140px;
	padding:0;
}


/* standardFooter
the final footer element with legal info etc.
--------------------------------------------------------------*/
#standardFooter{
	clear:both;
	float:left;
	width:100%;
	color:#7c7c7c;
	font-size:0.9em;
	margin:0;
}

#standardFooter ul{
	margin:0;
	padding:0;
}

#standardFooter li{
	margin:0;
	padding:0;
	list-style-type:none;
	background:#fff url(images/footer-divider.gif) center right no-repeat;
	float:left;
}

#standardFooter a{
	padding:0 10px;
	color:#7c7c7c;
	text-decoration:none;
}

#standardFooter a:hover{
	color:#7c7c7c;
	text-decoration:underline;
}

#standardFooter p{
	color:#7c7c7c;
}