/* main */
body, textarea { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; font-size: 0.7em; line-height: normal; color: #333; }
textarea { font-size: 11px; }
a, a:link, a:active, a:visited { text-decoration: none; color: #006665; }
a:hover { text-decoration: none; }

/* headings */
h1, .h1 { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #006764; font-size: 120%; font-weight: bold; margin: 0 0 10px 0; }
	h1.bnr { background: #1C1C1C url(../Images/H2Bg.png) repeat-x; color: #fff; border: solid 1px #000; border-bottom: none; line-height: normal; padding: 3px 0 6px 10px; margin-bottom: 12px; }
	h1 span { color: #FFCE34; }
h2, .h2 { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #006764; font-weight: bold; margin: 0 0 10px 0; }
h3 { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; font-weight: bold; margin: 0 0 10px 0; font-size: 100%; }
	h3.bnr { background: #1C1C1C url(../Images/H2Bg.png) repeat-x; color: #fff; border: solid 1px #000; border-bottom: none; line-height: normal; padding: 3px 0 6px 10px; margin-bottom: 12px; }
	h3.bnr div.title { float: left; cursor: hand; }
	h3.bnr span.viewAll { text-align: right; float: right; margin-right: 10px; cursor: hand; }
	h3 span { color: #FFCE34; }
h4 { font-weight: bold; }

h1 a, h1 a:link, h1 a:active, h1 a:visited, h2 a, h2 a:link, h2 a:active, h2 a:visited, h3 a, h3 a:link, h3 a:active, h3 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline; }

/* print specific content */
#hdrPrint, #ftrPrint { display: none; }

/* misc */
img { border: 0; }
small, .small { font-size: 12px; line-height: 13px; }
.bold { font-weight: bold; }
.Selected { background: #ffffde; }
.clrLft { clear: left; }
.clrRgt { clear: right; }
.clrBoth { clear: both; font-size: 0; line-height: 0; margin: 0; padding: 0; }
.floatL { float: left; display: inline; }
.floatR { float: right; display: inline; }
.padTBR10 { padding: 10px 0 10px 10px; }
.padT15 { padding-top: 15px; }
.padT5 { padding-top: 5px; }
.padW5 { padding-left: 5px; padding-right: 5px; }
.mrgT10 { margin-top: 10px; }
.hidden { display: none; }
.block { display: block; }
.dark { color: #444; }
.error { color: #006764; font-weight: bold; }
.tv td div { height: 20px !important; }		/* treeview (sitemap etc) */
/*ul { margin: 0 0 10px 35px; padding: 0; }
	ul li { margin: 0; padding: 0; }*/
.radE { margin: 0 15px; }
.rgtAlign { text-align: right; }
.topAlign { vertical-align: top; }
.pr { display: none; }

/* forms and elements */
form { margin: 0; }
input.txtBox, textarea.txtBox { width: 175px; border: solid 1px #277E7E; padding: 2px; color: #666; }
.required { color: #f00; font-size: 10px; }
.valSum { background-color: #E2F0F1; margin: 0 0 15px 0; border: none; padding: 0; font-weight: bold; text-align: left; font-size: 11px; line-height: normal; }
	.valSum span.s1 { display: block; color: #e00; background: url(../Images/Warning.png) no-repeat 5px 15px; margin-left: 10px; padding: 15px 15px 0 50px; min-height: 32px; height: auto !important; height: 32px; }
	.valSum span.s2 { color: #000; font-weight: normal; display: block; margin-top: 5px; }
	.valSum ul { margin: 0; padding: 10px 0 15px 25px; }
		.valSum ul li { margin: 0 0 0 50px; color: #000; list-style-type: square; font-weight: normal; line-height: 16px; }
div.row { margin-top: 4px; line-height: normal; }
	div.row div.l { float: left; display: inline; width: 50%; }
	div.row div.r { float: right; display: inline; width: 50%; }
	div.row div.a { float: left; display: inline; width: 120px; text-align: right; margin-right: 5px; padding-top: 3px; }
	div.row div.b { float: left; display: inline; text-align: left; }
		div.row div.b img { vertical-align: top; margin-top: -1px; }
div.pcl { border-bottom: 1px dashed #ccc; padding-bottom: 5px; margin-bottom: 10px; }
	div.pcl div.a label strong { color: #0A5959; }
	div.pcl div.b { margin-right: 5px; }
div.btn { text-align: center; padding-top: 10px; }

/* 2 column layouts */
div.col2Lft { float: left; display: inline; width: 360px; }
div.col2Rgt { float: right; display: inline; width: 360px; }

/* 3 column layouts */
div.col3Lft { float: left; display: inline; width: 319px; border-right: solid 1px #999; margin-bottom: 10px; }
div.col3Ctr { float: left; display: inline; width: 330px; border-right: solid 1px #999; text-align: center; margin-bottom: 10px; }
div.col3Rgt { float: right; display: inline; width: 319px; text-align: right; margin-bottom: 10px; }

/* general boxes for containing content */
.box { background: url(../Images/BoxBgSmTop.png) no-repeat left top; padding-top: 15px; margin-bottom: 15px; }
	.box .cont { background: url(../Images/BoxBgSmBtm.png) no-repeat left bottom; padding: 0 15px 15px 15px; }
		.box .cont p { margin: 0; padding: 0 0 10px 0; }
	.box .title { padding: 0 5px; margin-bottom: 5px; font-size: 120%; }
		.box .title strong { color: #006764; }
	.box .titleLt { background-color: #E2F0F1; display: block; height: 22px; padding: 0 15px; margin-bottom: 10px; line-height: normal; }
		.box .titleLt strong { color: #333; display: block; padding-top: 4px; }

/* 2 column width boxes */
.box2Col { background: url(../Images/BoxBg2Col.png) no-repeat left top; padding-top: 10px; }
	.box2Col .cont { background: url(../Images/BoxBg2Col.png) no-repeat left bottom; padding: 0 10px 10px 10px; }
		.box2Col .cont p { margin: 0; padding: 0 0 10px 0; }
	.box2Col .title { padding: 0 5px; margin-bottom: 5px; font-size: 120%; }
		.box2Col .title strong { color: #0A5959; }

/* breadcrumbs */
#bCrumb { background: #1C1C1C url(../Images/H2Bg.png) repeat-x; font-size: 120%; border: solid 1px #000; border-bottom: none; line-height: normal; padding: 3px 0 6px 10px; margin-bottom: 12px; font-weight: bold; }
	#bCrumb span { color: #FFCE34; }
		#bCrumb span.sep { color: #FFF; padding: 0 3px; }
	#bCrumb a { color: #FFF; }
		#bCrumb a:hover { color: #FFCE34; }

/* radeditor content */
.imgAlignRight { float: right; display: inline; margin: 0 0 10px 20px; }
.radEditor ul { margin: 0 0 10px 35px; padding: 0;  }
.radEditor ul li { margin: 0; padding: 0; list-style-type: disc; }

/* common header */
#h .r1 { height: 160px; border-bottom: solid 3px #FBBB26; background: url(../Images/Hdr/R1Bg.png) bottom left no-repeat; margin-bottom: 1px; margin-top: -22px; }
	#h .r1 img.logo { float: left; margin-top: 60px; margin-left: 12px; }
	#h .r1 .links { height: 40px; width: 231px; }
	#h .r1 .bsk { margin-top: 7px; height: 91px; width: 231px; }
		#h .r1 .bsk .title { font-size: 140%; font-weight: bold; color: #006667; padding: 15px 0 4px 10px; }
		#h .r1 .bsk .smry { color: #fff; font-size: 100%; padding-left: 10px; }
		#h .r1 .bsk .lnks { padding: 6px 0 0 10px; }
#h .r2 { position: absolute; width: 960px; top: 4px; text-align: right; }
	#h .r2 a { color: #000; font-weight: bold; }
	#h .r2 a:hover { text-decoration: underline; }
#h .r3 { height: 35px; background: url(../Images/Hdr/R3Bg.png) repeat-x; }
	#h .r3 ul.lv1 { padding: 0; float: left; }
		#h .r3 ul.lv1 > li { float: left; border-right: solid 1px #fff; }
		#h .r3 ul.lv1 > li.lv1_l { border-right: none; margin-right: 0; }
			#h .r3 ul.lv1 > li a.lv1 { display: block; line-height: 120%; font-weight: bold; color: #fff; padding: 12px 10px 10px 10px; }
			#h .r3 ul.lv1 > li.lv1_l a.lv1 { padding: 12px 9px 10px 8px; }
			#h .r3 ul.lv1 > li.lv1:hover a.lv1, #h .r3 ul.lv1 > li a.lv1:hover { background: #fcbb25; color: #017864; }

			/* mega menu */
			#h .r3 ul.lv1 > li > div.subNav { position: absolute; background: #fff; z-index: 999; padding: 1px; top: -9999px; }
				#h .r3 ul.lv1 > li > div.subNav > div.in { border: 2px solid #fcbb25; }
					#h .r3 ul.lv1 > li > div.subNav img { float: left; }
					#h .r3 ul.lv1 > li > div.subNav ul { margin: 10px 0; float: left; width: 180px; background: url(../Images/Hdr/snDiv.png) repeat-y 0 top; }
					#h .r3 ul.lv1 > li > div.subNav ul.col1 { background: #fff; }
						#h .r3 ul.lv1 > li > div.subNav ul li { width: 160px; margin-left: 10px; }
							#h .r3 ul.lv1 > li a.lv2 { display: block; border-bottom: 1px solid #98C8C0; color: #017864; padding-bottom: 5px; margin-bottom: 5px; font-weight: bold; background: url(../Images/Hdr/lv2Arrw.png) no-repeat 150px 7px; }
							#h .r3 ul.lv1 > li a.lv2Sep { padding-top: 12px; background-position: 150px 17px; }
							#h .r3 ul.lv1 > li a.lv2:hover { text-decoration: underline; }
							#h .r3 ul.lv1 > li a.lv3 { display: block; color: #323232; margin-top: 2px; padding-bottom: 3px; font-weight: normal; background: url(../Images/Hdr/lv3Arrw.png) no-repeat 150px 7px; }
							#h .r3 ul.lv1 > li a.lv3:hover { text-decoration: underline; }

#h .r4 { padding: 7px 0; margin: 1px 0 10px 0; text-align: right; background: url(../Images/Hdr/R4Bg.png) repeat-x; }
	#h #hmLnk { float: left; padding: 2px 0 0 8px; }
		#h #hmLnk a { color: #FBBB26; font-weight: bold; display: block; background: url(../Images/Hdr/HmLnkBg.png) no-repeat left top; padding: 0 0 0 20px; }
		#h #hmLnk a:hover { text-decoration: underline; }
	#h .r4 input, #h .r4 select { width: 200px; padding: 2px; margin-right: 10px; border: 1px solid #FCBB25; }
	#h .r4 img { vertical-align: top; margin-top: 1px; margin-right: 14px; }

/* left navigation */
#mL ul.lv1 { margin-left: 1px; position:relative; z-index:99; }
#mL li.lv1, #mL li.lv1_f, #mL li.lv1_l { background: url(../Images/Lft/NavItemBg.png) repeat-x; position: relative; }
#mL li.lv1, #mL li.lv1_f { border-bottom: dashed 1px #ccc; }
#mL a.lv1 { display: block; color: #fff; padding-left: 50px; height: 35px; line-height: 35px; font-weight: bold; overflow: hidden; background: url(../Images/Lft/NavItemIcons.png) 8px -481px no-repeat; }

/* specify sprite icons */
#mL a.lv1:hover, #mL ul.lv1 li.s a { background-color: #0A5959; color: #FC3; }
#mL li.clothing a { background-position: 8px 0; }
#mL li.footwear a { background-position: 8px -37px; }
#mL li.packs-and-luggage a { background-position: 8px -74px; }
#mL li.running a { background-position: 8px -111px; }
#mL li.camping a { background-position: 8px -148px; }
#mL li.snowsports a { background-position: 8px -185px; }
#mL li.climbing a { background-position: 8px -222px; }
#mL li.travel a { background-position: 8px -259px; }
#mL li.books-maps-and-navigation a { background-position: 8px -296px; }
#mL li.gifts-vouchers-and-gadgets a { background-position: 8px -333px; }
#mL li.walking a { background-position: 8px -370px; }
#mL li.craigdon-kids a { background-position: 8px -407px; }
#mL li.web-offers-and-deals a { background-position: 8px -444px; }
#mL li.watersports a { background-position: 8px -518px; }
#mL li.recommended-kit-for-dofe a { background-position: 8px -555px; }
#mL li.festival-gear a { background-position: 8px -592px; }

/* left 2nd level nav */
#mL div.subNav ul { margin: 0; padding: 12px 0; float: left; width: 150px; }
#mL div.subNav ul li { background: none; padding: 0 12px; }
#mL div.subNav ul li a { padding-left: 0; height: auto; background: none; line-height: normal; }

#mL a.lv2 { display: block; border-bottom: dashed 1px #FFCC33; color: #FC3; margin-top: 2px; padding-bottom: 3px; font-weight: bold; }
#mL a.lv2_f_l { display: block; color: #FC3; margin-top: 2px; padding-bottom: 3px; font-weight: bold; }
#mL a.lv3 { display: block; color: #FFF; border-bottom: dashed 1px #999; margin-top: 2px; padding-bottom: 3px; font-weight: normal; }
#mL a.lv3 span { color: #FC3; }
#mL a.lv2:hover, #mL a.lv2_f_l:hover, #mL a.lv3:hover { color: #FF1826; }

#mL ul.lv1 div.subNav { position: absolute; top: -999em; background: url(../Images/NavBg.png); border: solid 1px #FFF; border-left: none; }
#mL ul.lv1 li.hover div.subNav { position: absolute; left: 217px; top: -1px; }

/* common footer */
#f .byBrand { height: 55px; background: url(../Images/Ftr/ByBrandBg.png) no-repeat; }
#scroller_container { height: 25px; width: 812px; padding: 10px 0 0 165px; position: relative; overflow: hidden; }

#f #ftrLnks { margin: 10px 0 0 0; height: 173px; }
	#f #ftrLnks li { float: left; width: 192px; height: 173px; margin: 0 5px 0 0; padding: 0; list-style-type: none; background: url(../Images/Ftr/PanelBg2.png) no-repeat; }
	#f #ftrLnks li.last { margin-right: 0; }
		#f #ftrLnks li a { color: #336564; display: block; margin: 14px 0 10px 14px; font-size: 16px; font-weight: normal; height: 40px; }
			#f #ftrLnks li ul { margin: 0; width: auto; height: auto; }
				#f #ftrLnks li ul li { float: none; width: auto; height: 17px; background: none; margin: 0; padding: 0; list-style-type: none; }
					#f #ftrLnks li ul li a { color: #666; margin: 3px 14px 0 14px; padding-bottom: 3px; font-size: 11px; font-weight: normal; height: auto; border-bottom: dashed 1px #CDCDCD; }
					#f #ftrLnks li ul li a:hover { color: #336564; }

#f .logos { border: 3px solid #ccc; padding: 5px; text-align: center; }
	#f .logos img { margin: 0 5px; vertical-align: middle; }

#f .ftr { margin: 15px 0 0 0; padding: 0 5px; color: #000; }
	#f .ftr a { color: #000; }
	#f .ftr .floatL { color: #666; }
	#f .ftr .floatR { text-align: right; }

#c4 .pin a { color: #656563; }
	#c4 .pin img { vertical-align: middle; }

/* sitemap */
.smDir ul { width: 240px; margin: 0; padding: 0; line-height: 16px; list-style: none; }
	.smDir ul li.lv2 { padding-left: 15px; }

/* editable product list page headers */
.prodLstHdr { margin: 10px auto; }
	.prodLstHdr div.bg { margin: 0 5px; }
	.prodLstHdr h1 {}
	.prodLstHdr div.txt { padding-bottom: 5px; }

/* common alert boxes (message and errors combined) */
.mBox { background-color: #E2F0F1; padding-top: 10px; color: #f00; font-weight: bold; line-height: 16px; margin-bottom: 10px; }
	.mBox .body { padding: 0 10px 10px 10px; }
		.mBox .body .warn { color: #c00; background: url(../Images/Warning.png) no-repeat 5px 5px; padding: 5px 5px 10px 50px; margin: 0; min-height: 24px; height: auto !important; height: 24px; }
		.mBox .body .ok { color: #0A5959; background: url(../Images/Ok.png) no-repeat 5px 5px; padding: 5px 5px 10px 50px; min-height: 24px; height: auto !important; height: 24px; }
		.mBox .body .msg { margin-top: 5px; font-weight: normal; color: #000; }
		.mBox .body a { color: #0A5959; font-weight: bold; margin: 0; }
		.mBox .body p strong { color: #0A5959; font-weight: bold; margin: 0; }

/* misc */
.contForm { width: 400px; margin-left: auto; margin-right: auto; }
.usrLogin, .usrRegister { line-height: 16px; }
select.pcaResults { width: 346px; margin-top: 5px; }

/* common loading layer */
.loading .c { clear: both; background: url(../Images/BoxBgSm.png) no-repeat left top; margin: 10px 0; padding: 10px 0 0 0; }
	.loading .c div { background: #fff url(../Images/BoxBgSm.png) no-repeat left bottom; margin: 0; padding: 0 15px 10px 0; color: #010002; text-align: center; font-weight: bold; }
	.loading .c img { margin-right: 10px; vertical-align: middle; }

div.addThis { text-align: center; padding: 15px 0; }

#weatherRss { width: 207px; height: 167px; margin: 0 0 1px 5px; font-weight: bold; color: #FFF; }
#weatherRss div.weather, #weatherRss div.select { width: 207px; height: 167px; position: absolute; background: url(../Images/Lft/WeatherBg.jpg) no-repeat left top; }
#weatherRss div.sunny { background: url(../Images/Lft/WeatherBG_Sunny.jpg); }
#weatherRss div.lgtRain { background: url(../Images/Lft/WeatherBG_LgtRain.jpg); }
#weatherRss div.heavyRain { background: url(../Images/Lft/WeatherBG_HeavyRain.jpg); }
#weatherRss div.cloudy { background: url(../Images/Lft/WeatherBG_Cloudy.jpg); }
#weatherRss div.thunder { background: url(../Images/Lft/WeatherBG_Thunder.jpg); }
#weatherRss div.select div { padding: 70px 0 0 10px;  }
#weatherRss div.select span { display: block; margin-bottom: 10px; }
#weatherRss div.weather span { display: block; width: 110px; margin-bottom: 10px; height: 65px; overflow: hidden; }
#weatherRss div.weather span a { font-weight: normal; }
#weatherRss div.weather div { padding: 70px 0 0 10px; }
#weatherRss a, #weatherRss a:link, #weatherRss a:active, #weatherRss a:visited { color: #FFF; }
#weatherRss a:hover { text-decoration: underline; }

/* the edit panel for products on the front end */
.editProduct strong { color: #006764; font-weight: bold; text-align: left; display: inline-block; width: 75px; margin-right: 5px; margin-bottom: 4px; }
.editProduct a:hover { text-decoration: underline; }
.editGroup a:hover { text-decoration: underline; }
.editGroup .msg_list { margin: 3px 0px 3px 0px; padding: 0px; width: 570px; float: left; }
.editGroup .msg_head { margin: 0px; } /* cursor: pointer; */
.editGroup .msg_head h2 { display: inline; margin: 0px; color: #006764; font-weight: bold; }
.editGroup .collapsed_head { padding: 0px 10px 0px 24px; background: #fff url(../Images/Buttons/Exp_Box_Collapsed.png) no-repeat top left; }
.editGroup .expanded_head { padding: 0px 10px 0px 24px; margin-bottom: 15px; background: #fff url(../Images/Buttons/Exp_Box_Expanded.png) no-repeat top left; }
.editGroup .msg_body { margin: 0px 0px 0px 25px; width: 560px; }
.editGroup .attr { display: inline; }
.editGroup table tr { height: 5px; } 
.editGroup table tr td { padding-right: 20px; vertical-align: top; } 

/* editable scroll boxes on page footers */
#cdscontainer { background-color: #EFEFEF; }
#cds { height: 175px; left: 5px; overflow: auto; position: relative; width: 725px; }
#cds h2 { font-size: 14px; margin: 0; padding: 0; }
#cds p { font-size: 12px; margin: 0; padding: 8px 4px 8px 0; text-align: justify; }
#cdscaps { background: url(../Images/H2Bg.png) repeat-x scroll 0 0 #1C1C1C; color: #FFCE34; margin: 4px 1px; padding: 6px 8px; }
#fph1 { background-color: #CCCCCC; font-weight: bold; margin: 2px 0; padding: 4px 10px; }


/* autocomplete styles */
.ac_summary { border-top: 1px solid #999; background-color: #f6f6f6; color: #000000; z-index: 99; text-align: center; padding: 7px 2px; line-height: 14px; font-weight: bold; font-size: 10px; }
.ac_summary a { color: #FCBB23; font-weight: bold; font-size: 11px; }
.ac_results { margin: 2px 0 0 -151px; padding: 0; border: 1px solid #999; background-color: #fff; overflow: hidden; z-index: 99; }
.ac_results ul { list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results ul li { margin: 0; padding: 0 5px; cursor: default; display: block; font-size: 11px; line-height: 34px; height: 34px; overflow: hidden; color: #888; }
.ac_results ul li strong { color: #FCBB23; }
.ac_results ul li img { margin: 0 5px 0 0; background: #007B63; }
.ac_results ul li.ac_odd { background-color: #f0f0f0; }
.ac_results ul li.ac_over, .ac_over { background-color: #000000; color: #fff; }
.ac_loading { background: #fff url(../Img/Com/ajax-loader_sm.gif) right center no-repeat; }


.msg_list { padding: 0; width: 100%; }
	/*.msg_head { cursor: pointer; }*/
	.msg_head h2 { display: inline; color: #003396;  }
	.collapsed_head { margin: 10px 0 0 0; }
	.expanded_head { margin: 10px 0 0 0; }
	.expanded_body { padding-top: 0; padding-bottom: 15px; }
	.msg_body { background-color: #fff; width: 97%; padding: 0 10px 15px 10px; }
	
/* home page rotator */
#hmRotImg { width: 980px; height: 250px; z-index: 1; }
#hmRotBtn { position: absolute; margin-top: 218px; list-style: none; z-index: 2; }
	#hmRotBtn li { float: left; list-style: none; margin-left: 10px; }
		#hmRotBtn li a { float: left; background: url(../Images/HmRot/BtnBg.png) no-repeat; text-align: center; width: 22px; height: 22px; line-height: 22px; color: #017864; font-weight: bold; font-size: 12px; }
		#hmRotBtn li a:hover { background-position: left -44px; }
		#hmRotBtn li a.on, #hmRotBtn li a.on:hover { background-position: left -22px; color: #fcbb25; }