@import url('../common/style/commerce.css?ver=2'); 

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

body {
	font:normal 12px Arial, Verdana, Helvetica ,sans-serif;
	/*background:#fff url("img/backgrounds/pattern_1.gif") repeat-x 0% 0%;*/
	background:#e1f697;
	/*background:url("img/backgrounds/hiutaleet_background.jpg");*/
}

html* #functions {
	position:absolute;
	text-align:right;
	top:0;
	margin:0 0 0 -243px;
	width:240px;		
}

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

a:link, a:hover, a:active, a:visited {
	font:normal 12px Arial, Verdana, Helvetica ,sans-serif;
	text-decoration:none;
	color:#c33;
}

a:hover {
	color:#666;
}

a.readMore {
	text-align:right;
	font:bold 12px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
}

p {
	text-align:left;
}

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

#index .inputField {
	width:170px
}

*html #index .inputField {
	width:170px
}

#index .label {
	padding:0 5px 0 10px;
}

*html #index .label {
	padding:0;
}

#rightWide textarea {
	width:340px;
}

/* Column definitions */

#content {
	margin:0 5px;
}

#single {
  text-align:left;
	/*clear:both;*/
	/*width:770px;
	w\idth:750px;*/
	margin:0;
	padding:10px;
}

*html #single {
  text-align:left;
	/*clear:both;*/
	/*width:770px;
	w\idth:750px;*/
	margin:0;
	padding:10px;
}

#index #column1 {
	float:left;
	width:225px;
	w\idth:210px;
	padding:10px 5px 10px 10px;
}

#index #column2 {
	float:left;
	width:345px;
	w\idth:330px;
	padding:10px 5px 10px 10px;
}

#index #column3 {
	float:right;
	width:190px;
	w\idth:175px;
	padding:10px 10px 10px 5px;
}

/* common.css overrides */

#container {
  width:770px;
  height:auto;
  margin:0 auto;
  padding:0;
  background:#fff url("img/backgrounds/body.gif") 0% 0% repeat-y;
}

/* indexHeader */

#header {
	margin:0 5px;
	padding:0;
}

/* Navigation */

#navigation {
	border:1px solid #f1efec;
	border-width:1px 0;
	margin:0 5px;
	height:35px;
	/*background:#e31d3c;*/
	background:#fff;
	text-align:center;
}

#navigation a {
	font:bold 12px Arial, Verdana, Helvetica, sans-serif;
	float:left;
	border:1px solid #f1efec;
	border-width:0 1px 0 0;
	padding:10px;
	margin:0;
	overflow:hidden;
	color:#585858;
	text-decoration:none;
	background:#fff;
}

#navigation a:hover, a:active, #navigation a#current {
	color:#fff;
	background:#e31d3c;
}

#navigation a.last {
	padding:10px;
}


/* Colorbar */

#colorBar {
	height:15px;
	margin:0 5px;
	background:url("img/backgrounds/colorbar.gif") no-repeat 0% 0%;
}

/* Multiple products */

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

#productTitle h4 {
	margin:-7px 0 5px 10px;
}

/* Special offer */

#specialOffer {
	clear:both;
}

#specialOffer_product {
	float:left;
	border:1px solid #ddd;
	text-align:center;
}

#specialOffer_product img {
	padding:10px;
}

#specialOffer_productPrice {
	font:bold 36px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
	letter-spacing:-1px;
	color:#e31d3c;
	margin:1px;
	background:#f8f8f8;
	padding:10px 0;
}

#specialOffer_data {
	float:right;
	width:180px;
}

#specialOffer_data p {
	margin:0 0 0 0;
	padding:0 10px 0 0;
}

#specialOffer_data h1 {
	font:bold 30px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
}

#specialOffer_data h2, #specialOffer_data h3 {
	font:normal 24px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
	color:#333;
}

*html #specialOffer_data h2, #specialOffer_data h3 {
	font:normal 24px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
	color:#333;
	margin:10px 0;
}

#specialOffer_data h3 {
	font:bold 20px "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
	margin:10px 0 0 0;
	padding:0;
}

/* Footer */

#footer {
	text-align:left;
	clear:both;
	margin:0 auto;
	width:740px;
	height:30px;
	padding:10px 15px 0 15px;
	background:url("img/backgrounds/footer.gif") no-repeat 0% 0%;
}

*html #footer {
	text-align:left;
	margin:0 auto;
	width:770px;
	w\idth:740px;
	height:40px;
	he\ight:30px;
	padding:10px 15px 0 15px;
	background:url("img/backgrounds/footer.gif") no-repeat 0% 0%;
}

#footer div, #footer img {
	float:left;		
}

#footer p {
	font:normal 11px Arial, Verdana, Helvetica ,sans-serif;
	color:#7c7c7c;
}

*html #footer p {
	font:normal 11px Arial, Verdana, Helvetica ,sans-serif;
	color:#585858;
}

#footer a {
	font:normal 11px Arial, Verdana, Helvetica ,sans-serif;
	color:#585858;
	text-decoration:none;
	padding:0 8px; 
}

#footer a:hover {
	font:normal 11px Arial, Verdana, Helvetica ,sans-serif;
	color:#000;
	text-decoration:none;
}

/* General definitions */

img {
	border:0;
	margin:0;
	padding:0;
}

.image {
	float:left;
	margin:3px 10px 5px 0;
}

h1, h2, h3 h4, h5, h6 {
	padding:0;
	margin:0;
	color:#e31d3c;
}

#index #column2 h1 {
	font: normal 30px/100% "Arial Narrow", Arial, Helvetica, sans-serif;
	margin:0 0 -5px 0;
	letter-spacing:-1px;
	padding:0;
}

*html #index #column2 h1 {
	font: normal 30px/100% "Arial Narrow", Arial, Helvetica, sans-serif;
	margin:0 0 -15px 0;
	letter-spacing:-1px;
	padding:0;
}

h1 {
	font: normal 30px/100% "Arial Narrow", Arial, Helvetica, sans-serif;
	margin:0;
	letter-spacing:-1px;
	padding:0;
}

*html h1 {
	font: normal 30px/100% "Arial Narrow", Arial, Helvetica, sans-serif;
	margin:0;
	letter-spacing:-1px;
	padding:0;
}

#product h1 {
	font:normal 24px/100% "Arial Narrow", Arial, Helvetica, sans-serif;
	margin:5px 0;
}

#product h2 {
	font:normal 22px/100% "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#585858;
}

h1#mbookTitle {
	font:normal 30px/100% "Arial Narrow", Arial, Helvetica, sans-serif;
	border-bottom:1px solid #e31d3c
}

h2 {
	font: normal 26px/100% "Arial Narrow", Arial, Helvetica, sans-serif;
}

h3 {
	font: normal 22px/100% "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#666;
}

h4 {
	font: normal 20px/100% "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#666;
}

h5 {
	font: normal 18px/100% "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#666;
}

h6 {
	font: normal 16px/100% "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#666;
}