/* Load in other css files ... */

@import url(/css/debug.css);
@import url(/css/e-commerce.css);
@import url(/revamp.css);



img,table					{ border: 0px; }
form						{ border: 0px; padding: 0px; margin: 0px; }
hr						{ height: 1px; border: 0px; color: #808080; }

.bold						{ font-weight: bold; }
.off						{ display: none !important; }



#canvas					{ padding: 0px; margin: 0px; background: #FFFFFF url(/gfx/back/backdrop.gif) repeat-y left; }
#canvas.ingredients			{ padding: 10px; margin: 0px; font: normal 10pt verdana; background-image: none; }



#footer					{ text-align: center; margin: 50px 0px 50px 0px; }
#footer a:link				{ color: #505050; }
#footer a:visited			{ color: #505050; }
#footer a:hover				{ color: #010165; background: #ffd634; }					

#linksFooter				{ clear: both; padding: 10px; color: #000000; font: bold 10pt verdana; }
#linksFooter a				{ padding: 5px; font-weight: normal; }

#addressFooter				{ clear: both; color: #808080; font: normal 8pt "MS Sans Serif",verdana; text-align: center; }
#addressFooter b			{ color: #707070; }

h1						{ color: #000060; font: bold 10pt verdana; }

#noProductsFound			{ padding: 50px 0px 0px 50px; }
#nuSearchForm				{ padding: 10px; margin: 50px 0px 20px 0px; border: 1px solid #808080; }
#nuSearchForm h1			{ padding: 0px; margin: 0px; }

a:link					{ color:#0000FF; }
a:visited					{ color:#0000FF; }
a:hover					{ color:#004080; }
a:active					{ color:#FF0000; }

span.csspan {
color:#000000;
font-family:Verdana,sans-serif;
font-size:10pt;
}
p.base {
color:#000000;
font-family:Verdana,sans-serif;
font-size:10pt;
}
p.baseRed {
color:#FF0000;
font-family:Verdana,sans-serif;
font-size:10pt;
}
p.basek {
color:#000000;
font-family:Verdana,sans-serif;
font-size:10pt;
}
p.small {
font-family:Verdana,sans-serif;
font-size:8pt;
}
p.smallit {
color:#808080;
font-family:Verdana,sans-serif;
font-size:8pt;
font-style:italic;
}
p.head {
color:#808080;
font-family:Arial,sans-serif;
font-size:15pt;
font-weight:bold;
}
p.sub {
color:#808080;
font-family:Verdana,sans-serif;
font-size:10pt;
font-weight:bold;
}
p.sub2 {
color:#000080;
font-family:Verdana,sans-serif;
font-size:10pt;
font-weight:bold;
}
h3.h3 {
color:#FFCC33;
font-family:Verdana,sans-serif;
font-size:11pt;
}
ul.ul {
color:#000000;
font-family:Verdana,sans-serif;
font-size:10pt;
}
ul.ingList {
color:#000000;
font-family:Verdana,sans-serif;
font-size:10pt;
}

#menu		{ display: block; float: left; width: 135px; height: 1200px; background: #ffcc00 url(/graphics/bg2.jpg) repeat-y top left;}
#content		{ display: block; float: left; width: 1000px; height: 1200px; background: #ffffff url(/gfx/back/canvas.gif) repeat; clear: right; font: normal 10pt arial; }
#menuLong	{ display: block; float: left; width: 135px; height: 1700px; background: #ffcc00 url(/graphics/bg2.jpg) repeat-y top left;}
#contentLong	{ display: block; float: left; height: 1700px; width: 1000px; background: #ffffff url(/gfx/back/canvas.gif) repeat; clear: right; text-align: center; }
#menuExtraLong		{ display: block; float: left; width: 135px; height: 2250px; background: #ffcc00 url(/graphics/bg2.jpg) repeat-y top left;}
#contentExtraLong	{ display: block; float: left; height: 2250px; width: 1000px; background: #ffffff url(/gfx/back/canvas.gif) repeat; clear: right; }

.menu		{ padding: 150px 0px 0px 4px; }

#sorry		{ padding-top: 50px; font: normal 14px MS Sans Serif; }
#sorry strong	{ color: #3333CC; }



/* Basket Pages */

#basketHolder			{ float: left; width: 800px; padding: 100px 10px 50px 75px; }
#payment			{ display: block; float: left; width: 600px; padding-bottom: 5px; }
.paymentB			{ display: block; float: left; width: 200px; font: bold 12px Arial; margin: 0px; padding: 0px; }
.padding			{ padding-top: 2px; }
.payment			{ display: block; float: left; width: 200px; font: normal 12px Arial; margin: 0px; padding: 0px; }
#card				{ display: block; float: left; width: 600px;  padding-bottom: 5px;  }
.cardB				{ display: block; float: left; width: 200px; font: bold 12px Arial; margin: 0px; padding: 0px; }
.card				{ display: block; float: left; width: 200px; font: normal 12px Arial; margin: 0px; padding: 0px; }
#number				{ display: block; float: left; width: 600px; padding-bottom: 5px; }
.numberB			{ display: block; float: left; width: 200px; font: bold 12px Arial; margin: 0px; padding: 0px; }
.number				{ display: block; float: left; width: 200px; font: normal 12px Arial; margin: 0px; padding: 0px; }
#name				{ display: block; float: left; width: 600px; padding-bottom: 5px; }
.nameB				{ display: block; float: left; width: 200px; font: bold 12px Arial; margin: 0px; padding: 0px; }
.name				{ display: block; float: left; width: 200px; font: normal 12px Arial; margin: 0px; padding: 0px; }
#valid				{ display: block; float: left;width: 600px;  padding-bottom: 5px; }
.validB				{ display: block; float: left; width: 200px; font: bold 12px Arial; margin: 0px; padding: 0px; }
.valid				{ display: block; float: left; width: 200px; font: normal 12px Arial; margin: 0px; padding: 0px; }
#expiery				{ display: block; float: left; width: 600px; padding-bottom: 5px; }
.expieryB				{ display: block; float: left; width: 200px; font: bold 12px Arial; margin: 0px; padding: 0px; }
.expiery				{ display: block; float: left; width: 200px; font: normal 12px Arial; margin: 0px; padding: 0px; }
#issue				{ display: block; float: left; width: 600px; padding-bottom: 5px; }
.issueB				{ display: block; float: left; width: 200px; font: bold 12px Arial; margin: 0px; padding: 0px; }
.issue				{ display: block; float: left; width: 200px; font: normal 12px Arial; margin: 0px; padding: 0px; }
#sig				{ display: block; float: left; width: 600px; padding-bottom: 15px; }
.sigB				{ display: block; float: left; width: 200px; font: bold 12px Arial; margin: 0px; padding: 0px; }
.sigB strong			{ font: normal 10px Arial; }
.sig				{ display: block; float: left; width: 200px; font: normal 12px Arial; margin: 0px; padding: 0px; }
.total				{ display: block; float: left; width: 600px; padding-bottom: 5px; }
.totalB				{ display: block; float: left; width: 200px; font: normal 12px Arial; margin: 0px; padding: 0px; padding-bottom: 10px; }
.totalB	strong			{ font: normal 12px Arial; color: #ff0000; }
.button				{ float: left; width: 400px; padding: 10px 0px 10px 0px; }
#line				{ display: block; float: left;  width: 400px; padding-bottom: 10px; }
#line hr			{ color: #ffcc00; }


#basketPage			{ clear: both; text-align: center; }
#cartContains			{ clear: both; text-align: center; }
#orderHead			{ clear: both; text-align: center; }
#cartEmpty			{ clear: both; text-align: center; }
#orderCancelled		{ clear: both; text-align: center; }

#psFooterPu			{ clear: both; }



/* Faq's */

#faqResults			{ float: left; width: 800px; padding: 100px 10px 50px 75px; }
.faqBlock				{ clear: both; border-bottom: 1px solid #808080; padding: 20px; }
.faqBlock:hover			{ color: #c00000; background: ivory; }
.faqUpdated			{ display: none; float: right; }
.faqans1				{ line-height: 30px; }



/* Christmas message(s) */

#xmas				{ display: none; position: relative; top: 0px; left: 0px; clear: both; text-align: left; width: 560px; color: red; background: #FFFFFF url(/gfx/back/xmas.jpg) no-repeat right top; font: normal 10pt Arial, "Trebuchet MS", verdana; border: 1px solid #c0c0c0; }
#xmas div#info			{ padding: 0px 10px 10px 10px; }
#xmas h1				{ color: #c00000; font: bold 10pt verdana; padding: 5px 0px 0px 0px; }
#xmas h2				{ color: #606060; font: normal 10pt arial, verdana; }
#xmas p				{ color: #606060; line-height: 20px; }
#xmas p strong			{ color: red; }
#xmas img.holly		{ position: absolute; bottom: 5px; right: 10px; }

#awards				{ display: none; }



/* Google Analytics */

#googleAnalytics		{ clear: both; padding: 10px; clear: both; overflow: hidden; width: 5px; height: 5px; border: 0px solid red; }