@import url("HTMLForm.css");
@import url("thickbox.css");
body {text-align:center; font-family:Trebuchet MS; color:#333333; font-size:11px; margin:0px; padding:0px;}
a:link {color: #c6570c; text-decoration:none;}
a:visited {color: #c6570c; text-decoration:none;}
a:active {color: #c6570c; text-decoration:none;}
a:hover {color: #333333; text-decoration:none;}
DIV#contentBestelProducts a:link {color: #ffffff; text-decoration:none;}
DIV#contentBestelProducts a:visited {color: #ffffff; text-decoration:none;}
DIV#contentBestelProducts a:active {color: #ffffff; text-decoration:none;}
DIV#contentBestelProducts a:hover {color: #c6570c; text-decoration:none;}
DIV#nextStepButton a:link {color: #ffffff; text-decoration:none;}
DIV#nextStepButton a:visited {color: #ffffff; text-decoration:none;}
DIV#nextStepButton a:active {color: #ffffff; text-decoration:none;}
DIV#nextStepButton a:hover {color: #c6570c; text-decoration:none;}
DIV#nextStepButton {background:#333333 url(../images/style/arrow.gif) no-repeat 8px 13px; border:solid 1px #cccccc; padding:5px 10px 5px 25px; font-size:16px; font-weight:bold; color:White; margin-top:10px; width:185px;}
/* Form */
form {margin:0px; padding:0px; border:0px;}
fieldset {margin:0px 0px 10px 0px; padding:0px; border:0px; border-bottom:solid 3px #c6570c; padding-bottom:10px;}
legend {margin:0px; padding:0px 0px 5px 10px; font-weight:bold; color:#333333;}
#dateDay{width:15px;}
#dateMonth{width:15px;}
#dateYear{width:30px;}
/* Basics */
h1 {padding:0px; margin:0px; font-size:16px; color:#c6570c;}
SPAN.productName {font-weight:bold; color:#c6570c; font-size:12px;display:block;float:left;}
SPAN.productAmount {font-weight:bold; color:#333333; font-size:12px; padding-right:5px;padding-left:5px}
SPAN.productPrice {font-weight:bold; color:#333333; font-size:12px; padding-left:3px;width:50px;display:block;float:left;}
SPAN.productDescription {display:block;float:left;width:200px;}
SPAN.productDescription P{ padding-bottom:5px;}
DIV.contentUitbreidingenText SPAN.productDescription {display:block;float:left;width:235px;margin-left:12px;}
DIV.contentMenuText SPAN.productDescription {display:block;float:left;width:150px;}
DIV.contentUitbreidingenText SPAN.productDescription P{margin:0px;padding:0px 0px 0px 42px;}
DIV.entityContentText P {padding:0px; margin:0px; font-size:12px; line-height:19px;}
.AddOne {background: url(../images/style/addOne.gif) no-repeat; height:17px; width:22px; display:block; float:left; margin-bottom:3px; cursor:pointer;}
.AddFive {background: url(../images/style/addFive.gif) no-repeat; height:17px; width:22px; display:block; float:left; cursor:pointer;}
.RemoveOne {background: url(../images/style/removeOne.gif) no-repeat; height:17px; width:22px; display:block; float:left; margin-bottom:3px;cursor:pointer;}
.RemoveFive {background: url(../images/style/removeFive.gif) no-repeat; height:17px; width:22px; display:block; float:left;cursor:pointer;}
/* Changed 2008-07-25 */
DIV#bodyContainer {width:990px; margin:0px auto;}
DIV#topContainer {width:990px; height:183px; margin:0px auto;}
/* Switch website navigation */
DIV#switchWebsiteNavigation {height:41px; width:990px;}
DIV#switchWebsiteNavigation img {border:0px; margin:0px 8px 0px 0px; float:left;}
DIV#switchWebsiteNavigation ul {margin:0px; padding:0px;}
DIV#switchWebsiteNavigation ul li {display: inline;}
DIV#switchWebsiteNavigation ul li a {float: left; padding:8px 9px 3px 9px; width:90px; text-align:left; text-decoration: none; color: white; line-height:30px; background: url(../images/style/switchWebsiteNavigationStripe.gif) no-repeat top left;}
DIV#switchWebsiteNavigation ul li a:link {color: #333333;}
DIV#switchWebsiteNavigation ul li a:active {color: #333333; background: url(../images/style/switchWebsiteNavigationHover.gif) no-repeat top left;}
DIV#switchWebsiteNavigation ul li a:visited {color: #333333;}
DIV#switchWebsiteNavigation ul li a:hover {color: #333333; background: url(../images/style/switchWebsiteNavigationHover.gif) no-repeat top left;}
DIV#switchWebsiteNavigation ul li.selected a {color: #f06000; background: url(../images/style/switchWebsiteNavigationHover.gif) no-repeat top left;}
DIV#websiteLogo {height:111px; width:990px; text-align:left;}
DIV#websiteLogo img {border:0px; padding:40px 0px 0px 30px;}
DIV#websiteLogo a#ButtonViewBBQCompleet{background: url(../images/style/bbqCompleetLogo.jpg); background-repeat:no-repeat;background-position:40px 40px;height:111px; width:390px;display:block;}
DIV#websiteLogo a#ButtonViewGourmetCompleet{background: url(../images/style/gourmetCompleetLogo.jpg); background-repeat:no-repeat;background-position:40px 40px;height:111px; width:390px;display:block;}
DIV#websiteLogo a#ButtonViewPartyCompleet{background: url(../images/style/partyCompleetLogo.jpg); background-repeat:no-repeat;background-position:40px 40px;height:111px; width:390px;display:block;}
DIV#navigation {width:990px; height:31px;}
DIV#navigation ul {margin:0; padding:0; list-style-type:none; font-size:16px;}
DIV#navigation ul li {float: left; background: url(../images/style/blockactive.gif) no-repeat; width:201px; height:27px; color: #333333; margin-right:3px; padding-top:4px;}
DIV#navigation ul li a {color: #333333; text-decoration: none;}
DIV#navigation ul li a:visited {color: #333333;}
DIV#navigation ul li a:hover {color: #d05100;}
DIV#navigation ul li.current {color: #333333; width:201px; height:27px; background: url(../images/style/blockdefault.gif) no-repeat; padding-top:4px;}
/* WELCOME */
DIV#contentWelcomeLeft {float:left; width:310px; margin-right:7px; padding-right:7px; border-right:dotted 1px #cccccc; text-align:left; height:340px;}
DIV#contentWelcomeCenter {float:left; width:310px; margin-right:7px; padding-right:7px; border-right:dotted 1px #cccccc; text-align:left; height:340px;}
DIV#contentWelcomeRight {float:left; width:300px; text-align:left; height:340px;}
DIV#contentWelcomeLeft .entityContentText {padding:10px; margin:0px;}
DIV#contentWelcomeLeft .entityContentText P {padding:5px; margin:0px;}
DIV#contentWelcomeCenter .entityContentText {padding:10px; margin:0px;}
DIV#contentWelcomeCenter .entityContentText P {padding:5px; margin:0px;}
DIV#contentWelcomeRight .entityContentText {padding:10px; margin:0px;}
DIV#contentWelcomeRight .entityContentText P {padding:5px; margin:0px;}
DIV#contentWelcomeRight A {padding:14px 15px 15px 40px; margin:0px; background: url(../images/style/welcomeMoreButton.gif) no-repeat 15px 15px;}
DIV#contentWelcomeCenter A {padding:14px 15px 15px 40px; margin:0px; background: url(../images/style/welcomeMoreButton.gif) no-repeat 15px 15px;}
DIV#contentWelcomeLeft A {padding:14px 15px 15px 40px; margin:0px; background: url(../images/style/welcomeMoreButton.gif) no-repeat 15px 15px;}
DIV#contentLeftWelcomeHeader {height:26px; width:299px; background: #f3f2e8 url(../images/style/welcomeHeaderBBQ.jpg) no-repeat; font-size:16px; font-weight:bold; color:#c6570c; padding:66px 0px 0px 11px;}
DIV#contentCenterWelcomeHeader {height:26px; width:299px; background: #f3f2e8 url(../images/style/welcomeHeaderGourmet.jpg) no-repeat; font-size:16px; font-weight:bold; color:#c6570c; padding:66px 0px 0px 11px;}
DIV#contentRightWelcomeHeader {height:26px; width:299px; background: #f3f2e8 url(../images/style/welcomeHeaderParty.jpg) no-repeat; font-size:16px; font-weight:bold; color:#c6570c; padding:66px 0px 0px 11px;}
DIV#contentWelcomeExtra {height:40px; width:830px; clear:both; margin:0px 0px 0px 0px; padding:20px 0px 0px 120px; text-align:left; font-size:12px; border-top:1px dotted #CCCCCC;}
DIV#contentWelcomeHighlightButton {display:block; height:117px; width:116px; background: url(../images/style/highlightButton.jpg) no-repeat; position:absolute; margin:336px 0px 0px 10px;}
/* Normal */
DIV#container {width:960px; margin-left:auto; margin-right:auto; padding:15px; background: white url(../images/style/containerFooter.gif) no-repeat bottom; margin-bottom:10px;}
DIV#contentLeft {float:left; width:310px; margin-right:7px; padding-right:7px; border-right:dotted 1px #cccccc; text-align:left;}
DIV#contentLeftHeader {height:26px; width:299px; background: #f3f2e8 url(../images/style/menuHeader.jpg) no-repeat; font-size:16px; font-weight:bold; color:#c6570c; padding:66px 0px 0px 11px;}
DIV.contentMenuItem {width:310px; margin-top:10px;float:left;}
DIV.contentMenuImage {float:left; width:132px;height:90px;}
DIV.contentMenuImage A {border:none;float:left;}
DIV.contentMenuImage A IMG {border:solid 1px #cccccc;float:left;}
DIV.contentMenuText {float:left; width:151px;}
DIV.contentMenuAdd {float:left; width:27px;}
DIV.contentMenuFooter {clear:both; height:10px; border-bottom:dotted 1px #cccccc; font-size:1px;}
DIV#contentCenter {float:left; width:310px; margin-right:7px; padding-right:7px; border-right:dotted 1px #cccccc; text-align:left;}
DIV#contentCenterHeader {height:26px; width:299px; background: #f3f2e8 url(../images/style/uitbreidingenHeader.jpg) no-repeat; font-size:16px; font-weight:bold; color:#c6570c; padding:66px 0px 0px 11px;}
DIV.contentUitbreidingenItem {width:310px; margin-top:10px;}
DIV.contentUitbreidingenImage {float:left;height:25px; width:35px;}
DIV.contentUitbreidingenImage img {border:solid 1px #cccccc;}
DIV.contentUitbreidingenText {float:left; width:248px;}
DIV.contentUitbreidingenAdd {float:left; width:27px;}
DIV.contentUitbreidingenFooter {clear:both; height:5px; border-bottom:dotted 1px #cccccc; font-size:1px;}
DIV#contentUitbreidingenMeerKeuze {width:294px; background-color:#c7570d; border:solid 1px #cccccc; padding:8px; color:White; margin-top:10px; font-weight:bold;}
DIV#contentRightOrder {float:left; width:310px; text-align:left;}
DIV#contentRight {float:left; width:310px; text-align:left;}
DIV#contentRightHeader {height:36px; width:261px; background: url(../images/style/phoneIcon.gif) no-repeat left 2px; font-size:18px; font-weight:bold; color:#333333; padding:20px 10px 10px 48px;}
DIV#contentRightTitle {height:25px; width:297px; background-color:#c7570d; border:solid 1px #cccccc; color:White; font-size:16px; font-weight:bold; padding:0px 0px 0px 11px; margin-bottom:3px;margin-top:10px;}
DIV.contentBestelItemMenu {width:298px; background-color:#e9ddd5; padding:5px; border:solid 1px #cccccc; margin-bottom:3px;}
DIV.contentBestelItemUitbreiding{width:298px; background-color:#f4f1e8; padding:5px; border:solid 1px #cccccc; margin-bottom:3px;}
DIV.contentBestelRemove {float:left; width:47px;}
DIV.contentBestelAmount {float:left; width:25px; padding-left:5px;}
DIV.contentBestelText {float:left; width:150px; padding-left:5px;}
DIV.contentBestelPrice {float:left; width:60px; text-align:right;}
DIV.contentBestelFooter {clear:both; height:8px; font-size:1px;}
DIV#contentBestelBijgeleverd {width:228px; background: white url(../images/style/frenchbread.jpg) no-repeat; border:solid 1px #cccccc; padding:10px 10px 10px 70px; margin-bottom:3px;}
DIV#contentBestelProducts {float:left; width:78px; background:#333333 url(../images/style/arrow.gif) no-repeat 8px 13px; border:solid 1px #cccccc; padding:5px 10px 5px 25px; font-size:16px; font-weight:bold; color:White;}
DIV#contentBestelTotalPrice {float:right; width:180px; background-color:#c7570d; border:solid 1px #cccccc; padding:5px; margin-left:3px; text-align:right; font-size:16px; font-weight:bold; color:White;}
DIV#contentBestelFooter {clear:both; font-size:1px; height:3px;}
DIV#contentBestelRemark {width:292px; background-color:white; border:solid 1px #cccccc; padding:8px; color:#333333; margin-top:0px; font-weight:bold;}
/* customerData */
DIV#contentRightBig {float:left; width:635px; text-align:left; background-color:white;}
DIV#contentLeft DIV.contentBestelText {float:left; width:155px; padding-left:5px;}
DIV#customerDataItemBijgeleverd {width:228px; background: white url(../images/style/frenchbread.jpg) no-repeat; border:solid 1px #cccccc; padding:10px 10px 10px 70px; margin-bottom:3px; height:98px;}
DIV.customerDataItemMenu{width:298px; background-color:#e9ddd5; padding:5px; border:solid 1px #cccccc; margin-bottom:3px;}
DIV.customerDataItemUitbreiding{width:298px; background-color:#f4f1e8; padding:5px; border:solid 1px #cccccc; margin-bottom:3px;}
DIV#customerDataProducts {float:left; width:78px; background:#333333 url(../images/style/arrow.gif) no-repeat 8px 13px; border:solid 1px #cccccc; padding:5px 10px 5px 25px; font-size:16px; font-weight:bold; color:White;}
DIV#customerDataTotalPrice {float:right; width:293px; background-color:#c7570d; border:solid 1px #cccccc; padding:5px 10px 5px 5px; margin-left:3px; text-align:right; font-size:16px; font-weight:bold; color:White;}
DIV#customerDataFooter {clear:both; font-size:1px; height:3px;}
DIV#customerDataHeader {height:25px; background-color:#c7570d; border:solid 1px #cccccc; color:White; font-size:16px; font-weight:bold; padding:0px 0px 0px 11px; margin-bottom:10px;}
/* showCustomerData after filled in */
DIV#showCustomerDataTitle {height:25px; width:297px; background-color:#c7570d; border:solid 1px #cccccc; color:White; font-size:16px; font-weight:bold; padding:0px 0px 0px 11px; margin-bottom:3px;}
DIV.showCustomerDataItem {border-bottom:dotted 1px #cccccc; width:310px;}
DIV.showCustomerDataLabelTitle {float:left; width:80px; padding:8px 0px 8px 10px;}
DIV.showCustomerDataLabelInfo {float:left; width:210px; padding:8px 0px 8px 10px;}
DIV.showCustomerDataLabelFooter {clear:both; height:3px; font-size:1px;}
DIV.showCustomerDataSubTitle {font-weight:bold; padding:13px 0px 8px 10px; border-bottom:solid 3px #c7570d;}
/* Order */
DIV#customerOrderTitle {height:25px; width:297px; background-color:#c7570d; border:solid 1px #cccccc; color:White; font-size:16px; font-weight:bold; padding:0px 0px 0px 11px; margin-bottom:3px;}
DIV.customerOrderCostItem {width:287px; background-color:#f4f1e8; border:solid 1px #cccccc; color:#333333; font-size:12px; font-weight:bold; padding:9px 10px 6px 10px; margin-bottom:3px;}
DIV.customerOrderCostSubTotalOrder {width:287px; background-color:#e9ddd5; border:solid 1px #cccccc; color:#333333; font-size:12px; font-weight:bold; padding:9px 10px 6px 10px; margin-bottom:3px;}
DIV.customerOrderCostTotalOrder {width:292px; background-color:#c7570d; border:solid 1px #cccccc; padding:5px 10px 5px 5px; text-align:right; font-size:16px; font-weight:bold; color:White; margin-bottom:10px;}
DIV.customerOrderCostName {float:left; width:200px;}
DIV.customerOrderCostPrice {float:left; width:87px; text-align:right;}
DIV.customerOrderCostItemFooter {clear:both; height:3px; font-size:1px;}
DIV.radioInputContainer {padding:7px 0px 7px 10px; border-top:dotted 1px #cccccc;}
DIV#customerOrderFinal {background:#333333 url(../images/style/arrow.gif) no-repeat 8px 13px; border:solid 1px #cccccc; padding:5px 10px 5px 25px; font-size:16px; font-weight:bold; color:White; margin-top:10px; width:185px;}
/* Thanks */
DIV#contentRightThanksImage {width:308px; background: url(../images/style/thumbUp.jpg) no-repeat; height:300px;}
DIV#contentRightSMSImage {width:308px; background: url(../images/style/sms.jpg) no-repeat; height:300px;}
/* FAQ */
DIV#contentRightFAQImage {width:308px; border:solid 1px #cccccc; background: url(../images/style/faqImage.jpg) no-repeat; height:225px;}
DIV.FAQItem {width:600px; border-bottom:dotted 1px #cccccc;}
DIV.FAQQuestion {width:600px; background:url(../images/style/arrow.gif) no-repeat center left; padding:10px 0px 10px 19px; margin-left:10px; font-weight:bold; font-size:12px;}
DIV.FAQAnswere {width:600px; padding:0px 0px 10px 39px;}
/*The very bottom footer */
DIV#contentFooter {clear:both; height:3px; font-size:1px;}
DIV#contentWelcomeExtra A{ font-size:9px; }