/* AJV */

/*

Nykyiset

MICMAC       135,185,100 / 225,175,50             
GIRLS        225,110,140 / 240,40,80    
BOYS         150,160,170 / 60,120,210    
ACCESSORIES  160,115,105 / 120,160,70    
SKATE        125,95,170  / 40,120,225   

*/

body, html {
	font-family: Trebuchet MS, Geneva, Arial, sans-serif;
	font-size: 0.9em;
	width: 100%;
	height: 100%;
	margin: 0; 
	padding: 0;
	text-align: center;
}

img, div { behavior: url(/iepngfix.htc) }

span {
	padding: 0 2em 0 0;
	text-align:center;
}

span.top {
	background-color:#CCCCCC;
	float: left;
	display: block;
	text-align: center;
	margin:1.5em 1em 0 0;
	padding: 0 0.8em;
	height: 2.2em;
	line-height: 2em;
}

#naviContent, #subnaviContent {
	overflow:hidden;
	font-weight: bold;
}

#naviTop, #naviTopgirls, #naviTopboys, #naviTopAccessories, #naviTopaccessories, #naviTopostoskorigirls, #naviTopostoskoriboys, #naviTopostoskoriAccessories, #naviTopostoskoriaccessories, #naviTopskate {
	background-color:#000;
	color: #F1F1F1;
	height: 3.6em;
	min-width: 975px;
	width: 100%;
}

#naviTopSkate {
	height:150px;
}

#logo {
	position:absolute;
	width: 117px;
	height: 150px;
	top: 0;
	left:50%;
	margin-left: 393px;
	background-image:url(/pics/micmac_logo.png);
	background-repeat:no-repeat;
}


#subnaviTopgirls, #subnaviTopostoskorigirls {
	background-color: rgb(240,40,80);
	min-width: 975px;
	width: 100%;
}

#subnaviTopAccessories, #subnaviTopostoskoriAccessories, #subnaviTopaccessories, #subnaviTopostoskoriaccessories {
	background-color: rgb(120,160,70);
}

#subnaviTopboys, #subnaviTopostoskoriboys {
	background-color: rgb(60,120,210);
}

#subnaviTopskate, #subnaviTopostoskoriskate {
	background-color: rgb(40,120,225);
}

#subnaviTop {
	background-color:rgb(225,175,50);
}

#subnaviTop, #subnaviTopgirls, #subnaviTopAccessories, #subnaviTopaccessories, #subnaviTopostoskorigirls, #subnaviTopostoskoriAccessories, #subnaviTopostoskoriaccessories {
	color: #000;
	height: 1.8em;
}

#subnaviTopboys, #subnaviTopostoskoriboys {
	color: #000;
	height: 1.8em;
}

#naviContent ul, #subnaviContent ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#subnaviContent ul {
	clear: both;
}

ul.indent li {
	margin-left: 15px;
}

ul.indent {
	margin-top:10px;
}

li {
	text-transform: uppercase;
	font-size: 0.9em;
}

#cartContent ul.indent li {
	text-transform: none;
	font-size: 1em;
	margin-left: 15px;
}

#naviContent li, #subnaviContent li {
	float: left;
	margin: 0 0 0 0;
}

#naviContent li
{
	float: left;
	display: block;
	text-align: center;
	margin-top:2em;
	height: 2em;
	line-height: 2em;
}

#naviContent li a {
	padding: 0 0.9em;
	color: #F1F1F1;
	text-decoration: none;
}

#subnaviContent li
{
	float: left;
	display: block;
	text-align: center;
	height: 2em;
	line-height: 2em;
}

#subnaviContent li a
{
	padding: 0 0.9em;
	color: #000;
	text-decoration: none;
}

#naviContent li.sel {
	background-color:rgb(225,175,50);
}

#naviContent li.selboys {
	background-color:rgb(60,120,210);
	color: #000;
}

#naviContent li.selgirls {
	background-color:rgb(240,40,80);
	color: #000;
}

#naviContent li.selAccessories, #naviContent li.selaccessories {
	background-color:rgb(120,160,70);
	color: #000;
}

#naviContent li.selAccessories a, #naviContent li.selaccessories a {
	color: #FFF;
}

/* 200,216,43 */
#naviContent li.selskate {
	background-color:rgb(40,120,225);
	color: #000;
}

#subnaviContent li.sel, #subnaviContent li.selgirls, #subnaviContent li.selboys, #subnaviContent li.selAccessories, #subnaviContent li.selaccessories,  #subnaviContent li.selskate {
	background-color:#FFF;
}

#naviContent li.sel a {color: #FFF;}
#naviContent li.selskate a {color: #000;}

#subnaviContent li.sel a {color: rgb(225,175,50);}
#subnaviContent li.selgirls a {color: rgb(240,40,80);}
#subnaviContent li.selboys a {color: rgb(60,120,210);}
#subnaviContent li.selaccessories a, #subnaviContent li.selAccessories a {color: rgb(120,160,70);}
#subnaviContent li.selskate a {color: rgb(40,120,225);}

.liMain:hover {
	background-color: rgb(225,175,50);
}

.liGirls:hover {
	background-color: rgb(240,40,80);
}

.liSelgirls:hover {
	background-color: rgb(255,255,255);
}

.liBoys:hover {
	background-color: rgb(60,120,210);
}

.liSelboys:hover {
	background-color: rgb(255,255,255);
}

.liAccessories:hover, .liaccessories:hover {
	background-color: rgb(120,160,70);
}

.liSelAccessories:hover, .liSelaccessories:hover {
	background-color: rgb(255,255,255);
}

.liSkate:hover {
	background-color: rgb(40,120,225);
	color: #000000;
}

.liSelskate:hover {
	background-color: rgb(255,255,255); 
}

.liSel:hover {
	background-color: rgb(255,255,255);
}

/*#naviContent li#sel a, #naviContent li#selBoys a, #naviContent li#selGirls a {color: #000;}*/
#naviContent, #subnaviContent {
	width: 975px;
	min-width:975px;
	margin: 0 auto;
	position: relative;
}


#mainContainer
{
	position: relative;
	min-height: 100%;
	width: 100%;
	text-align:left;
}

* html #mainContainer
{
	height: 100%;
}

#footer {
	color:#FFFFFF;
	width: 975px;
	margin: 0px auto;
	font-weight:bold;
	text-align:right;
}

#foot {
	background-color:#FFF;
	color:#000;
	position:relative;
	padding:4px 25px;
}

#foot a#fb {
	position:absolute;
	left:25px;
	padding-left:20px;
	background-image:url(../pics/facebook_logo.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
	color:#000000;
}


#holder {
	position: relative;
	width: 975px;
	margin: 0 auto;
	background-color:#FFF;
	height: 500px;
	z-index: 2;
	text-align:left;
}

#videoDescr {
	margin-top:0;
	width:700px;
	height:30px;
	margin-bottom:15px;
	overflow:hidden;
}

/* product_details.php */

#cartHolder {
	position:absolute;
	bottom: 20px;
	left: 0px;
	margin: 25px;
	width: 300px;
	height: 100px;
}

#cart {
	height:100px;
	width: 300px;
	border: 1px solid #000;
	background-color: #FFF;
}

#sizeCheck {
	visibility: hidden;
	margin-left:105px;
	font-size:85%;
	font-weight: bold;
	color: #990000;
	background-color: #FFFFFF;
}

#submitContainer {
	width: 275px;
	background-color: #FFF;
	height: 25px;
}

#cart img {
	float:left;
}

#cartSize {
	float:left;
	width: 40px;
	font-size: 11px;
	height: 17px;
	text-align: center;
	background-color: white;
}

select#sizeSelector {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 200px;
	height: 24px;
}

.cartButton {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
	width: 150px;
	border: 0;
	background-color:#FFF;
	color : #000;
	cursor: pointer;
	height: 18px;
	margin-top:2px;
	text-align:left;
}

#cartContents {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	font-size: 12px;
	color : #000;
	margin-top: 2px;
	overflow: hidden;
	height: 24px;
	line-height:24px;
	width: 200px;
}

#cartContents a {
	color: #000;
}

#cart #gotoBasket {
	border-bottom: 1px solid #000;
	width: 230px;
	height: 23px;
	line-height:23px;
	font-size: 12px;
	margin-left: 70px;
}

#cart #gotoBasket a {
	color : #000;
	text-decoration: none;
}

#cart #gotoBasket a:hover {
	color : #000;
	text-decoration: none;
}


#productPic {
	float: right;
}

#productPicPointer {
	float: right;
	cursor: pointer;
}

#productInfo, #skateAd {
	width: 755px;
	margin: 25px 0px 25px 25px;
	overflow:hidden;
	float:left;
}

#skateAd img {
	margin-right: 25px;
}

#skateAd h1 {
	margin-top: 0;
	padding-top: 0;
}

#productInfo h1 {
	white-space:nowrap;
}

#productCatalog, #cartContent {
	float:left;
	height: inherit;
}

#productCatalog {
	overflow: auto;
	width: 925px;
	height: 450px;
}

#cartContent {
	overflow-y:auto;
	margin: 25px;
	height: 450px;
	width: 925px;
}

#fp {
	overflow:hidden;
}

#fp input {
	width: 430px;
}

#fp textarea {
	width: 430px;
	height: 200px;
	font-size: 1em;
}

#productCatalog, #fpContainer, #skateContainer {
	text-align:left;
	margin: 25px;
}

#fpContainer, #skateContainer {
	line-height: 1.25em;
}

#fpContainer a {

	color: rgb(225,175,50);

}

#onlyThis {
	height: 23px;
	border-bottom: 1px solid #000;
}

#fpContainer h1 a {
	color: rgb(0,0,0);
}

#fpContainer h3 {
	margin: 0 0 4px 0;
	color: rgb(225,175,50);
	font-size:12px;

}

#fpContainer #rightContent {
	width: 440px;
	line-height:1.2em;
}

#fpContainer h1 {
	margin-top: 0;
	margin-bottom: 10px; 
}

#skateContainer h3 {

	color: rgb(40,120,225);
		font-size:12px;

}

#skateContainer a {
color: rgb(40,120,225)
}

#productList {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 165px;
	float:left;
	height: 450px;
	overflow:auto;
	background-image:url(/pics/valintaviiva.jpg);
	background-position:left top;
	background-repeat:repeat-y;

}

#productTexts {
	position: absolute;
	left: 25px;
	top: 25px;
	width: 300px;
}

#teamContent {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 225px;
	height: 450px;
	overflow:auto;
	padding-right:4px;
	background-image:url(/pics/valintaviiva.jpg);
	background-position: 5000px top;
	background-repeat:repeat-y;
	
	
}

#teamContent  h1 {
	margin-left: -1px;
}

img#currentProduct {
	border: 1px solid #990000;
}

.productThumb {
	width: 140px;
	text-align:right;
	margin: 5px 0;
}

.productThumb img, .productThumbselected img  {
	margin-top: 10px;
}

.productThumbselected {
	width: 140px;
	height: 100px;
	margin: 5px 0;
	text-align:right;
	background-image:url(/pics/valintanuoli.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#alternateThumb {
	position: absolute;
	top: 25px;
	left: 730px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 10px;
	background-color:#FFFFFF;
	border: 1px solid #CCC;
	z-index:3;
	font-size: 10px;
}

#alternateThumb img {
	float: right;
}

/* product_catalog.php */

.productListItems {
	width: 100px;
	height: 100px;
}

.productListItems img {
	margin: 0px 25px 25px 0px
}

/* page.php */

#map {

	float: left;
	width: 450px;
	height: 212px;
	margin-right: 25px;

}

.shopFP {
	float:left;
	width: 212px;
	margin-right: 25px;
}

.skateshopFP {
	float:left;
	width: 450px;
	margin-right: 25px;
}

#lastFP {
	margin-right: 0px;
}

#latestPic {
	float: left;
	margin-right: 25px;
}

.shopFP h1, .skateshopFP h1 {
	margin-top:10px;
}

.shopFP h1 a, .skateshopFP h1 a {
	color: #000;
	text-decoration: none;
}



#rightContent {

	position: absolute;
	right: 25px;
	top: 25px;
	width: 450px;
	height: 450px;
	padding: 0 10px;
	overflow: auto;

}

#skateContentRight {

	position: absolute;
	right: 25px;
	top: 25px;
	width: 340px;
	height: 450px;
	padding: 0 10px;
	overflow: auto;

}

#skateContentRight h3 {
	margin-top: 0px;	
}

#leftContent {

	position: absolute;
	left: 25px;
	top: 25px;
	width: 450px;
	height: 425px;
	padding-right: 10px;
	overflow: auto;
}

#leftContentImg {
position: absolute;
	left: 25px;
	top: 25px;
	width: 450px;
	height: 425px;
	padding-right: 10px;
	overflow:visible;
}

#skateFPleft {


	position: absolute;
	left: 25px;
	top: 25px;
	width: 650px;
	height: 450px;
	padding-right: 10px;

}

#skateFPleft img {

	margin-right: 25px;
	float: left;

}

#leftContent  li {
	text-transform:none;
}

#shopPic {
	position: absolute;
	bottom: 25px;
	left: 25px;
}

.hide {
	display:none;
}

/* General styles, applies to all areas */

h1 {
	font-size: 1.5em;
	padding: 0;
	margin: 0 0 0.2em 0;
}

s {
	color: rgb(255,0,0);
}

img {
border : 0px;
}


p.smallbasic {
font-size : 90%;
padding: 0.2em;
margin: 0;
}

p.smallnote {
font-size : 90%;
color : #7a7a7a;
display : inline;
}

p.smallfade, span.smallfade {
	color: #000;
	padding: 0.2em;
	margin: 0;
	font-weight: bold;
}

a {
color : #007ba4;
}

input, select {
font-size : 90%;
}

input.button {
	border-top : 1px solid #d3d3d3;
	border-left : 1px solid #d3d3d3;
	border-bottom : 1px solid #969696;
	border-right : 1px solid #969696;
	/*background-image : url(../shop/logos/button_bg.gif);*/
	background-repeat:repeat-x;
	font-size : 90%;
	color : #000000;
	cursor: pointer;
}

input.bigbutton {
	border-top : 1px solid #d3d3d3;
	border-left : 1px solid #d3d3d3;
	border-bottom : 1px solid #969696;
	border-right : 1px solid #969696;
	/*background-image : url(../shop/logos/button_bg.gif);*/
	background-repeat:repeat-x;
	font-size : 100%;
	color : #000000;
	cursor: pointer;
}

#restable {
	margin-left: 250px;
	width: 400px;
}

#fp .narrow {
	width: 100px;
	height: 30px;
}

input.field {
border-top : 1px solid #747474;
border-bottom : 1px solid #747474;
border-left : 1px solid #747474;
border-right : 1px solid #747474;

font-size : 90%;
background : #ffffff;
color : #000000;
}

textarea.field {
border-top : 1px solid #747474;
border-bottom : 1px solid #747474;
border-left : 1px solid #747474;
border-right : 1px solid #747474;

font-size : 90%;
background : #ffffff;
color : #000000;
}

form.inline {
display : inline;
margin: 0;
padding: 0;
width: 700px;
} 



/* Page top styles, applies to the top area */

td.toplinks {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
background-image : url(../shop/logos/toplinks_bg.gif);
}

p.toplinks {

font-size : 90%;
color : #007ba4;
}



/* Breadcrumb styles, applies to the breadcrumb area */

td.topbreadcrumb {
padding : 5px;
}

p.topbreadcrumb {

font-size : 90%;
color : #adadad;
}

a.topbreadcrumb {
text-decoration : none;
color : #adadad;
}



/* Navigation styles, applies to the category navigation area on the left hand side */

td.navigation {
padding : 25px;
border-right : 1px dashed #c0c0c0;
background-color : #ffffff;
}

td.nav_open { 

} 
 
p.nav_open { 
 
font-size : 90%; 
color : #007ba4; 
} 
 
a.nav_open { 
color : #007ba4; 
} 
 
td.nav_closed { 

} 
 
p.nav_closed { 
 
font-size : 90%; 
color : #007ba4; 
} 
 
a.nav_closed { 
color : #007ba4; 
}



/* Main styles, applies to the main page area on the right hand side */

td.main {
padding : 25px;
background-color : #ffffff;
}



/* Cart snapshot styles, applies to the snapshot area of the shopping cart */

td.cartbottom {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
background-image : url(../shop/logos/cartbottom_bg.gif);
}

font.cartbottom {

font-size : 90%;
color : #007ba4;
}



/* Bottom styles, applies to the bottom area */

td.bottom {
padding : 5px;
}



/* Product table styles, applies to product detail area */

table.product {
border-bottom : 1px solid #f3f3f3;
}

td.details {
padding : 10px;
border-left : 1px solid #f3f3f3;
}

tr.list1 {
background-color : #f9f9f9;
} 

tr.list2 {
background-color : #ffffff;
} 



/* Shopping cart styles, applies to shopping cart table area */

td.cartbasic {
	border-bottom : 1px solid #f3f3f3;
	padding: 2px;
	margin: 0;
} 

p.cartbasic {
	
} 

td.carttotal {
padding : 5px;
border-bottom : 1px solid #f3f3f3;
} 

p.carttotal {
font-weight : bold;
} 



/* Progress bar styles, applies to progress bar area */

p.pb {
color : #000;
margin: 0;
padding: 2px;
} 

td.pbactive {
font-weight: bold;
font-size: 1em;
line-height: 0.5em;
height: 20px;
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
} 

td.pbinactive {
height: 20px;
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
}

textarea {

	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
	width: 243px;

}
  	     	      	     	   	       		         	    	   	   	     

/* Clover Shop Copyright (c) 2001- Apilaratas Oy - http://www.apilaratas.fi */