@import url("/include/Hacks.css");
img
{
	display: block;
	border: none;
}

.cls-RemoveMargins
{
	margin: 0px;
}

.cls-SubContent,
.cls-SubContent-NoHeight,
.cls-SubContent-SideNav1,
.cls-SubContent-SideNav2
{
	font-size: 12px;
	color: #000000;
	padding: 15px;
	height: 315px;
	background-color: #f7e5e6;
}

td > div.cls-SubContent /* IE6- doesn't recognise child selectors so it ignores this rule */
{
	min-height: 284px;
	height: auto;
}

.cls-SubContent-SideNav1
{
	height: 370px;
}

td > div.cls-SubContent-SideNav1 /* IE6- doesn't recognise child selectors so it ignores this rule */
{
	min-height: 340px;
	height: auto;
}

.cls-SubContent-NoHeight
{
	position: relative;
	height: auto;
	overflow: hidden;
	
	/* underscore hack - only IE6- recognises this property */
	_width: 100%;
}

.cls-SubContent h1,
.cls-SubContent p,
.cls-SubContent-NoHeight h1,
.cls-SubContent-NoHeight p,
.cls-SubContent-SideNav1 h1,
.cls-SubContent-SideNav1 p,
.cls-SubContent-SideNav2 h1,
.cls-SubContent-SideNav2 p
{
	margin-top: 0px;
	margin-bottom: 10px;
}

.cls-HeaderPadding
{
	padding-top: 5px;
	padding-bottom: 10px;
}

.cls-LiteratureFormContainer
{
	background-color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-bottom: 10px;
	overflow: hidden;
	width: 100%;
}

.cls-LiteratureFormContainer p.cls-DownloadLink
{
	display: block;
	clear: both;
	padding-top: 15px;
	text-align: center;
}

.cls-LiteratureFormContainer p.cls-DownloadLink a
{
	color: #FF0000;
	text-decoration: none;
}

.cls-LiteratureFormContainer p.cls-DownloadLink a:hover
{
	color: #666666;
}

.cls-LiteratureFormContainer .cls-LinksContainer
{
	float: left;
	width: 151px;
	display: inline;
	margin-left: 10px;
}

.cls-LiteratureFormContainer .cls-FormContainer
{
	float: right;
	width: 314px;
	padding-left: 10px;
	display: inline;
	margin-right: 10px;
	border-left: 2px solid #CCCCCC;
}

.cls-LiteratureFormContainer .cls-LinksContainer dl,
.cls-LiteratureFormContainer .cls-LinksContainer dl dd
{
	margin: 0px;
}

.cls-LiteratureFormContainer .cls-LinksContainer dl dt
{
	font-weight: bold;
	color: #FF0000;
}

.cls-LiteratureFormContainer .cls-LinksContainer dl dd
{
	margin-bottom: 20px;
}

.cls-LiteratureFormContainer .cls-LinksContainer dl dd a
{
	color: #000000;
	text-decoration: none;
}

.cls-LiteratureFormContainer .cls-LinksContainer dl dd a:hover
{
	color: #666666;
}

.cls-LiteratureFormContainer .cls-FormContainer dl,
.cls-LiteratureFormContainer .cls-FormContainer dl dd
{
	margin: 0px;
}

.cls-LiteratureFormContainer .cls-FormContainer dl dt
{
	float: left;
	width: 100px;
	line-height: 19px;
}

.cls-LiteratureFormContainer .cls-FormContainer dl dt,
.cls-LiteratureFormContainer .cls-FormContainer dl dd
{
	margin-bottom: 10px;
}

.cls-LiteratureFormContainer .cls-FormContainer ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.cls-LiteratureFormContainer .cls-FormContainer ul li
{
	float: left;
	margin-right: 5px;
}

.cls-LiteratureFormContainer .cls-FormContainer ul li input
{
	border: none;
}

.cls-SubContent-NoHeight .cls-StoreInfo1
{
	float: left;
	width: 145px;
	margin-right:20px;
}

.cls-SubContent-NoHeight .cls-StoreInfo2
{
	float: left;
	width: 145px;
}

.cls-SubContent-NoHeight .cls-StoreInfo3
{
	position: absolute;
	right: -1px;
	top: 0px;
	width: 196px;
	height: 300px;
	padding: 0px 0px 0px 5px;
	background-color: #FFFFFF;
	
}

.cls-SubContent-NoHeight .cls-StoreInfo1 ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}

.cls-SubContent-NoHeight .cls-StoreInfo1 ul li strong
{
	color: #FF0000;
}

.cls-SubContent-NoHeight .cls-StoreInfo2 dl
{
	padding-top: 45px;
}

.cls-SubContent-NoHeight .cls-StoreInfo2 dl,
.cls-SubContent-NoHeight .cls-StoreInfo2 dl dd
{
	margin: 0px;
}

.cls-SubContent-NoHeight .cls-StoreInfo2 dl dd
{
	margin-bottom: 10px;
}

.cls-SubContent-NoHeight .cls-StoreInfo2 dl dt
{
	font-weight: bold;
	color: #FF0000;
}

.cls-SubContent-NoHeight .cls-StoreInfo2 dl dt.cls-Top
{
	margin-bottom: 10px;
}

.cls-SubContent-NoHeight .cls-StoreInfo3 p
{
	margin-bottom: 0px;
	margin-top: 5px;
}

.cls-SubContent-NoHeight .cls-StoreInfo3 a
{
	color: #000000;
	text-decoration: none;
	display: block;
	background-color: #f2f2f2;
	width: 196px;
	padding: 10px;
	font-weight: bold;
}

.cls-SubContent-NoHeight .cls-StoreInfo3 a:hover
{
	color: #FFFFFF;
	background-color: #CCCCCC;
}

.cls-ProductList
{
	float: left;
	width: 172px;
	margin-right: 5px;
	margin-bottom: 15px;
	/* added height to fix alignment problem that occurs sometimes when product text wraps*/
	height: 155px;
}

.cls-ProductList p
{
	margin: 0px;
}

.cls-ProductList p.cls-Title,
.cls-ProductList p.cls-Link
{
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	padding: 2px;
	background-color: gray;
}

.cls-ProductList p.cls-Link
{
	padding-top: 0px;
	padding-bottom: 2px;
}

.cls-ProductList p.cls-Link a
{
	color: #FFFFFF;
	text-decoration: none;
}

.cls-Breadcrumbs
{
	padding-left: 15px;
	padding-bottom: 3px;
}

.cls-Breadcrumbs a,
.cls-BreadBack a
{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

.cls-Breadcrumbs a:hover,
.cls-BreadBack a:hover
{
	color: #000000;
}

.cls-ProdImage,
.cls-StoreImage
{
	float: left;
}

.cls-ProdImage p,
.cls-StoreImage p
{
	margin: 0px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 38px;
	
	/*background-image: url("/images/enlarge-mark.gif");*/
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #EFD4C9;
}

.cls-StoreImage p
{
	background-image: url("images/enlargestore-mark.jpg");
}

.cls-ProdImage p a,
.cls-StoreImage p a
{
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}

.cls-ProdImage p a:hover,
.cls-StoreImage p a:hover
{
	color: #FFFFFF;
}

.cls-ProdHR
{
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	width: 100%;
	border: 0px;
	clear: both;
}

.cls-ProdDescription
{
	float: right;
	width: 259px;
	height: 202px;
	font-size: 12px;
}

.cls-ProdDescription div
{
	margin: 15px;
}

td > div.cls-ProdDescription /* IE6- doesn't recognise child selectors so it ignores this rule */
{
	min-height: 202px;
	height: auto;
	margin-bottom: 10px;
}

.cls-ProdDimensions
{
	margin-left: 15px;
	display: inline; /* IE6- incorrectly calculates the margin space for floated elements, set display to inline to resolve this bug */
}

.cls-ProdDimensions,
.cls-ProdPrice
{
	position: relative;
	float: left;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #000000;
}

.cls-ProdDimensions h1,
.cls-ProdPrice h1
{
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 14px;
}

.cls-ProdDimensions dl,
.cls-ProdPrice dl
{
	margin-bottom: 10px;
}

.cls-ProdDimensions dl,
.cls-ProdDimensions dl dd,
.cls-ProdPrice dl,
.cls-ProdPrice dl dd
{
	margin: 0px;
}

.cls-ProdDimensions dl dt,
.cls-ProdPrice dl dt
{
	font-weight: bold;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 85px;
	margin-bottom: 5px;
	font-size: 12px;
}

.cls-ProdDimensions dl dt
{
	width: 45px;
}

.cls-ProdDimensions dl dd,
.cls-ProdPrice dl dd
{
	font-size: 12px;
	margin-bottom: 5px;
}

.cls-ProdPrice dl dt span
{
	color: #FF0000;
}

.cls-ProdPrice dl dd
{
	width: 180px; /* THIS PROPERTY IS FOR SAFARI BROWSER AND IS CORRECTED FOR OTHER BROWSER IN THE HACKS.CSS FILE */
}

.cls-ProdPrice p a,
.cls-ProdPrice p a.cls-Basket
{
	position: absolute;
	bottom: -10px;
	right: -270px;
	color: #666666;
	font-size: 12px;
	text-decoration: none;
}

.cls-ProdPrice p a
{
	right: -200px; /* THIS PROPERTY IS FOR SAFARI BROWSER AND IS CORRECTED FOR OTHER BROWSER IN THE HACKS.CSS FILE */
	
	/* underscore hack is only recognised by IE6- */
	_right: -105px;
}

.cls-ProdPrice p a.cls-Basket
{
	right: -200px;
	
	/* underscore hack is only recognised by IE6- */
	_right: -115px;
}

.cls-ProdPrice p a:hover
{
	color: #000000;
}

.cls-CoordPieces
{
	margin: 0px;
	
	/* underscore hack is only recognised by IE6- */
	_margin-top: 5px;
	
	margin-left: 15px;
	color: #000000;
	font-size: 12px;
}

.cls-CoordPadding
{
	padding: 15px;
	padding-right: 0px;
}

.cls-NoCoord
{
	font-size: 12px;
	margin: 0px;
}

.cls-Pagination
{
	font-size: 12px;
	margin-left: 15px;
}

.cls-SupplierLink
{
	color: #666666;
	text-decoration: none;
}

.cls-SupplierLink:hover
{
	color: #000000;
}

.cls-NoBrands
{
	padding-left: 15px;
	
	/* underscore hack is only recognised by IE6- */
	_padding-top: 15px;
}

.cls-StoreLoginCrumbs
{
	padding: 5px 15px;
	overflow: hidden; /* Mozilla needs a overflow:hidden applied to keep this element wrapping around its child elements */
	
	/* underscore hack is only recognised by IE6- */
	_width: 100%; /* IE6- needs a 100% width applied to keep this element wrapping around its child elements */
	
	background-color: red;
	font-size: 12px;
	color: #FFFFFF;
	clear: both;
}

.cls-StoreLoginCrumbs a
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.cls-StoreLoginCrumbs a:hover
{
	color: #666666;
}

.cls-StoreHeader-ExistingCustomers
{
	margin-left: 15px;
	margin-top: 25px;
}

.cls-StoreHeader-NewCustomers
{
	margin-left: 15px;
	margin-top: 15px;
}

td > .cls-StoreHeader-NewCustomers /* IE6- doesn't recognise child selectors so it ignores this rule */
{
	margin-top: 20px;
}

.cls-Store-Login
{
	margin: 15px;
}

.cls-Store-Login dl
{
	margin: 0px;
	margin-bottom: 10px;
}

.cls-Store-Login dd
{
	margin: 0px;
	margin-bottom: 5px;
}

.cls-Store-Login dt
{
	font-size: 12px;
	color: #000000;
	float: left;
	width: 90px;
	line-height: 20px;
	text-align: right;
	margin-bottom: 5px;
	margin-right: 10px;
}

.cls-Store-Login dd input
{
	width: 200px;
}

.cls-Store-Login input.buttons
{
	float: right;
	border: none;
	margin-top: 24px;
	padding: 2px 0px;
}

.cls-Store-Login > input.buttons /* IE6- doesn't recognise child selectors so it ignores this rule */
{
	padding: 5px;
	margin-top: 20px;
}

.cls-Store-WelcomeText
{
	margin: 15px;
}

.cls-Store-WelcomeText p
{
	color: #000000;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.cls-Store-WelcomeText input
{
	float: right;
	margin-left: 15px;
	margin-top: 10px;
	border: none;
	width: 130px;
	padding: 2px 0px;
}

.cls-Store-WelcomeText > input /* IE6- doesn't recognise child selectors so it ignores this rule */
{
	padding: 5px;
	width: auto;
}

.cls-StoreList-Padding
{
	padding: 15px;
	padding-right: 0px;
}

.cls-RegHeader
{
	padding: 5px 15px;
	font-size: 12px;
	color: #FFFFFF;
	
	background-image: url("images/arrow-mark.jpg");
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #737373;
}

.cls-RegistrationPadding
{
	padding: 15px;
	font-size: 12px;
}

.cls-RegistrationPadding p
{
	margin-top: 0px;
	margin-bottom: 10px;
}

.cls-RegistrationPadding dl,
.cls-RegistrationPadding dl dd
{
	margin: 0px;
}

.cls-RegistrationPadding dl dt
{
	float: left;
	width: 150px;
	line-height: 21px;
	margin-bottom: 5px;
}

.cls-RegistrationPadding dl dd
{
	margin-bottom: 5px;
}

.cls-RegistrationPadding dl dd select,
.cls-RegistrationPadding dl dd input
{
	width: 182px;
}

.cls-BasketTextHeaders
{
	color: #FF0000;
	font-weight: bold;
}

/* CMS STYLES */

#id-CMS
{
	margin: 0px;
	padding: 0px;
}

#id-Navigation
{
	width: 265px;
	float: left;
	margin-top: 15px;
}

#id-Navigation ul
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#id-Navigation h1
{
	font-size: 16px;
	color: #CC0000;
}

#id-Navigation ul li ul
{
	margin-left: 15px;
}

#id-Navigation ul li div ul
{
	margin-left: 15px;
}

#id-Navigation ul li ul li a em,
#id-Navigation ul li div ul li a em
{
	color: #666666;
}

#id-Navigation ul li > ul, /* IE6- doesn't recognise child selectors so it ignores this rule */
#id-Navigation ul li div > ul
{
	margin-left: -25px;
}

#id-CMSContentArea
{
	float: left;
	margin-top: 25px;
	padding-left: 15px;
	width: 70%;
	border-left: 1px solid #CC0000;
}

.cls-CMSContainer
{
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.cls-CMSContainer h1,
.cls-CMSContainer p,
#id-CMSContentArea h1,
#id-CMSContentArea p
{
	margin-top: 0px;
	margin-bottom: 10px;
}

#id-CMSContentArea .cls-Upload
{
	margin: 0px;
	margin-bottom: 10px;
}

#id-CMSContentArea .cls-CMSLineupButtons
{
	list-style: none;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
}

#id-CMSContentArea .cls-CMSLineupButtons li
{
	float: left;
	display: inline; /* IE6- incorrectly calculates the margin space for floated elements, set display to inline to resolve this bug */
	margin-right: 10px;
}

#id-CMSContentArea .cls-Upload dd
{
	margin: 0px;
}

#id-CMSContentArea table#id-CMSJobs
{
	font-size: 12px;
}

#id-CMSContentArea table#id-CMSJobs
{
	border: 1px solid #CC0000;
	border-right: 0px;
	border-bottom: 0px;
	border-collapse: collapse;
}

#id-CMSContentArea table#id-CMSJobs th,
#id-CMSContentArea table#id-CMSJobs td
{
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
	padding: 5px;
}

#id-CMSContentArea h1
{
	color: #CC0000;
	font-size: 16px;
}

.cls-CMSContainer a
{
	color: #CC0000;
	text-decoration: none;
}

.cls-CMSContainer a:hover
{
	color: #000000;
}

.cls-CMSContainer ul#id-Logout
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: right;
	font-size: 16px;
	font-weight: bold;
}

.cls-CMSHR
{
	color: #CC0000;
	background-color: #CC0000;
	height: 1px;
	width: 100%;
	border: 0px;
	clear: both;
}

.cls-MapLocation
{
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.cls-MapLocation div
{
	height: 455px;
	overflow: auto;
	padding-right: 10px;
}

.cls-MapLocation a
{
	color: #CC0000;
	font-weight: bold;
}

.cls-MapLocation a:hover
{
	text-decoration: none;
	color: #000000;
}

.cls-CantFind
{
	border: 1px solid #CC0000;
	padding: 5px;
	width: 300px;
}

dl > .cls-CantFind /* IE6- doesn't recognise child selectors so it ignores this rule */
{
	border: 1px solid #CC0000;
	padding: 5px;
	width: 288px;
}

#AddNewProduct input,
#EditProductDetails input
{
	width: 300px;
}

#AddNewProduct input.cls-Button,
#EditProductDetails input.cls-Button
{
	width: auto;
	background-color: red;
	color: #FFFFFF;
}

#AddNewProduct select,
#EditProductDetails select
{
	width: 180px;
}

#id-Raleigh
{
	height: 260px;
}

#id-StoreContainer > #id-Raleigh /* IE6- doesn't recognise child selectors so it ignores this rule */
{
	height: 230px;
}

.cls-ProductList p.cls-CoordTitle,
.cls-ProductList p.cls-CoordLink
{
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	padding: 2px;
	background-color: #000000;
	width: 151px;
	
	/* underscore hack only works on IE6 and not IE7*/
	_width: 155px;
}

.cls-ProductList p.cls-CoordLink
{
	padding-top: 0px;
	padding-bottom: 2px;
}

.cls-ProductList p.cls-CoordLink a
{
	color: #FFFFFF;
	text-decoration: none;
}