/*

  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $



  osCommerce, Open Source E-Commerce Solutions

  http://www.oscommerce.com



  Copyright (c) 2003 osCommerce



  Released under the GNU General Public License

*/



.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;}

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background-color: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background-color: #FAFAFA; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px;

text-decoration: underline; }




BODY {

  background: #646364 url('images/body_bg.png') 0px 0px repeat-x;

  color: #FFFFFF;

  margin: 40px 0 0 0;

  font-size: 10px;

  text-align: center;
  
  font-size: Arial, Verdana, sans-serif; font-size: 10px;

}



A {

  color: #767676;

  text-decoration: none;

}



A:hover {

  color: #FFFFFF;

  text-decoration: underline;

}



FORM {

	display: inline;

}



tr.header {

  background-color: #FFF;

}



tr.headerNavigation {

    font-size: 10px;

    height: 2em; overflow: hidden;

    background-color: #0E7BB6;

}



td.headerNavigation {

    padding: 0.5em;

    color: #FFFFFF; font-family: Verdana, Arial, sans-serif; font-weight : bold;

    background-color: #0E7BB6;

}

a.headerNavigation {

    padding: 0.5em;

    background-color: #0E7BB6;

    color: #FFFFFF; text-transform: uppercase;

}



a.headerNavigation:hover {

    background-color: #999999;

    color: #ffffff; text-decoration: none;

}



tr.headerError {

  background-color: #ff0000;

}



TD.headerError {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  background-color: #ff0000;

  color: #ffffff;

  font-weight : bold;

  text-align : center;

}



TR.headerInfo {

  background-color: #00ff00;

}



TD.headerInfo {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  background-color: #00ff00;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



#footer {

  margin: auto;

  width: 800px; height: 40px;;

  padding: 1px 1px 1px 1px;

  border-collapse: collapse;

}

tr.footer {

  background-color: #333333;

}



td.footer {

  padding: 0 0 0 0;

  font-family: Arial, Verdana, sans-serif;  font-size: 11px;  font-weight: normal;

  color: #767676;

  background-color: #333333;

  text-align: center;

}

#tdfooter {

  display: block;

  margin: 10px auto auto auto; padding: 0;

  width: 669px; height: 20px;

  background-color: #333333;

  text-align: left;
  
  color:#FFFFFF;

}

#tdfooter p.left{display:block; float:left; width:400px;}
#tdfooter p.right{display:block; float:right; width:80px;}

#sub-footer{
    display:block;
    margin:auto;
    font-family: Arial, Verdana, sans-serif;  font-size: 11px;  font-weight: normal;
    color: #767676;
    background-color: transparent;
    text-align: center;
    
}


.infoBox {

  /*background-color: #666666;*/

  padding: 0;
 /* border: 1px solid #666666;/*

}


table.infoBox tr td{

  /*border: 10px 5px 10px 5px solid #333333;*/
  padding: 0px;
}



.infoBoxContents {

  background-color: #333333;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;
  
  padding:4px;
  
  border-collapse:collapse;
  
}



.infoBoxNotice {

  background-color: #333333;

}



.infoBoxNoticeContents {

  background-color: #FFE6E6;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



td.infoBoxHeading {

  height: 21px;

  padding-left: 0;

  font-family: Verdana, Arial, sans-serif;  font-size: 12px; text-transform: uppercase;  font-weight: bold;

  background: #666666 url('images/boxes/underline.gif') 0px 19px repeat-x;

  color: #FFFFFF;

}



TD.infoBox, SPAN.infoBox {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

  background-color: #363636;
  

}



TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

  background-color: #333333;
  

}



TABLE.productListing {

  /*border-bottom: 1px;
  
  border-style: solid;

  border-color: #666666;

  border-spacing: 1px;*/  

}



.productListing-heading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background-color: #666666;

  color: #FFFFFF;

  font-weight: bold;
  
  height:16px;

}



TD.productListing-data {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}

TD.productListing-data input{background:transparent; color:#FFFFFF}

A.pageResults {

}



A.pageResults:hover {

}



td.pageHeading, div.pageHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 18px;

  font-weight: bold;

  color: #767676;

}



TR.subBar {

  background-color: #FAFAFA;

}



TD.subBar {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #767676;

}



td.main, p.main {

  font-family: Verdana, Arial, sans-serif;  font-size: 11px;

  line-height: 1.5;

}



TD.smallText, SPAN.smallText, P.smallText {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}


TD.smallText{
    background-color:#222;
    border:1px solid #ED3E24;
    
}


TD.accountCategory {

  font-family: Verdana, Arial, sans-serif;

  font-size: 13px;

  color: #aabbdd;

}



TD.fieldKey {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



TD.fieldValue {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

}



TD.tableHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.newItemInCart {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #ff0000;

}



checkbox, input, radio, select, textarea {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  border: 1px solid #858585;

  background-color: #FFF;

}

input{
    background-color: #999999;
}

select{
    background-color: #999999;
}



input.image {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  border: 0;

  background-color: transparent;

}



textarea {

  width: 100%;
    background-color: #999999;
}



SPAN.greetUser {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  color: #f0a480;

  font-weight: bold;

}



TABLE.formArea {

  background-color: #FAFAFA;

  border-color: #0E7BB6;

  border-style: solid;

  border-width: 1px;

}



TD.formAreaTitle {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.markProductOutOfStock {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  color: #c76170;

  font-weight: bold;

}



SPAN.productSpecialPrice {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}



SPAN.errorText {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}



.moduleRow { }

.moduleRowOver { background-color: #666666; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #444444; }



.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #767676; }



/* message box */



.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #666666; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #666666; }



/* input requirement */



.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }



/*change the menu hover color below*/

#thecategories a:hover {
	color: #F05033;
}


.catwithsubs, .catwithnosubs {

	padding-right: 5px;

}



#thecategories {

    margin: 0; padding: 0;
	width: auto;
	border: none;
	padding-bottom:10px;

}




#thecategories a.activelink {

	display: block;
	font-weight: bold;	
	color: #F05033;

}



#thecategories a {

	/*display: block;*/

	/*padding-bottom: 1px;

	padding-top: 1px;*/

	width: 100%;

}



/*mozilla fix*/

html>body #thecategories a {

	width: auto;

}

/*end of mozilla fix*/



.topcat a, .secondcat a, .thirdcat a, .fourthcat a, .fifthcat a {
    
    
    padding: 0.5em;

    /*background-color: #0E7BB6;*/

    font-family: arial; font-size: 12px;

    color: #767676; /*text-transform: uppercase; font-weight: bold;*/

    /*border-bottom: 1px solid #FFF;*/

    text-decoration: underline;
    
    padding-bottom:20px;

}

.topcat a:hover, .secondcat a:hover, .thirdcat a:hover, .fourthcat a:hover, .fifthcat a:hover {

    /*background-color: #999999;*/

    /*color: #FFFFFF;*/ text-decoration: none;

}

.topcat a {

    padding-left: 5px;

}



.secondcat a {

	padding-left: 10px;

}



.thirdcat a {

	padding-left: 15px;

}



.fourthcat a {

	padding-left: 20px;

}



.fifthcat a {

	padding-left: 25px;

}



/**HEADER BOXES**/

#boxescontainer {

  display: block; overflow: hidden;

  padding: 0;

  margin: 17px 0 0 65px;

  float:left;

  height: 55px; width: 462px;

  border: 0px solid #858585;

}

#languages, #trailer, #search, #shoppingcart {

    display: block; overflow: hidden;

    float:left;

    margin:0; padding: 0px 0px 0px 7px;



    height: 55px; width: 107px;

    border-left: 0px dotted #767676;



    font-size: 9px; text-align: left;

    color: #767676; font-family: Verdana, Arial, sans-serif; font-weight : bold;

    background: #FFFFFF url('images/header/vertdot.gif') repeat-y left;

}

#languages, #search{

  padding-top: 8px;

}

#trailer {

  padding-top: 3px;

}

#trailer a {

  margin: 2px auto auto auto;

  display: block;

  background: #FFFFFF url('images/header/small_arrow.gif') no-repeat left;

  text-indent: 10px;

}

#search select {

  font-size: 9px; font-weight: normal;

}

#shoppingcart span {

  font-weight: normal;  font-size: 9px;

  /*white-space: nowrap;*/

}

#shoppingcart span a {

  font-weight: bold;

}

a.shoppingcartimg {

 display: block;

 float: left;

 width: 92px; height: 31px;

 font-size: 11px;

 padding-left: 40px;

 background: transparent url('images/boxes/cart.gif') no-repeat 0 0;

 cursor: pointer;

}

/*#languages {

}*/

#languages a {

	/*position: relative;*/

	float: left;

	width: 24px; height: 15px;

	overflow: hidden;

	margin: 2px 3px auto auto;

	/*top: 50px;*/

	/*margin-bottom: 0;

	margin-top: auto;

	margin-right: 10px;

	padding: 5px;*/

	background-color: #FFFFFF;

	color: #767676;

	text-transform: uppercase;

	font-weight: bold;

	border: 0px solid #858585;

}

#languages.it a.it, #languages.en a.en {

    color: #FFFFFF; text-decoration: none;

}

#languages.it a.it {

  background: #FFFFFF url('images/flags/ita_off.jpg') no-repeat 0 0;

}

#languages.it a.en {

  background: #FFFFFF url('images/flags/eng_on.jpg') no-repeat 0 0;

}

#languages.en a.it {

  background: #FFFFFF url('images/flags/ita_on.jpg') no-repeat 0 0;

}

#languages.en a.en {

  background: #FFFFFF url('images/flags/eng_off.jpg') no-repeat 0 0;

}

#main-container {

    margin: auto; padding: 0 11px 6px 11px;

    width: 800px; 
    
/*     background-color: #333333; */

    text-align: center;

}

#main {

  /*display: block;

    margin: auto;

    padding: 0px 11px 6px 11px;

    width: 695px;*/

    margin: 0;

    padding: 0;

    background-color: #333333;

}

#main td {

  padding: 0;

}

#line {

    display: block; overflow: hidden;

    clear: both;

    margin: 10px 0px 10px 0px;

    width: 100%; height: 2px;

    background-color: #858585;

}

div.header

{

  margin: auto;

  display: block; overflow: hidden;

  width: 695px; height: 80px;

  background: #FFFFFF url('images/header/KShop-logo.gif') no-repeat 15px;

}

#headerbottomcontainer {

  margin: auto;  padding: 0 0 30px 0;

  width: 695px; height: auto;

  background: #FFFFFF none no-repeat left;

  text-align: center;

  background:#999999;

}

.grayline {

  display: block;

  margin: auto; padding: 0;

  width: 669px; height: 1px;

  font-size: 1px;

  background-color: #ED3E24;

}

#fourboxescontainer {

  display: block;

  margin: 1px auto auto auto; padding: 0;

  width: 669px; height: 167px;

  background: #FFFFFF url('images/boxes/fourboxescontainer.jpg') no-repeat;

}

#fourboxescontainer a {

  display: block;

  float: left;

  width: 165px; height: 167;

  background-color: #CCCCCC;

}

#fourboxescontainer a.oneoffourbox01, #fourboxescontainer a.oneoffourbox02, #fourboxescontainer a.oneoffourbox03{

  margin: 0 3px 0 0;

}

#fourboxescontainer a.oneoffourbox01 {

  background: #FFFFFF url('images/categories/cat01.jpg') no-repeat 0 0;

}

#fourboxescontainer a.oneoffourbox02 {

  background: #FFFFFF url('images/categories/cat02.jpg') no-repeat 0 0;

}

#fourboxescontainer a.oneoffourbox03 {

  background: #FFFFFF url('images/categories/cat03.jpg') no-repeat 0 0;

}

#fourboxescontainer a.oneoffourbox04 {

  background: #FFFFFF url('images/categories/cat04.jpg') no-repeat 0 0;

  margin: 0;

}

#fourboxescontainer a.oneoffourbox01:hover, #fourboxescontainer a.oneoffourbox02:hover, #fourboxescontainer a.oneoffourbox03:hover, #fourboxescontainer a.oneoffourbox04:hover {

  text-decoration: none;

}

a.home {

  display: block; overflow: hidden;

	margin: 0; padding: 0;

	float: left;

  width: 163px; height: 100%;

	text-indent: -1000px;

}



#headingtitle {

  display: block;

  height: 21px;
  
  margin:0; 
  
   padding-left: 0;

  font-family: Verdana, Arial, sans-serif;  font-size: 12px; text-transform: uppercase;  font-weight: bold;

  background: #666666 url('images/boxes/underline.gif') 0px 19px repeat-x;

  color: #FFFFFF;

line-height:20px;

text-indent:10px;
}


b {

  color: #ED3E24;

}
#lightbox{
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0%;
    }

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }

#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0%;
    }
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}

#prevLink:hover {background: url(images/prevlabel.gif) no-repeat; background-position:center;background-position:left;}
#prevLink:visited:hover {background: url(images/prevlabel.gif) no-repeat; background-position:center;background-position:left;}

#nextLink:hover {background: url(images/nextlabel.gif)  no-repeat; background-position:center; background-position:right;}
#nextLink:visited:hover {background: url(images/nextlabel.gif) no-repeat; background-position:center; background-position:right}


#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #ffffff;
    margin: 0 auto;
    line-height: 1.4em;
    }

#imageData{
    padding:0 10px;
    }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;    }

#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000000;
    }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

* html>body .clearfix {
    display: inline;
    width: 100%;
    }

* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
    }

.infoBox-continue{
    width:800px;
}

.main-gender{
      font-family: Verdana, Arial, sans-serif;  font-size: 11px;
      line-height: 1.5;

}

.main-gender input{
    background-color: transparent;
    border:none;
}


#indicator{
    display:none;
}


#informazioni{
}
