/*

SECTION ONE - LEMON SPECIFIC STYLES 
SECTION TWO - V2 STANDARD STYLES

COLOUR REF

GREY: 666
LEMON: FFDA0E
FONT: ARIAL 11PX

*/

html { height: 100%; margin-bottom: 1px; }  
html,body{height:100% !important}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select {margin: 0 0 0 0;padding: 0 0 0 0;color:#666; font: normal 12px Arial;}
body {margin: 0px;padding: 15px 0 0 0;text-align: center; color:#666; background: repeat-x url(../img/bg.jpg);}

/* LEMON  - CONTAINER   **/
#container {width: 860px; margin:auto; padding:auto;}
#head { width: 857px; height: 158px; background: no-repeat url(../img/tp_head.jpg);}
#head .top_nav p { text-align:right; font: normal 10px tahoma; color:#CCCCCC; margin: 10px; height: 25px;}
#head .top_nav a {font: normal 11px tahoma; color:#CCCCCC; text-decoration:none;}
#head .top_nav a:hover {font: normal 11px tahoma; color:#CCCCCC; text-decoration:underline;}
#head .top_images { float:left; margin: 0 0 0 250px;}
/*#head .top_buttons { float:left; margin: 0 0 0 30px; }*/

/* LEMON -  TOP NAV **/
#top_nav { margin: 0 0 5px 0; display:block;}
.MenuHorizontal li  {list-style:none;background:no-repeat url(../img/bg_li.jpg);float:left;}  
.MenuHorizontal a {background:no-repeat url(../img/bg_li.jpg); font: bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; width: 122px;padding: 10px 0 10px 0; display:block;}
.MenuHorizontal a:hover {background: no-repeat url(../img/bg_li_hover.jpg); text-decoration:underline;}
.MenuVertical  {color: #385479;list-style: none;padding: 0;margin: 0;}
.MenuVertical li {float: none;text-align:left;padding:0;background-image:none;}
.MenuVertical li a {display: block;color: #fff;padding:7px;background: repeat-x url(../img/bg_drop.jpg);background-color:#333333;}
.MenuVertical li a:hover {text-decoration:underline;background-image: none;background-color:#333333;}
.Level1  {position: relative;}
.Level2  {position: absolute; top: 35px;left: 119px;display: none;}
.Level2 li:hover, .Level2 li.over  {text-decoration:underline;}
.Level1 li:hover ul.Level2, .Level1 li.over ul.Level2 {display: block;}
* html .MenuVertical li  {}
* html .MenuVertical li a {display: inline; }
 .Level1 li, .Level2 li, .Level3 li, .Level4 li {behavior: url(../ieMenu.htc);}
  

/* LEMON - FAQ'S */
#faq {}
#faq ul { margin: 10px 0 10px 0;}
#faq li { margin: 5px 0 5px 35px; font: 11px;}
#faq li a { color:#666666;}
#faq a { color:#666666;}
#faq p {margin: 5px 20px 15px 20px; line-height: 20px;}

/* LEMON -  PRIVACY */
#privacy p { margin: 5px 20px 15px 20px; line-height: 20px;}

/* LEMON - COLUMNS **/
#col_one { float:left; width: 205px; text-align:left; margin: 0 1px 0 0;}
#col_two {float: left; width: 434px; text-align:left;margin: 0 4px 0 5px; }
#col_three {float:left; width: 205px; text-align:left;}
#col_two_long {float:left; width: 648px;text-align:left;}

/* LEMON -  HOME CONTENT COLUMNS **/
.content { background: repeat-x url(../img/bg_content.jpg);}
.content h1 { background: repeat-x url(../img/bg_header.jpg); font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; margin: 1px 0 1px 0; padding: 8px 0 0 10px; height: 35px; display:block; clear:both;}
.content h1 em { font-style:normal; color: #FFDA0E;}
.home { background: repeat-x url(../img/bg_content.jpg); margin: 10px 0 0 0;}
.home h1 { font: bold 12px tahoma; color:#FFFFFF; padding: 10px;}
.home h1 em { font-style:normal; color: #FFDA0E;}
.home p { margin: 10px; font: 11px Arial, Helvetica, sans-serif; color:#666;}
.home h3 { font: bold 12px tahoma; color:#FFFFFF; padding: 10px;}
.home h3 em { font-style:normal; color: #FFDA0E;}


/* LEMON - HOME SIDE CONTENT COLUMNS **/
#col_one p.header { background: repeat-x url(../img/bg_header.jpg); font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; margin: 1px 0 1px 0; padding: 8px 0 0 10px; height: 35px; display:block; clear:both;}
#col_one p.header em{ font-style:normal; color:#FFDA0E;} 

#col_three p.header { background: repeat-x url(../img/bg_header.jpg); font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; margin: 1px 0 1px 0; padding: 8px 0 0 10px; height: 35px; display:block; clear:both;}
#col_three p.header em{ font-style:normal; color:#FFDA0E;} 

#col_one h1, #col_one h3, #col_three h4, #col_three h5 { background: repeat-x url(../img/bg_header.jpg); font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; margin: 1px 0 1px 0; padding: 8px 0 0 10px; height: 35px; display:block; clear:both;}
#col_one h1 em, #col_one h3 em, #col_three h4 em, #col_three h5 em { font-style:normal; color:#FFDA0E;} 


.box { background-color: #F5F5F5; float:left; display:block; width: 100%; margin: 0 0 10px 0;}
.box p { font:bold 11px Arial, Helvetica, sans-serif; margin: 5px;}
dl { margin: 10px;}
dt { text-decoration:underline;font: bold 12px Arial, Helvetica, sans-serif; clear:both; margin: 20px 0 5px 0;}
dt a {color:#666;}
dd { margin:0; display:inline;}
dd a {  font: normal 10px Arial, Helvetica, sans-serif; color:#666; text-decoration:none;  }
dd a strong { display: block; margin: 8px 0 0 0; text-decoration:underline; color:#666;}
dd a:hover {text-decoration:underline;}
.home_input { background: no-repeat url(../img/bg_side_input.jpg); width: 181px; height: 23px; border:none; margin: 5px; padding: 5px;}
.home_submit { background: no-repeat url(../img/bg_home_submit.jpg); width: 104px; height: 29px; border:none; color:#FFFFFF; font-weight:bold; margin: 5px;}
.home_img { margin: 5px;}
#col_three ul { margin: 15px 0 15px 0;}
#col_three li { margin: 2px 2px 2px 25px; list-style:circle;}
#col_three li a { text-decoration:underline; color:#666; font-weight:bold;}
#col_three li a:hover { text-decoration:underline;}

/* LEMON - FOOTER  **/
#footer { display:block; width: 100%; background: repeat-x url(../img/bg_footer.jpg); height: 50px; padding: 25px 0 0 0;}
#footer p {color:#999999; font: normal 10px Arial, Helvetica, sans-serif; }
#footer a { font: normal 10px Arial, Helvetica, sans-serif; color:#999999; text-decoration:none;}

/* STORE PAGE */
#store {}
#store .store { float:left; width:200px; height:125px; border: 1px solid #999; padding:0; margin:6px;}
#store .store_option a { background-color:#666; width:95%; margin: 100px 0 0 0; padding: 5px; float:left;font: bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
#store .store_option a:hover { background-color:#000; width:95%; margin: 100px 0 0 0; padding: 5px; float:left;font: bold 11px Arial, Helvetica, sans-serif; color:#FFDA0E; text-decoration:none;}


#store_cat { margin: 25px;}
#store_cat .store_cat { float:left; width:180px; height:125px; border: 1px solid #999; padding:0; margin:5px;}
#store_cat .store_cat_option a { background-color:#666; width: 95%; margin: 100px 0 0 0; padding: 5px; float:left;font: bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
#store_cat .store_cat_option a:hover { background-color:#000; width: 95%; margin: 100px 0 0 0; padding: 5px; float:left;font: bold 11px Arial, Helvetica, sans-serif; color:#FFDA0E; text-decoration:none;}


#col_one .store_home { float:left; width:180px; height:100px; border: 1px solid #999; padding:0; margin:4px 0 4px 10px;}
#col_one .store_home a { background-color:#666; width: 95%; margin: 75px 0 0 0; padding: 5px; float:left;font: bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
#col_one .store_home a:hover { background-color:#000; width:95%; margin: 75px 0 0 0; padding: 5px; float:left;font: bold 11px Arial, Helvetica, sans-serif; color:#FFDA0E; text-decoration:none;}




/* STANDARD PRODUCT BOX*/
.products { width: 100%;  text-align:left; background: repeat-x url(../img/bg_paging.jpg); padding: 20px 0 0 0; }
.products a {color:#666666; text-decoration:none;}
.product { float:left;  width: 49%; height: 160px; border-bottom: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; padding-bottom: 10px; display:block; }

.product h2 {  font: bold 12px Arial, Helvetica, sans-serif; margin: 10px 5px 20px 10px; color:#666; height: 40px;}
.product h2 a {text-decoration:underline; text-decoration:underline;}

.product h3 {  font: bold 14px Arial, Helvetica, sans-serif; margin: 10px 5px 5px 10px; color:#666;}
.product h3 a {text-decoration:underline; text-decoration:none;}
.product .btnimg { margin: 3px 0 3px 0; }
.product .prodimg {padding: 1px; float:left; margin: 10px 20px 30px 10px; }
.product .homeimg { margin: 10px 5px 40px 10px; width: 75px; }
.product .des { font: normal 10px Arial, Helvetica, sans-serif; margin: 10px 5px 10px 10px;}
.product .ref { font: normal 9px Arial, Helvetica, sans-serif; color:#666666; margin: 0 0 8px 0; color:#999999;}
.product .pack { font: normal 9px Arial, Helvetica, sans-serif; margin: 0 0 8px 0; color:#FF9900;}
.product .price { font: bold 18px Arial, Helvetica, sans-serif; color: #666; margin: 0 0 8px 0; float:left;}
.product .wasprice { font: bold 12px Arial, Helvetica, sans-serif; color:#CC0000; margin: 0 10px 8px 3px; text-decoration:line-through; }

#product_detail {}
#product_detail h2 { font: bold 14px Arial, Helvetica, sans-serif; margin: 20px 5px 5px 30px; color:#666;}
#product_detail h2 em { font: bold 18px Arial, Helvetica, sans-serif;  color:#666;}
#product_detail h3 { font: bold 14px Arial, Helvetica, sans-serif; margin: 10px 5px 0px 30px; color:#666;}
#product_detail .des {float:left; display: block;width: 350px;}
#product_detail .des span {margin: 20px 5px 15px 5px;font: normal 12px Arial, Helvetica, sans-serif;}
#product_detail .des p {margin: 10px 5px 5px 5px;font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px;}
#product_detail .des li {margin: 5px 5px 5px 35px; list-style:circle; font-size: 10px;font: normal 11px Arial, Helvetica, sans-serif;}
#product_detail .des a { color:#666666;font: normal 11px Arial, Helvetica, sans-serif;}
#product_detail .detail_image { float:left; margin: 10px 20px 20px 20px; display:block; }

.home_prod { float:left;  width: 49%;  border-bottom: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; padding-bottom: 5px; display:block; }
.home_prod h2 {  font: bold 12px Arial, Helvetica, sans-serif; margin: 5px 5px 5px 10px; color:#666; }
.home_prod h2 a {text-decoration:underline; text-decoration:underline;}
.home_prod .price { font: bold 18px Arial, Helvetica, sans-serif; color: #666; margin: 0 0 0 0; }



/* 

V2  DB / MWIS 2008  - *D*I*D**I**E*V*E*R**S*A*Y**B*O*L*L*O*C*K*S**T*O**A**F*I*S*H*

*/


/* V2 STANDARD PAGING */
.paging { display:block; width: 100%; height: 40px; text-align:left; background: repeat-x url(../img/bg_paging.jpg);}
.paging p { padding: 15px 10px 0 10px;font: bold 9px Arial, Helvetica, sans-serif; color:#666666;}
.paging p a { margin: 0 3px 0 3px; font: bold 9px Arial, Helvetica, sans-serif; color:#666666;}

/* V2 STANDARD DROPDOWN FILTERS  */
#filters {}
#filters select { height: 17px; font: bold 9px Arial, Helvetica, sans-serif; color:#666666;}
#filters label { font: bold 9px Arial, Helvetica, sans-serif; color:#666666; margin: 0 0px 0 15px; text-align:right;}

/* V2 MESSAGE STYLES */
#message { background-color:#FFFEE8; border: 1px solid #FFDA0E; margin: 25px;}
#message p {line-height: 18px; margin: 5px; color:#666;}
#message a {color:#666;}
#message h2 {margin: 5px; font: bold 16px  Arial, Helvetica, sans-serif;}
#message ul { margin: 5px 5px 5px 25px;}
#message li { color:#FF0000;}

/* V2  INPUT BUTTONS */
.btn_tiny { height: 25px; width:75px; text-align:center; border:none; background: no-repeat url(../img/btn_tiny.jpg); color:#FFFFFF;}
.btn_small { height: 42px; width:124px; text-align:center; border:none; background: no-repeat url(../img/btn_small.jpg); color:#FFFFFF;}
.btn_medium {height: 42px; width:200px; text-align:center; border:none; background: no-repeat  url(../img/btn_medium.jpg);color:#FFFFFF;}
.btn_large {height: 42px; width:250px; text-align:center; border:none; background: no-repeat  url(../img/btn_large.jpg);color:#FFFFFF;}
a.btn_large {height: 40px; width:250px; text-align:center; border:none; background: no-repeat  url(../img/btn_large.jpg);color:#FFFFFF; padding:14px 0 0 0; margin: 20px 80px 0px 10px; display:block; clear:both; font-weight: bold;}

/*  V2 STANDARD CART STYLES ********************************/

/* DISCOUNT */
#discount {margin: 25px;background-color:#FFFEE8; border: 1px solid #FFDA0E; }
#discount h2 {margin: 5px; font: bold 16px  Arial, Helvetica, sans-serif;}
#discount p {margin: 5px;}

/* CART TABLE */
#cart {margin: 25px;background-color:#FFFEE8; border: 1px solid #FFDA0E; }
#cart table {width: 100%; text-align:left;}
#cart table th, #cart table td { padding: 5px; border: 1px solid #FFFFFF; }
#cart table td {background-color:#FFFFFF;}
#cart .space td {line-height: 1px;}
#cart p {color:#666666; text-decoration:none; font-weight:bold;font-size:11px;}
#cart a {color:#666666; text-decoration:none; font-weight:bold;font-size:11px;}
#cart .update {background-color:#fff; border: 1px solid #FFDA0E; text-decoration:none; padding: 2px; font-size:11px;float:left;}
#cart .remove {background-color:#fff; border: 1px solid #FFDA0E; text-decoration:none; padding: 2px;font-size:11px;float:left;}
#cart input {border: 1px solid #FFDA0E; height: 18px; float:left; margin: 0 2px 0 0;}

/* CART OPTIONS */
#cart_options {margin: 25px;background-color:#FFFEE8; border: 1px solid #FFDA0E; padding: 15px;}
#options { background-color:#FFFEE8; border: 1px solid #FFDA0E; margin: 10px 25px 25px 25px; display:block;}
#options p {margin: 5px; display:block;}
#options label { float:left; width: 150px; text-align:right; padding: 0 10px 0 0;font: bold 14px Arial, Helvetica, sans-serif;}
#options .finnish { float:left; margin: 5px; width: 95px; font: bold 11px Arial, Helvetica, sans-serif; display:block; text-align:center;}
#options .style { float:left; margin: 5px; width: 142px; font: bold 14px Arial, Helvetica, sans-serif; display:block; text-align:center;}
#options input, #options select { width: 250px; font: bold 14px Arial, Helvetica, sans-serif; border: 1px solid #FFDA0E; background: repeat url(../img/bg_in.gif); padding: 3px;}
#options h2 {margin: 5px; font: bold 16px  Arial, Helvetica, sans-serif;}


/* CHECKOUT *********************************/
#checkout {margin: 25px;background-color:#FFFEE8; border: 1px solid #FFDA0E;}
#checkout h2 {margin: 5px; font: bold 16px  Arial, Helvetica, sans-serif;}
#checkout p {margin: 5px; display:block;}
#checkout label { float:left; width: 150px; text-align:right; padding: 0 10px 0 0;}
#checkout input, #checkout select { width: 250px; height: 20px;border: 1px solid #ccc;  padding: 3px;}
#checkout textarea { width: 250px; border: 1px solid #FFDA0E; background: repeat url(../img/bg_in.gif); padding: 3px;}
#checkout a.copy { cursor:pointer; text-decoration:underline;}