@CHARSET "UTF-8";
html{
	background-image: url("../design/bg.gif");
	background-repeat: repeat;
}
body{
	font-family: Geneva,Arial,Helvetica,sans-serif;
	color: #63659C;
}

#custom-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:69.231em;/* non-IE */
	*width:67.50em;/* IE */
	min-width:900px;/* optional but recommended */
	background-color: #fff;
}
#hd{
	padding-top: 10px;
}
/* Headings -------------------------------------------------------------- */ 
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #8DC966;font-family: "Trebuchet MS",Tahoma; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
/* Text elements -------------------------------------------------------------- */ 
p { width:97.8%; margin: 0 0 1.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus, a:hover { color: #4c82c0;text-decoration: none; }
a { color: #63659C; text-decoration: underline;cursor: pointer;outline: none; }
.bgturkuaz a {color: #fff;}
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* Lists -------------------------------------------------------------- */ 
li ul, li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
/* Tables -------------------------------------------------------------- */ 
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #20BDC7; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
/* Misc classes -------------------------------------------------------------- */ 
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.lower{text-transform: lowercase;}
.upper{text-transform: uppercase;}
.c95{width:95%;}
.ml4{margin-left:4%;}
p.list{
	margin-bottom: .3em;
}
p.list a{
	text-decoration: none;
	display: block;
}
p.longlist a{
	text-transform: capitalize;
}
.star{
	background-image: url("../design/icons/star.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 12px;
}
.star:HOVER{
	background-image: url("../design/icons/red_star.png");
}
/*Form
 * --------------------------------------------------
*/

fieldset label {
                display: block;
                padding: 0 0 10px;
                font-weight: bold;
				color: #20bdc7;
                }
             
fieldset fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }
                
fieldset p small {
                font-size: 0.75em;
                color: #777;
                }
				
				
fieldset input.text-input,
fieldset select,
fieldset textarea,
fieldset .wysiwyg {
                padding: 6px;
                font-size: 13px;
                background: #fff url('../design/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
                }
fieldset .min-input {
                width: 8% !important;
                } 
fieldset .opt-input {
                width: 20% !important;
                }           
fieldset .small-input {
                width: 35% !important;
                }
               
                
fieldset .medium-input {
                width: 50% !important;
                }
fieldset .xm-input {
                width: 70% !important;
                }
                
fieldset .large-input {
                width: 97.5% !important;
				font-size: 16px !important;
				padding: 8px !important;
                }
fieldset .long-input {
	width: 97.5% !important;
} 
fieldset textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }
                
fieldset select {
                padding: 4px;
                background: #fff;
                }
				
fieldset input[type="checkbox"],
fieldset input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }

/************ Button ************/
.button {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('../design/bg-button-green.gif') top left repeat-x !important;
                border: 1px solid #459300 !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 11px !important;
                cursor: pointer;
                }
                
.button:hover {
                text-decoration: underline;
                }
                
.button:active {
                padding: 5px 7px 3px 7px !important;
                }


/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 96.8%;
                }
.listing-notification {
                position: relative;
                margin: 0 0 15px 0 ;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                
.attention {
                background: #fffbcc url('../design/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../design/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../design/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../design/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                background-image: url("../design/icons/cross_grey_small.png");
                width: 7px;
                height: 7px;
                display: block;
                }
.listing-notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.listing-notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                background-image: url("../design/icons/cross_grey_small.png");
                width: 7px;
                height: 7px;
                display: block;
                }

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}

/* Notification for login page */

#login-wrapper #login-content .notification {
				border: 0;
				background-color: #141414;
				color: #fff !important;
				}

/*************** jQuery WYSIWYG ***************/

div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; width: 97.5% !important; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 5px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; padding: 0 !important;  background: #ffffff; background-image: none !important;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { display: block; padding: 0 !important; width: 16px; height: 16px; background: url('../design/icons/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {  }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.emotion_smile { background: url("../design/emotion/emotion_smile.png") !important; }
div.wysiwyg ul.panel li a.emotion_happy { background: url("../design/emotion/emotion_happy.png") !important; }
div.wysiwyg ul.panel li a.emotion_suprised { background: url("../design/emotion/emotion_suprised.png") !important; }
div.wysiwyg ul.panel li a.emotion_tongue { background: url("../design/emotion/emotion_tongue.png") !important; }
div.wysiwyg ul.panel li a.emotion_wink { background: url("../design/emotion/emotion_wink.png") !important; }
div.wysiwyg ul.panel li a.smile_sad { background: url("../design/emotion/smile_sad.png") !important; }

div.wysiwyg ul.panel li a.floatleft { background: url("../design/icons/left.png") !important; }
div.wysiwyg ul.panel li a.floattop{ background: url("../design/icons/top.png") !important; }
div.wysiwyg ul.panel li a.floatright { background: url("../design/icons/right.png") !important; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 97.5% !important; }
/*Colors
 * --------------------------------------------------
*/
.mavi{
	color: #63659C;
}
.acikmavi{
	color: #6694CC;
}
.yesil{
	color: #8DC966;
}
.beyaz{
	color: #fff;
}
.turkuaz{
	color: #20bdc7;
}
.bgmavi{
	background-color: #4c82c0;
}
.bgacikmavi{
	background-color: #7296c8;
}
.bgturkuaz{
	background-color: #20bdc7;
}
.bgyesil{
	background-color: #8dc966;
}
.bgyesil,.bgturkuaz,.bgacikmavi,.bgmavi{
	color: #fff;
}
/*Float
 * --------------------------------------------------
*/
.fl{
	float: left;
}
.fr{
	float: right;
}
.cb{
	clear: both;
}
.cl{
	clear: left;
}
.cr{
	clear: right;
}
.alignR{
	text-align: right;
}
.alignC{
	text-align: center;
}
/*Border
 * --------------------------------------------------
*/
.borderright{
	border-right: 0.1em #B1B1B1 solid;
}
.borderleft{
	border-left: 0.1em #B1B1B1 solid;
}
#otuzbir {
	width: 31%;
}
.obl{
	color:red;
}
/*List
 * --------------------------------------------------
*/
.listcont{padding: .8em 1.2em;width: 90%}
.productlist a{
	text-decoration: none;
	font-size: .9em;
}
table#gifts th{
	color: white;
}
table#gifts img{
	cursor: pointer;
	margin: 2px 4px;
}
table#gifts tbody tr{
	background-color: #e8f4e0;
	border-bottom: 1px #c8d4c0 solid;
}
table#gifts tbody td{
	padding: 5px 2px;
}
/*Tools
 * --------------------------------------------------
*/
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;
	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}