/* Structural */
html
{
	background:none;
}
body
{
	background:#3c3b3b url(../images/hmforces/default/bg-container.jpg) top center no-repeat;
}

#container1 
{
	background:url(../images/hmforces/default/bg-maincontent.png) center top no-repeat;
	_background:url(../images/hmforces/default/bg-maincontent.gif) center top no-repeat;
}

#container2
{
	width:913px;
}

#rightCol .leftCol 
{
	padding-bottom:100px;
}

a, a:hover
{
	color:white;
}


#mainContent, #header, #footer
{
	width:900px;
	padding:0 6px 0 7px;
}

#mainContent
{
	background:url(../images/hmforces/default/bg-maincontent.png) center top repeat-y;
	_background:url(../images/hmforces/default/bg-maincontent.gif) center top repeat-y;
}

#header .left, #header .right 
{
	height:140px;
	background:none;
}

#header
{
	background:url(../images/hmforces/header-bg.gif) left top no-repeat;	
	height:140px;
	padding:0;
	margin-left:7px;
}

#header .left 
{
	width:579px;
	margin-top:0;
	padding-bottom:0;
}

#header .left a#homeLink 
{
	left:11px;
}

#header .right 
{
	width:182px;
	margin-top:0;
	margin-right:9px;
}

#userControls
{
	padding-right:0;
	padding-top:5px;
	text-align:left;
	position:static;
	float:left;
	background:url(../images/hmforces/default/basket-bg.gif) left top no-repeat;
}

#userControls img
{
	display:none;	
}

#userControls a.registerLink, #userControls a.signInLink
{
	display:block;
	height:34px;
	float:left;
}

#userControls a.registerLink
{
	background:url(../images/hmforces/default/buttons/register.gif) left top no-repeat;
	width:81px;
	margin-left:8px;
}

#userControls a.signInLink
{
	background:url(../images/hmforces/default/buttons/sign-in.gif) left top no-repeat;
	width:82px;
	margin-left:3px;
}

#userControls div.prop 
{
	display:none;
}

#basketArea, #basketArea #basket
{
	width:146px;
	float:left;
}

#basketArea
{
	padding:10px 18px;
}

#basketArea #basket
{
	text-align:left;
	margin:0;
	background:url(../images/hmforces/default/basket-icon-bg.gif) right top no-repeat;
}

#basketArea #basket h2 span
{
	background:none;
	padding:0;
}

#basketArea p a,#basketArea p span#total
{
	color:#000;
}

#basketArea p a 
{	
	background:url(../images/hmforces/default/black-arrow.gif) left 5px no-repeat;
	padding-left:7px;
}

#topNavigation
{
	background:url(../images/hmforces/default/bg-topnav.gif) left top repeat-y;
	height:48px;
	margin-left:8px;
	display:none; /* Remove navigation stuff */
}

#topNavigation #buttonArea, #topNavigation #buttonArea ul
{
	background:none;
}

#topNavigation #buttonArea ul
{
	padding:10px 20px 0 20px;
	width:844px;
}

#topNavigation #buttonArea ul li
{
	height:27px;
	background:none;
	margin:0;
	padding:0;
}

#topNavigation #buttonArea ul li a
{
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
	height:27px;
}

#topNavigation #buttonArea ul li#navHome a
{
	background-image:url(../images/hmforces/default/topnav/home.gif);
	width:53px;	
}

#topNavigation #buttonArea ul li#navProducts a
{
	background-image:url(../images/hmforces/default/topnav/products.gif);
	width:81px;	
}

#topNavigation #buttonArea ul li#navAboutUs a
{
	background-image:url(../images/hmforces/default/topnav/about-us.gif);
	width:77px;	
}

#topNavigation #buttonArea ul li#navContactUs a
{
	background-image:url(../images/hmforces/default/topnav/contact-us.gif);
	width:92px;	
}

#topNavigation #buttonArea ul li#navCustomerServices a
{
	background-image:url(../images/hmforces/default/topnav/customer-services.gif);
	width:159px;	
}

#topNavigation #buttonArea ul li#navCompetion a
{
	background-image:url(../images/hmforces/default/topnav/competitions.gif);
	width:109px;	
}

#topNavigation #buttonArea ul li#navHotNewProducts a
{
	background-image:url(../images/hmforces/default/topnav/hot-new-products.gif);
	width:145px;	
}

#topNavigation #buttonArea ul li#navSpecialOffers a
{
	background-image:url(../images/hmforces/default/topnav/special-offers.gif);
	width:120px;	
}

#topNavigation #buttonArea ul li a span, #topNavigation #buttonArea ul li a:hover span, #footer .inner ul.blue, 
#productSearch, #delivery, #securelogos, #productDetails h2, .OverWeight, #crumbTrail, div.blue, p.price, body.landing #flashAlt, body.landing #header .right, #bookmarking h3
{
	display:none;	
}

#mainContent .inner 
{
	background:url(x../images/hmforces/default/bg-maincontent-bottom.gif) left bottom no-repeat;
	padding:0;
	min-height:0;
	position:relative;
}

#footer
{
	background:url(../images/hmforces/default/bg-footer.png) left top no-repeat;
	_background:url(../images/hmforces/default/bg-footer.gif) left top no-repeat;
	text-align:left;
	margin-top:0;
	padding-top:30px;
	font-size:0.86em;
}

#footer .inner {
	background:none;
	padding:0;
	width:auto;
}

#footer .inner ul.black li a 
{
	color:#fff;	
}

#footer p.copyright
{
	color:#fff;	
	margin-left:10px;
}

#footer .inner ul.black, #footer p.copyright
{
	margin-left:10px;	
}

#footer p.copyright a 
{
	float:left;
	color:#3C3B3B;
}

#footer p.copyright span
{
	width:auto;	
}

#footer p.copyright a span 
{
	background:url(../images/hmforces/default/big-picture-interactive.gif) left top no-repeat;
}

/* New template styles */

/* Holding page */

body.landing #leftCol
{
	display:none;	
}

body.landing #rightCol
{
	width:840px;
	padding:0 30px;
	color:#000;
}

body.landing  #header .left 
{
	width:780px; /* 579px with basket */
	background:url(../images/hmforces/default/header-bg.gif) left top no-repeat;
	margin-top:0;
	padding-bottom:0;
}

body.landing #header .right 
{ 
	background:url(../images/hmforces/default/basket-bg.gif) left top no-repeat;
}

h1
{
	border-bottom:none;
	color:#fff;
	font-size:24px;
	margin-bottom:0;
	padding-bottom:20px!important;
	text-transform:uppercase;
	font-family:Impact, Arial;
	font-weight:lighter;
	background:url(../images/hmforces/default/h1-bg.gif) left bottom no-repeat;
	position:relative;
	margin-top:-10px;
}

h2, h3, h4, p.strong
{
	color:#fff;
}

#flashBanner
{
	width:694px;
	margin:0 auto;
	/*height:400px;
	background:url(../images/hmforces/default/Non-Flash.gif) center 50% no-repeat;*/
}

#panel
{
	width:634px;
	height:216px;
	background:url(../images/hmforces/default/panel-bg.gif) left top no-repeat;
	margin:10px auto;
	padding:40px 20px 0 20px;
	width:634px;
	color:#000;
}

#panel .left, #panel .right
{
	float:left;
}

#panel .left
{
	width:300px;
	color:#fff;	
}

#panel .right
{
	width:290px;
	padding:15px 20px;
}

#panel .left h2
{
	color:#fff;	
	font-size:1.6em;	
}

#panel .left h2, #panel .right th label
{
	font-family:Impact, Arial;
	text-transform:uppercase;
	font-weight:lighter;
}

#panel .right table
{
	width:100%;	
}

#panel .right th
{
	text-align:left;	
}

#panel .right th label
{
	font-size:1.4em;
	width:50px;
	display:block;
}

#panel .right .textBg
{
	background:url(../images/hmforces/default/textbox-bg.gif) left top no-repeat;
	width:224px;
	height:17px;
	padding:3px 5px;
}

#panel .right .textBg input
{
	border:0;
	background:transparent;
	width:215px;
}

#panel .right td .termsConditions, #panel .right td .termsConditions input, #panel .right td .termsConditions label
{
	float:left;	
}

#panel .right td .termsConditions
{
	margin:5px 0;	
}

#panel .right td .termsConditions input
{
	width:13px;
}

#panel .right td .termsConditions label
{
	width:211px;
	margin-left:10px;
	font-size:0.86em;
}

#bookmarking
{
	width:671px;
	background:url(../images/hmforces/default/bookmarking-bg.gif) left top repeat-y;
	position:absolute;
	bottom:-15px;
	clear:both;
}

#bookmarking-inner
{
	width:671px;
	background:url(../images/hmforces/default/bookmarking-bottom.gif) left bottom no-repeat;
	padding-bottom:18px;
}

#bookmarking ul
{
	width:651px;
	background:url(../images/hmforces/default/bookmarking-top.gif) left top no-repeat;
	padding:38px 10px 0 10px;
	margin:0;
}

#bookmarking ul li, #bookmarking ul li#facebook
{
	font-size:0.86em;
	background:none;
	padding:0 0 0 23px;
	margin:0;
}

#bookmarking ul li#emailToFriend
{	
	display:block;
}

#bookmarking ul li a, #bookmarking ul li a:hover
{
	color:#000;
	text-decoration:none;
}

#bookmarking ul li a
{
	padding:6px 0 6px 20px;
}

#bookmarking ul li#emailToFriend a
{
	background-image:url(../images/hmforces/default/buttons/email-to-friend.gif);
	width:100px;
	height:26px;
	padding:0;
}

#bookmarking ul li#emailToFriend a span
{
	display:none;
}

/* Landing page */

#rightCol
{
	color:#fff;
}

#newsletterSignUp
{
	background:url(../images/hmforces/bg-newsletter-bottom.gif) left bottom no-repeat;
	width:182px;
}

#mainContent #newsletterSignUp .inner
{
	background:url(../images/hmforces/bg-newsletter-top.gif) left top no-repeat;
	width:162px;
	height:auto;
	min-height:10px;
	padding:20px 5px 20px 15px;
}

#newsletterSignUp h2 {
	color:#FFFFFF;
	font-family:Impact;
	font-size:1.3em;
	font-weight:lighter;
	margin:0;
	padding:0 0 3px;
	text-transform:uppercase;
}

#newsletterSignUp p a 
{
	color:#fff;	
}

#leftCol
{
	padding:0;
	width:182px;
}

#leftNavigation
{
	background:url(../images/hmforces/bg-left-navigation.gif) left top repeat-y;
	width:182px;
	padding:0;
	font-size:1em;
}

#leftNavigation-inner
{
	background:url(../images/hmforces/bg-left-navigation-bottom.gif) left bottom no-repeat;
	padding-bottom:20px;
}

#leftNavigation .prop
{
	float:left;
	width:1px;
	height:225px;
}

#leftNavigation .left
{
	width:181px;
	float:left;
}

#leftNavigation h2 {
	background:url(../images/hmforces/bg-left-navigation-top.gif) left top no-repeat;
	margin:0;
	padding:0;
	height:35px;
	width:182px;
	color:#FFFFFF;
}

#leftNavigation ul
{
	border-bottom:none;
	width:181px;
}

#leftNavigation ul li
{
	background:none;
	border:none;
	margin-left:5px;
	background:url(../images/hmforces/nav-arrow-bg.png) left 11px no-repeat;
	_background:url(../images/hmforces/nav-arrow-bg.gif) left 15px no-repeat;
	padding:6px 0 6px 17px;
	font-family:Impact;
	font-size:1.3em;
	font-weight:lighter;
	color:#fff;
	width:158px;
}

#leftNavigation ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	width:144px;
	padding:3px 0;
	border-bottom:none;
	color:#fff;
}

#leftNavigation ul li a:hover 
{
	color:#fff;
	text-decoration:underline;	
}


#leftNavigation ul li ul
{
	background:none;
	padding:0;
	border-top:1px solid #000;
	width:138px;
}

#leftNavigation ul li ul li
{
	background:none;
	margin:0;
	font-size:0.8em;
	font-family:Arial;
	text-transform:none;
	padding-left:0;
	border-bottom:1px solid #000;
	width:134px;
}

#leftNavigation ul li ul li ul li
{
	font-size:1em;
	border-bottom:none;
	margin-left:10px;
	width:124px;
}

#leftNavigation ul li ul li.active
{
	padding:3px 4px 3px 0;
	background:none;
	width:134px;
	color:#fff;
}

#leftNavigation ul li ul li ul li.active
{
	width:124px;
}

#leftNavigation ul li ul li a, #leftNavigation ul li ul li.active a
{
	color:#fff;
	background:url(../images/hmforces/nav-arrow-bg.png) left 2px no-repeat;
	_background:url(../images/hmforces/nav-arrow-bg.gif) left 6px no-repeat;
	padding:3px 0 3px 17px;
	width:auto;
}

#hmLandingFlash
{
	margin-left:-10px;
	position:relative;	
}

/* Product styles */

p.priceLarge, p.priceLarge span
{
	color:#fff;
}

div.whiteBox
{
	background:url(../images/hmforces/bg-similar-products-top.gif) left top no-repeat;
	padding:60px 0 0 0;
	width:666px;
	margin-bottom:30px;
}

div.whiteBox h2
{
	display:none;
}

div.whiteBox ul
{
	background:url(../images/hmforces/bg-similar-products-bottom.gif) left bottom no-repeat;
	float:left;
	width:636px;
	padding:0 0 30px 30px;
}

div.whiteBox ul li p, #categoryItems ul li p
{
	background:url(../images/hmforces/red-arrow-bg.gif) left 9px no-repeat;
}

div.whiteBox ul li a, #categoryItems ul li a, div.whiteBox ul li a:hover, #categoryItems ul li a:hover
{
	color:#000;
}

#categoryItems ul li a img
{
	border:none;
}

#productInfo
{
	background:url(../images/hmforces/productinfo-top.gif) left top no-repeat;
	width:666px;
	padding-top:23px;
	float:left;
	margin-bottom:15px;
}

#productInfo-inner
{
	background:url(../images/hmforces/productinfo-bottom.gif) left bottom no-repeat;
	padding:0 6px;
	float:left;
}

#rightCol #productDescription h2.underline 
{
	color:#fff;
	padding-bottom:20px;
	text-transform:uppercase;
	font-family:Impact, Arial;
	font-weight:lighter;
	font-size:1.8em;
	background:url(../images/hmforces/default/h1-bg.gif) left bottom no-repeat;
}

#rightCol #productDescription 
{
	color:#fff;
	padding-right:20px;	
}

#productImages
{
	width:247px;
	height:auto;
	position:relative;	
}

#productImages #image
{
	height:248px;
	width:247px;
	background:url(../images/hmforces/bg-productimages.gif) left top no-repeat;
}

#productImages #image-inner 
{
	background:none;
	padding:10px 0 0 10px;
}

#productImages ul.buttons
{
	bottom:5px;
	left:5;
}

#videoBox 
{
	float:right;
	margin-bottom:10px;
	width:402px;
	background:url(../images/hmforces/bg-videoplayer.gif) left top no-repeat; 
	height:247px;
}

#videoBox #videoPlayer 
{
	background:transparent none repeat scroll 0 0;
	height:220px;
	margin:0;
	padding:0;
	width:395px;
	margin:0;
}

#videoBox #videoPlayer img
{
	margin:8px 0 0 8px;
}

#productDetails
{
	float:right;
	margin-right:15px;
	padding:38px 50px 30px 15px;
	width:315px;
	color:#fff;
	background:url(../images/hmforces/default/bg-productdetails.gif) right top no-repeat;
	_display:inline;
}

#productDetails ul
{
	width:315px;
}

#productDetails ul li
{
	background:url(../images/hmforces/black-bullet-bg.gif) left 4px no-repeat;
	padding-left:16px;
}

#productImages div.thumbimages
{
	background:url(../images/hmforces/bg-thumbnails.gif) left top no-repeat;
	width:227px!important;
	margin:10px 0;
	height:56px!important;
	padding:10px;
}

#productImages #scroller
{
	width:227px!important;
	height:56px!important;
}

#productImages div.thumbimages ul 
{
	float:left;
	height:76px;
}

#productImages div.thumbimages ul li
{
	background:none;
	padding:0;
}

.scroller
{
	visibility:hidden;
}

.scroller ul, .scroller li{
	margin:0;
	padding:0;
	list-style:none;
}
.scroller li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	overflow:hidden; 
}
.scroller li img 
{
}

#prevBtn a, #nextBtn a
{
	display:block;
	position:absolute;
	bottom:34px;
	width:30px;
	height:32px;
	text-decoration:none;	
}

#prevBtn a
{
	left:-10px;
	background:url(../images/hmforces/buttons/arrow-left.png) left top no-repeat;
	_background:url(../images/hmforces/buttons/arrow-left.gif) left top no-repeat;
}

#nextBtn a
{
	right:-10px;
	background:url(../images/hmforces/buttons/arrow-right.png) left top no-repeat;
	_background:url(../images/hmforces/buttons/arrow-right.gif) left top no-repeat;
}


h1.noborder
{
	background:url(../images/hmforces/hmforces-logo.png) right top no-repeat!important;
	_background:url(../images/hmforces/hmforces-logo.gif) right top no-repeat!important;
	padding:0 340px 0 0!important;
	height:105px;
}

p.added 
{
	background-position:-660px 3px;
	padding-left:18px;
}

p.added , p.added a
{
	color:#fff;
}

.logoutBtn
{
	margin-left:8px;
	margin-bottom:3px;	
}

#zoomBg
{
	background:url(../images/hmforces/bg-zoom.gif) left top no-repeat;
	width:466px;
	height:503px;
	padding:30px;
	margin:0 auto;
}

/* Range page styles */

#productListing
{
	background:url(../images/hmforces/bg-products-range-top.gif) left top no-repeat;
	padding:60px 0 0 0;
	width:666px;
	margin-bottom:30px;
}

#productListing #categoryItems
{
	border:none;
	margin-bottom:20px;
	padding:0 30px 30px 30px;
	width:606px;
	background:url(../images/hmforces/bg-similar-products-bottom.gif) left bottom no-repeat;
}

#categoryItems ul li 
{
	width:107px;
}

#categoryItems #itemList
{
	border-bottom:2px solid #d37276;
	border-top:2px solid #d37276;
}

/* Where to buy box styles */

div.wheretobuy
{
	text-align:center;
	_padding-left:10px;
}

div.wheretobuy h3
{
	text-transform:uppercase;
	color:#000;
	font-family:Impact, Arial;
	font-weight:lighter;
	font-size:1.8em;
	margin:7px 0;
}

div.wheretobuy p
{
	padding:0 3px;
	font-weight:bold;
	font-size:0.9em;
	margin-bottom:5px;	
}

/* Zoom styles */

p.btnBack a 
{
	height:35px;
}

p.btnBack a span 
{
	background:url(../images/hmforces/buttons/back.png) left top no-repeat;
	_background:url(../images/hmforces/buttons/back.gif) left top no-repeat;
	width:82px;
	height:35px;
	cursor:pointer;
}

/* Army styles */

body.hmArmy
{
	background:#393600 url(../images/hmforces/army/bg-container.jpg) center top no-repeat;
}

body.hmArmy #container1
{
	background:url(../images/hmforces/army/bg-maincontent.png) center top no-repeat;
	_background:url(../images/hmforces/army/bg-maincontent.gif) center top no-repeat;
}

body.hmArmy #header
{
	background:url(../images/hmforces/army/header-bg.gif) left top no-repeat;
}

body.hmArmy #userControls
{
	background:url(../images/hmforces/army/basket-bg.gif)	
}

body.hmArmy #mainContent
{
	background:url(../images/hmforces/army/bg-maincontent.png) center top repeat-y;
	_background:url(../images/hmforces/army/bg-maincontent.gif) center top repeat-y;
}

body.hmArmy #footer 
{
	background: url(../images/hmforces/army/bg-footer.png) left top no-repeat;
	_background: url(../images/hmforces/army/bg-footer.gif) left top no-repeat;
}

body.hmArmy h1, body.hmArmy #rightCol #productDescription h2.underline
{
	background:url(../images/hmforces/army/h1-bg.gif) left bottom no-repeat;
}

body.hmArmy #footer p.copyright a 
{
	color:#393600;
}

body.hmArmy #productDetails
{
	background:url(../images/hmforces/army/bg-productdetails.gif) right top no-repeat;
}

body.hmArmy p.added 	
{
	background-image:url(../images/hmforces/army/h1-bg.gif);
}

/* Navy styles */

body.hmNavy
{
	background:#011a48 url(../images/hmforces/navy/bg-container.jpg) top center no-repeat;
}

body.hmNavy #container1
{
	background:url(../images/hmforces/navy/bg-maincontent.png) top center no-repeat;
	_background:url(../images/hmforces/navy/bg-maincontent.gif) top center no-repeat;
}

body.hmNavy #header
{
	background:url(../images/hmforces/navy/header-bg.gif) left top no-repeat;
}

body.hmNavy #userControls
{
	background:url(../images/hmforces/navy/basket-bg.gif)	
}

body.hmNavy #mainContent
{
	background:url(../images/hmforces/navy/bg-maincontent.png) center top repeat-y;
	_background:url(../images/hmforces/navy/bg-maincontent.gif) top center repeat-y;
}

body.hmNavy #footer 
{
	background: url(../images/hmforces/navy/bg-footer.png) left top no-repeat;
	_background: url(../images/hmforces/navy/bg-footer.gif) left top no-repeat;
}

body.hmNavy h1, body.hmNavy #rightCol #productDescription h2.underline
{
	background:url(../images/hmforces/navy/h1-bg.gif) left bottom no-repeat;
}

body.hmNavy #footer p.copyright a 
{
	color:#011A48;
}

body.hmNavy #productDetails
{
	background:url(../images/hmforces/navy/bg-productdetails.gif) right top no-repeat;
}

body.hmNavy p.added 	
{
	background-image:url(../images/hmforces/navy/h1-bg.gif);
}

/* Raf styles */

body.hmRaf
{
	background:#0b3b4d url(../images/hmforces/raf/bg-container.jpg) top center no-repeat;
}

body.hmRaf #container1
{
	background:url(../images/hmforces/raf/bg-maincontent.png) top center no-repeat;
	_background:url(../images/hmforces/raf/bg-maincontent.gif) center top no-repeat;
}

body.hmRaf #header
{
	background:url(../images/hmforces/raf/header-bg.gif) left top no-repeat;
}

body.hmRaf #userControls
{
	background:url(../images/hmforces/raf/basket-bg.gif)	
}

body.hmRaf #mainContent
{
	background:url(../images/hmforces/raf/bg-maincontent.png) center top repeat-y;
	_background:url(../images/hmforces/raf/bg-maincontent.gif) center top repeat-y;
}

body.hmRaf #footer 
{
	background: url(../images/hmforces/raf/bg-footer.png) left top no-repeat;
	_background: url(../images/hmforces/raf/bg-footer.gif) left top no-repeat;
}

body.hmRaf h1, body.hmRaf #rightCol #productDescription h2.underline
{
	background:url(../images/hmforces/raf/h1-bg.gif) left bottom no-repeat;
}

body.hmRaf #footer p.copyright a 
{
	color:#0b3b4d;
}

body.hmRaf #productDetails
{
	background:url(../images/hmforces/raf/bg-productdetails.gif) right top no-repeat;
}

body.hmRaf p.added 	
{
	background-image:url(../images/hmforces/raf/h1-bg.gif);
}