/* 
	CSS styles for print media 

	Document structure:
	- Generic styles for tags
	- Unique elements and their contents
	- Other classes
	
*/

/* ====== GENERIC STYLES for tags ====== */


/* ====== UNIQUE ELEMENTS and their contents ====== 
	- in order of appearance in page source */
	
div#chooseLanguage {display:none;}

div#Left {display:none;}

div#topAreaContainer {display:none;}

div#crumbContainer {display:none;}

/** BIG IMAGES **/
div#bigImage {display:none;}
div#semiImage {display:none;}

div#footer {display:none;}
div#footerBottom {display:none;}


/* SHOPPING CART */

/* cartNavi ( for navigating thru phases ) */

div#cartNavi {display:none;}

/* PHASES */
div#cartPhase { width:100%;margin:0 0 20px 0;padding:5px 0 5px 0;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}
	div#cartPhase p {margin:0;padding:0;text-align:center;}
	div#cartPhase .phase {padding:0 30px 0px 0;margin:0;}
	
	/* 1st page table */

div#cartDiv table#shopContent {margin:10px 0 10px 0;width:640px;border-collapse:collapse;} 
      div#cartDiv table#shopContent thead td {padding:5px 2px;margin:0;border-bottom:1px dotted #CCC;}
      div#cartDiv table#shopContent tbody td {padding:8px 2px;margin:0;border-bottom:1px dotted #CCC;}
      div#cartDiv table#shopContent tfoot  td {padding:8px 2px;margin:0;}

/* 2nd page contact */

div#returningCustomer {margin:0;padding:0 10px 0 0;float:left;width:200px;}
     div#returningCustomer fieldset#loginInfo {margin:0 0 10px; padding:0; border:0;width:190px;font-size:11px;  }
     div#returningCustomer fieldset#loginInfo  label{margin:0; padding:1px 0; width:100%; float:left;}
     div#returningCustomer fieldset#loginInfo  input {width:90%; margin:0; display:block;}

div#newCustomer {margin:0;padding:0 0 10px 15px;float:right;width:414px;border-left:1px dotted #CCC;}

/* newCustomer registration form */

div#newCustomer fieldset#contactInfo {margin:0 0 10px; padding:0; border:0;width:414px; }
     div#newCustomer fieldset#contactInfo  label{margin:0; padding:1px 0; width:49.5%; float:left; }
     div#newCustomer fieldset#contactInfo .zipField {width:20.5%;}
     div#newCustomer fieldset#contactInfo .cityField {width:26.5%;padding-right:9px;}
     div#newCustomer fieldset#contactInfo  input {width:90%; margin:0; display:block;}
     div#newCustomer fieldset#contactInfo #extraInfo {width:390px; height:50px;}

div#newCustomer fieldset#checkBoxes {margin:0; padding:0; border:0;width:414px; }
     div#newCustomer fieldset#checkBoxes input {margin:0 5px 20px 0; padding:0;float:left;}
     div#newCustomer fieldset#checkBoxes p {display:block;float:left;width:385px;}

/* 3rd page table */
	div#cartDiv table#contactInfoTable {margin:0 0 20px 0;width:640px;border-collapse:collapse;} 
	
.toPayment {display:none;}

/* ====== ELSE THAT SHOULD LOOK LIKE SAME ON PAPER AND WEB ====== */

/** CONTENT BELOW THE BIG IMAGE **/
div#contentDiv {margin:10px 0 10px 0;width:100%px;padding:0 10px 0 10px;}

.mainHeader {font-size:11px;font-family:Georgia;}

/** CONTENT CONTAINER FOR GENERAL PAGES (WHICH DIVIDE IN 2 COLUMNS) **/
div#contentPageContainer {margin:0; padding:0; width:100%;}

  /* LEFT SIDE COLUMN + CONTENTLEFT WIDE (WITHOUT INNER NAVI) */
  div#contentLeft {width:447px;margin:0;padding:20px 10px 10px 10px;}
  
  div#contentLeftWide {width:640px;margin:0;padding:20px 10px 10px 10px;}
  
  /* RIGHT SIDE COLUMN */
  div#contentRight {display:none;}


/** BOX (NOSTOT, SUOSITTELEMME) **/
.box {margin:0;padding:0;width:110px;margin:0 20px 20px 0px;float:left;}
.boxBread {font-size:11px;padding:5px 2px;height:28px;}
.boxBread a {color:#666666;}
.boxImg {margin:0;padding:0;height:145px;width:110px;overflow:hidden;}
.boxText {margin-top:10px;overflow:hidden;font-size:11px;}
.boxText a {color:#8b2423;}

/* SUGGESTIONS*/
div#suggestBox {margin:0;padding:14px 10px;width:630px;}
div#suggestBox h2 {font-family: Georgia;font-size: 12px;margin: 0 0 3px 0;}

div#suggestImg {float:left;margin:0;padding:0;}
div#suggestImg img {display:block;}

/** PRODUCT PAGE **/
div#productInfoContainer {width:620px;padding:0 10px 1px 0px;margin:10px 0 20px 0;}
div#productImage {float:left;width:260px;margin:0 20px 0 0;padding:0;}
div#productInfo {float:right;width:340px;}
div#productInfo a {color:#8b2423;}

div#productInfo .productHeader {font-size:14px;text-transform: uppercase;color:#993300;}
div#productInfo .productPrice {font-size:14px;}
#kplSelect {float:left;background:none;border:1px solid #a5acb2;width:20px;text-align:right}
div#productInfo .kpl {float:left;line-height:20px;margin-left:5px;margin-right:10px;}
div#productInfo .addButton {float:left;margin-left:15px;margin-right:5px;}
div#productInfo .addUrl {float:left;padding-top:3px;}

	/* omat tiedot registration form */

div#contentLeft fieldset#contactInfo {margin:0; padding:0 0 10px 0; border:0;width:445px;font-size:11px; }
     div#contentLeft fieldset#contactInfo  label{margin:0; padding:1px 0; width:49.5%; float:left; }
     div#contentLeft fieldset#contactInfo .zipField {width:20.5%;}
     div#contentLeft fieldset#contactInfo .cityField {width:26.5%;padding-right:9px;}
     div#contentLeft fieldset#contactInfo  input {width:90%; margin:0; display:block;}


div#contentLeft fieldset#checkBoxes {margin:10px 0 0 0; padding:0; border:0;width:450px; }
     div#contentLeft fieldset#checkBoxes input {margin:0 5px 20px 0; padding:0;float:left;}
     div#contentLeft fieldset#checkBoxes p {display:block;float:left;width:385px;}

     div#contentLeft fieldset#contactInfo #extraInfo {width:380px; height:50px;}
     div#contentLeft fieldset#contactInfo #Feedback  {width:410px; height:50px;}
     div#contentLeft fieldset#contactInfo #returnInfo {width:410px; height:50px;}