@media screen {
/*  Reset styles to default (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)  */
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;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body { color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }




/*  General rules  */
html, body { height:100%; }
body    { font-family:Arial, Helvetica, sans-serif; font-size:13px; background-color:#C1CB68; color:#000000; }
/*  Disable outline in Firefox (so we don't get the dashed outline when clicking on a link') */
a       { outline:none; color:white; text-decoration:none; }
td, th  { vertical-align:top; }
a:hover { text-decoration:underline; }
p       { margin:15px 0 15px 0; }
strong  { font-weight:bold; }
h1      { font-weight:bold; font-size:1.3em; margin-bottom:1em; }
hr      { border-width:0; border-style:solid; border-top-width:1px; }

.clearBoth { clear:both; }


/*  Intro page (seen first by site visitors)  */
table#intro_img { height:100%; width:100%; }
table#intro_img td { vertical-align:middle; }
table#intro_img td a { display:block; width:941px; margin-left:auto; margin-right:auto; }



/*  SITE LAYOUT  */
/*
	- Position the site container relative so the footer is relative to it: http://alistapart.com/articles/footers
	- center the site
*/
#site_container          { position:relative; width:941px; min-height:100%; margin-left:auto; margin-right:auto; background-color:white; }
/*  Top section (logo, image which changes per section and main menu))  */
#topmost_line            { width:941px; height: 18px; background-color:#676C34; }
#logo                    { width:240px; height:257px; }
#section_image           { width:701px; height:212px; margin:-257px 0px 0px 240px; }
#main_menu               { width:693px; height:45px;  background-color:#676C34; margin:0px 0px 0px 240px; padding-left:8px; }

/*  Submenu  */
#layout_submenu          { width:240px; height:304px; background-color:#ffffff; background-image:url(img/logos/logo_submenu.gif);
							background-repeat:no-repeat; background-position:0 90%; }
#layout_submenu #submenu { width:114px; padding:30px 0px 0px 0px; }
#submenu a               { display:block; width:114px; height:14px; background-color: #E1E5B3; color:#000000; margin:4px 0px 4px 0px;
							padding:3px 5px 3px 10px; font-size:11px; text-transform: uppercase; }
#submenu a.selected      { background-color:#C1CB68; text-decoration:none; }
#submenu a:hover         { background-color:#C1CB68; text-decoration:none; }
#featuredSection         { margin-left:10px; }
#featuredSection h3      { margin-top:1em; margin-bottom:5px; text-align:center; font-size:14px; font-weight:bold; }
#featuredSection a       { color:#94A229; }
#featuredSection .award,
#featuredSection .event  { margin-top:5px; margin-bottom:5px; }

/*  Content  */
#layout_content          { width:701px; background-color:#ffffff; margin:-304px 0px 0px 240px; }
#content                 { padding:30px 10px 36px 17px; font-size:0.9em; color:#000000; }
#content a               { color:#94A229; }

/*  Footer  */
#footer                  { width:921px; height:18px; padding:7px 10px 0px 10px; color:white;
							background-color:#676C34; text-align:right; font-size:0.8em; }



/*  ITEMS  */
table.items_per_rows th           { font-weight:bold; font-size:1.1em; padding-bottom:1em; }
table.items_per_rows td.image     { padding-right:10px; margin-bottom: 10px; }
table.items_per_rows td.image img { width:100px;}
table.items_per_column            { width:100%; }
table.items_per_column td         { text-align:center; padding-bottom:10px;}
table.items_per_column td .image  { min-width:100px; min-height:66px; margin:0 auto; }
table.products                    { width:100%; }
table.products td.image           { width:120px; height:66px; padding-bottom:10px; }
table.products td.content         { text-align:left; }
input.quantity                    { width:40px; }


/*    SHOPPING CART    */
/*  Cart summary  */
#cart_hold_summary                   { width:129px; }
#cart_summary                        { padding:2px 2px; border:solid #ffcd8e 1px; font-size:11px; }
#cart_summary h3                     { font-weight:bold; text-align:center; background-color:#ffcd8e; letter-spacing:2px; }
#cart_summary a                      { color:black; }
/*  SHOP ORDER STEPS  */
#orderSteps                          { width:97%; margin-bottom:20px; border-collapse:collapse;
										background:url('img/cart/cart_steps_bg.gif') repeat-x bottom; }
#orderSteps td                       { width:20%; }
#orderSteps .stepIndicator           { height:10px; text-align:center; line-height:0px; }
#orderSteps h2,
#orderSteps .stepExplain             { background-color:#e1e5b3; margin:0 2px; text-align:left; }
#orderSteps h2                       { padding:5px 7px 0;   font-weight:bold; }
#orderSteps .stepExplain             { padding:0px 7px 5px; font-size:smaller; }
#orderSteps .stepCurrent h2,
#orderSteps .stepActive h2,
#orderSteps .stepCurrent .stepExplain,
#orderSteps .stepActive .stepExplain { background-color:#c1cb68; }
#orderSteps .stepActive a            { color:#000000; }
/*  CART VIEW  */
form#cartForm                        { width:97%; }
input.product_active                 { font-weight:bold; }
input.product_inactive               { color:#777; }
table.cartView                       { width:100%; }
table.cartView th                    { font-weight:bold; padding:2px; }
table.cartView td                    { padding:2px; }
table.cartView .price                { text-align:right; }
table.cartView .cartColQuantity      { width:15%; }
table.cartView .cartColName          { }
table.cartView .cartColPrice         { width:13%; }
table.cartView .cartColVAT           { width:9%; }
table.cartView .cartColTotal         { width:12%; }
/*  SHOP ORDER CART  */
table.orderCart                     { width:95%; margin:10px 0; }
table.orderCart th                  { font-weight:bold; padding:5px 0; }
table.orderCart td                  { padding:2px; }
table.orderCart .price              { text-align:right; }
table.orderCart tr.product td       { }
table.orderCart tr.vatGroup td      { font-weight:bold; }
table.orderCart tr.shippingInfo td  { border-top:solid black 1px; }
table.orderCart tr.totalPrice td    { border-top:solid black 2px; font-weight:bold; }
/*  STAGE CLASSES  */
.stage_new       { color:white; background-color:#D40518; }
.stage_progress  { color:white; background-color:#FFC516; }
.stage_questions { color:white; background-color:#15B54D; }
.stage_finished  { color:black; background-color:#FFFFFF; }
.stage_new,
.stage_progress,
.stage_questions,
.stage_finished  { margin-left:auto; margin-right:auto; width:12px; height:12px; border:solid black 1px; font-size: 10px; }  


/*  STANDARD FORM AND ERROR MESSAGES  */
table.data_input > tbody > tr > td {padding:3px; }
table.data_input .fieldRequired    { color:red; }
table.data_input .fieldError       { color:#b00; }
table.data_input .label_key        { text-decoration:underline; }
table.data_input .fieldInfo        { color:#575757; font-weight:normal; } 
table.data_confirm > tbody > tr > td {padding:3px; }
div.messageBoxError                { width:500px; min-height:48px; margin:0pt 0pt 10px;
                                     background-color:#FFFFCC; background-image:url(img/icon_critalert.gif); background-position:20px 14px;
                                     background-repeat:no-repeat; border:1px solid #FFCC00; color:#C60000; padding:7px 40px 7px 80px;
									 -moz-border-radius:10px; }
div.messageBoxError ul             { padding-left:25px; }
div.messageBoxError ul li          { list-style-type:disc; padding:4px 4px 4px 5px; }
div.messageBoxError p              { margin:5px 0 5px 0; }
div.messageBoxWarning              { width:500px; min-height:35px; margin:0 0 10px 0;
                                     background-color:#FFFFDD; background-image:url(img/warning.png); background-position:20px 12px;
                                     background-repeat:no-repeat; border:1px solid #FFCC00; color:#AA0000; padding:12px 40px 0px 50px;
                                     -moz-border-radius:10px; }


/*  POPUP  */
body#popup                        { font-size:11px; background-color:#E1E5B3; }
body#popup #popup_hold_content    { min-height:403px; }
body#popup h1                     { font-size:12px; text-transform:uppercase; }
body#popup #site_logo             { position:absolute; top:0; left:0; width:222px; height:92px; }
body#popup #hold_menu             { padding-left:322px; height:92px; background-color:#676C34; }
body#popup #menu                  { padding-top:13px; }
body#popup #hold_menu a           { display:block; letter-spacing:1px; width:114px; height:14px; background-color:#949D4E; 
									margin:4px 0 4px 0; padding:0 5px 0 10px; color:#000000; text-transform:uppercase;
									text-decoration:none; }
body#popup #menu a.active:hover   { background-color:#C1CB68; }
body#popup #popup_image           { }
body#popup #popup_content         { width:410px; padding:40px 10px 10px 40px; line-height:14px; }
body#popup #popup_content a       { color:#000000; }
body#popup #popup_image_product   { position:absolute; left:0; top:92px; width:222px; }
body#popup #popup_content_product { min-height:473px; margin-left:222px; padding:70px 10px 10px 10px;}
body#popup #popup_footer          { color:#ffffff; text-align:center; background-color:#676C34; padding:8px 0 5px 0; }


/*  SCROLL */
#scrollArrowUp       { position:absolute; left:668px; top:-30px; }
#scrollArrowDown     { position:absolute; left:668px; top:258px; }
#scrollContentHolder { height:250px; width:650px; overflow:hidden; }
}



@media print {
	#center_vertical         { position:static; top:auto; left:auto; }
	#center_horizontal       { position:static; top:auto; left:auto; }
	#topmost_line            { display:none; }
	#logo                    { display:none; }
	#section_image           { display:none; }
	#main_menu               { display:none; }
	#layout_submenu          { display:none; }
	#scrollArrowUp           { display:none; }
	#scrollArrowDown         { display:none; }
}



input.button       { border:#888 solid 1px; background-color:#e1e5b3; vertical-align:bottom; margin-left:5px; }
input.button:hover { background-color:#c1cb68; }