/*********************
** DEFAULT  STYLES **
**********************/
*
{
   font-family          : arial, verdana, sans-serif, tahoma;
   line-height          : 130%;
}

body
{
   margin               : 0px;
   padding              : 0px;
   background-color     : #919191;
}

img
{
   border               : 0px;
}

h1
{
   font-size            : 22px;
   color                : #f5b70d;
   margin-bottom        : 18px;
   margin-top           : 20px;
   line-height          : 120%;
}

h2
{
   font-size            : 16px;
}

h3
{
   font-size            : 16px;
}

h4,
h5,
h6
{
   font-size            : 13px;
}

h2,
h3,
h4,
h5
{
   line-height          : 120%;
   margin-top           : 20px;
   margin-bottom        : 3px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a
{
   line-height          : 120%;
}

p
{
   margin-top           : 20px;
   margin-bottom        : 20px;
}

a,
a:hover,
a:visited,
a:active
{
   color                : #f5b70d;
}

a:hover
{
   text-decoration      : none;
}

ul
{
   list-style-position  : outside;
   list-style-image     : url(../_images/ul.gif);
   ?list-style-image    : url(../_images/ul_IE.gif);
   list-style-type      : square;
   padding              : 0 0 0 20px;
   margin               : 20px 0;
}

ol
{
   list-style-position  : outside;
   list-style-type      : decimal;
   padding              : 0 0 0 20px;
   margin               : 0px;
   margin               : 20px 0;
   ?margin              : 20px 0 20px 5px;
}

/************************************************
** DEFAULT STYLES (NOT USED IN EDITOR.CSS !! **
*************************************************/
a.caps_link,
a.caps_link:hover,
a.caps_link:visited,
a.caps_link:active
{
   text-transform       : uppercase;
   color                : #555555;
   text-decoration      : none;
   font-size            : 11px;
}

a.caps_link:hover
{
   text-transform       : uppercase;
   color                : #000000;
   text-decoration      : underline;
}

a.caps_link.right
{
   float                : right;
}

h2 a,
h2 a:hover,
h2 a:visited,
h2 a:active,
h3 a,
h3 a:hover,
h3 a:visited,
h3 a:active,
h4 a,
h4 a:hover,
h4 a:visited,
h4 a:active,
h5 a,
h5 a:hover,
h5 a:visited,
h5 a:active
{
   text-decoration      : none;
}

h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover{
   text-decoration      : underline;
}

.list h2 {
   margin               : 0 0 3px 0;
   font-size            : 16px;   
}

.list h2 a {
   color                : #000000;   
}

.list p {
   margin-top           : 0px;  
}

.clear
{
   clear                : both;
   display              : block;
   overflow             : hidden;
   visibility           : hidden;
   width                : 0;
   height               : 0;
}

.navhelp
{
   display              : none;
}

.btn a,
.btn a:visited,
.btn a:active,
.btn a:hover
{
   color                : #ffffff;
   font-weight          : bold;
   text-decoration      : none;
}

.btn
{
   float                : left;
   clear                : both;
   background           : url(../_images/btn_left.gif) no-repeat left top;
   padding              : 0 0 0 10px;
   text-transform       : uppercase;
   font-size            : 12px;
   cursor               : pointer;
   cursor               : hand;
}

.btn.right
{
   float                : right;
}

.btn a
{
   float                : left;
   height               : 29px;
   background           : url(../_images/btn_stretch.gif) repeat-x left top;
   line-height          : 26px;
   padding              : 0 10px;
   color                : #ffffff !important;
}

.btn span
{
   background           : url(../_images/btn_right.gif) no-repeat right top;
   float                : left;
   width                : 10px;
   height               : 29px;
}

#colRight .btn
{
   background           : url(../_images/btn_left_greyBg.gif) no-repeat left top;
}

#colRight .btn a
{
   background           : url(../_images/btn_stretch_greyBg.gif) repeat-x left top;
}

#colRight .btn span
{
   background           : url(../_images/btn_right_greyBg.gif) no-repeat right top;
}

.btn.grey
{
   background           : url(../_images/btn_left_grey.gif) no-repeat left top;
}

.btn.grey a
{
   background           : url(../_images/btn_stretch_grey.gif) repeat-x left top;
}

.btn.grey span
{
   background           : url(../_images/btn_right_grey.gif) no-repeat right top;
}

#middle ul.submain {
   margin-top           : 5px;  
   margin-bottom        : 15px; 
}

#middle ul.main a,
#middle ul.main a:visited,
#middle ul.main a:active,
#middle ul.main a:hover {
   color                : #000000;
   text-decoration      : none;  
}

#middle ul.main a:hover {
   color                : #f5b70d;
   text-decoration      : underline; 
}

.topYellowLine {
   margin-top           : 20px;
   border-top           : 1px dotted #FFC423; 
}

.padding {
   padding-top          : 20px !important;
}

.small {
   font-size            : 11px;
}

a.noUnderline {
   text-decoration      : none;   
}

.checkoutHeader td {
   padding              : 3px;
   background-color     : #f1f0ed;
}

.prodSpacer {
   padding              : 4px 0;   
}

.grey
{
   color                : #969696;
}

.grey p
{
   margin               : 0;
}

.alignLeft {
   text-align           : left !important;
}

#webshop table,
#webshop td {
   border:0 white;
}

/*******************************************
** PAGE HOLDER / HEADER / LOGO / FOOTER **
********************************************/

.emptyPage {
   background           : none !important;
   margin               : 20px;
   font-size            : 13px;
}

.emptyPage #logoHolder {
   padding-bottom       : 20px;   
}

.emptyPage #footer {
   padding-bottom       : 0px !important;
   border-top           : 1px solid #969696;
   margin-top           : 20px;
   padding-top          : 20px;
}   

.emptyPage .right {
   margin-right         : 0px !important;
   color                : #000000 !important;
}

#pageHolder
{
   margin-left          : auto;
   margin-right         : auto;
   width                : 980px;
   position             : relative;
}

.home #page,
#page
{
   position             : absolute;
   margin-top           : 0px;
   width                : 980px;
}

#header {
   background           : #9f9988 url(../_images/header_bg.gif) repeat-y;
   height               : 95px;
}

#header #logoHolder 
{
   width                : 220px;
   margin-left          : 20px;
   float                : left;
   padding-top          : 26px;
}

#header #searchHolder
{
   width                : 220px;
   margin-right         : 20px;
   float                : right;
   background           : url(../_images/search_bg.gif) no-repeat left top;
   height               : 27px;
   margin-top           : 32px;
}

#header form.search .input
{
   border               : 0px;
   background           : transparent;
   color                : #8f8f8f;
   width                : 140px;
   float                : left;
   padding-top          : 6px;
   padding-left         : 7px;
}

#header form.search .submit
{
   width                : 65px;
   height               : 26px;
   float                : right;
}

#header #introHolder
{
   position             : absolute;
}

#header #intro
{
   position             : absolute;
   bottom               : 0px;
   background-color     : #000000;
   width                : 980px;
   padding-bottom       : 40px;
   background           : transparent url(../_images/transparent_bg.png);
}

#header #intro .introLeft,
#header #intro .introRight
{
   padding              : 0 20px 20px 20px;
   width                : 980px;
   float                : left;
   width                : 220px;
   font-size            : 14px !important;
   color                : #ffffff;
}

#header #intro .introRight
{
   padding-left         : 0px;
}

#header #intro h1
{
   color                : #ffffff;
   margin               : 0px;
   padding              : 0px;
   padding-left         : 20px;
   padding-top          : 18px;
   font-size            : 22px;
   margin-bottom        : -5px;
}

.page_bottom
{
   background           : transparent url(../_images/page_bottom.gif) no-repeat top left;
   height               : 30px;
   width                : 980px;
}

#breadcrumbs 
{
   background           : transparent url(../_images/breadcrumbs_bg.gif) no-repeat top left;
   width                : 980px;
   color                : #969696;
   font-size            : 12px;
   height               : 44px;
   padding-bottom       : 20px;
}

body.webshop .page_bottom
{
   background           : transparent url(../_images/page_bottom_alt.gif) no-repeat top left;
}

#breadcrumbs img
{
   vertical-align       : middle;
}

#breadcrumbs .holder
{
   padding              : 14px 20px 11px 20px;
}

#footer
{
   font-size            : 13px;
   padding-bottom       : 20px;
}

#footer #footerMenu ul
{
   margin               : 0;
   padding              : 0;
   list-style-image     : none;
   list-style-type      : none;
}

#footer #footerMenu ul li
{
   float                : left;
   margin               : 0 15px 0 0;
   padding              : 0;
}

#footer .left
{
   float                : left;
   width                : 740px;
   margin-left          : 20px;
}

#footer .right
{
   float                : right;
   width                : 160px;
   text-align           : right;
   margin-right         : 20px;
   color                : #ffffff;
}

#page input,
#page select,
#page textarea
{
   border               : 1px solid #969696;
}

/**********
** MENU **
***********/
.home #menu,
#menu
{
   height               : 38px;
   font-weight          : bold;
   text-transform       : uppercase;
   background           : transparent url(../_images/menu_bg.gif) repeat-x left top;
   color                : #ffffff;
   font-size            : 12px;
   z-index              : 999;
   width                : 974px;
   padding-left         : 6px;
   position             : relative;
}

#menu img.home_link
{
   margin-top           : -4px;
}

#menu ul
{
   margin               : 0;
   padding              : 0;
   text-indent          : 0;
   list-style-image     : none;
   list-style-type      : none;
}

#menu li
{
   position             : relative;
   float                : left;
   list-style-type      : none;
   min-width            : 30px;
   min-height           : 30px;
   margin               : -4px 0 0;
   padding              : 0;
   background           : transparent url(../_images/menu_spacer.png) no-repeat bottom right;
}

#menu li.last
{
   background           : none;
}

#menu li:hover,
#menu li.hover
{
   background           : transparent url('../_images/menu-item-bg-left.png') no-repeat left top;
   color                : #ffffff;
   margin-right         : 9px;
}

#menu li a:link,
#menu li a:visited,
#menu li a:active,
#menu li a:hover
{
   display              : block;
   height               : 26px;
   padding              : 16px 14px 0 12px;
   ?padding             : 14px 14px 2px 12px;
   text-decoration      : none;
   background-color     : transparent;
   color                : #ffffff;
   white-space          : nowrap;
}

#menu li a.webshop:link span,
#menu li a.webshop:visited span,
#menu li a.webshop:active span,
#menu li a.webshop:hover span
{
   background           : url(../_images/cart_icon_yellow.gif) no-repeat 0 16px;
   padding              : 15px 3px 0 18px;
}

#menu li a.webshop:hover span
{
   background           : url(../_images/cart_icon_black.gif) no-repeat 0 16px;
}

#menu li:hover a,
#menu li.hover a
{
   color                : #000000 !important;
}

#menu li.first a
{
   padding              : 16px 14px 0 14px;
}

#menu li ul
{
   display              : none;
   position             : absolute;
   left                 : 0;
   top                  : 42px;
   width                : 250px;
   z-index              : 333;
}

#menu li:hover a:link,
#menu li:hover a:visited,
#menu li:hover a:active,
#menu li:hover a:hover,
#menu li.hover a:link,
#menu li.hover a:visited,
#menu li.hover a:active,
#menu li.hover a:hover
{
   background           : transparent url('../_images/menu-item-bg-right.png') no-repeat right top;
   color                : #ffffff;
   margin-right         : -9px;
}

#menu li:hover ul,
#menu li.hover ul
{
   display              : block;
}

#menu li ul li
{
   position             : relative;
   float                : none;
   min-width            : auto;
   width                : auto;
   margin               : 0 !important;
   padding              : 0 !important;
   background           : transparent url('../_images/submenu-btn.gif') no-repeat left bottom !important;
   color                : #ffffff;
}

#menu li ul li:hover,
#menu li ul li.hover
{
   background           : transparent url('../_images/submenu-btn.gif') no-repeat left bottom;
   color                : #ffffff;
}

#menu li ul li.first
{
   background           : transparent url('../_images/submenu-btn-first.png') no-repeat left top !important;
   color                : #ffffff;
}

#menu li ul li.last
{
   background           : transparent url('../_images/submenu-btn-last.png') no-repeat left bottom !important;
   color                : #ffffff;
}

#menu li ul li a:link,
#menu li ul li a:visited,
#menu li ul li a:active,
#menu li ul li a:hover
{
   width                : auto !important;
   height               : 18px !important;
   margin               : 0;
   padding              : 6px 14px 5px 14px;
   text-align           : left;
   color                : #000000 !important;
   text-transform       : none;
   font-weight          : normal;
}

#menu li ul li a:active,
#menu li ul li a:hover
{
   color                : #6b6d72 !important;
}

#menu li ul li.first  a:link,
#menu li ul li.first  a:visited,
#menu li ul li.first  a:active,
#menu li ul li.first  a:hover
{
   padding-top          : 12px;
}

#menu li:hover ul li a:link,
#menu li:hover ul li a:visited,
#menu li:hover ul li a:active,
#menu li:hover ul li a:hover,
#menu li.hover ul li a:link,
#menu li.hover ul li a:visited,
#menu li.hover ul li a:active,
#menu li.hover ul li a:hover
{
   background-image     : none;
}

#menu li ul li ul
{
   display              : none!important;
   position             : absolute;
   left                 : 240px;
   top                  : 0px;
   width                : 250px;
   z-index              : 334;
}

#menu li ul li:hover ul,
#menu li ul li.hover ul
{
   display              : block!important;
}

/************
** MIDDLE **
*************/
#middle
{
   background-color     : #ffffff;
   font-size            : 13px;
   width                : 980px;
   background           : #ffffff url(../_images/page_bg.gif) repeat-y;
}

body.webshop #middle
{
   background-image     : url(../_images/page_bg_alt.gif);
}

#middle .shadow
{
   height               : 20px;
   width                : 100%;
   background           : url(../_images/header_shadow.png) repeat-x;
   position             : relative;
   top                  : 0px;
   z-index              : 2;
}

#middle {
   /*padding-bottom       : 20px;*/	
}

#middle #colLeft
{
   background           : #f7f7f7 url('../_images/sidebar_shadow_left.gif') repeat-y top right;
   border-right         : 1px solid #c7c7c7;
}

#middle #colLeft.col739
{
   background           : none !important;
}

#middle #colLeft,
#middle #colMiddle,
#middle #colRight
{
   margin-top           : -20px;
}

#middle .block
{
   position             : relative;
}

#middle .block  h3
{
   color                : #f5b70d;
   font-size            : 16px;
   margin-bottom        : 20px;
}

#middle .block h3.cartTitle
{
   background           : url(../_images/cart_icon_title.gif) no-repeat top left;
   padding-left         : 25px;
}

/**************
** COL 500px **
***************/
#middle .col500
{
   width                : 500px;
   float                : left;
}

#middle .col500 .holder
{
   padding              : 0 20px 20px 0px;
}

#middle .col500 .newsItem .newsDate
{
   float                : left;
   padding-top          : 2px;
   ?padding-top         : 1px;
   width                : 75px;
}

#middle .col500 .newsItem .newsContent
{
   float                : left;
   width                : 405px;
}

/**************
** COL 739px **
***************/
#middle .col739
{
   width                : 739px;
   float                : left;
}

#middle .col739 .holder
{
   padding              : 0 20px 20px 20px;
}

#middle .col739 .newsItem .newsDate
{
   float                : left;
   padding-top          : 2px;
   ?padding-top         : 1px;
   width                : 75px;
}

#middle .col739 .newsItem .newsContent
{
   float                : left;
   width                : 624px;
}

/**************
** COL 239px **
***************/
#middle .col239 h2,
#middle .col239 h3
{
   margin               : 0 0 20px 0;
}

#middle .col239 h4
{
   margin               : 10px 0 10px 0;
}

#middle .col239
{
   width                : 239px;
   float                : left;
}

body.webshop #middle .col239
{
   width                : 219px;
   margin-right         : 20px;
}

#middle .col239 .block .holder
{
   padding              : 25px 20px 0px 20px;
   margin-bottom        : 30px;
}

#middle .col239 .block
{
   width                : 239px;
}

body.webshop #middle #colLeft.col239 .block
{
   width                : 219px;
}

#middle #colRight.col239 .block h3
{
   color                  : #555555;
}

#middle #colLeft.col239 .block
{
   background           : url(../_images/block_bg_left.gif) no-repeat top left;
}

#middle #colRight.col239 .block
{
   background           : url(../_images/block_bg_darkgrey.gif) no-repeat top left;
}

#middle .col239 .block.yellow
{
   background           : url(../_images/block_bg_yellow.gif) no-repeat top left;
}

#middle .col239 .newsItem .newsDate
{
   float                : left;
   padding-top          : 1px;
   width                : 38px;
}

#middle .col239 .newsItem .newsContent
{
   float                : left;
   width                : 161px;
}

#middle .col239 img
{
   float                : left;
   margin-right         : 5px;
}

/*********
** NEWS **
**********/
.newsItem .newsContent h3,
.newsItem .newsContent h4
{
   margin               : 0;
}  

.newsItem .newsDate
{
   float                : left;
}

.newsItem .newsContent
{
   float                : left;
   color                : #696969;
}

.newsItem
{
   clear                : both;
   margin-top           : 20px;
   margin-bottom        : 20px;
}

.newsItem h4
{
   font-size            : 13px;
}

.newsItem h3 a {
   color    : #000000;   
}

h3 a,
h3 a:hover,
h3 a:active,
h3 a:visited
{
   text-decoration      : none !important;
}

h4 a,
h4 a:hover,
h4 a:active,
h4 a:visited
{
   text-decoration      : none !important;
   color                : #000000 !important;
}

h3 a:hover,
h4 a:hover
{
   text-decoration      : underline !important;
   color                : #f5b70d !important;
}

#colRight a,
#colRight a:hover,
#colRight a:active,
#colRight a:visited,
#colRight h3 a,
#colRight h3 a:hover,
#colRight h3 a:active,
#colRight h3 a:visited
{
   color                : #555555 !important;
}

#colRight h3 a:hover
{
   text-decoration      : underline !important;
   color                : #000000 !important;
}

#colRight a:hover {
   color                : #000000;    
}

#colRight .btn a,
#colRight .btn a:hover,
#colRight .btn a:active,
#colRight .btn a:visited
{
   color                : #ffffff !important;
}

.newsItem img.imgLatestNews
{
   float                : left;
   padding-bottom       : 7px;
   padding-right        : 20px;
   padding-top          : 3px;
}

.newsItem .newsDate,
.newsItem .newsCat
{
   color                : #939393;
   font-size            : 11px;
}

.newsItem .newsInfo
{
   border-top           : 1px dotted #FFC423;
   color                : #969696;
   font-size            : 12px;
   margin-top           : 20px;
   padding-top          : 20px;
}

/**************
** PRODUCTS **
***************/
.product_img
{
   padding-bottom       : 10px;
}

.product_img img
{
   margin               : 0 !important;
   padding              : 0 0 5px 0 !important;
}

.prodImageHolder
{
   float                : left;
   width                : 160px;
   padding-right        : 20px;
}

.prodDetailsHolder
{
   float                : left;
   width                : 300px;
   padding-bottom       : 47px;
   position             : relative;
}

.prodDetailsHolder h4
{
   margin-top           : 0;
}

.prodDetailsHolder div.btn
{
   position             : absolute;
   bottom               : 0;
   right                : 0;
}

.prodTable td
{
   padding              : 3px 20px 3px 0;
}

.orderTable td {
   padding              : 2px 0px;
}

.orderTable td input {
   margin-right: 3px;
}

.continuebutton {
   padding-top          : 10px;   
}

/*****************
** PAGINATION **
******************/
.pagination .navNext a
{
   padding-left         : 10px;
}

.pagination .navPrevious a
{
   padding-right        : 10px;
}

.pagination .navNext a,
.pagination .navPrevious a
{
   color                : #000000;
   text-decoration      : none;
}

.pagination .navNext a strong,
.pagination .navPrevious a strong
{
   font-weight          : normal;
   color                : #939393;
}

.pagination
{
   border-top           : 1px dotted #ffc423;
   margin-top           : 20px;
   margin-bottom        : 20px;
   padding-top          : 20px;
   color                : #ffffff;
}

.pagination .pageNr a,
.pagination .pageNr a:hover,
.pagination .pageNr a:visited
{
   color                : #000000 !important;
   text-decoration      : none;
}

.pagination .totalPages
{
   color                : #939393;
   font-size            : 9pt;
   margin-top           : 6px;
   display              : block;
}

.pagination a
{
   padding              : 3px 0;
}

.pagination .pageNr a.selected
{
   padding              : 3px 7px;
   text-decoration      : none;
   color                : #ffffff !important;
   background-color     : #f5b70d;
   font-weight          : bold;
}

/*************
** PRICING **
**************/
.pricing
{
   padding-top          : 20px;
   font-weight          : bold;
   text-align           : right;
}

.pricing .from
{
   color                : #676767;
   font-weight          : normal;
   background           : url(../_images/price_del.gif) no-repeat center center;
}

.pricing .from  del
{
   text-decoration      : none;
   padding-left         : 2px;
}

.pricing .price
{
   font-size            : 18px;
}

.pricing .price .eur
{
   font-size            : 13px;
}

/**********************
** PRODUCT OPTIONS **
***********************/
.product_options
{
   border-top           : 1px dotted #ffc423;
   margin-top           : 10px;
   padding-top          : 10px;
   text-align           : right;
}

.product_options .more_info
{
   background           : url(../_images/product_info.gif) no-repeat center left;
   padding              : 4px 0 7px 23px;
}

.product_options .buy
{
   background           : url(../_images/product_buy.gif) no-repeat center left;
   padding              : 4px 0 7px 23px;
   margin-left          : 0px;
}

/**********************
** BLOCK STYLES **
***********************/
#colLeft img.waarborg
{
   position             : absolute;
   right                : 0;
   top                  : -7px;
}

img.waarborg
{
   position             : absolute;
   right                : -18px;
   top                  : -7px;
}

ol.list
{
   margin               : 0 0 -11px 0;
   padding              : 0;
   list-style-type      : none;
}

ol.list li
{
   padding-bottom       : 12px;
   padding-left         : 35px;
   padding-top          : 3px;
   min-height           : 25px;
}

ol.list li.active
{
   font-weight          : bold;
}

ol.list li a,
ol.list li a:hover,
ol.list li a:active,
ol.list li a:visited
{
   color                : #000000;
   text-decoration      : none;
}

ol.list li a:hover
{
   color                : #ffc423;
   text-decoration      : underline;
}

ol.list li.list_1
{
   background-image     : url(../_images/icon_1.gif);
   background-position  : 0 0 ;
   background-repeat    : no-repeat;
}

ol.list li.list_1.active
{
   background-image     : url(../_images/icon_1_active.gif);
   background-position  : 0 0 ;
   background-repeat    : no-repeat;
}

ol.list li.list_2
{
   background-image     : url(../_images/icon_2.gif);
   background-position  : 0 0 ;
   background-repeat    : no-repeat;
}

ol.list li.list_2.active
{
   background-image     : url(../_images/icon_2_active.gif);
   background-position  : 0 0 ;
   background-repeat    : no-repeat;
}

ol.list li.list_3
{
   background-image     : url(../_images/icon_3.gif);
   background-position  : 0 0;
   background-repeat    : no-repeat;
}

ol.list li.list_3.active
{
   background-image     : url(../_images/icon_3_active.gif);
   background-position  : 0 0 ;
   background-repeat    : no-repeat;
}

ol.list li.list_4
{
   background-image     : url(../_images/icon_4.gif);
   background-position  : 0 0 ;
   background-repeat    : no-repeat;
}

ol.list li.list_4.active
{
   background-image     : url(../_images/icon_4_active.gif);
   background-position  : 0 0 ;
   background-repeat    : no-repeat;
}

.contactOptions {
   margin-bottom        : 20px;   
}

.contactBlockRow {
   margin-bottom        : 10px; 
}

.contactBlockRow img {
   margin               : 0 15px 0 0 !important;   
}

/**************
** ACTIONS **
***************/
#actions
{
   width                : 420px;
   height               : 266px;
   background-color     : #ffc423;
   position             : absolute;
   top                  : 223px;
   right                : 20px;
   color                : #ffffff;
   z-index              : 999;
}

#actions .holder
{
   padding              : 20px;
}

/*******************
** SHOPPINGCART **
********************/
#cart-content-holder td
{
   padding-bottom       : 5px;
   padding-top          : 5px;
}

#cart-content-holder td.prijs
{
   padding-left         : 10px;
}

#cart-content-holder td.line,
#cart-content-holder td.line div
{
   height               : 1px;
   overflow             : hidden;
   padding-bottom       : 0;
   padding-top          : 0;
}

/***********
** ITEMS **
************/
.itemsHolder
{
   margin-left          : -20px;
}

.boxgrid_homepage_intro
{
   width                : 219px;
   height               : 184px;
   float                : left;
   overflow             : hidden;
   position             : relative;
   margin               : 20px 0 0 20px;
}

.boxgrid_homepage_intro h1 {
   font-size            : 17px;
   margin-top           : 2px;
   margin-bottom        : 0px;  
}

.boxgrid_homepage_intro p {
   margin-top           : 9px;   
}

.boxgrid
{
   width                : 219px;
   height               : 184px;
   float                : left;
   overflow             : hidden;
   position             : relative;
   margin               : 20px 0 0 20px;
}

.boxgrid h2
{
   color                : #ffffff;
   font-size            : 13px;
   padding              : 0 10px;
   margin               : 0px;
   line-height          : 36px;
}

.boxgrid .image
{
   position             : absolute;
   top                  : 0;
   left                 : 0;
   border               : 0;
   width                : 233px;
}

.boxgrid p
{
   padding              : 0 10px;
   color                : #ffffff;
}

.boxgrid.caption .boxcaption
{
   float                : left;
   position             : absolute;
   background           : #000;
   height               : 160px;
   width                : 100%;
   background           : transparent url(../_images/transparent_bg.png);
}

.boxgrid.caption .boxcaption
{
   top                  : 150px;
   left                 : 0;
}

.boxgrid.caption .boxcaption div
{
   height               : 84px;
   overflow             : hidden;
}

.boxgrid.caption .boxcaption div p
{
   margin-top           : 0;
   padding-top          : 0;
}

.boxgrid.caption .boxcaption a
{
   color                : #F5B70D !important;
   padding              : 16px 11px 0 0;
}




/************************/



.boxgrid.noAnim
{
   float                : left;
   position             : relative; 
   height               : auto;
   overflow             : visible;
}

.boxgrid.noAnim h2
{
   color                : #ffffff;
   font-size            : 13px;
   padding              : 0 10px;
   margin               : 0px;
   line-height          : 36px;
   background           : transparent url(../_images/transparent_bg.png);
}

.boxgrid.noAnim .image
{
   position             : absolute;
   top                  : 0;
   left                 : 0;
   border               : 0;
   width                : 233px;
}

.boxgrid.noAnim p
{
   padding              : 0 10px;
   color                : #000000;
}

.boxgrid.caption.noAnim .boxcaption
{
   float                : left;
   position             : absolute;
   background           : #000;
   width                : 100%;
   background           : transparent;
   height               : auto;
}

.boxgrid.caption.noAnim .boxcaption
{
   top                  : 274px;
   left                 : 0;
}

.boxgrid.caption.noAnim .boxcaption div
{
   height               : auto;
   padding-top          : 10px;
}

.boxgrid.caption.noAnim .boxcaption div p
{
   margin-top           : 0;
   padding-top          : 0;
}

.boxgrid.caption.noAnim .boxcaption a
{
   color                : #555555 !important;
   padding              : 16px 11px 0 0;
}


/**********
** JFLOW **
***********/
   #animation {
      position:absolute;
      z-index:90;
      top:13px;
      left:12px;
      width:397px;
   }
   
   #action {
      width:397px;
      height:220px;
      position:relative;
   
   }
   #myController {
      width:25px;
      position:absolute;
      left:0;
      bottom:0;
      z-index:30;
      margin-bottom:-35px;
      margin-left:-32px;
   
   }
   #kader {
      width:404px;
      position:absolute;
      left:0;
      top:0;
   }
	#kader .product_img{
   	float:left;
   	width:199px;
   	margin-right:10px;
	}
	
	#kader .info{
   	float:left;
   	width:185px;
   	font-size:12px;
   	color:#000000;
	}
	
	#kader .info h3{
   	margin-top:0;
	}
	
	#kader .imginfo{
   	height:200px;
	}
	
	#kader .product_options{
   	margin-right:0px;
   	padding-top:10px;
   	border-top:1px dotted #ffffff;
	}
	
	#kader .buy{
      background: transparent url(../_images/cart_icon_black.gif) no-repeat scroll left center;
   }
	   #kader .buy a,
	   #kader .more_info a{
	    color:#000000;
	   }
	#kader .more_info{
      background: transparent url(../_images/product_info_black.gif) no-repeat scroll left center;
      margin-right:15px;
   }   
   
   #kader .from{
      color:#896a17;
      background           : url(../_images/del_price.gif) no-repeat center center;
   }
   
   #kader #mySlides {
      overflow:hidden;
      height:243px;
   }

   #kader #mySlides h3 a,
   #kader #mySlides h3 a:hover,
   #kader #mySlides h3 a:active,
   #kader #mySlides h3 a:visited
   {
      text-decoration      : none !important;
      color                : #000000;
   }

   #myController span {
      color:#FFF;
      background: url(../_images/counter.jpg) no-repeat left top;
      width:20px;
      height:20px;
      cursor:pointer;
      display:block;
      text-align:center;
      line-height:19px;
      font-family:Tahoma, Arial;
      font-weight:bold;
      font-size:12px;
      color:#FFFFFF;
      margin-bottom:2px;
   }
   #jFlowSlide {
   }
   #myController span.jFlowSelected {
     background: url(../_images/counter-active.jpg) no-repeat left top;
   }
   .left .jFlowPrev, .jFlowNext {
      cursor:pointer;
   }
   
#preview
{
   position             : absolute;
   border               : 2px solid #333;
   background           : #333;
   display              : none;
   color                : #fff;
   z-index              : 2000;
   width                : 450px;
   font-size            : 12px;
   margin-top           : -325px;
   margin-left          : -260px;
}

#preview img
{
   width                : 450px;
}

#middle .col239 .block_item img {
   margin               : 0px;
}

#colRight .block_item img {
   margin               : 0px;   
}

#colRight .block_item {
   background        : #e3e3e3;
   /*border-left       : 1px solid #c7c7c7;*/
   margin-bottom     : 25px;
   padding-top       : 10px;
}

#colRight .block_item .imgHolder,
#colRight .block_item .itemContent {
   background        : #e3e3e3 url(../_images/item_bg.gif) !important;
}

#colRight .block_item.yellow .itemContent {
   background        : #e3e3e3 url(../_images/item_bg_yellow.gif) !important;
}

#colRight .block_item .holder .itemContent {
   padding           : 10px 20px 5px 20px;
}

#colRight .block_item .holder .itemContent .more_link_holder {
   padding-top       : 7px;   
}

#colRight .block_item .holder {

}

#colRight .block_item .holder p {
   margin-bottom     : 0px;   
}

#colRight .block_item .imgHolder img {
   padding-left       : 8px; 
   z-index            : 99;
   position           : relative;
   ?margin-left        : -1px;
}

#colRight .block_item img.top_img {
   padding-left      : 4px;
   float             : left;
   margin-bottom     : -7px;
   z-index           : 999;
   position          : relative;
   ?border-left      : 1px solid #e3e3e3;
   ?padding-left     : 2px;
}

#colRight .block_item img.bottom_img {
   padding-left      : 4px;
   float             : left;
   z-index           : 999;
   ?border-left      : 1px solid #e3e3e3;
   ?padding-left     : 2px;
}

.photoTitle h3 {
   font-weight: normal;
   font-size: 12px;
   margin-bottom:14px;
   margin-top:5px;
}

.itemsHolder .review {
   margin-left: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid #e3e3e3;
}

.floorSurface
{
   width                : 50px;
}

#packageContentsLabel
{
   font-size            : 11px;
   color                : rgb(85, 85, 85);
}

.block .submenu h4 {
   padding-left: 10px;
}

.mod .row {
   clear: both;
}

.mod label {
   display              : block;
   float                : left;
   width                : 120px;
   padding-top          : 5px;
}

.mod .value {
   padding-top: 5px;   
}

.mod .row {
   clear: both;   
}

.mod textarea,
.mod input,
.mod select {
   font                 : normal 12px arial, Verdana, sans-serif;
   padding              : 2px;
   margin               : 1px 0;
   border-radius        : 2px;
   -moz-border-radius   : 2px;
   -webkit-border-radius: 2px;
}
   
.mod input.text,
.mod textarea,
.mod select {
   border         : 1px solid #A8A8A8;
}

.mod select {
   font-size      : 11px;
   height         : 21px;
}

.mod .category,
.mod .date,
.mod .sideNote {
   color:#909090;
   display:block;
}

.mod .required {
   color: #990000;   
}

.mod .validateMsg {
   color:#990000;
   display:block;
   margin-bottom:10px;
   margin-left:119px;
   margin-top:2px;
}

.mod .button {
   padding: 3px 15px;
   border: 1px solid #808080;
   background: #969696;
   margin-top:13px;
   color: #ffffff;
   font-weight:bold;
   cursor: pointer;
   cursor: hand;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   margin-left:121px;
}

.mod .sideNote {
   display:block;
   margin-top:13px;
   margin-left:121px;
}