﻿html, body, div, 
h1, h2, h3, h4, h5, h6, p, 
table, tbody, tr, th, td {
    margin: 0;
    padding: 0;
}
body{
    font-family:  Helvetica, Arial, Tahoma, Verdana, Times New Roman;
    font-size: 78.5%;
    color: #836969;
}
img{
    border: 0 none transparent;
}
h1,
h2,
h3,
h4,
h5,
h6{
    color: #9d1222;
	font-weight: normal;
	margin: 0 0 0.25em 0;
}
h1{
	font-size: 1.6em;
}
h2{
	font-size: 1.5em;
}
h3{
	font-size: 1.4em;
}
h4{
	font-size: 1.3em;
}
h5{
	font-size: 1.2em;
	font-weight: bold;
}
h6{
	font-size: 1.2em;
	margin: 0 0 0.25em 0;
}
a,
a:link,
a:active,
a:visited{
    color: #000;
    text-decoration: underline;
}
a:hover{
    color: #9d1222;
    text-decoration: none;
}
hr {
	width:100%;
	color:#d2d2d5;
	height:1px;
    background-color: #d2d2d5;
	border:1px solid #d2d2d5;
	clear:both;
}
.clearer {
    clear:both;
    display:block;
    font-size:0px;
    height:1px;
    line-height:1px;
    margin-bottom:-1px;
}
.hidden{
	left: -10000px;
	position: absolute;
}
.left{
    text-align: left;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}
.fRight{
    float: right;
}
.fLeft{
    float: left;
}
.hList li{
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0 0 0 0.5em;
    list-style: none;
}
.noBullets li{
    list-style: none;
}
p.alert,
p.info,
p.error{
	padding-left: 1.7em;
	line-height: 1.2em;
}
div.alert,
div.info,
div.error{
	margin-bottom: 1em;
	padding: 1em 1em 0 1em;
}
span.alert{
	color: #FFCC00;
}
span.info{
	color: #83A8CC;
}
span.error{
	color: #FF0033;
}
div.alert p,
div.info p,
div.error p{
	margin: 0 0 1em 1.75em;
}
div.alert h6,
div.info h6,
div.error h6{
	margin: 0 0 1em 1.5em;
}
/* Alerts */
p.alert{
	background: url(/img/iAlert.png) no-repeat;
}
div.alert{
	border: 1px solid #FFCC00;
	background: #FFFFCC url(/img/iAlert.png) 1em 1em no-repeat;
}
/* Inforomation */
p.info{
	background: url(/img/iInfo.png) no-repeat;
}
div.info{
/*
	border: 1px solid #3D64FF;
	background: #CCE6FF url(/img/iInfo.png) 1em 1em no-repeat;
*/
	border: 1px solid #83A8CC;
	background: #F5F9FE url(/img/iInfo.png) 1em 1em no-repeat;
}
/* Errors */
p.error{
	background: url(/img/iError.png) no-repeat;
}
div.error{
	border: 1px solid #FF0033;
	background: #FFCCCD url(/img/iError.png) 1em 1em no-repeat;
}
#container{

}
#header{
/*    padding-top: 2.25em;*/
}
#hdrMnu{
    width: 72em;
    margin: 0 auto;
    height: 75px; 
}
#hdrMnu h2{
    text-indent: -1000em; 
    overflow: hidden; 
    background: url(/img/logo_Valentines.gif) no-repeat;
}
#hdrMnu h2 a,
#hdrMnu h2 a:link,
#hdrMnu h2 a:active,
#hdrMnu h2 a:visited{
	display: block;
    width: 438px; 
    height: 75px; 
}
#hTel{
    text-align: right;
}
#hTel ul{
    margin: 0;
    padding: 25px 0 0 0;
}
#hTel ul li{
    border-left: 1px solid #666;    
    color: #000099;
    margin: 0 0.5em 5px 0;
}
#hTel ul li.first{
    border: none;
    padding: 0;
}
#hTel ul a,
#hTel ul a:link,
#hTel ul a:visited,
#hTel ul a:active{
    color: #666;
    text-decoration: underline;
}
#hTel ul a:hover{
    color: #666;
    text-decoration: none;
}
#hTel p{
    text-transform: uppercase;
    padding: 0 0 0 0;
    margin: 0;
    clear:both;
    color: #9d1222;
}
#navon_home #rib{
	background: url(/img/ribbonTop.gif) 0 0 no-repeat;
    position: relative; 
    top: -18px;
    left: 859px;
    width:57px; 
    height:76px;
}
* html #navon_home #rib{
	margin-top: -81px;
    top: 64px;
    left: 858px;
    height:77px;
}
#mnu{
    background-color: #c35961;
}
#mnu div.subMenu{
    background-color: #FAEBEC;
	clear: both;
}
#mnu ul{
    margin: 0;
    width: 72em;
    margin: 0 auto;
	padding: 0;
	height: 38px;
}
#mnu ul li{
    margin: 0;
    padding: 0;
}
#mnu ul li.first{
    margin: 0;
    padding: 0;
}
#mnu ul li a{
	color: #fff;
    display: block;
    padding: 10px 0.35em 11px;
    margin: 0 0.25em;
}
#mnu div.subMenu ul li a{
	color: #fff;
    background-color: #E5B7BA;
    padding: 0.5em;
}
#mnu ul li.first a{
    padding: 10px 0.35em 11px;
}
#mnu ul li.selected{
    background: url(/img/liTop.gif) no-repeat top center;
}
#mnu ul li.selected a{
	color: #fff;
/*    background: url(/img/liBottom.gif) no-repeat bottom center;*/
	font-weight: bold;
}
#breadcrumbs{
    background-color: #fff7f7;
    border-top: 1px solid #9d1222;
	min-height: 25px;
}
* html #breadcrumbs{
	height: 0.5em;
}
#breadcrumbs div.banner{
    width: 72em;
    padding: 6px 0 5px 0;
    margin: 0 auto;
}
#breadcrumbs p{
    font-size: 11px;
    margin: 0 1em 0 0;
    padding: 0;
}
#breadcrumbs ul{
    clear: none;
    margin: 0;
    padding: 0;
}
#breadcrumbs ul li{
    font-size: 11px;
    background: url(/img/arw.gif) no-repeat 0 0.4em;
    padding: 0 0.5em 0 1.25em;
    margin: 0;
}
#breadcrumbs ul li.first{
    background: none;
    padding: 0 0.5em 0 0;
}
#breadcrumbs ul li a,
#breadcrumbs ul li a:link,
#breadcrumbs ul li a:active,
#breadcrumbs ul li a:visited{
    color: #ACACAC;
}
#breadcrumbs ul li.done{
	text-decoration: line-through;
    color: #ACACAC;
}
#breadcrumbs ul li a:hover{
    color: #3c597d;
	text-decoration: none;
}
#breadcrumbs ul li.todo{
    color: #ACACAC;
}
#search{
    margin: 0 0 0.5em 0;
    padding: 0;
}
#search label{
    width: 15em;
	display: block;
}
#search input.txt{
    width: 9em;
    padding: 0.25em 0.5em;
    border: 1px solid #ACACAC;
    background-color: #EEEEEE;
	background: url(/img/TextBox.gif) repeat-x;
    color: #ACACAC;
}
#search .btnStyled{
    color: #ACACAC;
	background: url(/img/TextBox.gif) repeat-x;
	border: 1px solid #78776d;
	font-size: 12px;
	padding: 2px;
    width: 4em;
}
#sideMenu{
    width: 15em;
}
#sideMenu h1 a,
#sideMenu h1 a:link,
#sideMenu h1 a:active,
#sideMenu h1 a:visited{
    color: #000;
}
#sideMenu h6{
	clear:none;
}
#sideMenu p{
	margin: 0 0 1em 0;
}
#sideMenu ul{
    margin: 0;
    padding: 0;
}
#sideMenu ul li{
    list-style: none;
    margin: 0 0 0.5em 0;
}
#sideMenu ul li a.selected,
#sideMenu ul li a.selected:link,
#sideMenu ul li a.selected:active,
#sideMenu ul li a.selected:visited{
    color: #000;
}
#sideMenu ul.child{
    margin: 0 0 1em 0;
}
#sideMenu ul.child li{
    list-style: none;
    margin: 0 0 0.5em 2em;
}
#sideMenu .sideBox{
    margin: 1em 0;
    padding: 0 0.5em;
    background-color: #F3F8FB;
    border-top: 1px solid #9d1222;
    border-bottom: 1px solid #9d1222;
}
#sideMenu .sideBox h2{
    font-size: 1.2em;
    margin: 0 0 0.5em 0;
}
#sideMenu .sideBox p{
    position: relative;
    margin: 0 0 0.5em 0;
}
#sideMenu .sideBox select{
    margin: 0 0 0.5em 0;
    width: 13em;
}
#zoomBox{
	height: 12em;
    background: url(/img/ZoomWindow.png) no-repeat 0.9em 0.75em;
}
#zoomBox #bc2{
    margin: 10px 0 0 6px;
}
#inspir{
    background: url(/img/iLightbulb.gif) no-repeat;
    padding: 0.5em 0 0 3em;
    height: 1.75em;
}
#ideas{
    background: url(/img/iPresent.gif) no-repeat;
    padding: 0.75em 0 0 4.5em;
    height: 3.5em;
}
#features li{
    margin: 0 0 1em 0;
    min-height: 5em;
    padding-left: 4.5em;
}
#features li#secur{
    padding-top: 1em;
    min-height: 2.5em;
    background: url(/img/iKey.gif) no-repeat;
}
#features li#deliv{
    background: url(/img/iCar.gif) no-repeat;
}
#features li#final{
    background: url(/img/iRibbon.gif) no-repeat;
}
#content{
    width: 72em;
    margin: 0 auto;
    min-height: 15em;
}
#contentMain,
#contentMainFull{
    width: 54em;
    padding: 0 1.5em;
    margin: 0 0 1.5em 0;
}
#contentMain p.delivery,
#contentMainFull p.delivery{
	background: url(/img/iLorry.png) no-repeat;
	padding-left: 1.5em;
}
#contentMainFull{
    width: 72em;
}
* html #contentMain,
* html #contentMainFull{
    padding: 0 1em;
}
#contentMain p,
#contentMainFull p{
	margin-top: 0;
	margin-bottom: 1em;
	line-height: 1.35;
}
#bValue{
	background: url(/img/buttonValue.gif) no-repeat;
	padding-left: 1.5em;
}
#bNoAlco{
	background: url(/img/buttonNonAlco.gif) no-repeat;
	padding-left: 1.5em;
}
#footer{
	background: url(/img/footer-christmas.jpg) 0 1em no-repeat;
    width: 60em;
    margin: 0 auto;
    font-size: 1em;
    height: 5.5em;
    border-top: 1px solid #d2d2d5;
    padding: 1em 0 0 12em;
    color: #837c69;
}
* html #footer{
    width: 61em;
}
#footer p{
    margin-bottom: 1.5em;
}
#footer ul{
    width: 40em;
    margin: 0 0 0.5em 0;
    padding: 0;
}
* html #footer ul{
    width: 35em;
}
#footer ul li{
    border-left: 1px solid #837C69;
}
#footer ul li.first{
    border-left: 0 none #fff;
    padding: 0;
}
#footer a,
#footer a:link,
#footer a:active,
#footer a:visited{
    color: #837c69;
}
#footer a:hover{
    color: #000;
}
#fTel{
    text-align: right;
    width: 20em;
}
#footer #tsdTag{
	text-align: center;
	font-size: 0.9em;
	color: #9FA9CC;
	padding-top: 0.5em;
}
#footer #tsdTag a,
#footer #tsdTag a:link,
#footer #tsdTag a:active,
#footer #tsdTag a:visited{
	color: #9FA9CC;
}
/*---------------------------------------------------
Homepage
---------------------------------------------------*/
.pics{
    height:275px;
    margin: 0 0 1.5em 0;
    overflow:hidden;
    padding:0;
    width:899px;
    border-bottom: 1px solid #d2d2d5;
}
/*---------------------------------------------------
Product Items
---------------------------------------------------*/
#prodList li{
    padding: 0 1.75em;
	width: 160px;
	height: 200px;
/*	border: 1px solid #fff;*/
}
#prodList li.cat{
/*	border: 1px solid #A3A5BF;*/
	font-weight: bold;
}
/*---------------------------------------------------
Similar Product Items
---------------------------------------------------*/
#simProdList li{
    padding: 0 1.75em 0 0;
	width: 90px;
	height: 180px;
/*	border: 1px solid #fff;*/
}
/*---------------------------------------------------
Cart Page 
---------------------------------------------------*/
.cart{
   padding: 0;
   margin: 0;

}
.cart th{
    text-align: left;
    padding: 0.5em 0.75em 0.5em 0;
    background-color: #F7F6FB;
    border-bottom: 1px solid #C1D1E0;
    font-weight: normal;
}
.cart td{
    text-align: left;
    padding: 0 0.75em 0 0;
}
.cart .row td{
    padding: 1em 0.75em 1em 0;
}
.cart .highlight td{
	background-color: #FEFAE2;
}
.cart .cartCol{
   width:  6em;
}
.cart .cartCol2{
   width:  6em;
   text-align: right;
}
.cart .msg{
	width: 36em;
}
.cart .msg2{
	width: 19em;
}
.cart .rad{
	width: 15em;
}
.cart .qty{
	width: 3em;
}
.cart .qty input{
	width: 2em;
}
.cart td small{
    font-size: 0.75em;
}
.cart .photo{
    width: 5em;
}
.cart .check{
    width: 1em;
}
.cart .grandTotal{
    font-weight: bold;
    vertical-align: top;
}
.cart .grandTotal span{
    font-weight: normal;
    font-style: italic;
    font-size: 0.9em;
}
.cart .remove{
    padding-left: 3.5em;
}
td.left{
    text-align: left;
}
td.center{
    text-align: center;
}
td.right{
    text-align: right;
}
span.red{
	color: #FF0000;
}
blockquote {
    margin: 0;
    margin-left: 1.5em;
    padding: 0;
	color: #666;
	font-style: italic;
}
blockquote img{
    margin: 0 0 0 0.5em;
}
blockquote:first-letter {
	background: url(/img/iQuoteTop.gif) no-repeat left top;
	padding-left: 1.3em;
}
* html blockquote:first-letter {
	background: url(/img/iQuoteTop.gif) no-repeat left top;
	padding-left: 2em;
}
.cart h6{
    font-size: 1.2em;
	font-weight: normal;
}
.cart h6 a:link,
.cart h6 a:active,
.cart h6 a:visited{
	color: #000000;
}
/*---------------------------------------------------
Add to Cart 
---------------------------------------------------*/
.addToCart{
	width: 24.5em;
	margin: 1em 0;
	padding: 1em;
    background-color: #FFF7F7;
    border-top: 1px solid #9d1222;
    border-bottom: 1px solid #9d1222;
/*
    background-color: #F3F8FB;
    border-top: 1px solid #C1D1E0;
    border-bottom: 1px solid #C1D1E0;
*/
}
.addToCart legend{
	display: none;
}
.addToCart .colNorm,
.addToCart .colWide{
	float: left;
	width: 4em;
}
.addToCart .colWide{
	width: 22em;
}
.addToCart .colNorm h6,
.addToCart .colWide h6{
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.addToCart .colNorm p,
.addToCart .colWide p{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}
.addToCart .colNorm p small,
.addToCart .colWide p small{
	font-size: 0.75em;
}
.addToCart .qty{
	width: 2em;
}
.addToCart select{
    width: 19em;
}
.addToCart textarea{
    width: 23em;
}
.addToCart .imgBtn{
	margin-top: 1.2em;
}
.inputError{
    background-color: #FFD7D7;
}
#contentMain .addToCart p.note{
	padding: 0 0 0.25em 0;
	margin: 0;
    color: #3c597d;
}

/*---------------------------------------------------
Product page
---------------------------------------------------*/
#imgCol p,
#contentMain p.subnote{
	font-size: 0.9em;
	color: #666;	
}
#rightCol h3{
	font-size: 1em;
	font-weight: bold;
	color: #000;
}
.prodHigh #prodTitle{
	width: 12.5em;
	clear: none;
}
#rightCol,
#leftCol,
.prodHigh #imgCol{
	width: 25em;
	float: right;
}
#leftCol{
	float: left;
}
.prodWide #imgCol{
	width: 54em;
	float: none;
}
.prodWide #leftCol{
}
.prodWide #rightCol{
}
.prodHigh #imgCol{
}
.prodHigh #leftCol{
/*	float: none;*/
}
.prodHigh #rightCol{
/*	float: none;*/
}
.inputWide{
	width: 29em;
}
.prodWide .price,
.prodHigh .price{
    font-size: 1.3em;
}
.prodWide .price small,
.prodHigh .price small{
    font-size: 0.6em;
}
.modalBackground{
	background-color: #666;
	filter: alpha(opacity=75);
	opacity: 0.75;
}
.modalPopup{
	background-color: #DAE1EB;
	border: 1px solid #A3A5BF;
	width: 32em;
	padding: 1em;
}
.modalPopup p{
	margin: 0 0 1em 0;
}
#rightCol ul{
	margin: 0;
	padding: 0;
}
#rightCol ul li{
	list-style: none;
	clear: left;
	padding: 0 0 0.25em 0;
}
#rightCol ul li .itemName{
	width: 20em;
	float: left;
}
#rightCol ul li .itemQty{
	width: 5em;
}
input.btnMar{
	margin: 0.25em 2em 0 0;
}
.AspNet-RadioButtonList ul{
    margin: 0;
    padding: 0;
}
.AspNet-RadioButtonList ul li{
    padding: 0;
}
/*
The personalise area of the product
*/
.personalise{
	font-size: 1em;
	color: #999;
}
#personalise p{
	margin-bottom: 0.5em;
}
.messagearea{
}
.messagearea .AspNet-RadioButtonList{
}
.messagearea .AspNet-RadioButtonList ul{
	margin: 0;
	padding: 0;
}
.messagearea .AspNet-RadioButtonList li{
	list-style: none;
}
.message{
	margin: 0.5em 0 0 0;
}
.message textarea{
	width: 19em;
	height: 4em;
}
.buttons{
	text-align: right;
}
.buttons input{
	margin-left: 1em;
}
.notpersonalised{
	color: #D67026;
	font-style: italic;
}
#contentMain .prodWide .jumpto{
    font-size: 0.95em;
    margin: 0 0 0.25em 0;
    padding: 0;
}
#contentMain .prodHigh .jumpto{
    display: none;
}
#personalise{
    margin: 1.5em 0 0 0;
    padding: 0;
}
/*---------------------------------------------------
Checkout page
---------------------------------------------------*/
#navon_checkout div.info{
    width: 25em;
    padding-top: 10px;
}
#navon_checkout #frmLogin h1,
#navon_checkout div.info h1{
    font-size: 1.2em;
	margin: 0 0 0.5em 1.25em;
	color: #314A8B;
}
/*---------------------------------------------------
Login page
---------------------------------------------------*/
.AspNet-Login{
	width: 26em;
}
#navon_checkout #frmLogin{
    border: 1px solid #A3A5BF;
    background: #F7F6FB;
    width: 23em;
    padding: 10px 1em 0 1em;
    margin: 0 0 1em 0;
}
.AspNet-Login div{
	margin-bottom: 0.25em;
}
.AspNet-Login .AspNet-Login-TitlePanel{
    color: #3c597d;
	font-size: 1.2em;
	text-align: center;
}
.AspNet-Login .AspNet-Login-UserPanel label,
.AspNet-Login .AspNet-Login-PasswordPanel label{
	width: 5em;
	display: block;
	float: left;
	text-align: right;
	padding-right: 0.5em;
}
.AspNet-Login .AspNet-Login-UserPanel input,
.AspNet-Login .AspNet-Login-PasswordPanel input{
	width: 15em;
}
.AspNet-Login .AspNet-Login-RememberMePanel input{
	margin-left: 5.2em;
}
.AspNet-Login em,
.AspNet-Login em{
	font-style: normal;
	text-decoration: underline;
}
.AspNet-Login .AspNet-Login-SubmitPanel{
	margin: 1em 0 0 5.25em;
}
/*---------------------------------------------------
Site map page
---------------------------------------------------*/
.sitemap ul{
	margin-bottom: 0.75em;
}
.sitemap li{
	margin-bottom: 0.25em;
}

/*---------------------------------------------------
AJAX Stuff
---------------------------------------------------*/
#contentMain div.ajaxLoading{
/*	border: 1px solid #3C597D;*/
	background-color: #FFF;
	padding: 0.5em 1.5em;
}
#contentMain div.ajaxLoading img{
	margin-right: 1em;
}
.tab
{
    clear: both;
}
