
/*	Structure
		Reset
		1. DEFAULT STYLES
		2. TEMPLATE ELEMENTS
		3. FORM ELEMENTS
		4. HEADING ELEMENTS
		5. HEADER STYLES
		6. CONTENT STYLES
		7. FOOTER STYLES
*/

/* Global reset
-------------------------------------------------------------------*/

	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
	fieldset,img { border:none; }
	caption,th { text-align:left; }
	table { border-collapse:collapse; border-spacing:0; margin-bottom:10px; }
	table td { padding:0 10px 0 0; }
	ul 					{ list-style-type:none; padding:0;  }
	.hidden,
	.screen_reader,
	hr 					{ display:none; } /* Paragraph default styling, amend as desired */
	p 					{ margin:0 0 1em 0; padding:0; } /* Default link styling */
	a 					{ color:#666; text-decoration:none; }
	a:hover 			{ color:#666; text-decoration:underline; } /* Float an element left with a margin */
	a:active, a:focus 	{outline: 0;}
	.floatL				{ float:left; } /* Float an element right with a margin */
	.floatR 			{ float:right; } /* Float an element right with a margin */
	.italic 			{ font-style:italic; } /* Italisise */
	.upper 				{ text-transform:uppercase; } /* Italisise */
	.clear 				{ clear:both; } /* Clear any element */
	.hideText			{ text-indent:-3000em; overflow:hidden; text-align:left; } /* hide text only */
	.clearfix:after 	{ content:"."; display:block; height:0; clear:both; visibility:hidden; } /* Block unfloated Parent */
	.20BottMargin		{ margin: 0 0 20px 0!important; float:left; }
	.leftArrow			{ background:url(../images/template/leftArrow.gif) no-repeat; display:block; width:13px; height:14px; cursor:pointer; }
	.rightArrow			{ background:url(../images/template/rightArrow.gif) no-repeat; display:block; width:13px; height:14px; cursor:pointer; }
	.leftArrow.hide, .rightArrow.hide { background:none; cursor:default; }
	
	.leftYellow			{ background:url(../images/template/leftYellow.gif); width:3px; height: 18px; float:left; }
	.yellowButton		{ background:url(../images/template/yellow.gif) right; color:#fff; height: 18px; float:left; font-weight: bold; padding: 0 20px 0 10px; font-size:11px; color:#000; text-transform:uppercase; }

	.leftBlack			{ background:url(../images/template/leftBlack.gif); width:6px; height: 28px; float:left; }
	.blackButton		{ background:url(../images/template/black.gif) right; color:#fff; height: 25px; float:left; font-weight: bold; padding: 5px 16px 0 12px; font-size:11px; color:#fff; text-transform: lowercase; }

	.doorLeft			{ background:url(../images/template/leftYellow.gif) top left no-repeat; width:6px; height: 26px; float:left; }
	.doorRight			{ background:url(../images/template/yellow.gif) top right no-repeat; color:#fff; height: 26px; float:left; font-weight: bold; padding: 5px 25px 0 10px; font-size:11px; color:#000; text-transform:uppercase; }
	.doorLeft.orange	{ background-image:url(../images/template/btns/orangeLeft.png); }
	.doorRight.orange	{ background-image:url(../images/template/btns/orangeRight.png); }
	.doorLeft.yellow	{ background-image:url(../images/template/btns/yellowLeft.png); }
	.doorRight.yellow	{ background-image:url(../images/template/btns/yellowRight.png); }
	.doorLeft.blue	{ background-image:url(../images/template/btns/blueLeft.png); }
	.doorRight.blue	{ background-image:url(../images/template/btns/blueRight.png); }
	.doorLeft.green	{ background-image:url(../images/template/btns/greenLeft.png); }
	.doorRight.green{ background-image:url(../images/template/btns/greenRight.png); }		


	.addBasket			{ background:url(../images/template/addToTemplate.gif) 0 2px; display:block; width:123px; height:28px; border:0!important; padding:0!important; text-transform: uppercase; font-weight: bold; font-size:11px; text-indent:-18px; cursor:pointer; font-size:10px;}
	
/* 1. DEFAULT STYLES
-------------------------------------------------------------------*/
	
	html, body 			{ font:13px/1.4em arial, helvetica, tahoma, verdana, sans-serif; color:#fff; }	
	body 				{ margin:0; text-align:center; background:url(../images/template/background_lrg.jpg) center 29px #000 no-repeat; }
	body#magnum_site	{ background:url(../images/template/background_magnum_lrg.jpg) center 29px #000 no-repeat; }
	a					{ color:#fff; }
	a:hover				{  }
	.hidden				{ text-indent:-3000em; font-size:0; overflow:hidden; }
	.floatL				{ float:left!important; }
	.floatR				{ float:right!important; }
	.bold				{ font-weight:bold; }
	.hilite				{ color:#fdb813; }

/* 2. TEMPLATE ELEMENTS
-------------------------------------------------------------------*/
	#wrapper			{ margin: 0 auto!important; width:100%; }
	#container			{ width: 960px; margin: 0 auto;}
	
	#pagePeelWrap		{ background:url(../images/template/pagePeel2.png) top right no-repeat; z-index: 0; width: 154px; right: 0; position:absolute; height: 36px; }
	#pagePeelWrap.large { background:url(../images/template/pagePeel.png) top right no-repeat; z-index: 0; width: 133px; height: 149px; right: 0; position:absolute;  }
	#pagePeelWrap.small { display:none; }
	body#magnum_site #pagePeelWrap	 		{ background:url(../images/template/pagePeel2_magnum.png) top right no-repeat;}
	body#magnum_site #pagePeelWrap.large	{ background:url(../images/template/pagePeel_magnum.png) top right no-repeat;}
	
	#header				{ float:left; width:100%; padding-top:16px; }
	#logo				{ display: block; width: 419px; height:72px; float:left; background:url(../images/template/logo.png) no-repeat; text-indent:-3000px; margin:0; }
	body#magnum_site #logo { background:url(../images/template/logo_magnum.png) no-repeat; width:300px; }
	
	.topNav				{ margin:0; float:left; padding-top:20px; width:100%;  }
	.topNav li			{ list-style-type:none; float:right; }
	.topNav .hitecCom	{ color:#fff; padding:0; }
	.topNav .signup 	{ padding-left:13px; }
	
	.topNav ul.search 	{ margin:0; padding:2px 0 0 13px;  }
	.topNav .productSearch	{ background:url(../images/template/searchBox.gif); width: 152px; color:#7f7f7f; height: 21px; border:0; float:left; padding:2px 0 1px 25px; }
	.topNav .productSubmit	{ background:url(../images/template/go.gif); color:#FFF; text-transform:capitalize; font-size:11px; width: 39px; height: 24px; border:0;  float:left; cursor:pointer; }
	.topNav .search li	{ float:left!important; padding-top:0; }
	.topNav form		{margin: 42px 13px 18px 0px;}
	
	#navBar 			{ background:url(../images/template/navbar.gif); width: 960px; height: 40px; margin: 0 0 0px 0; float:left; }
	#navBar li			{ float:left; list-style-type:none; text-transform:uppercase; color:#fff; font-size:15px; font-weight:bold; background:url(../images/template/divider.gif) no-repeat top right; padding: 10px 14px;  }
	#navBar .noBorder	{ background:none; }
	#navBar li a:hover	{ text-decoration:none; color:#fdb813; }
	
/* 3. FORM ELEMENTS
-------------------------------------------------------------------*/	
	submit { float: left; }
	input.titled_field { color:#999; }
	input.titled_field.selected { color:#000000; }
	
/* 4. HEADING ELEMENTS
-------------------------------------------------------------------*/
	
	h1, h2, h3, h4 		{ text-transform:uppercase; }
	h1 					{ font-size:18px; font-weight: bold; }
	h2 					{ font-size:16px; font-weight: bold; }
	h3 					{ font-size:14px; font-weight: bold; }
	
	.innerHeader 		{ float:left; color:#000000; display:block; width:914px; background:url(../images/template/contentBG.gif); height:13px; border-bottom: 1px solid #292929; text-align:left; font-size:16px; font-weight: bold; text-transform:uppercase; margin: 18px 0 0 0; padding: 18px 23px; }
	body#magnum_site .innerHeader { background:url(../images/template/contentBG_magnum.gif); color:#fff; }
	.innerHeader a		{ color:#000000; }
	body#magnum_site .innerHeader a	{ color:#ffffff; }
	
/* 5. HEADER STYLES
-------------------------------------------------------------------*/
	table.admin_msg 	{ width:100%; margin:0; border: 1px solid #999999; border-top: 0px; background-color: #EEEEEE; color:#000; }
	table.admin_msg td 	{ padding:5px; }
	table.admin_msg a 	{ color:#000; }
	
	.followUs 						{ padding-top:6px; height: 16px; float: left; display:block; margin:0; padding-left:760px; }
	.followUs li					{ float:left; width:17px; height:16px; margin-right:10px; padding:0; font-size:12px; }
	.followUs li a					{ width:17px; height:16px; display:block; background:url(../images/template/social.gif) top left no-repeat; overflow:hidden; text-indent:-3000px; padding:0; }
	.followUs li a.facebook 				{ background-position:-21px 0; }
	.followUs li a.facebook:hover 			{ background-position:-21px -16px; }
	.followUs li a.twitter  				{ background-position:0 0; }
	.followUs li a.twitter:hover 			{ background-position:0 -16px; }
	.followUs li a.blogger  				{ background-position:-63px 0; }
	.followUs li a.blogger:hover 			{ background-position:-63px -16px; }
	.followUs li a.youtube  				{ background-position:-42px 0; }
	.followUs li a.youtube:hover 			{ background-position:-42px -16px; }
	
	.followUs li#header_tab					{ width:auto; height:auto; margin-right:0; }
	.followUs li#header_tab	a				{ background:url(../images/template/btns/orange_tab.gif) top left no-repeat; width:106px; height:23px; text-indent:0; text-align:center; color:#000; font-weight:bold; margin:0; margin-top:-3px; margin-left:10px;  padding:0; padding-top:3px; }
	

/* 6. CONTENT STYLES
-------------------------------------------------------------------*/
	#promos							{ width: 960px; height:420px; float:left; position:relative; margin:10px 0 0 0; }
	ul.homeBanner 					{ background:#000; float: left; display:block; margin:0; }
	ul.homeBanner li				{ height:420px; display:none; }	
	ul.homeBanner li.first			{ display:block; }	
	ul.homeBanner li img			{}
	ul.homeBanner li a				{ position:absolute; left:60px; top:230px; }
	
	ul.homeBannerNav				{ position:absolute; top:366px; left:829px; margin:0; padding:0;}
	ul.homeBannerNav li				{ float:left; padding-right:7px;}
	ul.homeBannerNav li a			{ background:url(../images/template/scroller.png) 1px top no-repeat; display:block; width:31px; height:25px; padding-top:5px; }
	ul.homeBannerNav li a:hover		{ text-decoration:none; font-weight:bold; color:#FDB813; }
	ul.homeBannerNav li a.selected	{ background-position:1px -36px; color:#000; }
	
	.yellowStrip 					{ background:url(../images/template/yellowStrip.gif); display:block; width:960px; height:45px; float:left; margin:0; }
	.yellowStrip li 				{ float: left; list-style-type:none; color:#000; }

	.contentWrap					{ float: left; display:block; width: 920px; padding: 20px; background:#ffffff; color:#000000; }
	body#magnum_site .contentWrap	{ background:#000; color:#ffffff; }
	.content						{ float: left; background:url(../images/template/contentBG.gif); width:880px; padding: 20px 20px 20px 20px; text-align:left; color:#000; }
	body#magnum_site .content		{ background:url(../images/template/contentBG_magnum.gif); color:#FFF; }
	.contentWrap a, .contentWrap2Col a	{ color:#000000; text-decoration:underline; }
	.contentWrap a:hover, .contentWrap2Col a:hover	{ text-decoration:none; }
	body#magnum_site .contentWrap a, body#magnum_site .contentWrap2Col a	{ color:#ffffff; text-decoration:underline; }
	
	.contentWrap2Col					{ float: left; background:url(../images/template/bg_2col.gif) repeat-y #ffffff; display:block; width: 920px; padding: 20px; border-top:solid #ffffff 20px; border-bottom:solid #ffffff 20px;}
	body#magnum_site .contentWrap2Col	{ background:url(../images/template/bg_2col_magnum.gif) repeat-y #000000; border-top:solid #000000 20px; border-bottom:solid #000000 20px; }
	.contentLeft					{ float: left; width:573px; padding: 0 20px 20px 20px; text-align:left; color:#000; }
	body#magnum_site .contentLeft	{ color:#FFF; }
	.contentRight					{ float: right; width:247px; padding: 0 20px 20px 20px; text-align:left; color:#000; }
	body#magnum_site .contentRight	{ color:#FFF; }	
	
	.contentRight h3				{ background:url(../images/template/featuredStrip.gif); border: 2px solid #cdcfcf;  padding: 10px 0 10px 12px; }
	.contentRight ul				{ background-color:#ffffff; padding:20px; margin:0; border: 2px solid #cdcfcf; border-top:none; }
	.contentRight ul li a			{ text-decoration:none; color:#696969; }
	
	body#magnum_site .contentRight h3{ color:#000; }
	body#magnum_site .contentRight ul li a	{ text-decoration:none; color:#696969; }
	
	.featuredStyles					{ background:url(../images/template/featuredStrip.gif); width:864px; height: 14px; border: 2px solid #cdcfcf; padding: 12px 0 12px 12px; float: left; margin: 0; color:#000; }
	.featuredStyles h3				{ text-transform: uppercase; font-size:16px; font-weight:bold; float:left; text-align:left; }
	.featuredStyles ul				{ float: right; margin:0; }
	.featuredStyles li  			{ float:left; font-size:11px; font-weight:bold; padding: 0 12px 0 0; }
	.featuredStyles a				{ color: #000; }
	
	.featuredHolder					{ float: left; overflow:hidden; color:#000; height:259px; width:100%; margin:0; }
	.featuredProducts				{ float: left; width:100%; margin:0; margin-bottom:20px; border-bottom:1px solid #cdcfcf; background-color:#ffffff; }
	.featuredHolder .featuredProducts {  width:3000px; height:206px;  } 
	.featuredProducts.multiline		{ overflow:auto; height:auto; }
	.featuredProducts li 			{ width: 194px; display:block; float: left; background:#fff; color:#000000; border:1px solid #cdcfcf; border-top:none; text-align:left; padding:0 12px 10px 12px; height:196px; overflow:hidden;  }
	.featuredProducts li a, body#magnum_site .featuredProducts li a			{ color:#000000; }
	.featuredProducts .imgWrap  	{ text-align:center; margin: 20px auto 0 auto; width: 100%; height:115px; overflow:hidden; }
	.featuredProducts li p.cat_title { font-size:16px; padding-top:10px; padding-left:20px; }
	.featuredProducts li p.cat_title a { text-decoration:none; }
	.featuredProducts li p.cat_title a:hover { color:#FDB813; }
	
	.largePrice 					{ font-size: 18px; font-weight:bold; }
	.featuredProducts p  			{ font-size: 12px; font-weight:bold; }
	.oldPrice						{ font-size: 11px; font-weight:normal; color:#666666; text-decoration:line-through; }
	.featuredProducts .view 		{ float: right; }
	.featuredProducts .catName 		{ text-transform: uppercase; color:#000; }
	.subscribeHome					{ display: block; width: 429px; float:left; padding: 40px 0px 40px 15px; color:#000;  }
	.subscribeHome	p				{ color:#666666; font-size:14px; margin: 16px 0 20px 0; width: 300px; }
	.subscribeHome	h3  			{ font-size: 16px; color:#000000; font-weight:bold; text-transform: uppercase; }
	body#magnum_site .subscribeHome	h3 { color:#fff; }
	.subscribeHome .subscribe		{ background:url(../images/template/subscribe.gif); width: 152px; color:#7f7f7f; height: 24px; border:0; float:left;  padding: 4px 0 0 8px;  }
	.subscribeHome .submit			{ background:url(../images/template/subscribeGo.gif); color:#fff; margin:1px 0 0 0; width: 60px; height: 26px; border:0;  float:left; cursor:pointer; }

	.specialOfferHome				{ display: block; width: 400px; float:left; padding: 40px 0px 40px 15px; background:url(../images/template/specialOffer65.png) no-repeat top right; }
	.specialOfferHome	p			{ color:#666666; font-size:18px; margin: 16px 0 20px 0; width: 260px; }
	.specialOfferHome	h3  		{ font-size: 30px; color:#000000; font-weight:bolder; letter-spacing:-1px; text-transform: uppercase; }
	body#magnum_site .specialOfferHome h3 { color:#ffffff; }
	
	.largeIMG						{ display:block; background:#fff; float: left; width: 400px; height:391px; border:1px solid #cdcfcf; margin: 0 30px 21px 0; }
	.largeIMG .largeIMGHolder		{ width:400px; height:250px; padding-top:30px;}
	
	.productLarge					{ float:left; display:block; height: 322px; width:394px;}

	.productThumbs					{ padding: 10px; }
	.productThumbs li				{ float:left; display:block; border: 1px solid #cdcfcf; margin: 0 15px 0 0; padding:10px 5px 10px 5px;}
	.enlarge						{ float:right; display: block; margin: 40px 10px 0 0; text-transform:capitalize; color:#000; background:url(../images/magnify.gif) no-repeat bottom left; padding: 0 0 0 20px;}
	
	.details						{ text-align: left; float:left; width: 480px; }
	.details h3						{ float:left; width: 484px; font-weight:bolder!important;}
	.details p						{ color:#666666; font-size:13px; }
	.details .oldPrice				{ padding: 3px 8px 0 0; }
	.details h4						{ font-weight:bold; text-transform: capitalize; font-size:13px;  }
	.details ul						{ font-size: 11px; }
	.features li					{ list-style-type: square; margin: 0 0 0 15px;}
	
	.description					{ border-bottom: 1px dotted #7f7f7f;  margin: 0 0 20px 0; }
	
	.form 							{ float: left; margin: 30px 0 0 0; }
	.form li						{ list-style-type:none; float: left; margin: 0 40px 0 0; }
	.form label						{ font-weight:bold!important; }
	.addToBasket					{ margin: 12px 0 0 0!important;  } 
	
	a.liquid_mountaineering_mini 	{ cursor:pointer; }
	a.liquid_mountaineering_mini span{ background: url(../images/lmOverlayThumbBlack.gif) no-repeat bottom right; position:absolute; float: left; width: 195px; z-index:100; height:43px; }
	
/* Your Basket
-------------------------------------------------------------------*/
	.contentLeft h1 				{ text-transform:uppercase; font-size:23px;  }
	.contentLeft p.basketContents	{ float:right; color:#666666; }
	.contentLeft table.checkout_form_table { border-top:dotted #666666 1px; border-bottom:dotted #666666 1px; }
	.contentLeft table.checkout_form_table td { padding:10px; color:#000;}
	body#magnum_site  .contentLeft table.checkout_form_table td.checkout_form_text a { color:#000;}
	.contentLeft .btn_update_basket { font-size:10px; cursor:pointer; }
	.contentLeft .btn_proceed_checkout { background:url(../images/template/addToTemplateLong.gif) 0px 2px no-repeat; display:block; margin-top:20px; width:195px; height:28px; border:0!important; padding:0!important; text-transform: uppercase; font-weight: bold; font-size:11px; text-indent:-18px; cursor:pointer; font-size:10px;}

	.checkout_address {
		position: relative;
		float: left;
		width: 163px;
		padding: 4px;
		margin-right: 5px;
		border-top: 1px solid silver;
		}
		.checkout_address .product_item_title {
			margin-bottom: 4px;
			}
	.checkout_address_spacer_l {
		position: relative;
		width: 70px;
		font-weight: bold;
		margin-right: 8px;
		float: left;
		}
	.checkout_address_spacer_2 {
		float:left;
		width: 160px;
		}		
	.checkout_address_spacer_r {
		position: relative;
		float: left;
		}
	
	
	.checkout_form {
		position: relative;
		}
	.checkout_form_table {
		background-color: #e4e4e4;
		margin-bottom: 10px;
		}
	.checkout_form_title {
		background:url("../images/template/featuredStrip.gif");
		padding:10px 0 10px 12px;
		border:2px solid #CDCFCF;
	}
	.checkout_form_header {
		padding: 2px 5px 2px 5px;
		background-color: #F5F5F5;
		font-weight: bold;
		}
	.checkout_form_text {
		padding: 2px 5px 2px 5px;
		background-color: white;
		}
	.checkout_form_buttons {
		margin-top: 12px;
		text-align: right;
		padding-bottom: 10px;
		float:left;
		clear:both;
		width:100%;
		}
		.checkout_form_buttons .myaccount_button {
			left:  0px;
			margin-bottom: 0px;
			top: 0px;
			clear: none;
			}
	#product_holder_left, #product_holder_center { width: 250px; margin-right:20px; }
	.submit_button, .myaccount_button { 
		 background:url(../images/template/addToTemplate.gif) 0px 2px no-repeat; 
		 display:block; margin-top:20px; 
		 width:123px; height:28px; 
		 border:0!important; padding:0!important; 
		 text-transform: uppercase; 
		 font-weight: bold; 
		 text-indent:-18px; 
		 cursor:pointer; 
		 font-size:10px;
		 float:left;
	}
	.submit_button.long, .myaccount_button.long {  background:url(../images/template/addToTemplateLong.gif) 0px 2px no-repeat;  width:195px;  }
	a.back { float:left; clear:both; margin-top:20px; }
	
	.error { padding:20px; padding-left:0; font-weight:bold; color:#900; }
	ul.form { margin:0; }
	ul.form li { padding-bottom:10px; }
	ul.form li input { padding:4px; }
		

/* 7. FOOTER STYLES
-------------------------------------------------------------------*/	
	.bottomNav 						{ background:url(../images/template/navbar.gif); width: 960px; height: 40px; margin: 40px 0 10px 0; float:left; }
	.bottomNav li					{ float:left; list-style-type:none; text-transform:uppercase; color:#fff; font-size:15px; font-weight:bold; background:url(../images/template/divider.gif) no-repeat top right; padding: 10px 14px;  }
	.bottomNav .noBorder			{ background:none; }
	.bottomNav li a:hover			{ color:#fdb813; text-decoration:none; }

	#footer							{ background:url(../images/template/footerBG.gif) repeat-x #080807; float:left; display:block; text-align:left; margin: 0 0 30px 0; }
	#footer a						{ color:#abaaab; font-size:11px;  }
	#footer h4						{ color: #fff; font-size: 14px; font-weight: bold; text-transform:uppercase; }
	#footer .heading				{ margin: 23px 0px 0 0; float: left; display:block; background:url(../images/template/footerDivider.gif) no-repeat right; padding: 0 92px 0 30px; }
	#footer .noBorder				{ background: none; padding: 0 0 0 30px; width:400px; }
	#footer ul ul 					{ margin: 10px 0; float: left; width: 130px; }
	
	#footer .copyright 				{ color: #abaaab; float: left; font-size: 11px; margin: 0 0 0 30px; }
	#footer .cardPayment			{ float: right; width: 200px; }
	#footer .cardPayment li 		{float:left; padding: 0 9px 0 0; }
	
	a.liquid_mountaineering_product{ margin-top:5px; float:left; text-indent:-3000px; overflow:hidden; background:url(../images/lm_product_btn.gif) top left no-repeat; width:159px; height:82px; }
	#magnum_site a.liquid_mountaineering_product{ background-image:url(../images/lm_product_btn_magnum.gif); }
	
	a.liquid_mountaineering_product:hover{ background-position: bottom left; }