/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:12px; color:#000; background:url('/_images/bg/bg.jpg') no-repeat top center #000;}
p { padding-bottom:15px; line-height:17px;}
em { font-style:italic;}
strong { font-weight:bold;}
abbr { text-decoration:none; border:none;}
img {border:0px;}
a { font-weight:bold; text-decoration:none; color:#ef7500;}
a:hover, a:focus {text-decoration:underline;}
a:focus {-moz-outline: 1px dotted #000 !important;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}
#content ul, #content ol { padding:0px 0px 15px 0px;}
#content li { padding:0px 0px 5px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;}
#content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;}
#content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; text-align:left;}
#content table th, #content table td { padding:5px 5px 5px 5px; border-right:1px solid #e1e1e1;}
#content table th { font-weight:bold; background:#f1f1f1; text-transform:capitalize;}
#content table td { border-top:1px solid #e1e1e1;}
legend { display:none;}
.fielderror { float:left; width:100%; padding:0px 0px 5px 0px; color:#ff0000;}
input, select, textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
.checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;}
.accordian div { background:#fff;}
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 { position:relative; float:left; width:700px; font-size:24px; color:#fff; font-weight:bold; padding:10px 22px 6px 21px; text-transform:uppercase; background:url('/_images/bg/title.gif') repeat-x bottom left #a5c03d;}
h2 { font-size: 140%; color:#000; font-weight:bold; padding:0px 0px 15px 0px;}
	h2.chunk { font-size: 24px; padding:0px 0px 10px 0px; text-transform:uppercase;}
h3 { font-size: 12px; color:#000; font-weight:bold; padding:0px 0px 15px 0px;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

#chequered { width:100%; background:url('/_images/bg/chequered.gif') repeat-x top center;}
#container { width:980px; text-align:left; margin-left:auto; margin-right:auto; padding:0px 0px 20px 10px; background:url('/_images/bg/container.gif') no-repeat top left;}

#masthead { position:relative; float:left; width:980px; height:55px;}
	#masthead .logo { position:absolute; top:0px; left:15px; width:222px; height:79px; text-indent:-9999px; background:url('/_images/logos/luckebox-main.gif') no-repeat top left;}
	#masthead ul { float:right; width:690px; padding:17px 90px 0px 0px; text-align:right; font-size:10px;}
	#masthead li { display:inline; padding:0px 10px 0px 9px; color:#D8D8D8; font-weight:bold;}
	#masthead a { color:#D8D8D8; text-transform:uppercase;}
	#masthead .basket { background:url('/_images/bullets/masthead.gif') no-repeat 100% 50%;}
	#masthead .deliveryVan { position:absolute; left:225px; top:27px;}
	
	#masthead .social { position:absolute; top:0px; right:0px; width:80px; padding:14px 0px 0px 0px;}
	#masthead .social li { float:right; padding:0px 10px 0px 0px;}

#pageContent { float:left; width:743px; padding:0px 3px 0px 3px; margin:24px 0px 10px 0px; border-bottom:3px solid #fff; background:url('/_images/bg/pageContent.gif') repeat-y top left;}

.pods { clear:left; float:left; width:749px; margin:0px 0px 20px 0px;}
	.pods li { display:inline; float:left; width:243px; padding:0px 0px 10px 10px;}
	.pods .first { padding:0px 0px 10px 0px;}

#rightCol { float:right; width:231px;}
	#rightCol .pods { width:231px; padding:5px 0px 0px 0px; margin:10px 0 20px 0;}
	#rightCol .pods li { display:inherit; width:200px; padding:0px 15px 20px 16px;}
	
	#rightCol .pods .partners { position:relative; width:165px; height:122px; padding:18px 17px 18px 34px; background:url('/_images/pods/product-partners/bg.gif') no-repeat 16px 0px;}
		#rightCol .pods .partners h2 { padding:0px 0px 0px 0px;}
		#rightCol .pods .partners img { float:left;}
		#rightCol .pods .partners li { position:absolute; top:50px; left:34px; float:left; width:165px; padding:0px 0px 0px 0px; background:none;}
		#rightCol .pods .partners li.show { z-index:500;}
	
	/*Style of the list Items*/
	#mycarousel { float:left; width:231px;}
		#mycarousel li { border-bottom:1px solid #000;}
		#mycarousel .first { border-top:1px solid #000;}
		#mycarousel a { float:left; display:block; width:188px; height:20px; padding:5px 0px 0px 40px; color:#fff; font-size:12px; text-decoration:none;}
		#mycarousel a:hover, #mycarousel a.selected { background:url('/_images/bg/nav-hover.gif') repeat-y 0px 0px;}
	
	/* Set Heights of the container and clip, Clip sets the size of the mask which shows the list objects*/
	.jcarousel-skin-tango .jcarousel-container { position:relative; float:left; width:231px; margin:0px 0px 0px 0px; border-top: 3px solid #ffffff; border-right: 3px solid #ffffff; border-bottom: 3px solid #ffffff; background:url('/_images/bg/navBG.jpg');}
	.jcarousel-skin-tango .jcarousel-container-vertical, .jcarousel-skin-tango .jcarousel-item, .jcarousel-skin-tango .jcarousel-clip-vertical { width:228px;}
	.jcarousel-skin-tango .jcarousel-container-vertical { height:410px; }
	.jcarousel-skin-tango .jcarousel-clip-vertical { height:312px; }
	
	/* Set Buttons for More and Prev */
	.jcarousel-skin-tango .jcarousel-prev-vertical, .jcarousel-skin-tango .jcarousel-next-vertical {width:228px; height:48px; cursor:pointer; background:url('/_images/buttons/nav-prev.gif') no-repeat 0px 0px;}
	.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { background:url('/_images/buttons/nav-prev-off.gif') no-repeat 0px 0px;}
	.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom:0px; left:0px; background:url('/_images/buttons/nav-more.gif') no-repeat 0px 0px;}
	.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { background:url('/_images/buttons/nav-more-off.gif') no-repeat 0px 0px;}
	
	/* Set Positions */
	.jcarousel-clip { z-index: 2; overflow: hidden; position: relative; }
	.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0;}
	.jcarousel-list li, .jcarousel-item { float: left;}
	.jcarousel-next { z-index: 3;}
	.jcarousel-prev { z-index: 3;}
	
	
	#signup{ width:231px; height:340px; background:url('/_images/bg/sign-up-box.jpg') repeat-x top left;}
	#signup form{ width:208px; float:left; margin:10px 0 0 12px; display:inline;}
	#signup form .field{ margin:0 0 5px 0; padding:0;}
	#signup form .field label{ padding:0 0 0 10px;}
	#signup form .field input{ width:193px; background:url('/_images/bg/sign-up-field-bg.png') no-repeat top left; border:none; padding:10px 0 10px 12px; font-size:12px;}
	#signup form input.formButton{ width:93px; height:43px; float:left; display:inline; margin:5px 0 0 56px;}


#footer { float:left; width:980px; color:#717171; text-transform:uppercase; font-size:10px; background:#121212;}
	#footer li { display:inline; float:left; padding:15px 9px 15px 10px; background:url('/_images/bullets/footer.gif') no-repeat 0px 17px;}
	#footer .first { background:none;}
	#footer a { color:#717171; font-weight:normal;}
	
	.paymentCards { float:left; width:980px;}
	.paymentCards li { float:left; display:inline; padding:10px 0px 10px 10px;}
	.paymentCards img { float:left;}

#content { float:left; width:700px; padding:20px 22px 10px 21px;}
#content.productPage { width:743px; padding:20px 0px 0px 0px;}
#content.home { min-height:200px; height: auto !important; height: 200px;}
#content { min-height:480px; height: auto !important; height: 480px;}

/*xmas height*/
#content.home { min-height:300px; height: auto !important; height: 300px;}
#content { min-height:580px; height: auto !important; height: 580px;}

/********************************************************************/
/*                            Home tags                             */
/********************************************************************/

.featuredBox, .productInfo { position:relative; float:left; width:743px; height:320px; margin:0px 0px 0px 0px; background:url('/_images/bg/featuredBox.gif') repeat-x bottom left #fb9400;}
	.productInfo { height:45px;}
	.featuredBox h1 { display:none;}
	.featuredBox .banner { float:left;}
	.featuredBox .amount, .productInfo .amount { float:left; width:27px; height:32px; padding:13px 342px 0px 71px; color:#ef7500; font-size:12px; font-weight:bold; text-align:center; background:url('/_images/bg/only-left.gif') no-repeat 20px 0px;}
	.featuredBox .amount span, .productInfo .amount span { position:absolute; margin-left:-9999px;}
	.featuredBox #price, .productInfo #price { float:left; width:130px; height:45px;}

#content .homeBoxes { float:left; width:700px;}
	#content .homeBoxes li { position:relative; float:left; display:inline; width:215px; height:210px; padding:5px 0px 0px 0px; margin:0px 0px 12px 12px; text-align:center; border:5px solid #7b9b05; background:none;}
	#content .homeBoxes .first { margin:0px 1px 12px 0px;}
	#content .homeBoxes li h3, #content .homeBoxes li p { padding:0px 5px 5px 5px; font-size:12px; font-weight:bold;}
	#content .homeBoxes .seeAll { position:absolute; top:182px; left:0px; height:33px; width:215px;}
	#content .homeBoxes a { color:#000;}
	#content .homeBoxes strong, #content .homeBoxes a:hover { color:#ef7500;}
	#content .homeBoxes span { text-decoration:line-through;}
	
#tag { position:absolute; top:-8px; right:-5px; width:184px; height:82px;}

/********************************************************************/
/*                           Product tags                           */
/********************************************************************/

#content .mainProduct { float:left; width:700px; padding:0px 22px 20px 21px;}
	#content .mainProduct .tipTrigger { float:left; width:300px; position:relative;}
	#content .mainProduct .getThis, #content .productList .andThis { position:absolute; top:0px; left:0px; width:48px; height:47px; text-indent:-9999px; z-index:2; cursor:pointer; background:url('/_images/bg/get-this.png') no-repeat top left;}
	#content .productList .andThis { background:url('/_images/bg/and-this.png') no-repeat top left;}
	
	#content .mainProduct .details, #content .productList .details { float:right; width:335px; padding:20px 0px 0px 0px; font-weight:bold;}
		#content .mainProduct .details h2 { font-size:12px; padding:15px 0px 5px 0px; border-top:1px solid #DBDBDB;}
		#content .mainProduct .details ul { font-size:11px; padding:0px 0px 5px 0px; font-weight:normal;}
		#content .mainProduct .details .price, #content .productList .details .price { font-size:14px; color:#ef7500; text-decoration:line-through;}
		
#content .productList { float:left; width:700px; padding:0px 22px 0px 21px; min-height:265px; height: auto !important; height: 265px;}
	#content .productList li { display:inline; float:left; width:320px; height:150px; padding:0px 30px 0px 0px; background:none;}
	#content .productList li ul { padding:0px 0px 5px 0px;}
	#content .productList li li { position:inherit; display:inherit; width:260px; height:auto; padding:0px 0px 5px 10px;}
	#content .productList .details { width:160px;}
	#content .productList .details h2 { font-size:12px; padding:0px 0px 10px 0px; border-bottom:1px solid #DBDBDB;}
	#content .productList .details .price { font-size:12px; padding:5px 0px 0px 0px;}
	#content .productList .tipTrigger { width:155px;}
	#content .tipTrigger, #content .winePromise { float:left; position:relative; z-index:1;}
		
.photoInsert { float:right; display:inline; margin:0px 10px 15px 15px;}
#content .mainProduct .details .storeClearance { float:left; width:305px; padding:15px 0px 10px 30px; cursor:pointer; background:url('/_images/bg/clearance.gif') no-repeat 0px 10px;}

#content .toolTip { display:none; font-size:11px; z-index: 1000; width:296px; padding:10px 0px 0px 30px; background: url('/_images/tooltips/tooltip.gif') no-repeat top left;}
	#content .toolTip p.price { font-weight:bold; display:inline; color:#e86200; text-decoration:line-through; font-size:13px;}
	#content .toolTip h3 { float:left; color:#fff; width:266px; padding:0px 10px 10px 10px;}
	#content .toolTip div { float:left; width:274px; padding: 8px 8px 15px 8px; background: url('/_images/tooltips/tooltip.gif') bottom right;}
	#content .toolTip ul { padding:0px 0px 5px 0px;}
	#content .toolTip li { width:260px; padding:0px 0px 5px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;}

/********************************************************************/
/*                              Form tags                           */
/********************************************************************/

	#content form label{ float:left; margin:0 0 10px 0; padding:2px 0 2px 0;}
	#content form input.textfield{ float:right; margin:0 0 10px 0; width:250px; border:1px solid #b2bf82; padding:2px 4px 2px 4px; color:#393939;}
	#content form input.formbutton{ float:right; margin:10px 0 0 0; border:none;}
	#content form select{ float:right; margin:0 0 10px 0; width:260px;}
	#content form.contact{ width:450px;}
	#content form textarea{ float:right; width:250px; border:1px solid #b2bf82; height:100px; color:#393939; padding:2px 4px 2px 4px; overflow:auto;}
	#content form .error{ float:left; display:inline; margin:0px 0 15px 0; padding:5px 5px 5px 27px; width:416px; border:1px solid #b2bf82; background:#e5e9d5 url(/_images/icons/alert.gif) no-repeat 4px 2px;}

#content form.login{ width:703px; margin:0px 0px 20px 0px; font-size:11px;}
	#content form.login label{ float:left; margin:0 0 10px 0; padding:2px 0 2px 0;}
	#content form.login input.textfield{ float:right; margin:0 0 10px 0; width:250px; border:1px solid #b2bf82; padding:2px 4px 2px 4px; color:#393939;}
	#content form.login input.formbutton{ float:right; margin:10px 0 0 0; border:none;}
	#content form.login select{ float:right; width:260px; margin:0 0 10px 0; }
	#content form.login{ width:480px; border:1px solid #b2bf82; background:#e5e9d5; padding:15px;}
	#content form.login textarea{ float:right; width:250px; border:1px solid #b2bf82; height:100px; color:#393939; padding:2px 4px 2px 4px;}
	#content form.login .forgottenpass{ float:left; display:inline; padding:20px 0 0 190px;}
	#content form.login .error{ float:left; display:inline; margin:0px 0 15px 0; padding:5px 5px 5px 27px; width:448px; border:1px solid #b2bf82; background:#e5e9d5 url('/_images/icons/alert.gif') no-repeat 4px 4px;}
	#content form.login .notRegistered { float:left; margin:10px 0 0 0; border:none;}

#content form.login .singleCheck { float:left; width:450px; margin:0px 0px 10px 0px;}
	#content form.login .singleCheck input { float:left; margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
	#content form.login .singleCheck label { float:right; width:425px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

/********************************************************************/
/*                             Basket tags                          */
/********************************************************************/

#content table.shoppingbasket, #content table.basketsummary { float:left; width:700px; border-top:none; border-bottom:none; border-left:1px solid #d9ed90; border-right:1px solid #d9ed90; margin:0px 0px 0px 0px; font-size:11px;}
	#content table.shoppingbasket tr{ padding:5px 0 5px 0; height:10px;}
	#content table.shoppingbasket th, #content table.shoppingbasket td, #content table.basketsummary th, #content table.basketsummary td { background:none; vertical-align:middle;}
	#content table.shoppingbasket th { font-weight:bold; background:url('/_images/bg/basket-bg.gif') repeat-x top left; height:25px; padding:0px 0px 0px 10px; border-top:none; border-right:none; color:#fff;}
	
	#content table.shoppingbasket td { padding:4px 0px 4px 10px; border-bottom:1px solid #d9ed90; border-top:none; border-right:none;}
	#content table.shoppingbasket img { display:inline; margin:1px 0 0 11px;}
	#content table.basketsummary th { font-weight:bold; background:#d9ed90; height:25px; padding:0px 0px 0px 10px; border-top:none; border-right:none; color:#fff;}
	#content table.basketsummary td { padding:6px 0px 6px 10px; border-bottom:1px solid #d9ed90; border-top:none; border-right:none;}
	#content table.shoppingbasket td label, #content table.basketsummary td label { font-weight:bold; display:none;}
	#content table.shoppingbasket td.total, #content table.basketsummary td.total, #content table#ordersummary td.total { font-size:150%; font-weight:bold;}
	#content table.shoppingbasket .space td, #content table.basketsummary .space td { border-top:none;}
	#content table.shoppingbasket .options td, #content table.basketsummary .options td { padding:20px 0px 4px 0px;}
	#content table.shoppingbasket .textfield, #content table.basketsummary .textfield {width:44px; text-align:center; color:#7a9b04; border:1px solid #d9ed90; padding:1px 2px 1px 2px; margin:0px 0px 0px 0px; font-size:11px; font-family:Tahoma, Verdana, sans-serif;}
	#content table.shoppingbasket .remove, #content table.basketsummary .remove { width:20px;}
	#content table.shoppingbasket .code, #content table.basketsummary .code { width:65px;}
	#content table.shoppingbasket .product { width:418px;}
	#content table.basketsummary .product { width:353px;}
	
	#content table.shoppingbasket .textfield { width:30px; margin:0; display:inline; margin:0 20px 0 0;}

#content .basketTotals { float:right; width:210px; display:inline; margin:0px 0px 30px 0px; font-size:11px; border-left:1px solid #d9ed90; border-right:1px solid #d9ed90;}
	#content .basketTotals dt, .basketTotals dd { float:left; width:115px; padding:6px 10px 6px 10px; border-bottom:1px solid #d9ed90;}
	#content .basketTotals dd { width:75px; padding:6px 0px 6px 0px; text-align:center;}
	#content .basketTotals dt { background:#fafde7;}
	#content .basketTotals .grandTotal { font-size:13px; font-weight:bold; padding:14px 0px 0px 0px; height:29px;}
	#content .basketTotals input { float:left;}

#content .pageOptions { float:left; width:100%;}
	#content .pageOptions li { display:inline; padding:0px 15px 0px 0px; background:none;}
	#content .pageOptions .fr { padding:0px 0px 0px 15px;}

#content .bagCol { float:left; width:660px; padding:15px 19px 15px 19px; margin:0px 0px 30px 0px; border:1px solid #d9ed90; background:#fafde7;}
#content .bagCol h2 { float:left; width:660px; font-size:18px; color:#7a9b04; padding:0px 0px 0px 0px;}
#content .bagCol label { float:left; width:330px; padding:5px 0px 0px 0px;}
#content .bagCol .textfield { float:left; width:190px; color:#7a9b04; border:1px solid #d9ed90; padding:4px 4px 4px 4px; margin:0px 0px 0px 0px; font-size:11px; font-family:Tahoma, Verdana, sans-serif;}
#content .bagCol .formbutton { float:right; margin:0px 0px 0px 0px;}

#content .bagCol .error { float:left; display:inline; margin:10px 0px 0px 0px; padding:5px 5px 5px 27px; width:626px; border:1px solid #b2bf82; background:#e5e9d5 url('/_images/icons/alert.gif') no-repeat 4px 4px;}


/********************************************************************/
/*                               Faq tags                           */
/********************************************************************/

#content .faqList, #content .partners { float:left; width:700px;}
	#content .faqList li { float:left; width:680px; padding:8px 10px 8px 10px; background:none; border-top:1px solid #dbdbdb;}
	#content .faqList li h2 { float:left; font-size:12px; padding:0px 0px 0px 0px;}
	#content .faqList li h2 a { float:left; padding:7px 0px 7px 32px; background:url('/_images/bullets/faqs.gif') no-repeat 0px 0px;}
	#content .faqList div { float:left; width:680px; background:#fff;}
	#content .faqList .bg, #content .faqList .bg div { background:#f6f6f6;}

#content .partners li { float:left; display:inline; width:175px; text-align:center; padding:0px 0px 5px 0px; background:none;}