/*
* PWSTemplate - Philowebstudio.dk
* CSS
*/
/******************************************************************************
* EDITOR STYLES
******************************************************************************/
.tabelkolonner{
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 0;
}

.tabelkolonner tr{
}

.tabelkolonner td{
  text-align: left;
  vertical-align: top;
  width: 383px;
}

/******************************************************************************
* GLOBAL STYLING
******************************************************************************/
#system-message-container{
  visibility:  hidden;
}
/*
p, li, dt, dd, td, tr, th, span, input, textarea, select, button{
  color: #404040;
  font-size: 12px;
}

p{
  line-height: 18px;
}*/

a{
  text-decoration: underline;
  color: #303030;
}

a:hover{
  text-decoration: none;
}

strong{
  font-weight: bold;
}

em{
  font-style: italic;
}

/* Headers *//*
h1, h1 a, h2, h2 a, h3, h3 a, h4,h4 a, h5, h5 a, h6, h6 a{
  color: #000000;
}

h1, h1 a{
  font-size: 12px;
  font-weight: bold;
}
h2, h2 a{
  font-size: 12px;
  font-weight: bold;
  margin-top: 20px;
}
h3, h3 a{
  font-size: 12px;
  font-weight: bold;
  margin-top: 20px;
}
h4, h4 a{
  font-size: 18px;
}
h5, h5 a{
  font-size: 16px; 
}
h6, h6 a{
  font-size: 14px;
}*/

/* Forms */
.invalid{border: 1px solid #FF0000;}
input{padding: 4px;}
textarea{padding: 4px; width: 450px; height: 175px;}
/* required fields on contact form */
.star{
  color: red;
}

/* Tooltips */
.tip-wrap{
    z-index: 10000;
}
.tip {
   float: left;
   background: #FFF;
   padding: 10px;
   max-width: 200px;
}
 
.tip-title {
   padding: 0;
   margin: 0;
   font-size: 14px;
   font-weight: bold;
   margin-top: -15px;
   color: #343434;
   padding-top: 15px;
   padding-bottom: 5px;
}
 
.tip-text {
   font-size: 12px;
   color: #545454;
   margin: 0;
}

/* message - the title */
dt.message{
  display: none;
}

/* message - the text */
dd.message{
  background-color: #e0aaaa;
  border: 1px solid #ac6060;
  padding: 5px;
  margin-bottom: 10px;
  display: none;
}

div#contentwrap dd.message ul li{
  color: #000000;
  list-style-type: none;
}

dd.info.message, 
dt.info{
  display: none;
}

dd.info.message li{
  color: #FFF;
}

/******************************************************************************
* STRUCTURE / STYLING CONTROLLERS
******************************************************************************/
html, body{
  font-family: Georgia, serif;
  background-color: #f3f0e8;
}

div.centerall{
  width: 1040px;
  margin: 0 auto;
}

/* global clear */
div.clr{
  clear: both;
}

/* float selectors */
.floatLeft{
  float: left;
}

.floatRight{
  float: right;
}

/* global border creation for similar coloring */
.borderTop{
  border-top: 1px solid #4d4d4d;
}

.borderBottom{
  border-bottom: 1px solid #4d4d4d;
}

/* paddings */
.paddingTop{
  padding-top: 15px;
}

.paddingBottom{
  padding-bottom: 15px;
}

.paddingLeft{
  padding-left: 15px;
}

.paddingRight{
  padding-right: 15px;
}

.paddingTopBottom{
  padding: 15px 0px 15px 0px;
}

.paddingRightLeft{
  padding: 0px 15px 0px 15px;
}

/* Main header of the page */
.pageheader{
  border-bottom: 0px solid #4d4d4d;
  border-top: 0px solid #4d4d4d;  
  font-size: 25px;
  color: #4d4d4d;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  width: 979px;
}

/******************************************************************************
* TOPBAR
******************************************************************************/
div#tmpltop{
  background-color: #FFF;
  height: 35px;
}

div#topinner{
  border-bottom: 1px solid #666;
  height: inherit;
  position: relative;
}

div#topinner img#creditcards{
  position: absolute;
  top: 0;
  left: 400px;
}

div#topinner .mod-languages{
  padding-top: 12px;
}

/* cart module */
div#topinner .duckfeetcart{
  float: right;
  margin-top: -12px;
}

div#topinner .duckfeetcart div{
  float: left;
  margin-left: 10px;
}

/******************************************************************************
* MAIN MENU
******************************************************************************/
div#tmplmainmenu{
  margin-bottom: 25px;
}

div#tmplmainmenu ul.menu{
  width: inherit;
  height: 25px;
  margin-top: 25px;
  margin-bottom:-13px;
  border-bottom: 1px solid #000;
  margin-top: 135px;
}

div#tmplmainmenu ul.menu li{
  float: left;
  margin-left: 25px;
}

div#tmplmainmenu ul.menu li a{
  margin-top: 115px;
  font-style: italic;
  color: #5b5a57;
  border-left: 1px solid #000;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
}

div#tmplmainmenu ul.menu li a:hover{
  text-decoration: underline;
}

div#tmplmainmenu ul.menu li a.duckfeet-logo{
  border: 0;
}

div#tmplmainmenu ul.menu li.active a,
div#tmplmainmenu ul.menu li.current a{
  /*font-weight: bold;*/
}

div#tmplmainmenu ul.menu li a.duckfeet-logo img{
  margin-top: -130px;
}

/******************************************************************************
* JOOMLA CONTENT AREA (articles, categories etc.)
******************************************************************************/
div#contentwrap{
  /*padding: 0px 20px 20px 20px;*/
}

div#contentwrap img{
}

div#contentwrap ul{
  list-style-type: none;
  padding: 0;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 25px;
}

div#contentwrap ul, div#contentwrap ol {
  margin-left: 45px;
}

div#contentwrap ol li{
  list-style-type: decimal;
}

div#contentwrap ul li{
  list-style-type: disc;
  margin-bottom: 6px;
  margin-top: 6px;
}

/* right column */
div#contentwrap div#rightcol{
  width: 195px;
  background-color: #c69ba0;
  text-align: center;
}

/* right column - modules */
div#contentwrap div#rightcol .moduletable{
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #FFF;
}

/* article page */
div#contentwrap div.item-page{
  width: 767px;
  float: left;
}

div#contentwrap div.item-page img{
  margin: 10px;
}

/******************************************************************************
* VARIOUS MODULE AND PLUGINS - global settings
******************************************************************************/
/* acy mailling module */
.acymailing_module input{
  width: 160px;
  margin-bottom: 5px;  
}

.acymailing_module .button{
  width: 90px;
  height: 24px;
  background-color: #666;
  border: none;
  color: #FFF;
  margin-top: 5px;
  cursor: pointer;
}

.acymailing_module .button:hover{
  background-color: #787878;
}

/* Frontpage header rotator */
div#headerpresentor{
  margin-left: 18px;
  position: relative;
  width: 974px;
  height: 448px;
  margin-bottom:-15px;
}

div#headerpresentor img.imgnavigation{
  position: absolute;
  top: 0;
  left: 0;
}

/* prev and next buttons */
div#headerpresentor ul#btnnavigator{
  position: absolute;
  bottom: 10px;
  left: 15px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  z-index: 997;
  width: 320px;
  height: 30px;
}

div#headerpresentor ul#btnnavigator li{
  cursor: pointer;
  float: left;
  width: 155px;
  list-style-type: none;
  color: #000000;
  text-align: center;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

div#headerpresentor ul#btnnavigator li#previmg{
  border-right: 1px solid #000000;
}

div#headerpresentor ul#btnnavigator li#previmg .previmgicon{
  background-image: url(../images/gallery_next_prev.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  top: 3px;
  left: 15px;
}

div#headerpresentor ul#btnnavigator li#nextimg{
}

div#headerpresentor ul#btnnavigator li#nextimg .nextimgicon{
  background-image: url(../images/gallery_next_prev.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  top: 3px;
  right: 15px;
}

/* VM category header modules */
div#category-header{
}

div#category-header div#rightmodules{
  width: 195px;
  background-color: #c69ba0;
  text-align: center;
  margin-left: 15px;
}

/* right column - modules */
div#category-header div#rightmodules .moduletable{
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #FFF;
}

/******************************************************************************
* VIRTUEMART
******************************************************************************/
/************************** Frontpage (VM Categories) view **************************/
div#category-view,
div.category-view{
  margin-left: 18px; /* same has header presentor */
  margin-top: 25px;
}

/* frontpage */
div#category-view{
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 97%;
}

/* reset margin bottom */
div#category-view .listitem{
  margin-bottom: 0;
}

/* category footer */
div#category-footer{
  height: 146px;
  padding: 20px;
  background-color: #c69ba0;
}

div#category-footer div.moduletable{
  float: left;
  margin-right: 60px;
}

div#category-footer div.moduletable .acymailing_module{
  width: 270px;  
}

div#category-footer div.moduletable.last{
  margin-right: 0;
}

div#category-footer .acymailing_module input.button{
  float: left;
}

/************************** list views (categories and category) **************************/
/* single category */
div.category-view div.listitem{
  border: 1px solid #d9d0b9;
  margin-right: 42px; /* adjusted because of the border */ 
}

div.listitem{
  position: relative;
  width: 296px;
  height: 296px;
  margin-right: 44px;
  margin-bottom: 45px;
}

div.listitem.last{
  margin-right: 0;
}

div.listitem a span{
  position: absolute;
  top: 20px;
  left: 0;
  color: #333;
  z-index: 1;

  /* only for testing - design not sufficient */
  background-color: #e9e9e9;
  padding: 12px 24px 12px 24px;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  /* end testing */
}

div.listitem a img{
  position: absolute;
  top: 0;
  left: 0;
}

/************************** product view **************************/
/* left column */
div#singleproduct div#leftcol{
  width: 434px;
}

/* big images */
div#leftcol div#images{
  margin-bottom: 10px;
  position: relative;
  height: 434px;
  width: 434px;
}

div#leftcol div#images img#noimage{
  width: 434px;
  height: 434px;
}

div#leftcol div#images .bigimage{
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 1;
}

/* prev and next buttons */
div#leftcol div#images ul#btnnavigator{
  position: absolute;
  top: 10px;
  right: 15px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
  z-index: 997;
  width: 216px;
  height: 30px;
}

div#images ul#btnnavigator li{
  cursor: pointer;
  float: left;
  width: 106px;
  list-style-type: none;
  text-align: center;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

div#images ul#btnnavigator li#previmg{
  border-right: 1px solid #4d4d4d;  
}

/* small images inside the big image */
div#leftcol div#images div#imgnavigator{
  position: absolute;
  bottom: 40px;
  right: 10px;
  width: 40px;
  border: 1px solid #e5d4c2;
  z-index: 998;
}

div#leftcol div#images div#imgnavigator img{
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: block;
}

div#leftcol div#images div#imgnavigator img:last-child{
  border-top: 1px solid #e5d4c2;
}

/* "view large image" text on the big image */
div#leftcol div#images p#enlargeimgtxt{
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 10px;
  color: #303030;
  z-index: 999;
}

/* image thumbs */
div#leftcol div#thumbs{
  position: relative;
  border-top: 1px solid #000;
  padding-top: 10px;
}

div#leftcol .smallimage{
  margin-right: 15px;
  margin-bottom: 15px;
  cursor: pointer;
}

/* middle column */
div#singleproduct div#middlecol{
  width: 308px;
  padding: 10px;
  margin-left: 40px;
  background-color: #FFF;
}

div#middlecol h1{
  font-size: 24px;
  color: #000;
}

div#middlecol span.PricesalesPrice{
  font-size: 18px;
  font-style: italic;
  color: #4d4d4d;
}

div#middlecol p#deliverystatus{
  font-weight: bold;
  color: #c45c4b;
  margin-top: 5px;
}

div#middlecol p#chosencolortext{
  margin-top: 5px;
}

div#middlecol p#chosencolortext span{
  font-weight: bold;
}

/* middle column - quantity select */
div.quantitywrapper{
  float: right;
  margin-top: 10px;
  margin-right: 25px;
}

span.quantity-controls input.quantity-controls {
    border: medium none;
    background-color: transparent;
    background-repeat: no-repeat;
    height: 14px;
    width: 15px;
    cursor: pointer;
}

span.quantity-controls input.quantity-plus {
    background-image: url(../images/quantity-controls2.png);
    background-position: top right;
}

span.quantity-controls input.quantity-minus {
    background-image: url(../images/quantity-controls2.png);
    background-position: top left;
}

/* field with number of item to buy */
div#singleproduct div#middlecol div.addtocart-bar input.quantity-input{
  width: 29px;
  height: 17px;
  text-align: center;
  margin-left: 10px;
  border: 1px solid #000;
}

/* add to cart button */
span.addtocart-button input.addtocart-button{
    background-image: url(../images/bg_addtocart.png);
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: top left;
    width: 116px;
    height: 26px;
    border: none;
    color: #FFF;
    margin-left: 10px;
    cursor: pointer;
    float:left;
}

/* the select lists for color and size */
div#selectsize{
  float: right;
  margin-right: 25px;
}

div#selectsize select.sizechanger{
  position: relative;
  padding: 2px;
  width: 75px;
  margin-left: 10px;
  /*-webkit-appearance: button;*/ /* converts the select to a button for us to make some css stuff - NOT WORKING I FIREFOX ! */
  background-color: #FFF;
  background-image: none;
  border: 1px solid #000;
}

/* hides the color select list from stockcontrol - LIST IS USED IN JAVASCRIPT */
div#selectcolor{
  display: none;
}

/* hides the text "Price: No additional charge" */
div.price-plugin{
  display: none;
}

/* the list of colors available */
div#colors ul{
  margin: -25px 0 0 50px;
}

div#colors ul li{
  list-style-type: none;
  font-size: 30px;
  /*width: 80px;*/
  height: 35px;
  display: block;
  float: left;
  position: relative;
  cursor: pointer;
  margin: 0;
  margin-right: 57px;
  margin-top: 5px;
  padding: 0;

}

div#colors ul li span.colorname{
  position: absolute;
  top: 4px;
  left: 20px;
}

div#colors ul li p.colordot{
  font-size: 50px;
}

/* SqueezeBox navigation */
div#sbox-content span#modalprevbtn,
div#sbox-content span#modalnextbtn{
  background-image: url(../images/modal_prev_next.jpg);
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  cursor: pointer;

  /* following lines ensures that nothing is selected when the buttons are clicked several times in a row 
  FireFox makes a blue selection of the whole modal box */
  -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

div#sbox-content span#modalprevbtn{  
  background-position: bottom left;
  top: 20px;
  left: 20px;
}

div#sbox-content span#modalnextbtn{
  background-position: top left;
  top: 20px;
  left: 68px;
}

/* Product menu - below the color dots */
div#productmenu{
  
}

div#productmenu ul{
  margin-left: 25px;  
}

div#productmenu li{
  /*float: left;*/
  display: inline-block;
  width: 135px;
}

/* Featured accessories at the bottom of the page - 3 items */
div#product-footer{
  margin-top: 20px;
  padding-bottom: 20px;
}

div#product-footer .listitem{
  margin-right: 75px;
  margin-bottom: 0;
}

div#product-footer .listitem.last{
  margin-right: 0;
}

/************************** cart view **************************/
div.cart-view{
  /*background-color: #FFF;
  padding: 25px;*/
}

div.cart-view table.cart-summary{
  margin-top: 15px;
  margin-top: 5px;
}

div.cart-view table.cart-summary th{
  background-color: #DDD;
  height: 50px;
  text-align: center;
}

div.cart-view table.cart-summary strong{
  font-size:  16px;
}

div.cart-view table.cart-summary tr.productitem0{
  background-color: #f6f6f6;
}

div.cart-view table.cart-summary tr.productitem1{
  background-color: #f0f0f0;
}

div.cart-view table.cart-summary tr.totalprice{
  background-color: #f0f0f0;
}

div.cart-view table.cart-summary tr.totalpricerow{
  /* background-color: #f0f0f0; */ 
}

div.cart-view table.cart-summary td{
  padding: 2px;
}

div.cart-view table.cart-summary td .inline input{
  float: left;
  margin-right: 20px;
}

/* the delivery status in the cart */
/*div.cart-view table.cart-summary span.deliverystatus{
  font-size: 11px;
}*/

div.cart-view .vm2-add_quantity_cart{
  background: url(../img/update_quantity_cart.png) no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  border: 0;
  margin-top: 4px;
  vertical-align: top !important;
}

div.cart-view .vm2-remove_from_cart{
  background: url(../images/remove_from_cart.png) no-repeat;
  width: 22px;
  height: 22px;
  display: block;
  border: 0;
}

div.terms-of-service span.terms-of-service{
  cursor: pointer;
}

/* Checkout process */
div#checkoutsteps{
  background-color: #eae5d9;
  padding: 5px;
  border: 1px solid #97562c;
  margin-bottom: 25px;
  text-align: center;
}

/* the title - a <p> tag */
div#checkoutsteps p#checkoutstepstitle{
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 10px 0;
  letter-spacing: 0.2em;
  text-decoration: underline;
}

div#checkoutsteps ul{
  margin: 0;
}

div#checkoutsteps ul li{
  list-style-type: none;
  display: inline-block;
  background: #FFFFFF;
  border: 1px solid #c7c7c7;
  width: 225px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  margin-right: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div#checkoutsteps ul li.active{
  background-color: #d7ead5;
  border: 1px solid #88a485;
}

div#checkoutsteps ul li.link{
  background-color: #97562C;
}

div#checkoutsteps ul li.link a{
  color: #FFFFFF;
}

div.regformwrap{
  float: left;
  background-color: #FFFFFF;
  padding: 25px;
  width: 730px;
}

table.user-details tr > td{
  padding-bottom: 10px;
}

/* placing the save button in the checkout process (edit billing information) - view=user&task=editaddresscart */
div#editaddress{
  width: 785px;
}

div#editaddress .vm-button-correct{
  margin-left: 300px;
}

/* buttons on the checkout process */
div.control-buttons {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.control-buttons button{
  cursor: pointer;
  margin-right: 10px;
}

/* select field on the address input form */
div#editaddress label{
  width: 100px;
  display: block;
}

div#editaddress select{
  padding: 2px;
}

div#editaddress textarea{
  width: 325px;
  height: 100px;
}

div.control-buttons .button,
.details,
.continue_link{
  border: 0;
  color: #FFFFFF;
  cursor: pointer;
}

div.control-buttons .button:hover,
.details:hover,
.continue_link:hover{
}

div.control-buttons .default:hover{
  background-color: #b83838;
}

div.control-buttons .default{
  background-color: #972c2c;
  border: 0;
  color: #FFFFFF;
  padding: 8px;
}

.details,
.continue_link{
  float: left;
  margin-left: 10px;
  font-size: 12px;
  text-decoration: none;
}

.details span,
.continue_link span{
  color: #FFFFFF;
}

tr.sectiontableentry1 a,
.changepaymentbtn{
  background-color: #97562c;
  border: 0;
  color: #FFFFFF;
  padding: 3px;
  cursor: pointer;
  text-decoration: none;
}

.changepaymentbtn{
  margin-left: -10px;
}

/* terms of service */
div.checkout-button-top{
  float: right;
  margin-right: 10px;
  margin-top: 10px;
  text-align: right;
}

/* the check box for the terms of service */
div.terms-of-service{
  margin-bottom: 10px;
}

/* go to payment and confirm order button */
a.vm-button-correct{
  background-color: #ea1717;
  border: 0;
  color: #FFFFFF;
  padding: 15px;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
}
/*
a.vm-button-correct:hover{
  background-color: #ff0000;
}*/

a.vm-button-correct span{
  color: #FFFFFF;
}

div#choosepayment-view{
  
}

/* when choosing payment and shipment */
div#choosepayment-view fieldset,
div#chooseshipment-view{
  margin-top: 20px;
  background-color: #FFF;
  padding: 10px;
}

/* the close button for the Terms of service pop-up */
#facebox .close{
  position:absolute;
  top:20px !important;
  right:20px !important;
  padding:2px;
  width:8px;
  height:8px;
  opacity:0.3;
}

/* order done view */
div#orderdone{
  
}

div#orderdone input{
  background-color: #ea1717;
  border: 0;
  color: #FFFFFF;
  padding: 8px;
  text-decoration: none;
  display: inline-block;
  float: left;
  font-size: 12px;
  margin-top: 10px;
}

/******************************************************************************
* FOOTER
******************************************************************************/
div#tmplfooter{
  margin-top: 40px;
  margin-bottom: 40px;
}

div#tmplfooter .moduletable{
  float: left;
  padding-left: 20px;
  width: 300px;
  border-left: 1px solid #666666;
}

div#tmplfooter ul.menu{

}

div#tmplfooter ul.menu li{
  margin-top: 10px;
}

div#tmplfooter ul.menu li a{
  text-transform: uppercase;
  color: #767573;
}