body { background: url(../img/shop_main_bg.png) repeat-x top #fff; margin: 0; padding: 0; width: 100%; }

#container {
	padding: 0px 10px 20px 10px;
	margin: 0 auto;
	width: 940px;
	text-align: left;
	background: none;
	position: relative;
}
#shop_mast { height: 180px; padding-top: 10px; position: relative; }
#content { text-align: left; background:none;}
#content_main {
	position: relative;
	padding: 20px 0px 0px 0px;
	margin-right: 220px;
	margin-left: 0px; 
}

div#content { 
	min-height:400px;
}
#content_right {
	float: right;
	width: 220px;
	margin: 0px;
	padding: 0px;
}
a { outline: none; }
h1 {
	padding: 1em 0.5em 0.2em 35px;
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
	font-size:2.1em;
	font-weight:normal;
	color:#f47525;
	margin: 0em 3em 0.5em 1em;
	background: url("../img/icons/arrow_down.gif") no-repeat 0 1.1em transparent;
}
#lightwindow_contents h1 { padding: 0.5em 0.2em 0.25em 0.2em; }
h2 {
	font-size:1.7em;
	font-weight:normal;
	margin: 0;
	padding: 0 1.5em;
	color:#012d52;
	background: url("../img/icons/arrow_down_45.gif") no-repeat 0 17px transparent;
}
h2.category { margin: 0 1em 0.2em 1em; padding: 10px 3px 5px 10px; color: #000; clear: left; background: none; border-bottom: 1px solid #2e8bc7;}
h3 {
	margin: 1.6em 1.5em 0.8em 1.5em;
	padding: 3px 0 3px 10px;
	color: #f47525;
	font-size:1.5em;
	font-style: italic;
	background-color:transparent;
	line-height:1.6em;
	background: url("../img/icons/arrow_down_45_15x15.gif") no-repeat 0 9px; 
	border-top: none;
	border-top: 2px solid #012d52;
	border-bottom: 1px dashed #012d52;
	font-weight: bold;
}

h4 {
	color: #3ea1e2;
	margin: 1em 2em 1em 2em;
	font-size:1.1em;
	background-color:transparent;
}
p { font-size: 1.2em; }
a {
	color:#3ea1e2;
	text-decoration:none;
	background-color:transparent;
}
a:visited {
	color:#4F7280;
}
a:hover, a:active {
	color:#f47525;
	text-decoration:none;
	background-color:#fff;
	border-bottom:1px solid #3ea1e2;
}
.clear { background: none; border: none; }
sup { color: #3ea1e2; }

/*= Product presentation
-------------------------------------------------------*/
.box_container {
	margin: 5px;
	position: relative;
	 
}

.box_container_bottom { position: absolute; bottom: 0; height: 10px; width: 300px; clear: both; position: relative; }
.box_container input.amount { width: 3em; text-align: right; }
.box_container input { margin: 0px 3px 0px 0px; }
.box_container option { font-size: 1.3em; }
.box_container table { width: 680px; margin: 0px auto; }
.box_container tr { background: none; } 
.box_container th { color: #4F7280; border-bottom: 2px solid #a4cde9; }
.box_container td { background: url("http://www.sandstone.fi/img/fieldset_bg.gif") repeat-x 0 -60px #ebebeb; padding: 5px 10px; text-align: left; }

.box { 
	float: right; 
	cursor: move; 
	margin: 0px; 
	padding: 5px; 
	width: 70px; 
	height: 80px; 
	border: 3px double #999; 
	background-color: #fff; 
	color: #999; 
	text-align: center; 
	z-index: 101;
}
.box img { height: 36px; }
.box_container form { width: 680px; margin: 0; padding:0;}
span.strike { text-decoration: line-through; color: #666; }
.info_icon { margin: 0 5px 0 0; vertical-align: middle; }


/* Campaign
---------------------------------*/

 #campaign { 
 width: 750px;
 height: 200px;
 	position: relative; 
	margin: 0px auto; 
	padding: 0; 
	background: url(../img/joulubanner.jpg) no-repeat 0 0 #fff; 
	/*border: 4px dashed #a3d2f4; */
}
 #campaign span { position: absolute; text-indent: -9999px; }
 #campaign h2 { color: #f47525; font-size: 2.0em; font-style:italic; }
 #campaign p { font-size: 1.4em; }
/* Introduction
---------------------------------*/
 h2#introduction { text-align: center; font-style: italic; margin: 0; padding: 0 10px 20px 0px; font-size: 1.2em; color:#012d52;}
 
/* Help navigation
---------------------------------*/
#help_nav { position: absolute; right: 0; top:0; margin: 110px 80px 0 0; }
#help_nav ul{ list-style: none; margin:0; padding: 0;}
#help_nav ul li { margin:0 5px 30px 0; padding: 0; height: 30px; width: 220px; float: left;}
#help_nav ul li a { display: block; margin:0; padding: 0; height: 30px; width: 220px; border: none; background: none;}
#help_nav ul li span { text-indent: -9999px; position: absolute; }
#help_nav ul li#help { background: url(../img/signs.png) no-repeat 0 0; width: 100px; }
#help_nav ul li#payment { background: url(../img/signs.png) no-repeat 0 -30px; width: 140px; }
#help_nav ul li#terms { background: url(../img/signs.png) no-repeat 0 -60px; width: 160px; }
#help_nav ul li#mob_compatibility { background: url(../img/signs.png) no-repeat 0 -90px; }


/* Shop progress status
---------------------------------*/
.progressmeter { margin: 0px 0 22px 220px; position: relative; top: 0;}
.progressmeter ol {margin:0; padding:0; width: 630px; height: 100px; }
.progressmeter li { float:left; height:100px; margin: 0; padding: 0; color:#999; background: url(../img/progress_bar.png) 0 0 no-repeat; list-style: none;}
.progressmeter li a { padding:0; margin: 0; display: block; height: 100px; background: none; border: none; text-decoration: none; }
.progressmeter li.one { width: 80px; background-position: 0px 0px;}
.progressmeter li.two { width: 100px; background-position: -80px 0px;}
.progressmeter li.three { width: 120px; background-position: -180px 0px;}
.progressmeter li.four { width: 175px; background-position:-300px 0px;}
.progressmeter li.five { width: 155px; background-position:-475px 0px;}

.progressmeter li.current.one {background-position: 0 -100px;}
.progressmeter li.current.two {background-position: -80px -100px;}
.progressmeter li.current.three {background-position: -180px -100px;}
.progressmeter li.current.four {background-position:-300px -100px;}
.progressmeter li.current.five {background-position: -475px -100px;}

.progressmeter li.visited.one {background-position: 0 -200px;}
.progressmeter li.visited.two {background-position: -80px -200px;}
.progressmeter li.visited.three {background-position: -180px -200px;}
.progressmeter li.visited.four {background-position:-300px -200px;}
.progressmeter li.visited.five {background-position: -475px -200px;}
.progressmeter p, .progressmeter li span {display:block; position:absolute; left:-9999px;}

/*=Langs
----------------------------------*/

.langs { position: absolute; left: 0; top: 0; list-style: none; margin: 102px 0 0 40px; padding:0;}
.langs li { float: left; padding: 0; margin:0 2px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px; 
	-webkit-border-bottom-right-radius: 3px; 
	border: solid #92caf2; border-width: 0px 1px 1px;}
.langs li a { display: block; border: 0; padding: 3px 5px;  }
.langs li.current_lang { background-color: #fff; }

/* Bank images */
.payment_images {  
	height: 80px; width: 450px; 
	clear: both; 
	margin: 10px auto;
}

/*= THE CART
----------------------------------*/
#cart_container {
	width: 220px;
	padding:0;
	margin: 0px;
	text-align: center;
	float: right;
	position: relative;
}

#cart {
	clear: both;
	min-height:250px;
	overflow: auto;
	width:220px;
	padding: 30px 0 0 0;
	margin: 0;
	background: url(../img/cart_bg.png) no-repeat left top;
	color: #4F7280;
	text-align: left;
}
#cart_bottom {
	width:220px; height:20px;
	padding: 0;
	margin: 0;
	background: url(../img/cart_bg.png) no-repeat left bottom;
}

#cart dl { padding: 5px 0px; margin: 10px 0 0 5px; width: 210px; } 
#cart dt { float: left; padding:8px 0px 5px 5px; width: 170px; color: #012d52; margin:0; font-weight: bold; border-bottom: 1px dashed #fff; }
#cart dd { float: left; width: 32px; margin:0; padding: 2px 0;}
#cart span { color: #f47525; }
#cart h4 { color: #fff; padding: 0 0 2px 0; margin: 0; font-weight: bold; }
#cart a { border: none; }
#cart p { text-align: center; padding-top: 20px; font-size: 1.4em; }
#cart_navi { margin: 0; }
#loading {
	display:none;
	margin: 2px 25px 0px 0px;
	padding: 7px 0 3px 0px;
	width: 226px; height:20px; 
}
.removeCartItem { cursor:pointer; }

#clearCart {
	text-decoration:underline; 
	cursor: pointer;
	display: block;
	margin: 2px 25px 0px 0px;
	color: #f47525; 
	width: 226px; height:30px; 
	background: url(../img/signs.png) no-repeat 0 -120px;
	border: none; 
	text-decoration: none;
	
}
#clearCart  span { position: absolute; text-indent: -9999px;}
#to_checkout { margin-top: 2px; }
#to_checkout a { display: block; width: 226px; height:30px; background: url(../img/signs.png) no-repeat 0 -150px; border: none; text-decoration: none; }
#to_checkout a span { position: absolute; text-indent: -9999px;}
#clearCart:hover {
	color:#012d52;
}

.hidden {
	position:absolute;
	left: -9999px;
}
li#orderStatus { color: #def0ff; font-weight: normal; }
li#orderStatus #status { color: #f47525; }

/* preview page contact presentetaion
----------------*/
dl.preview { padding: 0; margin: 5px auto; width: 500px;} 
dl.preview dt { float: left; padding: 0 3px; width: 300px; color: #012d52; margin:0; font-weight: bold; line-height: 160%; border-bottom: 1px dashed #ccc; }
dl.preview dd { margin:0; padding: 0 3px; line-height: 160%; border-bottom: 1px dashed #ccc; }


/* Sandstone Tag
-----------------*/
#sandstone_tag { width: 150px; height:50px; float: right; background: url(../img/sandstone_tag.png) no-repeat 0 0 transparent; }
#sandstone_tag span { position: absolute; text-indent: -9999px; }
#sandstone_tag a { display: block; width: 150px; height: 50px; }
#sandstone_tag a:hover { display: block; width: 150px; height: 50px; border:none; background: none; }

/* MAIN Site navigation
--------------------*/
#main_nav_container { width: 960px; position: relative; margin: 0 auto; height: 42px; border: 0;}
#main_navi ul {
	position:absolute;
	bottom:0;
	left:0;
    margin: 0 0 0 300px;
    padding:0;
    list-style:none;
	font-size:0.95em;
}
/*** Awesome button styles ***/

.awesome, a.awesome{
	background: #222 url(../img/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin: 5px 2px;
	outline: none;
}
.awesome:active	 { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding: 3px 5px 2px; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
	
.green.awesome, .green.awesome:visited { background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited { background-color: #4293ca; }
.blue.awesome:hover { background-color: #007d9a; }
.red.awesome, .red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }
.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }


/*=FORM
-------------------------------------------------*/

fieldset { border: 1px solid #ccc; padding: 10px; margin: 10px 0; }
legend { font-size: 1.5em; padding: 5px 10px;border: 1px solid #ccc;}
input { background: #fff; border: 1px solid #ccc; }

form { width: 800px; margin: 0 auto; background: none;}
fieldset{
	margin:1.5em 2em;
	padding: 10px 0;
	border: 2px solid #def0ff;
	background: url("http://www.sandstone.fi/img/fieldset_bg.gif") repeat-x top #b4dbf4;
}

legend {
	color:#012d52;
	padding: 0.3em 0.5em;
	margin: 5px;
	font-size:1.4em;
	font-weight: normal;
	background: #def0ff;
	border: 1px solid #fff;
}

fieldset p {
	margin: 0 2em;
	
}
fieldset p, fieldset li { font-size:1.3em; }
.validation-advice { color: #F47525; font-weight: bold; }
form em { color: #F47525; }
form h4 { color:#012d52; }
#orderDetails li { list-style: none; }

div#orderDetails { padding: 10px; }

#orderDetails ul { margin:0; padding:0; list-style:none;}

#orderDetails ul li { margin:0; clear:both; background:none; padding: 2px 2em 3px 2em; border-top: 1px dashed #fff;}

#orderDetails label { 
	font-size: 1.0em;
	color: #205d92;
	font-weight: normal;
	display: block;
	float: left;
	width: 200px;
	padding:3px 0;
}

#orderDetails li.radio label { display: block; width: 450px; float: left; margin-left: 5px; }
#orderDetails li.radio input { float: left; display: block; margin-top: 5px;}

#orderDetails .txtField  {
	display:block;
	float:left;
	padding:3px;
	width:220px;
	margin:5px 0 7px 0;
	font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	outline:none;
}

#orderDetails .txtField:hover, #orderDetails .txtField:focus, #orderDetails .txtField:active { border-color:#363636; background:#fff;}
#orderDetails em { color:#f79a1b; font-weight: bold;}

input.button {
	font: 1.2em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold; 
	margin-left: 5px;
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width:auto;
	height:auto;
	padding:5px 7px;
	background: url(../img/gradient_blue_lighttop.png) repeat-x 0 0px #fff;
}
.continue { float: right; }

#orderDetails input.send_button:active {
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
}
.error { margin: 30px auto; width: 821px; color:#FF0000;}
.validation-advice { margin: 10px auto; clear: left; }

/* =TABLES
------------------------------------------------------*/
#cartTable { border: none; margin: 10px auto; width: 760px;}
#cartTable input.amount  { width: 3em; text-align: right; margin-right: 2px; border:1px solid #2f8cc8; padding: 2px;}
#cartTable input.pricePrint { background: none; border: none; margin-right: 0; color: #f47525; text-align: right; }

th { padding: 8px 5px 4px 7px; margin: 0; font-style: italic; color: #2f8cc8; border-bottom: 1px solid #def0ff; text-align: left; font-size: 1.3em;}
td { padding: 10px; margin: 0; }
tr {  background: url("http://www.sandstone.fi/img/fieldset_bg.gif") repeat-x 0 -60px #ebebeb;  }
.odd { background: #fff;}

/*=Payment choices
---------------------*/
.payment_list{ float: left; margin:0 0 0 10px; padding: 5px 10px; background-color: #fff; }
.payment_list form { width: auto; }

/*= Headers Image replacement
----------------------------------*/
h1.ir{
	clear: both;
	margin: -45px 0 10px 20px;
	padding: 0;
	width: 178px;
	height: 150px;
	position: relative;
	float: left;
	left: 0; top: 0;
	}
h1.ir a{
	width: 178px;
	height: 150px;
	display: block;
	background: none;
	border: none;
	}
h1.ir span {
	text-indent: -9999px;
	margin:0;
	padding:0;
	position: absolute;
}
h1#bag { background: url(../img/product_headers/sanakirjakauppa_h1_tag.png) no-repeat;	}