@charset "utf-8";

body, html {
	font:normal 13px/1.3 "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin:0; padding:0;	
}

.clearfix { clear:both; height:0; line-height:0; overflow: hidden; padding:0; font-size:0; }
a img { border:none; }
form { margin:0; padding:0; }

h1, h2, h3, h4, h5, p { padding:0; margin:0; }
h1 { font-size:15px; font-weight:bold; }
p { font-size:13px; font-weight:normal; }

#io-main-wrapper {
	background:#DEECB3 url(../img/top-bg.png) repeat-x top;
	padding-top:6px;
}

#io-main-top {
	width:1000px;
	height:120px;
	margin:auto;
}

#io-main-top-logo {
	margin:15px 0 0 10px;
	width:278px;
	height:90px;
	float:left;
}

#io-main-top-right {
	margin-right:10px;
	float:right;
}

#io-main-top-right-userlogin {
	float:right;
	width:160px;
	height:34px;
	background:url(../img/top-userlogin-bg.gif) no-repeat;
}

#io-main-top-right-userlogin a {
	font:normal 13px/1 'Trebuchet MS';
	text-decoration:none;
	color:#fff;
	margin-left:7px;
}

#io-main-top-right-userlogin a:hover {
	color:#5EC0ED;
}

#io-main-top-right-userlogin a img {
	border:none;
	vertical-align:middle;
}

#io-main-top-right-menu {
	float:right;
	margin-top:46px;
	height:40px;
	clear:both;
}

#io-main-top-right-menu ul {
	margin:0;
	list-style-type:none;
	height:40px;
}

#io-main-top-right-menu ul li {
	float:left;
}

#io-main-top-right-menu ul li a {
	display:block;
	width:115px;
	height:30px;
	text-align:center;
	padding-top:10px;
	font:bold 16px "Trebuchet MS";
	text-decoration:none;
	color:#000;
}

#io-main-top-right-menu ul li a.current {
	background:url(../img/top-menu-current.gif) no-repeat;
}

#io-main-top-right-menu ul li a:hover {
	color:#fff;
}

#io-main-middle {
	width:1000px;
	margin:auto;
	padding:10px 0 10px 0;
}

#io-main-content-top {
	background: url(../img/content-round-top.gif) no-repeat;
	height:9px;
}

#io-main-content-middle {
	background: url(../img/content-round-bg.gif) repeat-y;
	padding:0 9px 0 9px;
}

#io-main-content-middle-left {
	float:left;
	width:220px;
}

#io-main-content-middle-left-top {
	height:5px;
	background:url(../img/content-inner-top.gif) no-repeat;
}

#io-main-content-middle-left-middle {
	width:230px;
	padding-left:5px;
	background:url(../img/content-inner-middle-bg.gif) repeat-y left;
}

#io-main-content-middle-left-middle ul {
	margin:0; padding:0;
	list-style-type:none;
}

#io-main-content-middle-left-middle ul li {
	font-size:13px;
	margin:0;
	line-height:30px;
	vertical-align:middle;
	text-indent:5px;
}

#io-main-content-middle-left-middle ul li.current {
	background-color:#0397DB;
}

#io-main-content-middle-left-middle ul li.current a {
	font-weight:bold;
	color:#fff;
}

#io-main-content-middle-left-middle ul li a {
	text-decoration:none;
	color:#000;
}

#io-main-content-middle-left-middle ul li a:hover {
	color:#fff;
}

#io-main-content-middle-left-bottom {
	height:5px;
	background:url(../img/content-inner-bottom.gif) no-repeat;
}

#io-main-content-middle-content {
	float:right;
	margin-left:10px;
	width:740px;
}

#io-main-content-bottom {
	background: url(../img/content-round-bottom.gif) no-repeat;
	height:9px;
}

#io-main-content-boxes {
	margin:auto;
	width:982px;
	padding:20px 0 20px 0;
}

#io-main-content-boxes-left {
	width:642px;
	padding-right:10px;
	float:left;
	background:url(../img/content-box-splitter.gif) repeat-y right;
}

#io-main-content-boxes-right {
	width:320px;
	margin-left:10px;
	float:left;
}

#io-bottom-wrapper {
	background:#fff url(../img/bottom-bg.png) repeat-x top;
	padding-top:5px;
}

#io-bottom-content {
	width:980px;
	min-height:88px;
	margin:auto;
	padding:10px;
}
.io-bottom-font {
	font:bold 10px/1 Arial, Verdana, Helvetica, sans-serif;
	color:#999;
	padding:5px;
}

.liquid-btn {
	float: left;
	clear: both;
	background: url(../img/liquid-btn-left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}

.liquid-btn a{
	float: left;
	height: 40px;
	background: url(../img/liquid-btn-stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em !important;
	font-size: 100%;
	text-decoration: none;
}

.liquid-btn span {
	background: url(../img/liquid-btn-right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.font-style1 {
	font:bold 15px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin:5; padding:5;	
}
.font-style2 {
	font:bold 15px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin:10; padding:10;	
	color:#666;
}
.font-style3 {
	font:bold 14px/1.4 "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin:6; padding:6;	
	color:#333;
}
.font-style4 {
	font: 12px/1.2 "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin:2; padding:2;	
	color:#000;
}
.font-style5 {
	font:bold 13px/1.3 "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin:3; padding:2;	
	color:#333;
}
.home-header {
	font:bold 30px/1.3 "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin:3; padding:2; text-align:right
	color:#333;
}
.textbox-style1 {
border-width:1px;
font-size:17px;
font-family:'Trebuchet MS';
padding:3px;
}


.ticketButon { border:solid 1px #A9BD71; font-family:"Trebuchet MS"; font-size:13px; font-weight:bold; color:#2E4312; background-color:#E1ECC6; cursor:pointer; }
.ticketForm { border:solid 1px #666; font-family:"Trebuchet MS"; font-size:13px; }
.msgReadMsgTitle { font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; color:#333; }
.msgReadMsgContent { font-family:Arial; font-size:12px; color:#333; }
.msgReadReply { font-family:Tahoma; font-size:14px; color:#2E4312; font-weight:bold; }
.msgReadStatus { font-family:Tahoma; font-size:10px; color:#666; }
.msgReadAttach { font-family:Tahoma; font-size:10px; color:#999; }
.msgReadDate { font-family:Tahoma; font-size:10px; font-weight:bold; color:#999; }
.msgReadSplitter { background-image:url('../img/msgRead_splitter.gif'); background-position:right; background-repeat:no-repeat; }
.msgReadRelatedTitle { font-family:Tahoma; font-size:11px; color:#2E4312; font-weight:bold; padding-bottom:3px; }
.msgReadRelatedContent { font-family:Tahoma; font-size:11px; color:#333; }
.msgReadRelatedInfo { font-family:Tahoma; font-size:11px; color:#666; }
.msgReadGoBackLink { font-family:"Trebuchet MS"; font-size:12px; color:#666; font-weight:bold; }


#JT_arrow_left{
	background-image: url(../img/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}


/* formlar & butonlar */
.loginButon { border:solid 1px #A9BD71; font-family:"Trebuchet MS"; font-size:13px; font-weight:bold; color:#2E4312; background-color:#E1ECC6; cursor:pointer; }
.loginForm { border:solid 1px #666; font-family:"Trebuchet MS"; font-size:13px; width:200px }
.couponForm { width:151px; height:19px; border:solid 1px #A9BD71; font-family:"Trebuchet MS"; font-size:13px; color:#2E4312; padding:1px; background-color:#f5f5f5;  }
.couponButon { width:41px; height:22px; border:solid 1px #A9BD71; font-family:"Trebuchet MS"; font-size:12px; color:#2E4312; background-color:#f5f5f5;  }
.stepButon { border:solid 1px #A9BD71; font-family:"Trebuchet MS"; font-size:13px; font-weight:bold; color:#2E4312; background-color:#E1ECC6; cursor:pointer; }
.paymentForm { border:solid 1px #666; font-family:"Trebuchet MS"; font-size:13px; }
.paymentButon { border:solid 1px #A9BD71; font-family:"Trebuchet MS"; font-size:17px; color:#2E4312; padding:2px; background-color:#E1ECC6; cursor:pointer; }

/* linkler */
a.link1 { color:#2E4312; font-weight:bold; }
a.link2 { color:#333; font-weight:bold; }
a.link3 { color:#333; }

a:link { text-decoration:underline; }
a:visited { text-decoration:underline; }
a:hover { text-decoration:none; }

/* genel buton */
.general_button { font-family:Arial; font-size:12px; border:solid 1px #666; background-color:#eee; padding:2px; cursor:pointer; }

/* sayfa ba�l�klar */
.pageHeaderTitle { font-family:"Trebuchet MS"; font-size:18px; font-weight:bold; color:#4D7B12; }
.pageHeaderDesc { font-family:"Tahoma"; font-size:11px; font-weight:200; color:#4D7B12; }

/* genel yaz� tipleri */
h1 { margin:0px 0px 0px 0px; font-family:"Trebuchet MS"; font-size:18px; font-weight:bold; }
h2 { margin:0px 0px 0px 0px; font-family:"Trebuchet MS"; font-size:16px; font-weight:bold; }
h3 { margin:0px 0px 0px 0px; font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; }
h4 { margin:0px 0px 0px 0px; font-family:"Trebuchet MS"; font-size:14px; font-weight:200; }
h5 { margin:0px 0px 0px 0px; font-family:"Trebuchet MS"; font-size:11px; font-weight:200; }
p { margin:0px 0px 0px 0px; font-family:"Trebuchet MS"; font-size:12px; }


.io-main-content-left-box {
	background-color:#0397DB;
	width:200px; padding:5px;
	margin-bottom:10px;
}

.io-main-content-left-box div.left-box-title {
	background-color:#53B4DF;
	padding:5px; margin-bottom:5px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
}

.left-box-userinfo {
	background-color:#fff;
	width:200px; padding:5px;
	margin-bottom:10px;
}

.io-main-content-left-box div.left-box-title img {
	vertical-align:middle;
}

.io-main-content-left-box div.left-box-content {
	color:#fff;	
} 

.product-title td {
	font-size:17px; font-weight:bold;
	text-align:center;
}

.product-top td {
	font-size:13px; 
	background-color:#F3F3F3;
	text-align:center;
}

.product-top td.empty {
	background-color:#fff;	
}

.product-table tbody td {
	border-top:solid 1px #DDD;
}

.product-table td.product-attribute {
	font-size:15px; font-weight:bold;
	background:#EFEFEF url(../img/questionmark.png) no-repeat right center;
	text-align:right; 
}

.product-table td.product-attribute a {
	text-decoration:none;
	padding-right:25px;
	color:#000; 
}

.product-table td.product-attribute-value {
	font-size:13px;
	text-align:right;
}

.product-table td.product-attribute-value a {
	width:100%; display:block; text-align:right;
	
}

.product-table td.product-price {
	font-size:15px; font-weight:bold;
	background:#EFEFEF url(../img/questionmark.png) no-repeat right center;
	text-align:right; background-color:#EFEFEF;
}

.product-table td.product-price a {
	text-decoration:none;
	padding-right:25px;
	color:#000; 
}

.product-table td.product-price-value {
	font-size:18px; color:#2D2F90;
	text-align:right; font-weight:bold;
}

div#rotator-container {
	width:700px; height:300px;
}

div#rotator-container div#rotator-images {
	float:left; width:500px; height:300px;
	background:url(img/loader_snake.gif) no-repeat center center;
}

div#rotator-container div#rotator-buttons {
	float:left; width:200px;
}

div#rotator-container div#rotator-buttons * {
	font-family:'Trebuchet MS';
}

div#rotator-container div#rotator-buttons div.rotator-button {
	padding:7px; cursor:pointer; height:46px;
	background:url(../img/rotator/button.png) repeat-x;
}

div#rotator-container div#rotator-buttons div.rotator-button img {
	display:none;
}

div#rotator-container div#rotator-buttons div.rotator-button div.button-title {
	font-size:14px; color:#61C7EC;
}

div#rotator-container div#rotator-buttons div.rotator-button div.button-desc {
	font-size:11px; color:#FAFEFA;
}

div#rotator-container div#rotator-buttons div.rotator-button-over {
	padding:7px; cursor:pointer; height:46px;
	background:url(../img/rotator/button-over.png) repeat-x;
}

div#rotator-container div#rotator-buttons div.rotator-button-over img {
	display:none;
}

div#rotator-container div#rotator-buttons div.rotator-button-over div.button-title {
	font-size:14px; color:#5C94EB;
}

div#rotator-container div#rotator-buttons div.rotator-button-over div.button-desc {
	font-size:11px; color:#342D35;
}

.clearfix { clear:both; height:0; line-height:0; overflow: hidden; padding:0; font-size:0; }