﻿* {margin:0; padding:0;}
body {font-size:.625em; line-height: 1.3; background:#00041C url(images/outdoor_bg.jpg) repeat top left;}
body, input, select, textarea { font-family:Arial, Helvetica, sans-serif; color:#848484; }

/* --- default tag styles --- */
p { margin-bottom:0.7em; }
li { margin-left:2em; }
ol li { margin-left:3.5em; }

img { border:0; }
table { border-collapse:collapse; border:0; }
input, select, textarea { font-size:1em; }
img {border:none;}

.separator { clear:both !important; }
.orange { color:#5A1F00 }

a {color:#5A1F00; text-decoration:none;}
a:hover {text-decoration:underline;}


#wrapper { font-size:1.2em; width:1003px; height:auto; clear:both; position:relative; margin:0 auto; margin-top:27px;}
	#header { background:url(images/outdoor_header.jpg) top left no-repeat; width:1003px; height:120px; position:relative; }
	#header h1 a { position:absolute; bottom:3px; right:15px; display:block; height:55px; width:444px; background:transparent url(images/outdoor_logo.jpg) no-repeat top right; text-indent:-5000px; }
	#header ul { position:absolute; top:37px; right:15px; list-style:none; }
	#header ul li { display:inline; margin:0;  padding:2px 10px 2px 6px; font-size:1.4em; font-weight:bold; color:#fff; text-decoration:none; }
	#header ul li a { padding:2px 10px 2px 6px; font-size:1em; font-weight:bold; color:#fff; text-decoration:none; } 
	#header ul li a:hover { text-decoration:underline; }

	#search { position:relative; width:967px; height:25px; padding:6px 18px 0px 18px; background:url(images/outdoor_search_bg.jpg) top left no-repeat; }
	#search p { font-size:1.4em; color:#fff; }
	#search p a, #search p a:visited{ color:#5A1F00; font-weight: bold; }
	#search p a:hover, #search p a:active{ color:#5A1F00; font-weight: bold; text-decoration: underline; }
	#search .searchPanel { position:absolute; width:230px; top:6px; right:10px; }
	#search .searchPanel h2 { float:left; margin-right:7px; color:#fff; font-size:1.4em; }
	#search .searchPanel input { float:left; width:185px; height:16px; border:1px solid #fff; }
	#search .searchPanel input.btn { width:auto; height:auto; border-width:0px; }

	#footer { position:relative; clear:both; width:1003px; background:transparent url(images/outdoor_footer.jpg) no-repeat top left; }
	#footer p { display:block; color: #FFFFFF; font-size: 1.4em; font-weight: bold; height:17px; margin:0; padding:24px 20px; overflow:hidden; }
	#footer p a { font-size:1.2em; color:#fff; text-decoration:none;}
	#footer p a:hover { font-size:1.2em; color:#fff; text-decoration:underline;}
	#footer a.left { float:left; }
	#footer a.right { float:right; }
	
	#footer ul { margin:10px 0 30px 0; text-align:center; list-style:none; }
	#footer ul li { display:inline; margin:0; padding:0; border-right:1px solid #fff; }
	#footer ul li.lastChild { border:none; }
	#footer ul li a { padding:0 10px; color:#FFFFFF; font-size:1.2em; font-weight:bold; text-decoration:none; }
	#footer ul li a:hover { text-decoration:underline; }

	#content { float:left; width:990px; padding:6px 6px 18px 7px; background:#fff url(images/outdoor_body_bg.gif) top left no-repeat; overflow:hidden; }
	
	#leftPanel { float:left; width:195px; margin-left:6px; overflow:hidden; display:inline; }
	#midPanel { float:left; width:572px; padding:5px 7px 0 7px; font-size:1.2em; line-height:1.5em; overflow:hidden; display:inline; }
	#midPanelSubpage { float:left; width:762px; padding:5px 7px 0 7px; font-size:1.2em; line-height:1.5em; overflow:hidden; display:inline; }
	#rightPanel { float:left; width:195px; margin-right:6px; overflow:hidden; display:inline; }
	#CMSPanel { float:left; width:762px; padding:5px 7px 0 7px; font-size:1.2em; line-height:1.5em; overflow:hidden; display:inline; }

#leftPanel h2 { width:180px; height:26px; padding:10px 0 0 15px; font-size:1.4em; color:#fff; background:url(images/outdoor_tab_head.jpg) top left no-repeat; clear:both; }
#leftPanel .pnlCont, #leftPanel .pnlContBasket { width:167px; padding:10px 14px 4px 14px; background:transparent url(images/panel_mid_bg.jpg) top left repeat-y; overflow:hidden; }
#leftPanel .pnlCont img{ padding:10px 0;}
#leftPanel .pnlContBasket img{ padding:10px 0px 0px 0px;}
#leftPanel .pnlCont p, #leftPanel .pnlContBasket p { margin:0; }
#leftPanel .navi {  list-style:none; }
#leftPanel .navi li{ margin:0; padding:0; }
#leftPanel .navi li a { display:block; font-size:1.3em; text-decoration:none; padding:3px 5px; background-color:#fff; height:1%; }
#leftPanel .navi a:hover, #leftPanel .navi li .current{ color:#fff; text-decoration:none; background-color:#A6B840; }
#leftPanel .pnlFooter { width:195px; height:11px; float:left; background:url(images/panel_footer.jpg) top left no-repeat; }
#leftPanel .freeDeli { float:left; width:195px; height:108px; background:url(images/outdoor_add.jpg) top left no-repeat; }
#leftPanel .freeDeli a, #leftPanel .freeBlubs a { display:block; width:195px; height:108px; text-indent:-9999px; }
#leftPanel .freeBlubs { float:left; width:195px; height:108px; background:url(images/outdoor_add2.jpg) top left no-repeat; }

#rightPanel h2 { width:180px; height:26px; padding:10px 0 0 15px; font-size:1.4em; color:#fff; background:url(images/outdoor_tab_head.jpg) top left no-repeat; clear:both; }
#rightPanel .pnlCont p { margin:0px 0px 10px 0px; }
#rightPanel .pnlCont { width:167px; padding:10px 14px 4px 14px; background:transparent url(images/panel_mid_bg.jpg) top left repeat-y; overflow:hidden; }
#rightPanel .pnlFooter { width:195px; height:11px; float:left; background:url(images/panel_footer.jpg) top left no-repeat; }
#rightPanel a { font-weight:bold; text-decoration:none; }
#rightPanel a:hover { text-decoration:none; }
#rightPanel .pnlCont img { padding:10px 0;}
#rightPanel .pnlCont img.brdBottom { padding:0px 0 0px 0;}
#rightPanel .pnlCont img.brdNo { padding:0;}
#rightPanel dl { float:left; margin:0 0 10px 0; padding:0; background:url(images/border_esl.gif) bottom left no-repeat;  }
#rightPanel dl dt { float: left; width:60px; }
#rightPanel dl dt img { margin:0 5px 7px 0; padding:0 !important; }
#rightPanel dl dd { float: right; width:100px; margin:0px 0px 5px 5px;}

#midPanel h2 { clear:both; margin-bottom:0.2em; padding:7px 9px; font-size:0.9em; background:#B9B9B9; color:#fff; }
#midPanel .productList { float:left; width: 572px; font-size:0.85em; font-weight:bold; margin-bottom:1em; }
#midPanel .productList .row { float:left; }
#midPanel .productList .item { float:left; width:190px; height:300px; text-align:center; }
#midPanel .productList .item p { margin-bottom: 0.3em; margin-left: 3px; margin-right: 3px; }
#midPanel .productList .item p.img { height: 225px; }
#midPanel .productList .item p.text { height: 40px; }
#midPanel .productList .item p.price { height: 20px; }
#midPanel .productList .item img { margin-bottom:5px; }

#midPanelSubpage h2 { clear:both; margin-bottom:1em; padding:7px 9px; font-size:0.9em; background:#B9B9B9; color:#fff; }
#midPanelSubpage .productList { float:left; font-size:0.85em; font-weight:bold; margin-bottom:1em; }
#midPanelSubpage .productList .row { float:left; }
#midPanelSubpage .productList .item { float:left; width:190px; text-align:center; }
#midPanelSubpage .productList .item img { margin-bottom:5px; }

#midPanelSubpage .featured_product .photo { float:left; width:292px; text-align:center; }
#midPanelSubpage .featured_product .photo .mainImage { float:left; width:292px; height: 385px; text-align:center; }
#midPanelSubpage .featured_product .photo img { margin-bottom:0px; }
#midPanelSubpage .featured_product .descript {float:left; margin-left:10px; width:460px;}
#midPanelSubpage .featured_product .accessories_body { float:right; width:128px; padding:9px 11px 9px 11px; margin-bottom:1.0em; background:#B9B9B9; color:#fff; font-weight:bold; font-size:0.8em; }
#midPanelSubpage .featured_product .accessories_body h3 { font-size:1.1em; }
#midPanelSubpage .featured_product .accessories_body p { color:#000; text-align: center; }
#midPanelSubpage .featured_product .accessories_body input { margin:0 5px 0 20px; }
.right_col_product { float:right; width:151px; }

#midPanelSubpage .featured_product .info_top {float:left; width:455px; height:8px; margin-left:0px; background:transparent url(images/info_top.gif) no-repeat left bottom;}
#midPanelSubpage .featured_product .info_bot {float:left; width:455px; height:8px; margin-left:0px; background:transparent url(images/info_footer.gif) no-repeat left bottom;}
#midPanelSubpage .featured_product .info_mid {float:left; width:435px; height: 225px; margin-left:0px; padding:5px 10px; background:transparent url(images/info_mid.gif) repeat-y left top;}
#midPanelSubpage .featured_product p { font-size:0.9em; line-height:1.2em; margin-bottom:5px; }
#midPanelSubpage .featured_product .info_mid h3 { font-size:1.2em; margin-bottom:14px; }
#midPanelSubpage .featured_product .info { float:left; width:300px; }
#midPanelSubpage .featured_product .info h2 { padding:0; font-size:1.2em; color:#BB723F; background:none; }
#midPanelSubpage .featured_product table { margin-bottom:13px; font-size:0.8em }
#midPanelSubpage .featured_product td { padding:2px 10px 2px 0; }
#midPanelSubpage .featured_product h1 { font-size:1.2em; color:#000; margin-bottom:15px; }
#midPanelSubpage .featured_product h1 span.Vat { font-size:0.7em; padding-left:3px; color:#000 }
#midPanelSubpage .featured_product h1 span { font-size:0.8em; padding-left:0px; color:#848484 }

#CMSPanel h2 { clear:both; margin-bottom:0.2em; padding:7px 9px; font-size:0.9em; background:#B9B9B9; color:#fff; }

/* Paging */
.sortbyTop {margin-bottom:0.6em; padding: 3px 0px 3px 0px; border-bottom: solid 1px #B9B9B9;}
.sortbyBottom {margin-bottom:0.6em; padding: 3px 0px 3px 0px; border-top: solid 1px #B9B9B9;}
.sortbyTop p, .sortbyBottom p {margin-bottom:0.4em; padding:0px; text-align:right;}
.sortbyTop select, .sortbyBottom select {border: 1px solid #333;vertical-align: middle;width: 200px;}
.pager {float: left;font-size: 1em;padding: 0px;text-align: left;}
.pager span {font-weight: bold; background: #D90134; color: #FFFFFF;}

/* Basket */
#leftPanel .pnlContBasket ul img{ margin: 0px 3px 0px 0px; padding: 0;}
#leftPanel ul {margin: 0px 0px 8px 0px; list-style: none;}
.ulBasket li {margin: 0px;}
.bbLeftText { float:left; width: 60px; font-weight: bold; text-align: left;}
.bbMiddle { float:left; width: 15px; font-weight: normal; text-align: left;}
.bbPrice { float:left; text-align: right; width: 40px; font-weight: normal; text-align: left;}
.bbVAT { float:left; margin-left: 2px; text-align: left; width: 45px; font-weight: normal;}
.bbButtons { float: left; margin: 15px 0px 0px 0px; }

/* Basket Page */
#gvItems, table.gvItemsClass { border: 1px solid #666; width: 740px; margin: 0 auto; font-size: 0.9em;}
#gvItems td, #gvItems th, table.gvItemsClass td, table.gvItemsClass th {padding: 5px;text-align: left;}
#gvItems th, table.gvItemsClass th {background: #ebebeb;border-bottom: 1px solid #666;color: #666;}
.basket .message { color: #D02714;}

/* New Basket */
#newBasketTable { width:572px; margin-bottom:10px;}
#newBasketTable td { padding-right:1px;}
#newBasketTable th { border-right:1px solid #fff; font-size:.9em; font-weight:normal; background:#5A1F00; color:#fff; text-align:center;}
#newBasketTable th.contents { padding-left:15px; text-align:left}
#newBasketTable tbody td { width:50px; padding:10px 2px 20px; background:#fff; text-align:center; vertical-align:top;}
#newBasketTable tbody td.contents { width:auto; text-align:left;}
#newBasketTable tbody td.contents .itemImg { float:left; width:89px; text-align:center;}
/*#newBasketTable tbody td.contents img { float:left; border:1px solid #878787;}*/
#newBasketTable tbody td.contents div.itemDesc { margin-left:100px}
#newBasketTable tbody td.contents div.itemDesc h4 { margin-bottom:5px; font-size:1.05em;}
#newBasketTable tbody td.contents div.itemDesc p { margin:0; line-height:1.1em; font-size: 0.8em;}
#newBasketTable tbody td.quantity input { width:27px; height:16px; padding-top:3px; border:1px solid #a9a9a9; font-weight:bold; font-size:.9em; text-align:center;}
#newBasketTable tfoot td { padding:3px; font-size:.9em; background:#5A1F00; text-align:left; color:#fff}
#newBasketTable tfoot a { padding-left:13px; color:#fff; text-decoration:none;}

/* Lightbox */
.pnlEmail2Friend { width: 460px; padding:15px; font-size:.95em}
.pnlEmail2Friend h2 { padding:10px 0 25px; font-size:1.3em}
.pnlEmail2Friend li { clear:both; float:left; width:100%; margin-bottom:5px; list-style-type: none;}
.pnlEmail2Friend label { float:left; width:150px;}
.pnlEmail2Friend input { float:left; width:200px;}
.pnlEmail2Friend textarea { float:left; width:300px; height:100px;}
.pnlEmail2Friend li.submitBtn input { width:auto; margin-left:150px; padding-top:15px;}

/* Feedback */
ul.feedback li { list-style-type: none; font-size: 1em; text-align: left; border-bottom: 1px dotted #99cc33; display: block; padding: 8px 0 8px 0px; margin: 0px; }

.formStyles { clear:both; float:left; width:572px; margin-bottom:10px; font-size:.9em}
.formStyles p { clear:both; float:left; width:572px; margin:0px 0 10px;}
.formStyles p label { float:left; width:140px; margin-left:10px; margin-right:10px;}
.formStyles p input { float:left; width: 200px; margin-right:5px; border:1px solid #7f7f7f;}
.formStyles p textarea { float:left; width:300px; height:90px; border:1px solid #9a9da4;}
.formStyles p.btnSubmit input { float:left; width:auto; margin-left:160px; padding:2px 5px; color:#606060}

.formStyles p span.valLongText { clear:both;}

.ulSellingPoints { float: left; width:267px; margin:20px 0px 10px 0px; font-size: 0.9em; font-weight: bold; text-align: left; list-style-type: none; }
.ulSellingPoints li { width:100%; float:left; width:242px; margin:0 0 5px 0; padding: 0px 0 0 25px;}
.ulSellingPoints li.liBulb { background:url(images/icon_bulb.gif) no-repeat left 1px;}
.ulSellingPoints li.liPound { background:url(images/icon_pound.gif) no-repeat left 1px;}
.ulSellingPoints li.liEnvelope { background:url(images/icon_envelope.gif) no-repeat left 1px;}
.ulSellingPoints li.liLock { background:url(images/icon_lock.gif) no-repeat left 1px;}
