@charset "utf-8";
/**************************************/
/*** Start: Reset styles                   ***/
/**************************************/
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, 
dd, dl, dt, li,  ul,
fieldset, form, label, legend,
table, caption, tbody, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;vertical-align: baseline;
	text-align: left;
	*/
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	padding:10;	
}
ul {
	list-style: none;
}


a {
    outline: none; text-decoration:none
}

strong {}

/**************************************/
/*** End: Reset styles                   ***/
/**************************************/

/* CSS Document */
html, body {
height: 100%; scrollbar-3d-light-color:#fff; scrollbar-arrow-color:#ccc; scrollbar-base-color:#fff; scrollbar-dark-shadow-color:#fff; scrollbar-face-color:#fff; scrollbar-highlight-color:#ccc; scrollbar-shadow-color:#ccc; scrollbar-track-color:#fff;}

body{
margin:0; padding:0; color:#4a0015; background-color:#fff; font-family:Verdana; font-size:12px; font-style: normal; line-height:16px; font-weight: normal;  letter-spacing:inherit; background:url(../images/bg.gif) repeat-x; background-color:#fbf8eb;}

html>body #body { 
height: auto;}


#body {
position: relative; width:950px; margin: 0 auto; padding: 0 0 0 0;  voice-family: "\"}\""; voice-family: inherit; height: auto;}

.clear {clear:both;}


/* TOP SECTION
------------------------------------------------ */
#TopSection {
float:left; width:950px; height:228px; }

/*Logo*/

#logo a{background:url(../images/north-london-catering-equipment.gif) top left no-repeat; width:252px; height:228px; display:block; float:left}

.nocss {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}

/*Top login */

#LoginNav {float:right; margin:0 0 0 0; height:30px; width:677px; padding:17px 21px 0 0;}
#LoginNav ul {float:right;}
#LoginNav ul li {display: inline;}
#LoginNav ul li a {color:#1e9cd0; font-weight:bold;}
#LoginNav ul li a:hover {color:#4a0015}
#LoginNav ul li a, #LoginNav ul li span{
float: left; padding: 0px 8px 0px 8px; text-decoration:none; background:url(../images/line-blue.gif) right no-repeat; vertical-align:middle;}
#LoginNav ul li span{padding-left: 0px;}
#LoginNav ul li a#leftcorner{
float: none; padding-left: 0px; padding-right: 0px; background: url(#)  left no-repeat;}
#LoginNav ul li a#rightcorner{
padding-right: 0px; background: url(#) top right no-repeat;}
#LoginNav:after{ 
content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
.LoginNav {margin:0 0 20px 0}

/* Top Search */ 

#SearchSection {
float:left; height:72px; width:677px; padding:19px 0 0 0; background:url(../images/contact-tel.gif) no-repeat right; margin:0 21px 0 0;}

#search {
float:right; width:216px; height:21px; }

.inputsearch {
float:left; width:146px; height:18px; border:#cfc7b2 solid 1px; background:#fbf8eb; margin:0 13px 0 0 ; }

.searchBt {
float:left; width:52px; height:20px; border:none;}

/* MAIN NAV */

#mainNav {float:left; width:688px; padding:0 0 0 0; height:45px;}
#mainNav ul li {float:left;}

#mainNav ul li a {display:block;}

#mainNav ul li.home, #mainNav ul li.home a { background:url(../images/nav-home.gif) top left no-repeat; width:60px; height:45px;}
#mainNav ul li.home a:hover, #mainNav ul li.home a.on  {background: url(../images/nav-home-over.gif) top left no-repeat; width:60px; height:45px;}

#mainNav ul li.about, #mainNav ul li.about a { background:url(../images/nav-about.gif) top left no-repeat; width:112px; height:45px;}
#mainNav ul li.about a:hover, #mainNav ul li.about a.on  {background: url(../images/nav-about-over.gif) top left no-repeat; width:112px; height:45px;}

#mainNav ul li.contact, #mainNav ul li.contact a { background:url(../images/nav-contact.gif) top left no-repeat; width:102px; height:45px;}
#mainNav ul li.contact a:hover, #mainNav ul li.contact a.on  {background: url(../images/nav-contact-over.gif) top left no-repeat; width:102px; height:45px;}

#mainNav ul li.well-equipped, #mainNav ul li.well-equipped a { background:url(../images/nav-well-equipped.gif) top left no-repeat; width:260px; height:45px;}
#mainNav ul li.well-equipped a:hover, #mainNav ul li.well-equipped a.on  {background: url(../images/nav-well-equipped-over.gif) top left no-repeat; width:260px; height:45px;}

#mainNav ul li.spares, #mainNav ul li.spares a { background:url(../images/nav-spares.gif) top left no-repeat; width:154px; height:45px;}
#mainNav ul li.spares a:hover, #mainNav ul li.spares a.on  {background: url(../images/nav-spares-over.gif) top left no-repeat; width:154px; height:45px;}

/* MAIN SECTION
------------------------------------------------ */
#MainSection {
float:left; width:908px; margin:0 21px 43px 21px; min-height:570px;}

.ContentArea {
float:left; width:677px; margin:12px 0 29px 0;}

#LeftCol {
float:left; width:212px; margin:0 19px 0 0 ;}

#MainContent {
float:left; width:677px;}

#SignUpBox {
float:left; width:195px; height:74px; background:url(../images/sign-up-box.gif) no-repeat left top; padding:54px 0 0 17px; color:#4a0015; font-size:11px;}

.signField {
float:left; width:41px; height:25px; }

.inputField {
float:left; width:138px; height:25px}

.send {
float:left; text-align:right; width:181px}

.inputsignup {
float:left; width:138px; height:16px; border:#cfc7b2 solid 1px; background:#fbf8eb;}

/* LEFT MAIN NAV */
#LeftNav {float:left; width:212px; padding:25px 0 0 0; height:29px;}
#LeftNav ul li {float:left;}

#LeftNav ul li a {display:block;}

#LeftNav ul li.cooking, #LeftNav ul li.cooking a { background:url(../images/nav-cooking-equipment.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.cooking a:hover  {background: url(../images/nav-cooking-equipment-over.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.cooking a.on  {background: url(../images/nav-cooking-equipment-on.gif) top left no-repeat; width:212px; height:29px;}

#LeftNav ul li.heated, #LeftNav ul li.heated a { background:url(../images/nav-heated-servery-equipment.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.heated a:hover  {background: url(../images/nav-heated-servery-equipment-over.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.heated a.on  {background: url(../images/nav-heated-servery-equipment-on.gif) top left no-repeat; width:212px; height:29px;}

#LeftNav ul li.refrigeration, #LeftNav ul li.refrigeration a { background:url(../images/nav-refrigeration.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.refrigeration a:hover  {background: url(../images/nav-refrigeration-over.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.refrigeration a.on  {background: url(../images/nav-refrigeration-on.gif) top left no-repeat; width:212px; height:29px;}

#LeftNav ul li.ware, #LeftNav ul li.ware a { background:url(../images/nav-ware-washing-machines.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.ware a:hover  {background: url(../images/nav-ware-washing-machines-over.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.ware a.on  {background: url(../images/nav-ware-washing-machines-on.gif) top left no-repeat; width:212px; height:29px;}

#LeftNav ul li.food, #LeftNav ul li.food a { background:url(../images/nav-food-preparation.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.food a:hover  {background: url(../images/nav-food-preparation-over.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.food a.on  {background: url(../images/nav-food-preparation-on.gif) top left no-repeat; width:212px; height:29px;}

#LeftNav ul li.beverage, #LeftNav ul li.beverage a { background:url(../images/nav-beverage-equipment.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.beverage a:hover  {background: url(../images/nav-beverage-equipment-over.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.beverage a.on  {background: url(../images/nav-beverage-equipment-on.gif) top left no-repeat; width:212px; height:29px;}

#LeftNav ul li.fabrication, #LeftNav ul li.fabrication a { background:url(../images/nav-fabrication.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.fabrication a:hover  {background: url(../images/nav-fabrication-over.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.fabrication a.on  {background: url(../images/nav-fabrication-on.gif) top left no-repeat; width:212px; height:29px;}

#LeftNav ul li.reconditioned, #LeftNav ul li.reconditioned a { background:url(../images/nav-reconditioned-equipment.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.reconditioned a:hover  {background: url(../images/nav-reconditioned-equipment-over.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.reconditioned a.on  {background: url(../images/nav-reconditioned-equipment-on.gif) top left no-repeat; width:212px; height:29px;}

#LeftNav ul li.utensils, #LeftNav ul li.utensils a { background:url(../images/nav-utensils.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.utensils a:hover  {background: url(../images/nav-utensils-over.gif) top left no-repeat; width:212px; height:29px;}
#LeftNav ul li.utensils a.on  {background: url(../images/nav-utensils-on.gif) top left no-repeat; width:212px; height:29px;}


/* TopAdvert Section
------------------------------------------------ */
#TopAdvert {
float:left; width:677px; min-height:273px; margin:12px 0 29px 0;}

#TitleRancilioCoffee {
background:url(../images/title-new-rancilio-coffee-machine.gif) top left no-repeat; width:185px; height:54px; margin: 0 0 0 0;}

#contentAdvert {
float:left; width:213px; padding:0 20px 0 0;} 

#imgAdvert {
float:left; width:444px;}

/* Welcome Section
------------------------------------------------ */
#WelcomeSection {
float:left; width:677px; min-height:258px; margin:0 0 43px 0;}

#WelcomeContent {
float:left; /*width:444px;*/ /*background:url(../images/bg-welcome.gif) repeat-x;*/ margin:0 20px 0 0; /*padding:20px 0 0 0; */height:238px}

#TitleWelcome {
background:url(../images/title-welcome.gif) top left no-repeat; width:409px; height:32px;}

#EquippedKitchen {float:left; width:212px; height:258px;}
#EquippedKitchen ul li {float:left;}

#EquippedKitchen ul li a {display:block;}

#EquippedKitchen ul li.recommed, #EquippedKitchen ul li.recommed a { background:url(../images/ban-we-recommend.gif) top left no-repeat; width:212px; height:258px;}
#EquippedKitchen ul li.recommed a:hover {background: url(../images/ban-we-recommend-over.gif) top left no-repeat; width:212px; height:258px;}


/* RangeSection
------------------------------------------------ */
#RangeSelection {float:left; width:677px; height:274px;}
#RangeSelection ul li {float:left;}

#RangeSelection ul li a {display:block;}

#RangeSelection ul li.medium-duty, #RangeSelection ul li.medium-duty a { background:url(../images/ban-medium-duty-ovens.gif) top left no-repeat; width:212px; height:274px; margin-right:20px;}
#RangeSelection ul li.medium-duty a:hover {background: url(../images/ban-medium-duty-ovens-over.gif) top left no-repeat; width:212px; height:274px;margin-right:20px;}

#RangeSelection ul li.sizzle, #RangeSelection ul li.sizzle a { background:url(../images/ban-sizzle-and-chill.gif) top left no-repeat; width:212px; height:274px; margin-right:20px;}
#RangeSelection ul li.sizzle a:hover {background: url(../images/ban-sizzle-and-chill-over.gif) top left no-repeat; width:212px; height:274px;margin-right:20px;}

#RangeSelection ul li.ds, #RangeSelection ul li.ds a { background:url(../images/ban-ds-glasswashers.gif) top left no-repeat; width:212px; height:274px;}
#RangeSelection ul li.ds a:hover {background: url(../images/ban-ds-glasswashers-over.gif) top left no-repeat; width:212px; height:274px;}


/* FOOTER SECTION
------------------------------------------------ */
#FooterSection {
float:left; width:100%; height:150px; font-size:11px; background:#efe6ce;}

#Footer {
position:relative; width:908px; margin: 0 auto; padding:26px 0 0 0; height:125px; background:#efe6ce;}

#footerNav {float:left; width:908px; padding:0 0 0 0; height:80px;}
#footerNav ul li {float:left;}

#footerNav ul li a {display:block;}

#footerNav ul li.home, #footerNav ul li.home a { background:url(../images/footernav-home.gif) top left no-repeat; width:51px; height:15px;}
#footerNav ul li.home a:hover, #footerNav ul li.home a.on  {background: url(../images/footernav-home-over.gif) top left no-repeat; width:51px; height:15px;}

#footerNav ul li.contact, #footerNav ul li.contact a { background:url(../images/footernav-contact.gif) top left no-repeat; width:91px; height:15px;}
#footerNav ul li.contact a:hover, #footerNav ul li.contact a.on  {background: url(../images/footernav-contact-over.gif) top left no-repeat; width:91px; height:15px;}

#footerNav ul li.terms, #footerNav ul li.terms a { background:url(../images/footernav-terms.gif) top left no-repeat; width:147px; height:15px;}
#footerNav ul li.terms a:hover, #footerNav ul li.terms a.on  {background: url(../images/footernav-terms-over.gif) top left no-repeat; width:147px; height:15px;}

#footerNav ul li.privacy, #footerNav ul li.privacy a { background:url(../images/footernav-privacy.gif) top left no-repeat; width:112px; height:15px;}
#footerNav ul li.privacy a:hover, #footerNav ul li.privacy a.on  {background: url(../images/footernav-privacy-over.gif) top left no-repeat; width:112px; height:15px;}

#footerNav ul li.warranty, #footerNav ul li.warranty a  {background:url(../images/footernav-warranty.gif) top left no-repeat; width:80px; height:15px;}
#footerNav ul li.warranty a:hover, #footerNav ul li.warranty a.on  {background:url(../images/footernav-warranty-over.gif) top left no-repeat; width:80px; height:15px;}

#footerNav ul li.customer, #footerNav ul li.customer a  {background:url(../images/footernav-customer.gif) top left no-repeat; width:136px; height:15px;}
#footerNav ul li.customer a:hover, #footerNav ul li.customer a.on  {background:url(../images/footernav-customer-over.gif) top left no-repeat; width:136px; height:15px;}

#footerNav ul li.email, #footerNav ul li.email a  {background:url(../images/footernav-email.gif) top left no-repeat; width:117px; height:15px;}
#footerNav ul li.email a:hover, #footerNav ul li.email a.on  {background:url(../images/footernav-email-over.gif) top left no-repeat; width:117px; height:15px;}

#footerNav ul li.footernavLine { background:url(../images/footer-line.gif) top repeat-x; width:908px; height:2px; margin:20px 0 18px 0;}

#footerNav ul li.so, #footerNav ul li.so a  {background:url(../images/so-design.gif) top left no-repeat; width:34px; height:18px;}
#footerNav ul li.so a:hover, #footerNav ul li.so a.on  {background:url(../images/so-design-over.gif) top left no-repeat; width:34px; height:18px;}



/* H REFERENCES
------------------------------------------------ */

h1 {}
h2 {color:#d72d57; font-weight:bold; font-size:12px;}
h3 {display: block; left: -1000em; font-size: 0.1em; margin: 0; padding: 0; height: 0; width: 0; color: #4a0015; position: absolute;}
h4 {}
h5 {}
h6 {}

/* REFERENCES
------------------------------------------------ */

p.more {text-align:right; padding:7px 0 0 0}

a, a:visited {
text-decoration: none; color:#d31145;  outline: none;}


a:hover {
color:#4a0015; text-decoration: none;  outline: none;}


# a{
color:#1e9cd0; text-decoration:none;}

# a:hover {
color:#4a0015; text-decoration: none;}

#ContentArea input {
background:#fbf8eb; border:#cfc7b2 solid 1px;}/*width:212px; height:18px; float:left;*/

.smlTxt {font-size:10px;}


/* TITLES
------------------------------------------------ */
#TitleRegister {
background:url(../images/title-register.gif) top left no-repeat; width:377px; height:32px;} 

#TitleLogin {
background:url(../images/title-login.gif) top left no-repeat; width:377px; height:32px;} 

#TitleCheckout {
background:url(../images/title-checkout.gif) top left no-repeat; width:377px; height:32px;} 

#TitleOrderSummary {
background:url(../images/title-ordersummary.gif) top left no-repeat; width:377px; height:32px;}

#TitleAbout {
background:url(../images/title-about.gif) top left no-repeat; width:377px; height:32px;} 

#TitleContact {
background:url(../images/title-contact.gif) top left no-repeat; width:377px; height:32px;} 

#TitleUsed {
background:url(../images/title-used-equipment.gif) top left no-repeat; width:377px; height:32px;} 

#TitleServicing {
background:url(../images/title-spares.gif) top left no-repeat; width:377px; height:32px;} 

#TitleTerms {
background:url(../images/title-terms.gif) top left no-repeat; width:377px; height:32px;} 

#TitlePrivacy {
background:url(../images/title-privacy.gif) top left no-repeat; width:377px; height:32px;}

#TitleWarrenty {
background:url(../images/title-warrenty.gif) top left no-repeat; width:377px; height:32px;}

#TitleCustomerService {
background:url(../images/title-customer-service.gif) top left no-repeat; width:377px; height:32px;}

#TitleSpecialOffers {float:left; background:url(../images/title-specialoffers.gif) top left no-repeat; width:677px; height:32px;}


/* TABLE ORDER
------------------------------------------------ */ 
#OrderSummary 
{width:650px;background:#fff;border:#cfc7b2 solid 1px; font-size:11px;float:left}

#OrderSummary tr th {
background:#efe6ce; font-weight:bold; border-bottom:#cfc7b2 solid 1px; height:39px;text-align:left;}
#OrderSummary .remove {text-align:left;}

#Continue {width:650px;border-top:1px dotted #cfc7b2;margin:10px 0 0 0}
#Continue td ul{float:right;width:200px;margin:10px 0 10px 0}
#Continue td ul li {float:left;margin:0 5px 0 0}

#CostTable {float:right;margin:0 15px 0 0}

/* PRODUCT DISPLAY
------------------------------------------------ */ 

#ProductDisplayNav {
float:left; width:677px; height:60px; font-weight:bold;}

#ProductArea {
float:left; width:212px; margin:5px 20px 15px 0;}

#ProductArea-End {
float:left; width:212px; margin:0 0 0 0;}

#ProductTitle {
float:left; width:180px; height:50px; border:#cfc7b2 solid 1px; background:#efe6ce; padding:15px;}
#PrductDisplay {
float:left; width:180px; min-height:215px; /*min-height:335px;*/ border:#cfc7b2 solid 1px; background:#fff; padding:15px; font-size:11px;}

#ProductDisplayNav input {
float:left; width:40px; height:18px; background:#fbf8eb; border:#cfc7b2 solid 1px;}


#ProductDisplayInfo {
float:left; width:677px;}

#ProductTitleInfo {
float:left; width:645px; height:26px; border:#cfc7b2 solid 1px; background:#efe6ce; padding:15px;}

#ProductDisplay {
float:left; width:645px; min-height:335px; border:#cfc7b2 solid 1px; background:#fff; padding:15px; font-size:11px;}


/* CATEGORY DISPLAY
------------------------------------------------ */ 
#CategoryDisplay {
float:left; width:676px; padding:0 0 10px 0;}

#CategoryArea{
float:left; width:212px; margin:5px 10px 15px 0;}

#CategoryArea-End {
float:left; width:212px; margin:0 0 0 0;}

#CategoryTitle {
float:left; width:180px; height:20px; border:#cfc7b2 solid 1px; background:#efe6ce; padding:15px;}

#CategoryDescription {
float:left; width:180px; min-height:335px; border:#cfc7b2 solid 1px; background:#fff; padding:15px; font-size:11px;}