@import url('../common/style/commerce.css');

/* Main layout rules*/

.user { color:#090; margin:-2px 0 10px 3px; }

html,body,form {
	margin:0;
	padding:0
}

#footer {                                                                                                          
 margin:-15px auto 0 auto;                                                                                         
 width:895px;                                                                                                      
 height:35px;                                                                                                      
 background:#f1efec url("images/backgrounds/footer.gif") no-repeat top left;                                                                                                              
}                                                                                                                  
                                                                                                                   
* html #footer {                                                                                                   
 margin:0 auto;                                                                                                    
 width:895px;                                                                                                      
 height:35px;                                                                                                      
 background:#f1efec url("images/backgrounds/footer.gif") no-repeat top left;                                                                                                              
}

/* NewsLinks */

#news #leftNarrow .descriptiveLink {
	border:0;
	margin:0;
	padding:10px 5px;
}

#news #leftNarrow .descriptiveLink a {
	font:bold 12px Arial, Verdana, Helvetica, sans-serif;
	color:#666;
}

#news #leftNarrow a.current {
	color:#c3402b;
}

/* Custom shopping cart button */

.addToCart .button {
  background:url("img/icons/add_to_cart_uk.gif") top left no-repeat;
}

/* New layout rules: leftNarrow, rightWide */

#single {
	padding:15px;
}

#leftNarrow, #leftWide {
	float:left;
	padding:10px 10px 10px 15px;
}

#rightNarrow, #rightWide {
	float:left;
	padding:10px 10px 10px 10px;
}

/* Palstoissa oltava product-tunniste (tai jokin muu bodyn id, jotta muutokset tulevat overridena commerce.css:n nähden */

#product #leftNarrow, #product #rightNarrow {
	width:265px;
	w\idth:250px;
}

#product #leftWide, #product #rightWide {
	width:600px;
	w\idth:590px;
}

#leftNarrow, #rightNarrow {
	width:265px;
	w\idth:250px;
}

#leftWide, #rightWide {
	width:600px;
	w\idth:590px;
}

li {                                                                                                               
 font:normal 11px/120% Arial, Verdana, Helvetica, sans-serif;                                                      
 list-style:none;                                                                                                  
 margin:0 0 10px -15px;                                                                                            
 padding:0 0 0 10px;                                                                                               
 background:url(images/backgrounds/bullet.gif) 0% 50% no-repeat;                                            
}                                                                                                                  
                                                                                                                   
*html li {                                                                                                         
 font:normal 11px/120% Arial, Verdana, Helvetica, sans-serif;                                                      
 list-style:none;                                                                                                  
 margin:0 0 10px -15px;                                                                                            
 padding:0 0 0 10px;                                                                                               
 background:url(images/backgrounds/bullet.gif) 0% 50% no-repeat;                                               
}

body {
	font:normal 11px Arial, Verdana, Helvetica ,sans-serif;
	background:#f1efec;
}

*html body {
	text-align:center;
	te\xt-align:left;
}


.last {
	margin-bottom:0;
}

.clearing {
	height:0;
	clear:both;
}

.clear {
	clear:both;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}


/* UserInfoBox with rounded corners */

.userInfoBoxHolder { float:left; padding-top:20px;	padding-left:20px; padding-bottom:0; padding-right:20px; background:none; }
* html .userInfoBoxHeader h2 {height: 1%;}
.userInfoBox { margin:0; padding:0;	font:normal 11px Verdana, Arial, Helvetica, sans serif;	color:#50960b; background: url("images/backgrounds/userInfo_body_right.gif") no-repeat bottom right; }
.userInfoBoxHeader {	margin:0 0 0 0;	padding:0 0 0 0; text-align:left;	background: url("images/backgrounds/userInfo_head_right.gif") no-repeat top right; }
.userInfoBoxHeader h4 { height:8px;font:normal 24px/100% Tahoma, "tahoma", "Times New Roman", Times, serif;	color:#65b913; margin:0 0 0 0; padding: 1px 0 10px 0; background: url("../images/backgrounds/userInfo_head_left.gif") no-repeat top left; }
.userInfoBoxContent {	margin: 0; padding: 1px 25px 30px 10px; background: url("images/backgrounds/userInfo_body_left.gif") no-repeat bottom left; }

/* Show only to IE PC */
* html .userInfoBox_2_header h2 {height: 1%;}

.userInfoBox_2 { margin:0; width:100%; background:url(images/backgrounds/userInfo_2_body_right.gif) no-repeat bottom right;	font-size:100%; }
.userInfoBox_2_header { background:url(images/backgrounds/userInfo_2_head_right.gif) no-repeat top right;	margin:0;	padding: 0;	text-align: left; }
.userInfoBox_2_header h2 {	background: url(images/backgrounds/userInfo_2_head_left.gif) no-repeat top left;	margin:0; padding:12px 10px 5px 10px; color: white; font-weight: bold;	font-size: 1.8em;	line-height: 1em; }
.userInfoBox_2_header p {	background: url(images/backgrounds/userInfo_2_head_left.gif) no-repeat top left;	margin:0; padding:12px 10px 5px 10px; color: white; font-weight: bold;	font-size: 1.8em; }
.userInfoBox_2_body { background: url(images/backgrounds/userInfo_2_body_left.gif) no-repeat bottom left;	margin:0; padding:2px 5px 12px 10px; }
*html .userInfoBox_2_body { background: url(images/backgrounds/userInfo_2_body_left.gif) no-repeat bottom left;	margin:0; padding:2px 5px 2px 10px; }


/* infoBox with rounded corners */
.infoBoxHolder { margin:0 auto;	padding-top:20px 20px 0 20px;	background:none;}
* html .infoBoxHeader h2 {height: 1%;} /* For IE 5 PC */
.infoBox { margin:0; padding:0;	font:normal 11px Verdana, Arial, Helvetica, sans serif;	color:#50960b; background: url("images/backgrounds/info_body_right.gif") no-repeat bottom right; }
.infoBoxHeader { margin:0; padding:0; text-align:left;	background: url("images/backgrounds/info_head_right.gif") no-repeat top right; }
*html .infoBoxHeader {	height:1px; margin:0; padding:0; text-align:left;	background: url("images/backgrounds/info_head_right.gif") no-repeat top right; }
.infoBoxHeader p { font:normal 11px/100% Arial, Verdana, Helvetica, sans serif; text-align:center; color:#65b913;	margin: 0; padding:15px 0 8px 0; background: url("images/backgrounds/info_head_left.gif") no-repeat top left; }
*html .infoBoxHeader p { font:normal 11px/100% Arial, Verdana, Helvetica, sans serif; text-align:center; color:#65b913;	margin: 0; padding:15px 0 0 0; background: url("images/backgrounds/info_head_left.gif") no-repeat top left; }
.infoBoxContent {	margin:0; padding:0; background: url("images/backgrounds/info_body_left.gif") no-repeat bottom left; }
.infoBoxContent p { font:normal 11px/100% Arial, Verdana, Helvetica, sans serif; line-height:15px; text-align:left; color:#65b913;	margin: 0; padding:10px 15px 15px 15px;}
*html .infoBoxContent p { font:normal 11px/150% Arial, Verdana, Helvetica, sans serif; text-align:left; color:#65b913;	margin: 0; padding:5px 15px 15px 15px;}
.infoBox hr { height:1px; color:#fff; margin:0 2px; padding:0; }

/* grayInfoBox with rounded corners */

.grayInfoBoxHolder { margin:0 auto;	padding-top:20px 20px 0 20px;	background:none;}
/** html .grayInfoBoxHeader h2 {height: 1%;} /* For IE 5 PC */
.grayInfoBox { margin:0; padding:0;	font:normal 11px Verdana, Arial, Helvetica, sans serif;	color:#333333; background: url("images/backgrounds/grayInfo_body_right.gif") no-repeat bottom right; }
.grayInfoBoxHeader { margin:0; padding:0; text-align:left;	background: url("images/backgrounds/grayInfo_head_right.gif") no-repeat top right; }
*html .grayInfoBoxHeader {	height:1px; margin:0; padding:0; text-align:left;	background: url("images/backgrounds/grayInfo_head_right.gif") no-repeat top right; }

.grayInfoBoxHeader h3 { font:normal 11px/100% Arial, Verdana, Helvetica, sans serif; text-align:left; color:#333333;	margin: 0; padding:0; background: url("images/backgrounds/grayInfo_head_left.gif") no-repeat top left; }
*html .grayInfoBoxHeader h3 { font:normal 11px/100% Arial, Verdana, Helvetica, sans serif; text-align:left; color:#333333;	margin: 0; padding:0; background: url("images/backgrounds/grayInfo_head_left.gif") no-repeat top left; }

.grayInfoBoxHeader p { font:normal 11px/100% Arial, Verdana, Helvetica, sans serif; text-align:left; color:#333333;	margin: 0; padding:15px 0 8px 0; background: url("images/backgrounds/grayInfo_head_left.gif") no-repeat top left; }
*html .grayInfoBoxHeader p { font:normal 11px/100% Arial, Verdana, Helvetica, sans serif; text-align:left; color:#333333;	margin: 0; padding:15px 0 0 15px; background: url("images/backgrounds/grayInfo_head_left.gif") no-repeat top left; }

.grayInfoBoxContent {	margin:0;  padding:0 0 0 15px; background: url("images/backgrounds/grayInfo_body_left.gif") no-repeat bottom left; }
.grayInfoBoxContent p { font:normal 11px/100% Arial, Verdana, Helvetica, sans serif; line-height:15px; text-align:left; color:#333333;	margin:0; padding:0 15px 15px 0;}
*html .grayInfoBoxContent p { font:normal 11px/150% Arial, Verdana, Helvetica, sans serif; text-align:left; color:#333333;	margin:0; padding:0 15px 15px 0;}
.grayInfoBox hr { height:1px; color:#fff; margin:0 2px; padding:0; }


.addToCartBoxHolder { margin:0 auto;	padding-top:20px 20px 0 20px;	background:none;}
* html .addToCartBoxHeader h2 {height: 1%;} /* For IE 5 PC */
.addToCartBox { margin:0; padding:0;	font:normal 11px Verdana, Arial, Helvetica, sans serif;	color:#50960b; background: url("images/backgrounds/info_body_right.gif") no-repeat bottom right; }
.addToCartBoxHeader { margin:0; padding:0; text-align:left;	background: url("images/backgrounds/info_head_right.gif") no-repeat top right; }
*html .addToCartBoxHeader { height:1px; margin:0; padding:0; text-align:left;	background: url("images/backgrounds/info_head_right.gif") no-repeat top right; }
.addToCartBoxHeader p { font:normal 11px/100% Arial, Verdana, Helvetica, sans serif; text-align:center; color:#65b913;	margin: 0; padding:15px 0 8px 0; background: url("images/backgrounds/info_head_left.gif") no-repeat top left; }
*html .addToCartBoxHeader p { font:normal 11px/100% Arial, Verdana, Helvetica, sans serif; text-align:center; color:#65b913;	margin: 0; padding:15px 0 0 0; background: url("images/backgrounds/info_head_left.gif") no-repeat top left; }
.addToCartBoxContent {	margin:0; padding:0; background: url("images/backgrounds/info_body_left.gif") no-repeat bottom left; }
.addToCartBoxContent p.esko { font:normal 11px/100% Arial, Verdana, Helvetica, sans serif;  text-align:left; color:#65b913;	margin:0; padding:0 15px 0 15px;}
*html .addToCartBoxContent p.esko { font:normal 11px/150% Arial, Verdana, Helvetica, sans serif; text-align:left; color:#65b913;	margin:0; padding:5px 15px 15px 15px;}
.addToCartBox hr { height:1px; color:#fff; margin:0 2px; padding:0; }

p.addToCartBoxContentWrapper { margin:-3px 0 -15px 0; padding:0; }
* html p.addToCartBoxContentWrapper { margin:-3px 0 -15px 0; padding:0; }


/* Shopping cart definitions */

#shoppingCart_wrapper {
	clear:both;
}

.orderInformation {margin:10px 0 10px 0; text-align:left; border:5px solid #f7f7f7; color:#000000; background:#fff; } 
.orderInfoTop {border-bottom:1px solid #ccc; padding:10px; color:#000000; font-weight:bold; } 
.orderInfo {border-bottom:1px solid #eee; padding:10px; color:#666; font-weight:normal; }
.orderInfoDark {border-bottom:1px solid #eee; padding:10px; color:#666; font-weight:normal; background:#f3f3f3; }
.orderInfo a { color:#7fc10a; text-decoration:none; }
.orderInfoDark a { color:#7fc10a; text-decoration:none; } 

.orderSummary p { float:right;font:bold 12px Arial, Verdana, Helvetica, sans-serif; }

/* LogoBox with rounded corners */

.logoBox {
	float:left;
	width:255px;
	margin:0;
	color:#fff;
	background:#af0a0a;
}

.logoBoxTop { 
	background: url("images/backgrounds/logoBox_top_right.gif") no-repeat top right; 
}

.logoBoxBottom {
	background: url("images/backgrounds/logoBox_bottom_right.gif") no-repeat top right; 
}

img.logoBoxLogo {
	padding:0 0 0 5px;
	margin:0 0 -2px 0;
}

* html img.logoBoxLogo {
	padding:0 0 0 5px;
	margin:0 0 0 5px;
	ma\rgin:0 0 -2px 0;
}

img.logoBoxCorner {
   width:7px;
   height:7px;
   border:none;
   display:block !important;
}

/* Search box */

.searchBox {
	/*float:left;*/
	margin:2px 0 0 5px;
	width:217px;
	height:66px;
	color:#fff;
	background:#af0a0a url("images/backgrounds/login_form.jpg") no-repeat top left;
}

*html .searchBox {
	/*float:left;*/
	margin:5px 0 0 3px;
	width:217px;
	height:66px;
	color:#fff;
	background:#af0a0a url("images/backgrounds/login_form.jpg") no-repeat top left;
}

.searchFormField {
	font-weight:bold;
	padding:10px 0 0 10px;
}

.searchFormField_bottom {
	font-weight:bold;
	padding:14px 0 0 10px;
}

*html .searchFormField {
	font-weight:bold;
	padding:9px 0 0 10px;
}

*html .searchFormField_bottom {
	font-weight:bold;
	padding:14px 0 0 10px;
}

/* Login Box */

.loginBox {
	/*float:left;*/
	margin:2px 0 0 5px;
	width:217px;
	height:66px;
	color:#fff;
	background:#af0a0a url("images/backgrounds/login_form.jpg") no-repeat top left;
}

*html .loginBox {
	/*float:left;*/
	margin:5px 0 0 3px;
	width:217px;
	height:66px;
	color:#fff;
	background:#af0a0a url("images/backgrounds/login_form.jpg") no-repeat top left;
}

.formField {
	font-weight:bold;
	padding:5px 0 0 10px;
}

.formField_bottom {
	font-weight:bold;
	padding:10px 0 0 10px;
}

*html .formField {
	font-weight:bold;
	padding:4px 0 0 10px;
}

*html .formField_bottom {
	font-weight:bold;
	padding:7px 0 0 10px;
}

.loginSubmitButton {
   padding:2px 0 0 0;
	 border:none;
	 display:block !important;
}

*html .loginSubmitButton {
   padding:5px 0 0 0;
	 margin:5px 0 0 0;
	 ma\rgin:0;
	 border:none;
	 display:block !important;
}

/* Flash ad in text */

.flashAdInTextLeft {
	float:left;
	margin:0 10px 10px 0;
}

.flashAdInTextRight {
	float:right;
	margin:0 0 10px 10px;
}

/* Box with rounded corners */

.roundBox {
	width:100%;
	color:#fff;
	background:#c3402b;
	margin:10px 0 0 0;
}

.roundBox h2 {
	color:#fff;
	margin:0 0 0 -2px;
}

.roundBox p {
	margin:0 10px 10px 10px;
}

.boxContent {
	margin:0 8px;
}

.boxTop { 
	background: url("images/backgrounds/box_top_right.gif") no-repeat top right; 
}

.boxBottom {
	background: url("images/backgrounds/box_bottom_right.gif") no-repeat top right; 
}

img.boxCorner {
   width: 8px;
   height: 8px;
   border: none;
   display: block !important;
}
 
/* Gray box with rounded corners */

.grayBox { width:100%; margin:5px 0 10px 0; color:#333; background:#f8f8f8; }
.grayBox h2 {	color:#c3402b;	margin:0 0 0 -2px; }
.grayBox p { margin:0 10px 5px 10px; }
.grayBoxContent {	margin:0 3px -4px 0; }
.grayBoxTop { background: url("images/backgrounds/grayBox_top_right.gif") no-repeat top right; }
.grayBoxBottom { background: url("images/backgrounds/grayBox_bottom_right.gif") no-repeat top right; }
img.grayBoxCorner { width: 6px; height: 6px; border: none; display: block !important; }

/* Light gray box with rounded corners */

.lightGrayBox { width:100%; margin:5px 0 10px 0; color:#333; background:#fbfbfb; }
.lightGrayBox h2 {	color:#c3402b;	margin:0 0 0 -2px; }
.lightGrayBox p { margin:0 10px 5px 10px; }
.lightGrayBoxContent {	margin:0 3px -4px 0; }
.lightGrayBoxTop { background: url("images/backgrounds/lightGrayBox_top_right.gif") no-repeat top right; }
.lightGrayBoxBottom { background: url("images/backgrounds/lightGrayBox_bottom_right.gif") no-repeat top right; }
img.lightGrayBoxCorner { width: 6px; height: 6px; border: none; display: block !important; }


/* Green box with rounded corners */

.greenBox { width:100%; margin:5px 0 10px 0; color:#333; background:#7fc10a; }
.greenBox h2 {	color:#fff;	margin:0 0 0 -2px; }
.greenBox p { margin:0 10px 15px 10px; }
.greenBox A { color:#fff; text-decoration:none; }
.greenBoxContent {	margin:0 8px -14px 0; }
.greenBoxTop { background: url("images/backgrounds/greenBox_top_right.gif") no-repeat top right; }
.greenBoxBottom { background: url("images/backgrounds/greenBox_bottom_right.gif") no-repeat top right; }
img.greenBoxCorner { width: 6px; height: 6px; border: none; display: block !important; }

/* User info gray box with rounded corners */

.grayBox_userInfo { float:left; width:258px; margin:0 0 10px 0; color:#333; background:#f8f8f8; }
.grayBox_userInfo h2 { color:#333; margin:0 0 0 -2px; }
.grayBox_userInfo p { padding:0; }
.grayBoxContent_userInfo p { padding:0 10px; margin:0; }
.grayBoxTop_userInfo { background: url("images/backgrounds/grayBox_top_right.gif") no-repeat top right; }
.grayBoxBottom_userInfo { background: url("images/backgrounds/grayBox_bottom_right.gif") no-repeat top right; }
img.grayBoxCorner_userInfo { width:6px; height:6px; border:none; display:block !important; }

/* User info gray box with rounded corners */

.grayBox_categoryInfo { float:left; width:260px; margin:0 0 10px 5px; color:#333; background:#f8f8f8; }
.grayBox_categoryInfo h2 { color:#333; margin:0 0 0 12px; }
.grayBox_categoryInfo p { padding:0; }
.grayBoxContent_categoryInfo p { padding:0; margin:0; }
.grayBoxContent_categoryInfo a { color:#af0a0a; text-decoration:none; padding:0; margin:0; }
.grayBoxContent_categoryInfo a:hover { color:#666; text-decoration:none; padding:0; margin:0; }
.grayBoxTop_categoryInfo { background: url("images/backgrounds/grayBox_top_right.gif") no-repeat top right; }
.grayBoxBottom_categoryInfo { background: url("images/backgrounds/grayBox_bottom_right.gif") no-repeat top right; }
img.grayBoxCorner_categoryInfo { width:6px; height:6px; border:none; display:block !important; }

/* Wide gray box with rounded corners */

.grayBox_categoryInfo_wide { float:left; width:100%; margin:0 0 10px 0; color:#333; background:#f8f8f8; }
.grayBox_categoryInfo_wide h2 { color:#333; margin:0 0 0 12px; }
.grayBox_categoryInfo_wide p { padding:0; }
.grayBoxContent_categoryInfo_wide p { padding:0; margin:0; }
.grayBoxContent_categoryInfo_wide a { color:#af0a0a; text-decoration:none; padding:0; margin:0; }
.grayBoxContent_categoryInfo_wide a:hover { color:#666; text-decoration:none; padding:0; margin:0; }
.grayBoxTop_categoryInfo_wide { background: url("images/backgrounds/grayBox_top_right.gif") no-repeat top right; }
.grayBoxBottom_categoryInfo_wide { background: url("images/backgrounds/grayBox_bottom_right.gif") no-repeat top right; }
img.grayBoxCorner_categoryInfo_wide { width:6px; height:6px; border:none; display:block !important; }


/* Info definitions */

.infoItemHeader {
	margin:-9px 0 -3px 0;
	padding:8px;
}

*html .infoItemHeader {
	margin:-5px 0 -3px 0;
	padding:8px;
}

.infoItemLight {
	font:normal 11px Arial, Verdana, Helvetica ,sans-serif;
	background:#fbfbfb;
	padding:8px;
}

.infoItemDark {
	font:normal 11px Arial, Verdana, Helvetica ,sans-serif;
	background:#f7f7f7;
	padding:8px;
}

.header td {
	background:#f7f7f7;
	padding:8px;		
	font-weight:bold;
}

.listing td {
	border-bottom:1px dotted #ccc;		
}

table#introBooks {
	width:98%;
	margin:0 auto;
}

/* Tab definitions */

#tabs {
	width:885px;
	margin:5px 0 0 5px;
}

*html #tabs {
	width:882px;
	margin:0px 0 0 3px;
}

#tabs a span {
	color:#666;
}

#tabs #current a {
	color:#b82525;
}

#tabs #current a span {
	color:#b82525;
}

/* News definitions */

.newsItemActive {
  font:bold 11px Arial, Verdana, Helvetica ,sans-serif;
	background:#fff;
	padding:7px;
	color:#c3402b;
}

.newsItemLight {
	font:normal 11px Arial, Verdana, Helvetica ,sans-serif;
	background:#fbfbfb;
	padding:7px;
}

.newsItemDark {
	font:normal 11px Arial, Verdana, Helvetica ,sans-serif;
	background:#f7f7f7;
	padding:7px;
}

/* Link definitions */

/*a:link, a:visited, a:active { color:#ff9900; text-decoration:none; }*/

.normal_link, .normal_link a, normal_link a:visited, normal_link a:active { color:#ff9900; text-decoration:none; }

.link {
	text-align:right;
	margin:0 10px;
}

.link a {
	font:bold 11px Arial, Verdana, Helvetica ,sans-serif;
	text-decoration:none;
	color:#fff;
}

a {
	color:#c3402b;		
	text-decoration:none;
	font-size:12px;
}

.linkBox_narrow {
	font:normal 11px Arial, Verdana, Helvetica ,sans-serif;<br />
  margin:0;
	padding:7px 10px 7px 8px;
	background:url("images/backgrounds/link_narrow.gif") no-repeat 0 50%;
	/*width:200px; /* for ie */ 
}

.linkBox_narrow a {
	text-decoration:none;
	color:#ff9900; 
}

.linkBox_wide {
	font:normal 11px Arial, Verdana, Helvetica ,sans-serif;
	margin:0;
	padding:7px 10px 7px 5px;
	background:url("images/backgrounds/link_wide.gif") no-repeat 0 50%;
	/*width:200px; /* for ie */ 
}

.linkBox_wide a {
	text-decoration:none;
	color:#ff9900; 
}

.linkBox_extraWide {
	font:normal 11px Arial, Verdana, Helvetica ,sans-serif;
	margin:0;
	padding:7px 10px 7px 5px;
	background:url("images/backgrounds/link_extra_wide.gif") no-repeat 0 50%;
	/*width:200px; /* for ie */ 
}

.linkBox_extraWide a {
	text-decoration:none;
	color:#ff9900; 
}

.infoLink {
	font:normal 11px Arial, Verdana, Helvetica ,sans-serif;
	padding:5px 0 7px 30px;
	background:url("images/icons/info.gif") no-repeat 0 50%;
	color:#384594;
	/*width:200px; /* for ie */ 
}

.infoLink a {
	color:#384594;
}

.marker, .themeColor {
	color:#384594;
}

.link a:hover {
	color:#f90;
}

/* Form style definitions */

.formStyleSelect {
	width:95%;
	padding:1px;
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;
	color:#666666;
}

.inputField {
	padding:1px;
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
	color:#666666;
	border:1px inset #ccc;
	padding-left:1px;
}

textarea {
	width:580px;
	height:125px;
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;
	color:#666666;
}

.submitButton, .button, .bagButton {
	border:1px outset;
	font-size:11px;
	font-weight:normal;
	background-image: url(images/backgrounds/submitButton.gif);
	backgroung-image: repeat-x;
	height:23px;  
	mouse:hand;
}

.submitButton {
	margin:0px 5% 0px 1px;		
	padding:2px 1px 1px 1px;	
	float:right;
	width:86px;	
}

.cartSubmitButton {
  border:1px outset;
  font-size:11px;
  font-weight:normal;
  margin:0px 5% 0px 1px;
  padding:2px 1px 1px 1px;
  background-image: url(images/backgrounds/submitButton.gif);
  backgroung-image: repeat-x;
  height:23px;
  width:86px;
}

/* General image definitions */


/* Typography */

li {
	font:normal 11px/120% Arial, Verdana, Helvetica, sans-serif;
	list-style:none;
	margin:0 0 0 -15px;
	padding:0 0 5px 10px;
	background:url(images/backgrounds/bullet.gif) 0% 50% no-repeat;}
}

*html li {
	font:normal 11px/120% Arial, Verdana, Helvetica, sans-serif;
	list-style:none;
	margin:0 0 0 -15px;
	padding:0 0 5px 10px;
	background:url(images/backgrounds/bullet.gif) 0% 50% no-repeat;}
}

.tall_hr {
  /*float:left;*/
	border:0;
	width:885px;
	w\idth:885px;
	height:5px;
	margin:0 0 0 5px;
	ma\rgin:0 0 0 5px;
	padding:0;
	font-size:1;
	background:#fff url("images/backgrounds/tall_hr.gif") repeat-x top left;
}

/* sIFR */

.sIFR-hasFlash h1 {
	visibility:hidden;
}

.sIFR-hasFlash h2 {
	visibility:hidden;
	letter-spacing: -9px;
	color:#242424;
}

.sIFR-hasFlash h3 {
	visibility:hidden;
	margin:0;
	padding:0;
}

.sIFR-hasFlash h4 {
	visibility:hidden;
	margin:0;
	padding:0;
}

.sIFR-hasFlash h5 {
	visibility:hidden;
	margin:0;
	padding:0;
}

.sIFR-hasFlash h6 {
	visibility:hidden;
	margin:0;
	padding:0;
}

.sIFR-flash {
	visibility:visible !important;
	margin:0;
}

.sIFR-replaced {
	visibility:visible !important;
}

span.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
}

.themeBooks h2 {
	margin-left:15px;		
}

/* Shopping bag box definitions begin */

/*box holder*/
.boxHolder {
	width: 255px;
	background:none;
	float:left;
	border:0;
	text-align: left;
}

/*box & button container*/
.box_container {
	width: 255px;
	background:none;
	border:0;
	float:left;
	margin: 0;
	text-align: left;	
}

.box_top_white {
	margin:0;
	padding:0;
	font:normal 11px Arial, Verdana, Helvetica, sans serif;
	color:#000000; 	
	background: url("images/box/box_bottom_right_white.gif") no-repeat bottom right;
	border: 0;
}

.box_top_wrapper{
	height: 50px;
	width: 100%;
	padding: 0; 
	margin:0; 	
	clear:both;
	border:0;
}

.box_top_left{ 
	height: 50px;
	margin:0;
	padding:0;
	float:left;
	background-color:#ffffff;	
	text-align:left;
	border:0;
}

/*boxin sisältö, vasen*/
.box_top_left_white {
	height: 50px;
	margin:0;
	padding:0;	
	background: url("images/box/box_head_left_white.gif") no-repeat top left;
	text-align:left;
}

.box_top_right{ 
	height: 50px;
	margin:0;
  padding:0;
	float:left;
	background-color:#ffffff;
	text-align:left;
	border: 0;
}

/*boxin sisältö, oikea*/
.box_top_right_white {
	height: 50px;	
	margin:0;
	padding:0;
	background: url("images/box/box_top_right_white.gif") no-repeat top right;
	border: 0;
	text-align:left;
	border-left: 1px dotted #D6D5D5;
}

.bag { 
	padding-top:14px;
	padding-bottom:0;
	padding-left:3px;
	padding-right:5px;
}

.box_bottom_round_corners_white {
	margin: 0;
	text-align:left;		
	/*padding: 7px 10px 5px 10px;*/
	background: url("images/box/box_bottom_left_white.gif") no-repeat bottom left;
	border: 0;
}

.box_round_corners_content_holder{
	border-top: 1px solid #ffffff;
	margin-left:1px;		
}

.box_content_left_top{
	margin:0;
	border: 0;
	padding:0;
	text-align:left;		
}

.box_content_left_bottom{
	margin:0;
	border: 0;
	padding:0;
	text-align:left;		
}

.box_content_left_top {
	margin:0 0 -5px 0;
	border: 0;
	padding:13px 0 0 10px;
	color:#7BBD0C;
	font:11px Arial, Verdana, Helvetica, sans-serif;
 	line-height: 100%;
	/*background:#fc0;*/
}

.box_content_left_bottom {
	margin:0 0 0 0;
	border: 0;
	padding:13px 0 0 10px;
	color:#A5ACB2;
	font:11px Arial, Verdana, Helvetica, sans-serif;
 	line-height: 100%;
	/*background:#fc0;*/
}

.box_bottom_left{
	margin:0;
	border: 0;
	background:none;
	border-right: 1px dotted #D6D5D5;	
}

/* Shopping bag box definitions end */ 


/* Form definitions */

/* input {
	border:1px solid #a5acb2;
	font:normal 13px Arial, Verdana, Helvetica, sans-serif;
	padding:2px;
} */

.formStyleTextarea {
	width:580px;
	height:125px;
	font:normal 13px Arial, Verdana, Helvetica, sans-serif;
	border:1px solid #a5acb2;
}

h1 {
	font:normal 32px/100% "Times New Roman", "Times", serif;
	letter-spacing:-.05em;
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#c3402b;
}

h2 {
	font:normal 26px/100% "Times New Roman", "Times", serif;
	letter-spacing:-.05em;
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#c3402b;
}

h3 { 
	font:normal 24px/100% "Times New Roman", "Times", serif;
	letter-spacing:-.05em;
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#c3402b;
}

h4 {
	font:bold 22px/100% Arial, Helvetica, sans-serif;
	letter-spacing:-.05em;
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#333;
}

h5 {
	font:bold 20px/100% Arial, Helvetica, sans-serif;
	letter-spacing:-.05em;
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#666;
}

h6 {
	font:normal 18px/100% "Times New Roman", "Times", serif;
	letter-spacing:-.05em;
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#c3402b;
}


.linkBox_extraWide_2 {                                                                                             
	font:normal 11px Arial, Verdana, Helvetica ,sans-serif;                                                           
	margin:0;                                                                                                         
	padding:7px 10px 7px 5px;                                                                                         
	background:url("images/backgrounds/link_extra_wide_2.gif") no-repeat 0 50%;                                                                                                               
	/*width:200px; /* for ie */                                                                                       
}                                                                                                                  
                                                                                                                   
.linkBox_extraWide_2 a {                                                                                           
	text-decoration:none;                                                                                             
	color:#ff9900;                                                                                                    
}


html,body {
	margin:0;
	padding:0;
	line-height:120%;
} 

body {
	font:normal 12px Arial, Verdana, Helvetica ,sans-serif;
	background:#f1efec;
} 

*html body {
	text-align:center;
	te\xt-align:left;
}

#productOffers {
	margin:0 auto;
	width:885px;
}


#mainWrapper{
  width: 895px;
  height: auto;
  margin: auto; 
  padding: 0;
	background:none;
}

/* Navigation begins */

#navigation {
	height:52px;
	width:885px;
	margin: 10px 0 15px 5px;
	padding: 0;
	background:#af0a0a url("images/backgrounds/navigation.gif") repeat-x top left;
}

#navigationItemWrapper {
	padding:19px 0 0 0;
}

.navigationItem {
	padding:0 0 0 10px;
}

#navigation a {
	font:bold 11px Arial, Verdana, Helvetica ,sans-serif;
	text-decoration:none;
	color:#fff;
}

#navigation a:hover {
	font:bold 11px Arial, Verdana, Helvetica ,sans-serif;
	text-decoration:none;
	color:#f7f7f7;
}

/* Navigation ends */

/* Header begins */

#header {
	clear:both;
	width:875px;
	background:#fff;
	margin:0 0 0 15px;
	padding:0;
	height:190px;
}

*html #header {
	clear:both;
	background:#fff;
	margin:0 0 0 15px;
	padding:0;
	height:200px;
}

#header_loggedIn {
	clear:both;
	background:#fff;
	padding:20px 10px;
	height:230px;
}

#banners {
	float:left;
	margin:0 10px;
	height:203px;
	line-height:1px;
}

#insideAd {
	float:left;
}

/* Header ends */

/* Login and logobox + search */

/* LogoBox with rounded corners */

.logoBox {
	float:left;
	width:255px;
	margin:0;
	color:#fff;
	background:#af0a0a;
}

.logoBoxTop { 
	background: url("images/backgrounds/logoBox_top_right.gif") no-repeat top right; 
}

.logoBoxBottom {
	background: url("images/backgrounds/logoBox_bottom_right.gif") no-repeat top right; 
}

img.logoBoxLogo {
	padding:0 0 0 5px;
	margin:0 0 -2px 0;
}

* html img.logoBoxLogo {
	padding:0 0 0 5px;
	margin:0 0 0 5px;
	ma\rgin:0 0 -2px 0;
}

img.logoBoxCorner {
   width:7px;
   height:7px;
   border:none;
   display:block !important;
}

/* Search box */

.searchBox {
	/*float:left;*/
	margin:2px 0 0 5px;
	width:217px;
	height:66px;
	color:#fff;
	background:#af0a0a url("images/backgrounds/login_form.jpg") no-repeat top left;
}

*html .searchBox {
	/*float:left;*/
	margin:5px 0 0 3px;
	width:217px;
	height:66px;
	color:#fff;
	background:#af0a0a url("images/backgrounds/login_form.jpg") no-repeat top left;
}

.searchFormField {
	font-weight:bold;
	padding:10px 0 0 10px;
}

.searchFormField_bottom {
	font-weight:bold;
	padding:14px 0 0 10px;
}

*html .searchFormField {
	font-weight:bold;
	padding:9px 0 0 10px;
}

*html .searchFormField_bottom {
	font-weight:bold;
	padding:14px 0 0 10px;
}

/* Login Box */

.loginBox {
	/*float:left;*/
	margin:2px 0 0 5px;
	width:217px;
	height:66px;
	color:#fff;
	background:#af0a0a url("images/backgrounds/login_form.jpg") no-repeat top left;
}

*html .loginBox {
	/*float:left;*/
	margin:5px 0 0 3px;
	width:217px;
	height:66px;
	color:#fff;
	background:#af0a0a url("images/backgrounds/login_form.jpg") no-repeat top left;
}

.formField {
	font-weight:bold;
	padding:5px 0 0 10px;
}

.formField_bottom {
	font-weight:bold;
	padding:10px 0 0 10px;
}

*html .formField {
	font-weight:bold;
	padding:4px 0 0 10px;
}

*html .formField_bottom {
	font-weight:bold;
	padding:7px 0 0 10px;
}

img.loginSubmitButton {
   padding:2px 0 0 0;
	 border:none;
	 display:block !important;
}

*html img.loginSubmitButton {
   padding:5px 0 0 0;
	 margin:5px 0 0 0;
	 ma\rgin:0;
	 border:none;
	 display:block !important;
}

/* Login and logobox + search */

#container {
  width: 895px;
  height: auto;
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF; 
  background-image: url("images/backgrounds/body.gif");
  background-position: left top;
  background-repeat: repeat-y;
}

#singleColumn {
  text-align: left;
	width: 865px;
	margin: 10px 15px 15px 15px;
	padding: 0 0 15px 0;
}

#index_leftColumn {
  text-align: left;
  float: left;
  width: 400px;
  height: auto;
  margin: 0 5px 0 0;
  padding: 0;
  display: inline;
	background:none;
}
#index_rightColumn {
  text-align: left;
  float: right;
  width: 455px;
  height: auto;
  margin: 0 0 0 5px;
  padding: 0;
  display: inline;
	background:none;
}

#leftColumn {
  text-align: left;
  float: left;
  width: 220px;
  height: auto;
  margin: 0 15px 0 0;
  padding: 0;
  display: inline;
	background:none;
}
#rightColumn {
  text-align: left;
  float: right;
  width: 615px;
  height: auto;
  margin: 0 0 0 15px;
  padding: 0;
  display: inline;
	background:none;
}

/* Red Box */

/* Box with rounded corners */

.roundBox {
	width:100%;
	color:#fff;
	background:#c3402b;
	margin:10px 0 0 0;
}

.roundBox h2 {
	color:#fff;
	margin:0 0 0 -2px;
}

.roundBox p {
	margin:0 10px 10px 10px;
}

.roundBoxContent {
	margin:0 8px;
}

.roundBoxTop { 
	background: url("images/backgrounds/box_top_right.gif") no-repeat top right; 
}

.roundBoxBottom {
	background: url("images/backgrounds/box_bottom_right.gif") no-repeat top right; 
}

img.roundBoxCorner {
   width: 8px;
   height: 8px;
   border: none;
   display: block !important;
}

/* Headlines start */

h1 {
	/*font:normal 32px/100% "Times New Roman", "Times", serif;*/
	font:normal 32px/100% Arial Narrow, Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#c3402b;
}

#news h1 {
	/*font:normal 32px/100% "Times New Roman", "Times", serif;*/
	font:normal 28px/100% Arial Narrow, Arial, Helvetica, sans-serif;
	letter-spacing:0;
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#c3402b;
}

#product #productTitle h1 {
	font:bold 30px/100% Arial Narrow, Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#333;
}

#product #productTitle h2 {
	font:normal 26px/100% Arial Narrow, Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#999;
}

#product #productTitle h1#mBookTitle {
	font:normal 32px/100% "Times New Roman", "Times", serif;
	/*font:normal 32px/100% Arial Narrow, Arial, Helvetica, sans-serif;*/
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#c3402b;
}

h2 {
	font:normal 26px/100% "Times New Roman", "Times", serif;
	/*font:normal 26px/100% Arial Narrow, Arial, Helvetica, sans-serif;*/
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#c3402b;
}

h3 {
	font:normal 24px/100% "Times New Roman", "Times", serif;
	/*font:normal 24px/100% Arial Narrow, Arial, Helvetica, sans-serif;*/
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#333;
}

#productTitle h3 {
	margin:0 0 0 5px;
}

h4 {
	font:normal 22px/100% "Times New Roman", "Times", serif;
	/*font:normal 22px/100% Arial Narrow, Arial, Helvetica, sans-serif;*/
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#666;
}

#productTitle h4 {
	margin:0 0 0 10px;
}

#productTitle h5 {
	margin:0 0 0 10px;
}

#product #productTitle h4 {
	margin:0;
}

#product #productTitle h5 {
	margin:0;
}

h5 {
	font:normal 20px/100% "Times New Roman", "Times", serif;
	/*font:normal 20px/100% Arial Narrow, Arial, Helvetica, sans-serif;*/
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#666;
}

h6 {
	font:normal 18px/100% "Times New Roman", "Times", serif;
	/*font:normal 18px/100% Arial Narrow, Arial, Helvetica, sans-serif;*/
	margin:0 0 0 0;
	padding:1px 0 0 0;
	color:#c3402b;
}

/* sIFR */

.sIFR-hasFlash h1 {
	visibility:hidden;
}

.sIFR-hasFlash h2 {
	visibility:hidden;
}

.sIFR-hasFlash h3 {
	visibility:hidden;
}

.sIFR-hasFlash h4 {
	visibility:hidden;
}

.sIFR-hasFlash h5 {
	visibility:hidden;
}

.sIFR-hasFlash h6 {
	visibility:hidden;
}

.sIFR-flash {
	visibility:visible !important;
	margin:0;
}

.sIFR-replaced {
	visibility:visible !important;
}

span.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
}

/* Box overrides */

/* box */
/*
.box {
	padding:0 7px 0 0;
	background:#fff url("img/backgrounds/borders_skin_1.gif") 100% 0 repeat-y;
}

.box_content {
	padding:0 0 0 7px;
	background:#fff url("img/backgrounds/borders_skin_1.gif") 0 0 repeat-y;
}

.box_inner_content {
	background:#cfcfcf;
}

.box_top {
	height:17px;
	margin:0 -7px;
	background:url("img/backgrounds/box_skin_1.gif") 100% 0 no-repeat;
}

.box_top div {
	width:18px;
	height:17px;
	background:url("img/backgrounds/box_skin_1.gif") 0 0 no-repeat;
}

.box_bottom {
	height:17px;
	margin:0 -7px;
	background:url("img/backgrounds/box_skin_1.gif") 100% 100% no-repeat;
}

.box_bottom div {
	width:18px;
	height:17px;
	background:url("img/backgrounds/box_skin_1.gif") 0 100% no-repeat;
}
	
.box h1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	margin:0;
	color:#666;
	background:#000;
	width:90%;
}

.box h2 {
	margin:0;
	color:#666;
	background:#cfcfcf;
	width:90%;
	margin:0 0 0 10px;
}

.box p {
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:0;
	color:#333;
	padding:2px 10px 2px 10px;
	background:#cfcfcf;
}
*/

.box h2 {
	margin:0;
	color:#666;
	background:#fff;
	width:90%;
	margin:0 0 0 10px;
}

/* box skin2 */
/*
.box.skin2 {
	padding:0 7px 0 0;
	background:#fff url("img/backgrounds/borders_skin_2.gif") 100% 0 repeat-y;
}

.skin2 .box_content {
	padding:0 0 0 7px;
	background:#fff url("img/backgrounds/borders_skin_2.gif") 0 0 repeat-y;
}

.skin2 .box_inner_content {
	background:#e2e2e2;
}

.skin2 .box_top {
	height:17px;
	margin:0 -7px;
	background:url("img/backgrounds/box_skin_2.gif") 100% 0 no-repeat;
}

.skin2 .box_top div {
	width:18px;
	height:17px;
	background:url("img/backgrounds/box_skin_2.gif") 0 0 no-repeat;
}

.skin2 .box_bottom {
	height:17px;
	margin:0 -7px;
	background:url("img/backgrounds/box_skin_2.gif") 100% 100% no-repeat;
}

.skin2 .box_bottom div {
	width:18px;
	height:17px;
	background:url("img/backgrounds/box_skin_2.gif") 0 100% no-repeat;
}
	
.box.skin2 h1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	margin:0;
	color:#333;
	background:#e2e2e2;
}

.box.skin2 p {
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:0;
	color:#333;
	padding:2px 10px 2px 10px;
	background:#e2e2e2;
}
*/
/* box skin3 */
	
.box.skin3 {
	padding:0 7px 0 0;
	background:#fff url("img/backgrounds/borders_skin_3.gif") 100% 0 repeat-y;
}

.skin3 .box_content {
	padding:0 0 0 7px;
	background:#fff url("img/backgrounds/borders_skin_3.gif") 0 0 repeat-y;
}

.skin3 .box_inner_content {
	background:#c3402b;
}

.skin3 .box_top {
	height:17px;
	margin:0 -7px;
	background:url("img/backgrounds/box_skin_3.gif") 100% 0 no-repeat;
}

.skin3 .box_top div {
	width:18px;
	height:17px;
	background:url("img/backgrounds/box_skin_3.gif") 0 0 no-repeat;
}

.skin3 .box_bottom {
	height:17px;
	margin:0 -7px;
	background:url("img/backgrounds/box_skin_3.gif") 100% 100% no-repeat;
}

.skin3 .box_bottom div {
	width:18px;
	height:17px;
	background:url("img/backgrounds/box_skin_3.gif") 0 100% no-repeat;
}
	
.box.skin3 h1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	margin:0;
	color:#fff;
	padding:2px 10px 2px 10px;
	background:#c3402b;
}

.box.skin3 p {
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:0;
	color:#fff;
	padding:2px 10px 2px 10px;
	background:#c3402b;
}

/* Skin 4 */

.box.skin4 {
	padding:0 12px 0 0;
	background:#fff url("img/backgrounds/borders_skin_4.gif") 100% 0 repeat-y;
}

.skin4 .box_content {
	padding:0 0 0 12px;
	background:#fff url("img/backgrounds/borders_skin_4.gif") 0 0 repeat-y;
}

.skin4 .box_inner_content {
	background:#fafafa;
}

.skin4 .box_top {
	height:17px;
	margin:0 -12px;
	background:url("img/backgrounds/box_skin_4.gif") 100% 0 no-repeat;
}

.skin4 .box_top div {
	width:18px;
	height:17px;
	background:url("img/backgrounds/box_skin_4.gif") 0 0 no-repeat;
}

.skin4 .box_bottom {
	height:17px;
	margin:0 -12px;
	background:url("img/backgrounds/box_skin_4.gif") 100% 100% no-repeat;
}

.skin4 .box_bottom div {
	width:18px;
	height:17px;
	background:url("img/backgrounds/box_skin_4.gif") 0 100% no-repeat;
}
	
.box.skin4 h1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	margin:0;
	color:#fff;
	padding:2px 10px 2px 10px;
	background:#c3402b;
}

.box.skin4 p {
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:0;
	color:#666;
	padding:2px 10px 2px 10px;
	background:#fafafa;
}


#intro li {
	padding-left:12px;
	margin-bottom:6px;
}

#intro li .current {
	color:black;
	font-weight:bold;
}