@import url(reset.css);
@import url(editor.css);

html, body { height: 100%; background-color: #295098; }

/* Layout
----------------------------------------*/

/* Structure */

div#container { 
        position: relative;
        width: 970px;
        height: auto !important;
        height: 100%;
        min-height: 100%;
	margin: 0 auto;
        background: url(../ulkoasu/site_bg.gif) repeat-y 0 top;
}

div#header {
        width: 970px;
        float: left;
        height: 74px;
        background: #ffec00 url(../ulkoasu/header_bg.gif) no-repeat 0 top;
        margin-top: 40px;
}

div#content {
        width: 966px;
        float: left;
        border-right: 2px solid white;
        border-left: 2px solid white;
}

div#footer {
        width: 970px;
        height: 10px;
	padding: 0 0 40px 0;
        background: url(../ulkoasu/footer_bg.gif) no-repeat 0 top;
        clear: both;
}

/* Content Wrappers */

.contentWrapper {
	float: left;
	position: relative;
	font-size: 110%;
	width: 950px;
	margin: 7px 0 0 0;
	padding: 0 0 0 8px;
	background-position: 8px 0;
}

.contentWrapper_campaign {
	float: left;
	position: relative;
	font-size: 110%;
	width: 950px;
	margin: 7px 0 0 0;
	padding: 0 0 0 8px;
	background-position: 8px 0;
}

.contentW2,
.contentW3 { float: left; width: 100%; }

.home .contentWrapper { background-image: url(/media/ulkoasu/content_home-middle.gif); background-repeat: repeat-y; }
.home .contentWrapper .contentW2 { background: url(/media/ulkoasu/content_home-top.gif) top left no-repeat; }
.home .contentWrapper .contentW3 { background: url(/media/ulkoasu/content_home-bottom.gif) bottom left no-repeat; }

.home .contentWrapper { color: #ffffff; }
.home .contentWrapper a { color: #ffffff; text-decoration: underline; }

.default .contentWrapper .contentW2 { background: #ffffff url(/media/ulkoasu/content_default-top.gif) top left no-repeat;  }
.default .contentWrapper .contentW3 { background: url(/media/ulkoasu/content_default-bottom.gif) bottom left no-repeat; }

.default .contentWrapper_campaign .contentW2 { background: #ffec00 url(/media/ulkoasu/content_promoted-top.gif) top left no-repeat;  }
.default .contentWrapper_campaign .contentW3 { background: url(/media/ulkoasu/content_promoted-bottom.gif) bottom left no-repeat; }

/* Navigational Bar */

.div_navigate_down {
        width: 950px;
        height: 38px;
        float: left;
        padding: 4px 0 0 20px;
        background: url(../ulkoasu/navi43_bg.jpg) no-repeat 8px 7px;
}

/* Homepage highlights */

.div_raise {
        float: left;
        width: 310px;
        text-align: left;
	padding: 8px 0 0 9px;
}
.div_raise p { margin: 0; }

/* Header 
----------------------------------------*/

#linkLogo { float: left; margin: 2px 0 0 0px; }

#linkLogo_avain { float: left; margin: 2px 0 0 10px; }

#formSearch {
        float: right;
	width: 260px;
	padding: 7px 8px 0 0;
}

#formSearch .formTextinput {
        width: 150px;
	height: 15px;
	padding: 5px;
        text-align: left;
        vertical-align: middle;
        border: 1px solid #f1df00;
}

#formSearch .formSubmit {
	width: 22px;
	height: 22px;
	border: 0;
	padding: 0;
	background: url(/media/ulkoasu/search.gif) top left no-repeat;
	cursor: pointer;
}

/* Main
----------------------------------------*/

div#leftcolumn {
        width: 555px;
	height: auto !important;
        min-height: 360px;
        margin: 0 auto;
        float: left;
	padding: 25px 35px 25px 35px;
        text-align: left;
	overflow: hidden;
}

div#leftcolumn_promoted {
        width: 555px;
	height: auto !important;
        min-height: 350px;
        margin: 0 auto;
        float: left;
	padding: 5px 35px 5px 35px;
        text-align: left;
	overflow: hidden;
        background: url(/media/ulkoasu/promoted_bg_home.jpg) top left no-repeat;
}

#promoted {
        width: 555px;
	z-index: 1;
	position: relative;
	top: 15px;
        background: url(/media/ulkoasu/tiukat.png) top left no-repeat;
}

div#rightcolumn {
	position: absolute;
	right: 25px;
	bottom: 26px;
        width: 280px;
	padding: 0 0 0 15px;
	border-left: 1px solid #65acd6;
	overflow: hidden;
}

div#wholecolumn {
        width: 920px;
        min-height: 370px;
        float: left;
        padding: 15px;
        text-align: left;
        overflow: hidden;
}
/* Home */

#formMyymalahaku .formTextinput { width: 160px; }
#formMyymalahaku .formTextinput,
#formMyymalahaku .formSubmit { margin: 10px 0; }

.formHae { 
	width: 50px;
	height: 23px;
	border: 0 !important;
	background: url(/media/ulkoasu/submit_hae.gif) center no-repeat;
	cursor: pointer;
}


#promotebox {
	width: 555px;
	height: 210px;
	position: relative;
	top: -25px;
	z-index: 0;
	overflow: auto;
	display: block;
}
#promotebox #promoteboxcontainer {display:none;}
#promotebox #promoteboxcontainer img {margin:5px; width:175px; height:175px;}

/* Products */

.tableProducts { margin: 0 10px 0; }
.tableProducts td {
	vertical-align: top;
	width: 300px;
	padding: 0 0 0px 0;
}
.tableProducts div { float: left; }
.tableProducts .productImg { width: 115px; padding: 0 20px 0 0; }
.tableProducts .productImg img { margin-left: 0px; }
.tableProducts .productDetails { width: 120px; line-height:13px;}


.productWrapper { float: left; padding: 20px; }
.productWrapper div { float: left; }
.productWrapper .productImg { padding: 0 20px 0 0; }
.productWrapper .productDetails { /*width: 550px;*/ } 

.productCreditWrapper { float:right; width:110px; text-align:center; background-color: #ffffff; }
.productCreditWrapper .productCreditInfo { font-size:75%; line-height:12px;}

.productcart td { vertical-align: top; }
.productcart .col1 { padding: 0 10px 0 0; }
.productcart .col2 { padding: 0 0 0 20px; border-left: 1px solid #cccccc; }
.productcart .productCreditWrapper { padding: 5px 10px; border: 1px solid #cccccc; }

/* Stores */

.ulKauppiashaku { list-style: none; margin-left: 20px; }
.ulKauppiashaku a { display: block; }

#storesList { float: left; width: 520px; }
#storesList ul a { display: block; }

#storeSeller { float: left; width: 250px; padding: 5px 20px 5px 5px; }
#storeSeller p { margin-top: 0; }
#storeTitle { float: left; width: 630px; overflow: hidden; }
#storeDescription { float: left; width: 350px; padding: 0 45px 0 0; }
#storeDetails { float: left; width: 250px; }

#kauppiasLeftCol {
        float: left;
        width: 600px;
}

#kauppiasRightCol {
        float: right;
        width: 200px;
}

#kokoKartta {
        float: right;
        width: 390px;
        height: 620px;
}

#kauppiasKartta {
        float: left;
        width: 640px;
        height: 350px;
	margin-right: 20px;
}

#kokoKartta, #kauppiasKartta { border: 5px solid #f2f2f2; }
#kokoKartta div, #kauppiasKartta div { border-width: 1px; border-color: #cccccc #ffffff #ffffff #cccccc; border-style: solid; }
#kokoKartta div div, #kokoKartta .gmnoprint, #kauppiasKartta div div, #kauppiasKartta .gmnoprint { border: 0; }

/* Global */

.multipleUlColumns {
	float: left;
	width: 100%;
	clear: both;
}
.multipleUlColumns .floatcols { float: left; }
.multipleUlColumns ul {
	line-height: 130%;
	font-size: 95%;
        list-style: none;
	margin: 0;
}
.multipleUlColumns li { padding: 0 0 5px 0; }
.multipleUlColumns a { display: block; }

.multipleUlColumns.two ul { width: 45%; padding: 0 5% 0 0; }
.multipleUlColumns.three ul { width: 33%; }
.multipleUlColumns.four ul { width: 25%; }
.multipleUlColumns.five ul { width: 20%; }

/* Main Navigation
----------------------------------------*/

#navigation {
	font-size: 90%;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 10px;
	display: block;
}
#navigation li { 
	float: left;
	/*width: 153px;*/
        width:130px;
	border-left: 2px solid #ffffff;
        white-space: nowrap;
}
#navigation li.first { border: 0; }
#navigation a {
	font-weight: bold;
	color: #2a468f;
	padding: 0 10px;
	display: block;
        text-transform: uppercase;
        text-align: center;
}

/* Catalog Menu */
/*
#catalog * {
        position:relative;
        z-index: 666;
}

#catalog ul {
	list-style: none;
	margin: 0;
	padding: 0 0 10px 10px;
	display: block;
}
#catalog li { float: left; border-left: 2px solid #ffde00; }
#catalog li.first { border: 0; }
#catalog a {
        font-weight: bold;
        color: #000000;
        padding: 0 5px;
}

#catalog li.current a {
	text-decoration: underline;
		
}
*/


.jqueryslidemenu {
position:absolute;
margin-top: 5px;
z-index:666;
font: bold 11px Arial;
/*background: #414141;*/
width: 100%;
}

.jqueryslidemenu * {
	position:relative;
	z-index:333;
}

.jqueryslidemenu ul li {
	position:relative;
	z-index:333;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
position:relative;
z-index:333;
}

/*Top level list items*/
.jqueryslidemenu ul li{
background:ffec00;
display: inline;
float: left;
position:relative;
z-index:333;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
/*background: #414141; /*background of tabs (default state)*/
background:#ffec01;
color: black;
padding: 8px 10px;
/*border-right: 1px solid #778;*/
color: #2b2b2b;
position:relative;
z-index:333;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
position:relative;
z-index:333;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: black;
position:relative;
z-index:333;
}

.jqueryslidemenu ul li a:hover{
/*background: black; /*tab link background during hover state*/
color: black;
position:relative;
z-index:333;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
z-index:333;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
padding-left:0px;
position:relative;
z-index:333;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
position:absolute;
z-index:333;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Arial;
width: 170px; /*width of sub menus*/
padding: 6px;
margin: 0;
border-top-width: 1px;
border-right: 1px solid white;
border-top: 1px solid white;
color:#ffffff;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
/*background: #eff9ff;*/
color: black;
}

#largeImage {
	display:none;
	position:absolute;
	z-index: 999;
	width: 660px;
	height: 660px;
	left: 50%;
	margin-top:-180px;
	margin-left: -330px;
	background: #fff;
	padding:5px;
}
#largeImage img {
	position:relative;
	z-index: 999;
}

.tekniset_local_shop {
        float:right; margin:0px 50px; background:#ffff66; padding:0px 10px 4px 12px;
}

.competitiontable {}

.competitiontable td {
        padding-bottom:5px;
}