﻿/* CSS Document */
*
{
	margin: 0px;
	padding: 0px;
}

body
{
	padding: 10px 0;
}

em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

.lb
{
	clear: both;
}

.lbr
{
	clear: right;
}

.lb05
{
	clear: both;
	line-height: 0.5em;
}

.lb03
{
	clear: both;
	line-height: 0.3em;
}

.lb1
{
	clear: both;
	line-height: 1px;
}

.lb0
{
	clear: both;
	line-height: 0px;
}

p.lastP
{
	margin-bottom: 0px;
}

.FLeft
{
	float: left;
}

.FRight
{
	float: right;
}

.RBtn
{
	margin-right: 28px;
}

.hdn
{
	display: none;
}

.hdn2
{
	visibility: hidden;
}

ul
{
	list-style-position: outside;
	padding: 0px 1em;
}

li
{
	list-style: disc;
	padding-left: 0.25em;
	margin-left: 0.25em;
	margin-bottom: 0.5em;
}

a:focus
{
	outline: dotted 1px;
}

.Label
{
	float: left;
	font-weight: bold;
	font-size: 14px;
}

.container 
{
	margin: 0 auto;
	width: 994px;
	background-color:#fff;
}

.page_header 
{
	width: 992px;
	margin: 0 auto;
}

.pnlLogo, .pnlCarousel
{
	float: left;
	margin-right: 8px;
}

.pnlLogo div, .pnlCarousel .left, .pnlCarousel .body, .pnlCarousel .right
{
	background-image: url(../images/Interface.png);
	float: left;
	height: 114px;
}

.pnlLogo .left, .pnlLogo .right, .pnlCarousel .left, .pnlCarousel .right
{
	background-repeat: no-repeat;
	width: 10px;
}

.pnlLogo .left, .pnlCarousel .left
{
	background-position: 0 0;
}

.pnlLogo .right, .pnlCarousel .right
{
	background-position: -10px 0;
}

.pnlLogo .body
{
	background-repeat: repeat-x;
	background-position: 0 -155px;
	width: 205px;
}

.pnlLogo img
{
	display: block;
	margin: 30px auto 0 auto;
}

.pnlCarousel .body
{
	background-repeat: repeat-x;
	background-position: 0 -155px;
	width: 458px;
	text-align: left;
}

h6.hdCarousel
{
	font-style: italic;
	font-weight: bold;
	color: #898989;
	font-size: 12px;
	margin-left: 5px;
	position: relative;
	top: 8px;
	z-index: 2;
}

.CScrollLeft, .CScrollRight
{
	background-image: url(../images/Interface.png);
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	float: left;
	margin-top: 34px;
}

.CScrollLeft
{
	background-position: -56px 0;
	margin-left: 5px;
}

.CScrollLeft:hover
{
	background-position: -56px -30px;
}

.CScrollRight
{
	background-position: -56px -60px;
}

.CScrollRight:hover
{
	background-position: -56px -90px;
}

.Viewport
{
	width: 381px;
	height: 85px;
	margin: 0 8px;
	float: left;
	overflow: hidden;
	position: relative;
}

.Slider
{
	position: relative;
	height: 85px;
}

.CItem
{
	float: left;
	width: 85px;
	height: 85px;
	margin-right: 14px;
}

.pnlNav
{
	float: right;
	clear: right;
	margin: 3px 12px 2px 0 !important;
	margin: 3px 6px 2px 0;
}

.pnlNav a
{
  font-family:Arial, Helvetica, sans-serif;
  color:#000;
  font-size:12px;
  text-decoration:none;
  float: left;
}

.pnlNav a:hover
{
  color:#052f85;
  text-decoration: underline;
}

.linkDiv
{
	float:left;
	height: 15px;
	width: 2px;
	background:url(../images/Interface.png) -48px 0 no-repeat;
	margin: 0 11px;
}

.pnlBasketHUD
{
	float: right;
	width: 273px;
}

.hdHUD div, .bdHUD div
{
	background-image: url(../images/Interface.png);
	float: left;
}

.hdHUD div
{
	height: 29px;
}

.hdHUD .left, .hdHUD .right, .bdHUD .left, .bdHUD .right
{
	width: 10px;
	background-repeat: no-repeat;
}

.hdHUD .left
{
	background-position: -24px 0;
}

.hdHUD .right
{
	background-position: -34px 0;
}

.hdHUD .body, .bdHUD .body
{
	background-repeat: repeat-x;
	width: 253px;
}

.hdHUD .body
{
	background-position: 0 -118px;
	text-align: left;
}

.hdHUD .Icon
{
	background-position: -52px -527px;
	width: 23px;
	height: 29px;
	margin: 0 9px 0 5px !important;
	margin: 0 5px 0 2px;
}

.hdHUD span
{
	position: relative;
	top: 8px;
	font-weight: bold;
}

.bdHUD .left, .bdHUD .right, .bdHUD .body
{
	height: 65px;
}

.bdHUD .left
{
	background-position: 0 -49px;
}

.bdHUD .right
{
	background-position: -10px -49px;
}

.bdHUD .body
{
	text-align: left;
	background-repeat: repeat-x;
	background-position: 0 -204px;
}

.bdHUD span
{
	float: left;
	font-weight: bold;
	margin: 9px 0 11px 10px;
}

.lblHUDItems
{
	margin-left: 10px;
	width: 85px;
}

.lblHUDTotal
{
	width: 108px;
	margin-right: 7px;
}

.pnlHUDExp
{
	margin-top: 5px;
	margin-left: 7px;
}

.ibHUDExp
{
	background: url(../images/Interface.png) no-repeat -25px -38px;
	height: 26px;
	width: 26px;
	display: block;
}

.pnlHUDExp div.pnlBasketDetail
{
	display: none;
	float: none;
	margin-left: -213px;
}

div.pnlBasketDetail
{
	background: url(../images/Interface.png) repeat-x 0 -787px;
	border: solid 1px #bebdb8;
	width: 205px;
	padding: 12px 16px 10px 16px !important;
	padding: 12px 16px 1px 16px;
}

.pnlHUDExp:hover div.pnlBasketDetail
{
	display: block;
	position: absolute;
}

.ibHUDExp:hover
{
	background-position: -25px -69px;
}

div.HUDExpPanel
{
	background-image: none;
}

.pnlBasketDetail div
{
	background-image: none;
	float: none;
}

.pnlBasketDetail span
{
	margin: 0;
	font-size: 12px;
	margin-bottom: 6px;
	overflow: hidden;
	font-weight: bold;
}

.pnlBasketDetail .lblBasketItem
{
	float: left;
	width: 125px;
}

.pnlBasketDetail .lblBasketPrice
{
	float: left;
	width: 80px;
	text-align: right;
}

div.BasketLine
{
	width: 205px;
	height: 1px;
	font-size: 1px;
	background-image: none;
	background-color: #2c9ec5;
	margin-bottom: 6px;
	float: left;
	margin-top: 0px !important;
	margin-top: -12px;
}

span.lblBasketTotal
{
	text-align: right;
	float: none;
	display: block;
	clear: both;
	margin-bottom: 0.5em;
	font-size: 14px;
}

.bdHUD a, .pnlBasketDetail a
{
	font-size: 12px;
	font-weight: bold;
	float: right;
	text-decoration: none;
	color: #000;
}

.bdHUD a:hover, .pnlBasketDetail a:hover
{
	color: #052f85;
	text-decoration: underline;
}

.bdHUD .linkDiv, .pnlBasketDetail .linkDiv
{
	background:url(../images/Interface.png) -48px 0 no-repeat;
	float: right;
}

.HudRight
{
	margin-right: 10px;
}

.pnlProdNav
{
	width: 994px;
	height: 45px;
	margin: 8px auto;
}

.pnlProdNav div
{
	float: left;
	background-image: url(../images/Interface.png);
}

.pnlProdNav .left, .pnlProdNav .right
{
	width: 23px;
	height: 45px;
	background-repeat: no-repeat;
}

.pnlProdNav .left
{
	background-position: 0 -280px;
}

.pnlProdNav .right
{
	background-position: -23px -280px;
}

.pnlProdNav .body
{
	width: 948px;
	height: 45px;
	background-repeat: repeat-x;
	background-position: 0 -330px;
	text-align: left;
}

.pnlProdNav a
{
	display: block;
	color: #fff;
	padding: 7px 36px 7px 16px;
	margin-top: 7px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/ProdNavExp.png) no-repeat right -7px;
}

.pnlProdNav .first
{
	margin-left: -8px;
}

.pnlProdNav .NoExp
{
	padding-right: 16px;
	background-image: none;
	float: left;
}

.pnlProdNav a:hover
{
	color: #c4ffd1;
	background-position: right -52px;
}

.pnlProdNav .pnlCat
{
	background-image: none;
}

.pnlProdNav .pnlCat .pnlSubCat
{
	display: none;
}

div.pnlSubCat
{
	background: url(../images/Interface.png) repeat-x 0 -807px;
	border: solid 1px #888;
	font-size: 12px;
	margin-top: 0 !important;
	margin-top: -2px;
	position: relative;
	z-index: 2;
}

.pnlProdNav .pnlCat:hover .pnlSubCat
{
	display: block;
	position: absolute;
}

.pnlSubCat a
{
	display: block;
	background-image: none;
	color: #000;
	padding: 4px 13px;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
}

.pnlSubCat a:hover
{
	color: #fff;
	background-color: #2c9ec5;
}

.pnlProdNav .linkDiv
{
	height: 29px;
	background-position: -46px -288px;
	margin: 7px 0 0 0;
}

.middle
{
	text-align:center;
	width:100%;
}
.middle2
{
	padding-top:65px;
	text-align:center;
	width:100%;
}

.Buy
{
	position: relative;
	left: -14px;
	margin-bottom: 28px;
}

.fieryOrange
{
	color: #ff5a00;
}

.lightOrange
{
	color: #fece4e;
}

/**** Top Products ****/
.pnlShopFront
{
	width: 962px;
	border: solid 1px #c8c8c8;
	margin: 0 auto 12px auto;
}

.pnlMainHd
{
	width: 986px;
	height: 37px;
	margin: 0px auto;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

.pnlMainHd div
{
	height: 37px;
	float: left;
	background-image: url(../images/Interface.png);
}

.pnlMainHd .left 
{
	width: 20px;
	background-repeat: no-repeat;
	background-position: -55px -380px;
}

.pnlMainHd .right 
{
	width: 20px;
	background-repeat: no-repeat;
	background-position: -75px -380px;
}

.pnlMainHd .body 
{
	width: 942px;
	height: 26px;
	padding: 11px 0px 0px 4px;
	background-repeat: repeat-x;
	background-position: 0 -615px;
}

.pnlMainBd
{
	width: 986px;
	margin: 0px auto;
	background-image: url(../images/CntOuterBG.jpg);
	background-repeat: repeat-y;
	text-align: center;
	padding-bottom: 4px;
}

.pnlMainInner
{
	width: 950px !important;
	width: 972px;
	margin: 0px auto;
	background-image: url(../images/CntInnerBG.jpg);
	background-repeat: repeat-x;
	padding: 0px 11px !important;
	padding: 0px;
}

.pnlMainFt
{
	width: 986px;
	height: 18px;
	margin: 0px auto;
	clear: both;
}

.pnlMainFt div
{
	background-image: url(../images/Interface.png);
	float: left;
	height: 18px;
}

.pnlMainFt .left
{
	width: 18px;
	background-repeat: no-repeat;
	background-position: -57px -427px;
}

.pnlMainFt .right
{
	width: 18px;
	background-repeat: no-repeat;
	background-position: -75px -427px;
}

.pnlMainFt .body
{
	width: 950px;
	background-repeat: repeat-x;
	background-position: 0px -657px;
}

.pnlProd
{
	float: left;
	width: 174px;
	height: 330px;
	margin: 16px 8px 6px 8px;
	position: relative;
	left: 0px !important;
	left: 2px;
}

.pnlProd .hdProd
{
	width: 174px;
	height: 14px;
	background: url(../images/ProdBox.png) no-repeat 0px 0px;
	margin-bottom: 0px !important;
	margin-bottom: -2px;
}

.pnlProd .bdProd
{
	width: 174px;
	height: 302px;
	background: url(../images/ProdBox.png) repeat-y -348px 0px;
}

.pnlProd .ftProd
{
	width: 174px;
	height: 14px;
	background: url(../images/ProdBox.png) no-repeat -174px 0px;	
}

.prodName
{
	height: 49px;
	padding: 0px 9px;
	font-weight: bold;
	position: relative;
	top: -2px;
	font-size: 13px;
}

.prodName a
{
	text-decoration: none;
	color: #052f85;
}

.prodName a:hover
{
	text-decoration: underline;
}

.heading
{
	width:968px;
	padding-top:8px;
	padding-left:8px;
	border-bottom:solid 1px #dadada;
	height:25px;
}

.pnlProdImg
{
  height: 130px; 
  overflow: hidden;
}

.pnlProd p
{
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	margin-bottom: 0.3em;
}

.lblPrice
{
	font-size: 19px;
	font-weight: bold;
}

.lblPrice
{
	color: #02d35e;
	position: relative;
	background: transparent;
}

.lblRRP
{
	font-size: 11px;
	text-decoration: line-through;
	position: relative;
	top: -0.1em;
	color: #ce0000;
}

.lblSaving
{
	color: #052f85;
	font-size: 12px;
	line-height: 1.7em;
	height: 1.7em;
	display: block;
}

.pText .bd
{
	font-size: 12px;
	display: block;
	margin: 8px auto 0 auto;
	width: 132px;
	height: 76px;
	overflow: hidden;
	text-align: left;
}

.lbMore
{
	color: #052f85;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	top: 6px;
	cursor: pointer;
}

.lblSecHd
{
	font-size: 16px;
	color: #a3a3a3;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0.5em;
	display: block;
	text-align: left;
}

/**** Bottom Products ****/

.horipro
{
	float: left;
	width: 475px;
	height:80px;
	margin-right: 10px;
	border-bottom: solid 1px #dadada;
	margin-left: 10px;
	margin-top: 8px;
	position: relative;
}
.horiproimg
{
	width:85px;
}
.horiprotext
{
	width:275px;
	position:absolute;
	margin-left:90px;
	left: -2px;
	top: 3px;
}
.horiprobttn
{
	width:120px;
	line-height:22px;
	position:absolute;
	margin-left:360px;
	text-align:center;
}

.input
{
  border:#a28c8e solid 1px;
  background: url(../images/Interface.png) 0px -692px repeat-x;
  margin-bottom: 0.5em;
}

.lblRemember
{
	position: relative;
	top: 2px;
	margin-bottom: 1em;
}

.login_checkbox input
{
	margin-left: 0.5em;
}

.CheckBox
{
	font-weight: bold;
}

.CheckBox input
{
	margin-right: 0.5em;
}

.pnlRegPrompt
{
	font-size: 11px;
	width: 120px;
	position: relative;
	top: -4px;
}

.RegLog
{
	margin-top: 0px !important;
	margin-top: -1px;
}

.pnlUserHUD
{
	font-size: 18px;
	font-weight: bold;
}

.FormBr
{
	background-color: #cbcbcb;
	color: #cbcbcb;
	margin: 18px 0 16px 0 !important;
	margin: 6px 0;
	font-size: 1px;
	border: none;
	display: block;
}

.tableholder
{
	width:996px;
	position:absolute;
	top:0px;
	float:left;
	left: 0px;
	margin-left:4px;
}

/*
.pnlHowWorks
{
	width: 996px;
	height: 61px;
	line-height: 61px;
	margin: 0px auto;
}

.pnlHowWorks div, .pnlHowWorks img
{
	float: left;
	background-image: url(../images/howitworks/HowItWorksParts.jpg);
	vertical-align: middle;
	overflow: hidden;
	color: #c2ffd3;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

.pnlHowWorks .left, .pnlHowWorks .right, .pnlHowWorks .arrow
{
	height: 61px;
	width: 23px;
	background-repeat: no-repeat;
}

.pnlHowWorks .left
{
	background-position: 0px +8px;
}

.pnlHowWorks .right
{
	background-position: 0px -82px;
}

.pnlHowWorks .arrow
{
	background-position: 0px -262px;
	margin-left: 40px;
}

.pnlHowWorks img
{
	margin: 8px 0px 0px 33px;
}

img.imgWin
{
	margin-top: 0px;
}

.pnlHowWorks .body
{
	height: 61px;
	width: 950px;
	background-position: 0px -172px;
	background-repeat: repeat-x;
}
*/

.footertop
{
	width:982px;
	margin: 14px auto 0px auto;
	text-align: center;
}

.footertop div
{
	height: 66px;
	float: left;
	background-image: url(../images/Interface.png);
}

.footTLeft, .footTRight
{
	width: 28px;
	background-repeat: no-repeat;
}

.footTLeft
{
	background-position: 0px -380px;
}

.footTRight
{
	background-position: -28px -380px;
}

.footTBody
{
	width: 926px;
	background-repeat: repeat-x;
	background-position: 0px -450px;
}

.footTBody img
{
	position: relative;
	top: 18px;
	margin: 0px 2px;
}

.footerbottom
{
	width:990px;
	height: 37px;
	margin: 0px auto;
	text-align: center;
}

.footerbottom div
{
	float:left;
	height:37px;
	background-image: url(../images/Interface.png);
}

.footBLeft, .footBRight
{
	width: 23px;
	background-repeat: no-repeat;
	position: relative;
}

.footBLeft
{
	background-position: 0 -530px;
	left: 1px;
}

.footBRight
{
	background-position: -23px -530px;
}

.footBBody
{
	width: 944px;
	height: 31px;
	padding-top: 6px;
	background-repeat: repeat-x;
	background-position: 0 -570px;
}

.footBBody a
{
	color: #fff;
	text-decoration: none;
	margin: 0px 1em;
}

.footBBody a:hover
{
	text-decoration: underline;
}

.footer_copyright
{
	width: 994px;
	margin: 0px auto;
	padding-bottom: 0.5em;
	text-align: center;
	font-size: 13px;
	color: #000;
	clear: both;
}

/**** Registration ****/
.lblBigNote
{
	float: left;
	font-size: 14px;
	padding: 8px 8px 0px 8px !important;
	padding: 8px 8px 0px 16px;
	margin-bottom: -8px;
	float: left;
	clear: right;
	text-align: left;
}

.pnlRegLeft
{
	float: left;
	text-align: left;
	margin-left: 8px;
	width: 535px;
	background-color: #FFF;
	border: solid 1px #cbcbcb;
	margin-bottom: 1em;
}

.pnlRegLeft .hd div
{
	background-image: url(../images/Interface.jpg);
	height: 18px;
}

.pnlRegLeft .hd .left
{
	background-position: 0px -738px;
}

.center_admin_content
{
  width: 940px;
  margin: auto;
}

.pnlLandingText
{
	float: left;
	width: 600px;
	padding-left: 4px;
}

.pnlLandingText p
{
	margin-bottom: 14px;
	font-size: 14px;
}

p.headline
{
	color: #21af6f;
	font-size: 18px;
	font-weight: bold;
}

.pnlLandingImages
{
	float: right;
	text-align: center;
	padding-right: 15px;
}

.pnlLandingImages img
{
	display: block;
	margin: 20px auto 80px auto;
}

img.bottom
{
	margin-bottom: 0px;
}

.HeadOffer
{
	text-align: center;
}

.HeadOffer img
{
	margin: 8px auto 2px auto;
}

.ddlQty
{
	width: 2.75em;
}

.hdIcon
{
	float: left;
	margin: -5px 10px 0 -2px;
	padding: 0;
}

.tblBasket
{
	display: block;
	margin-bottom: 1em;
}

.tblBasket th
{
	font-weight: bold;
	font-size: 14px;
	padding: 2px 0 8px 0;
}

.tblBasket th, .tblBasket td
{
	border-bottom: solid 1px #d9d9d9;
}

.tblBasket td
{
	padding: 12px 0;
}

.tdItem
{
	width: 660px;
}

.tdQty
{
	width: 62px;
	text-align: center;
}

.tdPrice
{
	text-align: right;
	width: 178px;
}

.tdItem img
{
	float: left;
	height: 80px;
	width: 80px;
	margin-right: 28px;
}

.tdItem a.hlItemName
{
	font-size: 14px;
	font-weight: bold;
	color: #052f85;
	text-decoration: none;
	float: left;
	margin: 4px 0 0 0;
}

.tdItem a.hlItemName:hover
{
	text-decoration: underline;
}

.tdItem input
{
	float: left;
	margin: 13px 0 0 -3px;
}

.tdPrice span, .tdTotal span
{
	display: block;
}

.tdPrice .lblPrice
{
	font-size: 15px;
	margin-bottom: 4px;
}

.tdPrice .lblSave
{
	color: #052f85;
	font-size: 12px;
}

.tdUpdate
{
	vertical-align: middle;
	line-height: 29px;
}

.tdUpdate span
{
	font-weight: bold;
	margin-right: 8px;
	font-size: 12px;
}

.tdUpdate input, .tdUpdate span, .tdTotal span
{
	float: right;
}

.tdTotal
{
	text-align: right;
	line-height: 1.75em;
}

.tdTotal .orange
{
	color: #ffae3f;
}

.tdTotal .Label
{
	color: #7a7a7a;
}

.tdTotal .Field
{
	width: 90px;
	font-weight: bold;
}

.tdEmptyBsk
{
	height: 200px;
}

/**** Categories ****/
div.PageTurner
{
	float: right;
	background: none;
	height: 12px;
	font-size: 12px;
	position: relative;
	top: 3px;
	margin-bottom: 0 !important;
	margin-bottom: -11px;
}

.PageTurner a
{
	text-decoration: none;
	margin: 0 2px;
	color: #1d1dbc;
}

.PageTurner a:hover
{
	text-decoration: underline;
}

.PageTurner a.On
{
	color: #000;
	text-decoration: underline;
}

.Inactive
{
	margin: 0 2px;
	color: #000;
}

.divNoItems
{
	height: 328px;
	line-height: 100px;
	font-weight: bold;
}