/*#########################################################
###          Document Stylesheet for Sin City           ###
###       Type: Formatting for Structure & Text         ###
###          Jussi Lahtinen / Smilehouse Oy             ###
#########################################################*/


/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}
 

:focus {
outline-color:invert;
outline-style:none;
outline-width:medium;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	color: #252525;
	background-color: #f7f9ef;
	margin: 0px;
	padding: 0px;
	background-image: url(bg.gif);
	background-repeat: repeat-x;
}

table {
	border-style: none;

}
img {
	border-style: none;
	margin:0;
    padding:0;
}


td, font, select, input {
	font-size: 12px;	
	font-family: Arial, Helvetica, sans-serif;
}

td{vertical-align:top;}
/* ----------------------------------------------------- */
/* Reusable classes   	          						 */
/* ----------------------------------------------------- */

.hide { display: none; }
.right { float: right; }
.left { float: left; }
.current { cursor: default; }
.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 1px;
	overflow: hidden;
}

/***** Forms *****/
 
form {
    margin:0;
    padding:0;
    display:inline;
}
 
input, select, textarea {
    font:1em arial, helvetica, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}

fieldset {
	border: none;
	border-top: 1px solid #ccc;
}

legend {
	margin: 1em 0;
	padding: 0 .5em;
	background: transparent;
	font-size: 1.3em;
	font-weight: bold;
}

a:link, a:visited  {
	color: #767676;
	text-decoration: none;
	font-weight: bold;
}

a:active, a:hover  {
	color: #ff26c4;
	text-decoration: underline;
	font-weight: bold;
}


h1 {
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 10px;
	color: #0099ff;
	text-transform: uppercase;
}


h2 {
	font-size: 14px;
	color: #FF26C4;

}

h3 {
	font-size: 12px;

}
.pic {
	border: 1px solid #ddd;
	margin: 3px;
}

#wrap{
	width: 984px;
	text-align: left;
	margin: 0 auto;
	background: url(contentbg.gif) repeat-y;
	padding: 0px;
    }
	
#content {
	background: url(contenttopbg08.gif) no-repeat top;
}
.header
{
	width: 916px;
	margin-left: 31px;
}
.maintable
{
	border-spaceing: 0px;
	border-collapse:separate;
margin-left:-8px;
}


.total {
	font-size: 14px;
	font-weight: bold;
	color: #ff26c4;
}

.leftside {
	width: 184px;
	vertical-align: top;
}
.rightside {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	text-align: left;
	width: 198px;
	vertical-align: top;
}

.content {
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 560px;
	vertical-align: top;
}

.content a:link, .content a:visited  {
	color: #0099FF;
	text-decoration: none;
	font-weight: bold;
}

.content a:active, .content a:hover  {
	color: #0099FF;
	text-decoration: underline;
	font-weight: bold;
}


.alert {
    background: #fff6bf url(exclamation.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    }


.name {
	font-size: 14px;
	font-weight: bold;
}

.price {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.oldprice {
	color: #CCC;
	font-size: 12px;
	text-decoration: line-through;
}

.footer {
	clear:both;
	text-align: center;
	padding: 0px;
	margin-left: -31px;
	margin-top: 10px;
}

 .footer a:link, .footer a:visited {
	color: #4e4e4e;
	padding-right: 5px;
	padding-left: 5px;
}


/** WS-styles **/		

.table {
	border-width: 1px;
	border-style: solid;
	border-color: #d7d9dc;
	border-collapse: collapse;
	width: 100%;
}

.table th {
	border-width: 1px;
	border-style: solid;
	border-color: #d8d8d8;
	font-weight: bold;
	padding: 4px;
	color: #fff;
	text-align: left;
	background-color: #11e3fe;
}

.table td {
	border-width: 1px;
	border-style: solid;
	border-color: #d7d9dc;
	color: #000;
	padding: 4px;
}


.TableFooter td {
	font-weight: bold;
	color: #000;
	background: #fdf426;
	padding: 4px;
}

.TableTdDark, .TableRowDark td {
	background: #e4e4e4;
	padding: 2px;
	font-weight: bold;
}
 .TableRowDark td {
	background: #e4e4e4;
	padding: 2px;
	font-weight: bold;
}

.TdDark {
	background: #f8f8f8;
	padding: 2px;
	font-weight: bold;
}

.TableError td {
	padding: 2px;
	font-weight: bold;
	background-color: #FF0000;
	color: #FFF;
}


.ProductSearchParameter {
	border: 1px solid #ccc;
	height: 20px;
	width: 90px;
	background: #f7fdfe;
}

.LoginFormUser, .LoginFormPasswd {
	width: 95px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #ccc;
	background: #f7f7f7;
}

.ProductOptionsField  {
	font-size: 12px;
	border: 1px solid #ccc;
}
.ProductAmountField, .ShoppingCartQuantityField  {
	font-size: 12px;
	border: 1px solid #ccc;
	height: 18px;
	background: #f7f7f7;
}
.ProductAddButton {
	margin: 0px;
	padding: 0px;
}

.leftside ul.ProductGroupTree {
    margin: 0px;
    padding: 0px;
    list-style-type: none; 
}

.leftside ul.ProductGroupTree li ul {
	margin: 0px;
	padding: 0px;
	background-image: none;
}

.leftside .ProductGroupTree li ul li ul {
	margin: 5px 0px 0px 10px;
	padding: 0px;
	background-image: none;

}
.leftside .ProductGroupTree li ul li ul li {
	text-transform: none;
}
.leftside .ProductGroupTree li {
	list-style: none;
	text-align: left;
	width: 160px;
}

.leftside .ProductGroupTree li li a {
	color: #00a7e8;
}

.leftside .ProductGroupTree li ul {
	margin: 0px;
	padding: 0px;
	background-image: none;
}

.leftside .ProductGroupTree li ul li a {
	padding: 0 0 0 10px;
}

.vaihe td {
	background-color: #e2e2e2;
	padding: 2px;
	border: 1px solid #d6d6d6;
	color: #999;
	text-align: center;
}
td.valittu {
	background-color: #f8f8f8;
	color: #007f30;
	font-weight: bold;
}

.pagepad {
	padding: 10px 20px 20px;
}


/** WS-editori **/	

.tinymce1 {
	font-weight: bold;
	font-size: 18px;
}
.tinymce2 {
	font-weight: bold;
	font-size: 16px;
}
.tinymce3 {
	font-weight: bold;
	font-size: 14px;
}
.tinymce4 {
	font-weight: normal;
	font-size: 12px;
}
.tinymce5 {
	font-weight: normal;
	font-size: 10px;
}
.tinymce6 {
	font-style: italic;
	font-size: 12px;
}
.tinymce7 {
	font-weight: bold;
	font-size: 12px;
	color: #CD0000;
}

.note {
	border: 1px solid #2CB9DD;
	padding: 5px;

}

.border {
	border: 1px solid #ebebeb;
}


.productlistcard {
	xborder: 1px solid #2CB9DD;
	padding: 5px;
	width: 236px;
	xbackground: url(productlistcardbg.gif) repeat-x bottom;
        xborder-left:1px solid #cdeef7;

}







.productlistcard h2 {
	font-size: 12px;
	margin-bottom: 5px;
	padding: 0px;
	margin-top: 0px;

}
.productlistcardpic
{
	text-align: center;
margin-right:6px;

}

.productlistcard .price {
	font-size: 14px;
	margin-top: 5px;
}
.page {
	text-align: right;
	margin: 5px;
}
.more  {
	text-align: right;
	padding-bottom: 5px;
}
.print {
	background: url(print.png) no-repeat 2px;
	padding-left: 22px;
}

.more a:link, .more a:visited {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}

.muokkaa  {
	border-top: 1px solid #93c871;
	padding-top: 5px;
}

.muokkaa a:link, .muokkaa a:visited  {
	color: #FFF;
	background: url(arrow-right-white.gif) no-repeat right center;
	padding-right: 15px;
}

.back a:link, .back a:visited {
	font-size: 11px;
	color: #003399;
	text-transform: uppercase;
	background: url(arrowleft.gif) no-repeat 2px;
	padding-left: 12px;
	font-weight: bold;

}
.kirjautumislinkit {
	padding: 5px 0px;
}
.width {
	width: 400px;
}
.left-haku {
	background: url(left-hakubg.gif) no-repeat;
	width: 180px;
	margin-bottom: 15px;
	padding-top: 50px;
}

.left-tuotteet {
	background: url(left-tuotebg08.gif) no-repeat;
	width: 180px;
	margin-bottom: 15px;
	padding-top: 60px;
}

.left-vipilta {
	background: url(left-vipiltabg.gif) no-repeat;
	width: 180px;
	margin-bottom: 15px;
	padding-top: 50px;
}
.left-seksuaaliterveys {
	background: url(left-seksuaaliterveysbg.gif) no-repeat;
	width: 180px;
	margin-bottom: 15px;
	padding-top: 50px;
}
.left-katso {
	background: url(left-katsobg.gif) no-repeat;
	width: 180px;
	margin-bottom: 15px;
	padding-top: 50px;
}
.right-uutuudet {
	background: url(right-uutuudetbg.gif) no-repeat;
	width: 174px;
	margin-bottom: 15px;
	float: right;
	padding-top: 40px;
	text-align: left;
}
.right-tarjoukset {
	background: url(right-tarjouksetbg.gif) no-repeat;
	width: 174px;
	margin-bottom: 15px;
	float: right;
	padding-top: 40px;
	text-align: left;
}

.right-ajankohtaista {
	background: url(right-ajankohtaistabg.gif) no-repeat;
	width: 174px;
	margin-bottom: 15px;
	float: right;
	padding-top: 40px;
	text-align: left;
}

.right-ajankohtaista p {

	margin: 7px 0;

}
.right-suositut {
	background: url(right-suositutbg.gif) no-repeat;
	width: 174px;
	margin-bottom: 15px;
	float: right;
	padding-top: 40px;
	text-align: left;
}
.right-ostoturva {
	background: url(right-ostoturvabg.gif) no-repeat;
	width: 201px;
	margin-bottom: 15px;
	float: right;
	padding-top: 40px;
	text-align: left;
}
.right-noutotilaus {
	background: url(right-noutotilausbg.gif) no-repeat;
	width: 201px;
	margin-bottom: 15px;
	float: right;
	padding-top: 50px;
	text-align: left;
}
.right-ostoskori {
	background: url(right-ostoskoribg.gif) no-repeat;
	width: 190px;
	margin-bottom: 15px;
	height: 128px;
	float: right;
}
.right-tarjoukset ol, .right-uutuudet ol, .right-suositut ol {
	margin: 0px;
	padding: 0px 0px 0px 20px;	
}
.right-tarjoukset li, .right-uutuudet li, .right-suositut li {
	margin: 7px;
	padding: 0px;
	color: #0099FF;
}
.midnav {
	text-align: right;
	margin-right: 24px;
}
.ostoskoripad {
	padding-top: 45px;
	padding-left: 15px;
}
 
.pad {
	padding-left: 20px;
}
.rpad {
	padding-left: 10px;
}
.yhteensa {
	color: #ff26c4;
	font-size: 12px;
	font-weight: bold;
}
.productcard {

	border: 1px solid #2CB9DD;
	padding: 5px;
	background: url(productlistcardbg.gif) repeat-x bottom;
}


.maksukuvakkeet {
	float: right;
	margin-top: 5px;
}

/*content tabs*/


#maintab img{ margin-bottom:-3px;}

.shadetabs{
margin: 0;
padding: 0;
font: bold 12px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
height: 26px;
}

.shadetabs li a{
	text-decoration: none;
	margin-right: 0px;
	color: #2d2b2b;
	background: white;
	border-bottom: 1px solid #2CB9DD;
	
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;

}

.shadetabs li.selected a{ /*selected main tab style */
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
	border: 1px solid #2CB9DD;

	margin: 0;
	padding: 8px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}



.right-seksuaaliterveys {
	background: url(right-seksuaaliterveysbg.gif) no-repeat;
	width: 174px;
	margin-bottom: 15px;
	padding-top:70px;
float:right;
}
#stara1{

position:absolute;
left:300px;
top:40px;
}

#stara2{

position:absolute;
left:700px;
top:50px;
}
#stara3{

position:absolute;
left:720px;
top:40px;
}



#stara4{

position:absolute;
left:920px;
top:60px;
}
#stara5{

position:absolute;
left:930px;
top:70px;
}

#stara5{

position:absolute;
left:830px;
top:70px;
}
span.old_price{
font-size:12px;
color:#999999;
text-decoration:line-through;
}

div.listacontainer{
background: url(listacontainerbgr.gif);
}
div.listacontainer table, div.listacontainer tr, div.listacontainer td, div.productlistcard{
background-color:transparent;

}

span.kantispuu table{
margin-top:12px;


margin-bottom:12px;
}
span.kantispuu table a{

color:#2cb9dd;
}
span.kantispuu table a:hover{

color:#FF26C4;
}