﻿/* GENERIC */

/* background color for the content part of the pages */
Body
{
	font-size: 12px;
	color:#666666;
	line-height: 15px;
	font-family: Tahoma, Helvetica, sans-serif;
	background-image: url(/skins/8426/images/arka_planlar/main_bg.jpg);
	background-repeat: no-repeat;
	background-color: #FCFCFC;
	background-position: top center;
}

.wrapper-bg 
{
    background: url(/skins/8426/images/arka_planlar/wrapper-bg.png) repeat-y scroll center center transparent;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -100;
}
.wrapper 
{
    margin: 0 auto;
    width: 1000px;
}

H1
{
color:#555555;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:normal;
margin:3px 0 0;
}

H2
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 4px;
	margin: 0px;
	color: #689500;
	padding-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
}

H3
{
	font-weight: bold;
	font-size: 11px;
	color: #589294;
	padding-bottom: 4px;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 8px 0px 0px;
}

H4
{
	font-weight: bold;
	font-size: 10px;
	color: cadetblue;
	padding-bottom: 2px;
	margin: 3px 0px 0px;
	font-family: Verdana, Helvetica, sans-serif;
}

H5
{
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 2px;
	margin: 3px 0px 0px;
	color: cadetblue;
	font-style: italic;
	font-family: Verdana, Helvetica, sans-serif;
}

P
{
    color: #333333;
    font-family: Arial,Tahoma,Helvetica;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    padding: 0 0 4px;
}

em {
    color: #7A7A7A;
    font-family: Tahoma;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    margin-left: 5px;
}

a 
{
    color: #666666;
    text-align: left;
    text-decoration: none;
}

A:link, A:visited, A:active
{
    color: #666666;
    text-align: left;
    text-decoration: none;
}

A:hover
{
	color: #363636;
	text-decoration: none;
}

.LineNormal
{
	background-color: white;
    font: normal 11px Tahoma, Verdana, Arial;
    color: #000000;
    text-decoration: none;
    line-height: 15px;
}
.LineAlternate
{
	background-color: #f5f5f5;
	font: normal 11px Tahoma, Verdana, Arial;
    color: #000000;
    text-decoration: none;
    line-height: 15px;
}

.ContentMenuTitle {
    color: #333333;
    display: block;
    font-family: arial,Verdana,sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}	

.anasayfakate {
	background-color: #F7F7F7;
	color: #575757;
	font-family: arial,Verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
    text-decoration: none;
}	
	
a.ContentMenu:link, a.ContentMenu:visited, a.ContentMenu:active {
	padding-top:4px;
	padding-bottom:1px;
    color: #575757;
	font-family: arial,Verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
    text-decoration: none;
	
}

a.ContentMenu:hover {
	color:black;
	text-decoration:none;
}
.ContentMenuSeparator {
	border-bottom: solid 1px #e1e1e1;
	padding-bottom: 0px;
	padding-top: 0px;
}
.ContentSelectedMenu {
    color: #444444;
	font: 11px Verdana;
    text-decoration: none;
}
a.ContentMenu:active {
    color: #005D9D;
	font: 11px Verdana;
    text-decoration: none;
}
a.ContentSelectedMenu:link, a.ContentSelectedMenu:visited, a.ContentSelectedMenu:active {
    color: #444444;
	font: 11px Verdana;
    text-decoration: none;
}
a.ContentSelectedMenu:hover {
	color:#005D9D;
	text-decoration:none;
}


/*SHOPPING CART GRID*/
/* used for Portal Grid  styles */

.ShopGrid
{
	border: #E0E0E0 1px solid;
	background-color: #ffffff;
}

.ShopGridHeader
{
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	height: 26px;
	background: #ffffff url(/skins/8426/images/urundetay/urun_ismi_arka.gif) repeat-x;
	color: #737373;
}

.ShopGridFooter
{
	font-weight: bold;
	font-size: 11px;
	color: #4A3C8C;
	font-family: Tahoma, Verdana, sans-serif;
	background-color: #F7F7F7;
	height: 18px;
}


.ShopGridItem
{
	font-weight: normal;
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	color: #4A4A4A;
	height: 20px;
	background-color: White;
}

.ShopGridAlternatingItem
{
	font-weight: normal;
	font-size: 11px;
	color: #4A4A4A;
	font-family: Tahoma, Verdana, sans-serif;
	background-color: #FaFaFa;
	height: 20px;
}


/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */

.ModuleHead
{
	font-weight: bolder;
	font-size: 12px;
	font-family: Tahoma, Arial;
	color: #FFFFFF;
	padding-left: 10px;
}

.Message
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #eeeeee;
}
.ModuleCmdButton {
font-family:Verdana,Helvetica,sans-serif;
font-size:9px;
font-weight:normal;
}
a.ModuleCmdButton:link, a.ModuleCmdButton:visited, a.ModuleCmdButton:active {
color:#404040;
text-decoration:underline;
}
a.ModuleCmdButton:hover {
color:#000000;
text-decoration:none;
}
.SubHead {
color:#287CB8;
font-family:Verdana,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
}
.LblModel {
font-weight: normal;
font-size: 11px;
color: #000000;
font-family: Tahoma, Verdana, sans-serif;
}
A.ToTop:link, A.ToTop:active, A.ToTop:visited {
font: normal 11px Tahoma, Verdana, Arial;
color: #333;
text-decoration: none;
display: block;
line-height: 30px;
}
A.ToTop:hover {
text-decoration: none;
}
.ToTop img {
margin: 0 2px 0 8px;
}
A.FumeLink:link, A.FumeLink:active, A.FumeLink:visited {
font: normal 11px Tahoma, Verdana, Arial;
color: #444;
text-decoration: none;
line-height: 15px;
}
A.FumeLink:hover {
text-decoration: underline;
}
.SField {
border: solid 1px #bbb;
width:100%;
margin: 0 0 0 0px;
font: normal 11px Tahoma, Verdana, Arial;
color: #333;
padding: 3px;
height:20px;
}


/* text style used for most text rendered by modules */
.Normal
{
    color: #7B7B7B;
    font-family: arial,Verdana,sans-serif;
    font-size: 12px;
    font-weight: normal;
}


/* Product  */

A.ProductHead
{
    color: #666666;
    font-family: Tahoma,arial;
    font-size: 11px;
    font-weight: lighter;
    padding-bottom: 0;
    text-decoration: none;
}

A.ProductHead:link, A.ProductHead:visited, A.ProductHead:active
{
	color: #666666;
}

A.ProductHead:hover
{
	color: #292929;
}

.ProductDesc
{
	color: #888888;
	font-family: Verdana,Tahoma, Arial;
	font-size: 9px;
	line-height: 13px;
}

.ProductListPrice
{
	font-size: 11px;
	color: #8d8d8d;
	font-family: Tahoma Verdana, Arial;
	font-weight: bold;
	text-decoration: line-through;
}

.ProductPrice
{
	font-size: 12px;
	color: #7E9500;
	font-family: Tahoma Verdana, Arial;
	font-weight: bold;
}

.ProductListItem
{
	border: lightgrey 1px dotted;
}

.aramaKutu 
{
    border: medium none;
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
}


/* .................................... */
/* PORTAL CONTENT MENU*/
/* Used for Portalcontnt menü and product categories */

.ContentMenu
{
	font-size: 11px;
	color: #444;
	font-family: Tahoma, Verdana, Arial;
}
/* = 1. adım
    ----------------------------------------------------- */
    .yuvarlak {
        width: 595px;
        background: #5577bb
    }

    /* = 2. adım
    ----------------------------------------------------- */
    .yuvarlak .ort {
        font: normal 12px/18px Helvetica;
        text-align: justify;
        color: #fff;
        padding: 0 17px
    }

    /* = 3. adım
    ----------------------------------------------------- */
    .yuvarlak .ust {
        background: url(/skins/8426/images/Modul/yuvarlak.png) left 0px no-repeat
    }

    .yuvarlak .alt {
        background: url(/skins/8426/images/Modul/yuvarlak.png) left -11px no-repeat
    }

    /* = 4. adım
    ----------------------------------------------------- */
    .yuvarlak .ust div {
        height: 15px;
        background: url(/skins/8426/images/Modul/yuvarlak.png) right -30px no-repeat
    }

    .yuvarlak .alt div {
        height: 19px;
        background: url(/skins/8426/images/Modul/yuvarlak.png) right -41px no-repeat
    }




/*Modal Popup*/
.ModalBackground
{
	background-color: #C0C0C0;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.ModalPopup
{
	background-color: #FFFFFF;
	border-width: 3px;
	border-style: solid;
	border-color: #C0C0C0;
	padding: 3px;
	width: 250px;
}

.ModalPopup p {
    padding: 5px;
}



A.BtnImage
{
	border: darkgray 1px solid;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	font-size: 10px;
	background: #fefefe url(/images/_btn_back.gif) repeat-x;
	color: #5b5b85;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #c0c0dc;
	text-decoration: none;
	height: 10;
}

A.BtnImage:link, A.BtnImage:active, A.BtnImage:visited
{
	border: darkgray 1px solid;
	padding: 2px 5px 2px 5px;
	color: #555555;
	background-color: #ceceea;
	text-decoration: none;
}

A.BtnImage:hover
{
	border: #bebebe 1px solid;
	padding: 2px 5px 2px 5px;
	background: url(/images/btn_back.gif) #dcdcdc repeat-x;
	color: #303030;
	text-decoration: none;
}



.Bold
{
	font-weight: bold;
}


.Underline
{
	text-decoration: normal;
}

.Red
{
	color: #FF0000;
}


.HeadLine
{
	border-bottom: solid 1px #aaaaaa;
	padding-bottom: 4px;
	margin-bottom: 8px;
}

.LightBorder
{
	border-bottom: solid 1px #e1e1e1;
}



.ListImage
{
	border: 1px solid #DADADA;
	margin: 2px;
}


.SelectedListImage
{
	border: 1px solid #FFA86F;
	margin: 2px;
}

/* TABLAR */

#TabContainer{
width: 100%;
text-align:center;
vertical-align: sub
float:left
padding-right:0px;
}


#TabContainer ul{
list-style: none;
padding: 0; 
margin:0px auto;
padding-top: 0px;
}

#TabContainer ul li{
display: inline;
float:left;
padding-bottom:0px;
}

.TabSpacer{
width:0px;
}

.TabItem {
cursor:pointer;
text-decoration: none;
padding-right:1px;
}

.TabTitle {
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
font-weight: bold;
color: #0099FF;
background-image: url(images/tablar/tabbg.gif);
background-repeat: repeat-x;
display: block;
float: left;
padding: 7px 5px 7px 5px;
}

.TabLeft {
background-image: url(images/tablar/tabac.gif);
background-repeat: no-repeat;
display: block;
float: left;
width: 6px;
height: 26px;
}

.TabRight {
background-image: url(images/tablar/tabkapat.gif);
background-repeat: no-repeat;
display: block;
float: left;
width: 6px;
height: 26px;
}

#TabContainer A:hover {
text-decoration: none;
}

.TabItem:hover .TabLeft {
background-image: url(images/tablar/tabac.gif);
background-repeat: no-repeat;
}
.TabItem:hover .TabTitle {
background-image: url(images/tablar/tabbg.gif);
background-repeat: repeat-x;
text-decoration:none;
color: #689500;
}
.TabItem:hover .TabRight {
background-image: url(images/tablar/tabkapat.gif);
background-repeat: no-repeat;
}

.sameday-shipping {
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#333333;
}

.pd-buttons a:hover {
text-decoration:none;
}


/*HEDIYE ARKAPLAN*/
/* hediye aciklamasi icin kullanilacak */

.Hediye
{
	padding-top: 2px;
	font-weight: lighter;
	font-size: 11px;
	color: #4A4A4A;
	font-family: Tahoma, Verdana, sans-serif;
	background-image: url(/skins/8426/images/urundetay/hediye_bg.jpg);
	height: 49px;
	width: 309px;
}


/*PROMOSYON ARKAPLAN*/
/* promosyomlar icin kullanilacak */

.Promosyon
{
	font-weight: lighter;
	font-size: 11px;
	color: #4A4A4A;
	font-family: Tahoma, Verdana, sans-serif;
	background-color: #FaFaFa;
	border: #E0E0E0 1px solid;
}


/*--Tooltip Styles--*/
.tip {
	border: #739701 2px solid;
	text-shadow:#666;
	font-weight: lighter;
	color: #4A4A4A;
	background:#EDEDED;
	display:none; /*--Hides by default--*/
	padding:10px;
	position:absolute;	z-index:1000;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.container {width: 280px; margin: 0 auto; overflow: hidden;}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}


#menu8 {
	width: 240px;
	margin-top: 10px;
}
	
#menu8 li.deneme1 a {
	text-decoration: none;
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	font-weight:bolder;
	font-size:12px;
}

#menu8 li.deneme2 a {
	text-decoration: none;
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	font-weight:bolder;
	font-size:12px;
}

#menu8 li.deneme3 a {
	text-decoration: none;
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	font-weight:bolder;
	font-size:12px;
}

#menu8 li.deneme4 a {
	text-decoration: none;
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	font-weight:bolder;
	font-size:12px;
}

#menu8 li.deneme5 a {
	text-decoration: none;
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	font-weight:bolder;
	font-size:12px;
}
	
#menu8 li.deneme1 a:link, #menu8 li.deneme1 a:visited {
	color: #777;
	display: block;
	background: url(/images/detay/1.gif);
	padding: 8px 0 0 40px;
}

#menu8 li.deneme2 a:link, #menu8 li.deneme2 a:visited {
	color: #777;
	display: block;
	background: url(/images/detay/4.gif);
	padding: 8px 0 0 40px;
}

#menu8 li.deneme3 a:link, #menu8 li.deneme3 a:visited {
	color: #777;
	display: block;
	background: url(/images/detay/7.gif);
	padding: 8px 0 0 117px;
}

#menu8 li.deneme4 a:link, #menu8 li.deneme4 a:visited {
	color: #777;
	display: block;
	background: url(/images/detay/10.gif);
	padding: 8px 0 0 40px;
}

#menu8 li.deneme5 a:link, #menu8 li a:visited {
	color: #777;
	display: block;
	background: url(/images/detay/13.gif);
	padding: 8px 0 0 40px;
}
	
#menu8 li.deneme1 a:hover {
	color: #777;
	background: url(/images/detay/2.gif);
	padding: 8px 0 0 40px;
}

#menu8 li.deneme2 a:hover {
	color: #777;
	background: url(/images/detay/5.gif);
	padding: 8px 0 0 40px;
}

#menu8 li.deneme3 a:hover {
	color: #777;
	background: url(/images/detay/8.gif);
	padding: 8px 0 0 117px;
}

#menu8 li.deneme4 a:hover {
	color: #777;
	background: url(/images/detay/11.gif);
	padding: 8px 0 0 40px;
}

#menu8 li.deneme5 a:hover {
	color: #777;
	background: url(/images/detay/14.gif);
	padding: 8px 0 0 40px;
}
	
#menu8 li.deneme1 a:active {
	color: #777;
	background: url(/images/detay/3.gif);
	padding: 8px 0 0 40px;
}

#menu8 li.deneme2 a:active {
	color: #777;
	background: url(/images/detay/5.gif);
	padding: 8px 0 0 40px;
}

#menu8 li.deneme3 a:active {
	color: #777;
	background: url(/images/detay/9.gif);
	padding: 8px 0 0 117px;
}

#menu8 li.deneme4 a:active {
	color: #777;
	background: url(/images/detay/11.gif);
	padding: 8px 0 0 40px;
}

#menu8 li.deneme5 a:active {
	color: #777;
	background: url(/images/detay/14.gif);
	padding: 8px 0 0 40px;
}

#menu8 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


.form-box-cont {
	width:234px;
	height:150px;
	position:relative;
}

.form-box-cont .form-box-title {
	text-align:center;
	display:block;
	border-bottom:1px solid #dbdbdb;
	padding-bottom:3px;
}

.form-box-sep {
	border-bottom:1px solid #dbdbdb;
	position:absolute;
	bottom:17px;
	width:234px;
}

.form-box-area {
	width:194px;
	float:left;
	min-height:106px;
	padding-top:3px;
}

.form-box-cont .form-box{
	height:28px;
	display:block;
	padding-bottom:3px;
}

span.form-box input {
	line-height:25px;
	text-indent:6px;
}

.form-box-cont .form-box-name{
	display:block;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#4f4d4e;
	padding:3px 0 0 0 ;
}


.form-box-btn {
	width:40px;
	height:106px;
	float:right;
	padding-top:3px;
}

.form-box-bg {
background:url(images/formbox-bg.gif) left no-repeat;
border:none;
width:180px;
height:25px;
}

.form-box-after span {
	padding:10px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#4f4d4e;
	display:block;
	line-height:20px;
}

.minisepet {
	font: Tahoma;
	font-weight: 700;
	color:#4f4d4e;
	font-size: 14px;
	line-height: 15px;
}

.minisepetsayi {
	font: normal 11px Tahoma, Verdana, Arial;
	font-weight: normal;
	color: #666666;
	font-size: 12px;
	line-height: 15px;
    text-decoration: none;
}

.mainblock {
	position: relative;
	list-style-position: inside; 
	top: 147px;
	border: dotted 1px #dadada;

}

.bgtrans {
	background: transparent;
}

div#golge {
    background: url("/skins/8426/images/arka_planlar/golge.png") repeat-y scroll left top transparent;
    height: auto;
    margin: auto;
    width: 1023px;
}

