/*
Design Name: Gupse İnternet Teknolokileri
Design URL: http://www.gupse.net/
Description: Başak Kozmetik Ürünleri projesi...
Author: Gupse Inc.
Author URI: http://www.gupse.com
Version: 3.0.0

Changelog:
v1.0 - 01.04.2009
*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, big, cite, code, em, img, small, strong, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul, li { list-style: none; }
body { line-height: 1; }
img { border: none; }
.clear { clear: both; }
.h10 { height: 10px; }

body {
	width: 100%;
	color: #000;
	font: normal 12px Arial, Tahoma, Verdana;
	margin: 0px auto;
	padding: 0px;
}

.container {
	background: url('images/background.gif') repeat-x;
	width: 100%;
	height: 100%;
	clear: both;
}

/*                                               */
/*                 Header                        */
/*                                               */

#header { width: 960px; height: 90px; color: #000; margin: 0px auto; padding: 0px; }
#headerleft { float: left; height: 90px; width: 300px; margin: 0px; padding: 0px; }

#logo { padding: 0px 5px 0; }
#logo img { width: 250px; height: 90px; border: none; }

#headerright { float: right; height: 90px; width: 650px; margin: 0px; padding: 0px; }
#headerright ul { float: right; margin: 0px; margin-top: 22px; padding: 0px; }
#headerright li { display: inline; margin: 0; padding: 0; }
#headerright a { float: left; background: url('images/topmenu_left.gif') no-repeat left top; margin: 0px; padding: 0 0 0 4px; margin-left: 5px; text-decoration: none; }
#headerright a span { float: left; display: block; background: url('images/topmenu_right.gif') no-repeat right top; padding: 12px 15px 10px 10px; color: #FFF; }
/* Small hack for IE5-Mac \*/
#headerright a span { float: none; font: bold 12px Tahoma; color: #000; }
/* End IE5-Mac hack */
#headerright a:hover span { color: #F00; }
#headerright a:hover { background-position: 0% -42px; }
#headerright a:hover span { background-position: 100% -42px; }
#headerright .current a { background-position: 0% -42px; }
#headerright .current a span { background-position: 100% -42px; color: #F00; }
#headerright .clear { clear: left; }

/*                                               */
/*                 Content                       */
/*                                               */

#content {
	width: 960px;
	color: #000;
	margin: 0px auto;
	padding: 0px;
	clear: both;
}

.video {
	float: left;
	width: 424px;
	background: #FFF url('images/video_bg.gif') no-repeat center;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

.manset {
	float: right;
	width: 500px;
	background: #FFF url('images/manset_bg.gif') no-repeat center;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 12px;
}

#player {
	width: 400px;
	height: 300px;
	margin: 0px auto;
	padding: 12px;
	text-align: center;
	line-height: 64px;
}

.galeri {
	float: right;
	width: 500px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

.slider {
	width: 960px;
	height: 320px;
	color: #FFFFFF;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	float: right;
	clear: both;
}

.context {
	width: 960px;
	margin: 0px;
	padding: 0px;
}

.context p {
	font-size:12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 0px 0px 10px;
}

.context .c_left {
	float: left;
	width: 420px;
	background: #daffad url('images/c_left_bg.gif') repeat-x;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px 5px;
	border: 1px solid #9ace5a;
	font-weight: bold;
	color: #256500;
}

.c_left p {
	line-height: 20px;
}

.context .c_right {
	float: right;
	width: 520px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

.c_right img {
	width: 120px;
	border: none;
}

.c_right ul { padding: 0px 10px 0px 10px; }
.c_right ul, .c_right li { margin: 0; padding: 0; list-style-type: none; }
.c_right li { width: 120px; height: 160px; float: left; margin-left: 5px; margin-bottom: 5px; text-align: center; overflow: hidden; border: 1px solid #9ace5a; }
.c_right ul li a { display: block; color: #256500; text-decoration: none; font: bold 12px Tahoma, Verdana, Arial, sans-serif; padding-bottom: 3px; }
.c_right ul li a:hover { color: #6aa22d; }

.cd_detay {
	float: left;
	width: 620px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	border: 1px solid #9ace5a;
	background: #dbffb0 url('images/cd_bg.gif') repeat-x top center;
}

.cd_detay p, .cd_yorum p {
	padding: 5px;
}

.cd_detay h2 {
	background: #daffad url('images/cd_h2_bg.gif') no-repeat;
	color: #256500;
	width: 620px;
	height: 34px;
	padding: 3px 0px 3px 0px;
	font-size: 26px;
	line-height: 34px;
	border-bottom: 1px solid #9ace5a;
	text-indent: 38px;
	overflow: hidden;
}

.cd_detay .fiyat {
	font: bold 16px Arial, Tahoma, Verdana;
	color: #FF0000;
	padding: 5px;
}

.cd_detay .fiyat span {
	color: #000;
}

.cd_detay .siparis_l {
	float: left;
	width: 180px
	margin-left: 10px;
}

img.cd_resim {
	width: 300px;
	border: 1px solid #9ace5a;
}

.cd_yorum {
	float: right;
	width: 325px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	border: 0px solid #9ace5a;
}

.cd_yorum h2 {
	color: #256500;
	width: 310px;
	padding: 3px 5px 3px 10px;
	background: #daffad url('images/cd_h2_bg.gif') no-repeat bottom right;
	font-size: 18px;
	border-bottom: 1px solid #9ace5a;
}

.tabcontent ul { padding: 0px 10px 0px 10px; }
.tabcontent ul, .tabcontent li { margin: 0; padding: 0; list-style-type: none; }
.tabcontent li { width: 306px; float: left; margin: 0px; margin-bottom: 5px; padding: 3px; text-align: left; overflow: hidden; border: 1px solid #beea88; background: #e2ffc0; }
#yorumlar, #yorumyap { border:1px solid #9ace5a; width:314px; padding: 3px; background: #efffdc; font: normal 11px Arial, Tahoma, Verdana;}

.siparis {
	width: 450px;
	margin: 0px auto;
	margin-top: 10px;
	padding: 0px;
	color: #000;
	border: 1px solid #9ace5a;
	color: #256500;
	background: #efffdc; 
}

.cssform p { width: 440px; clear: left; margin: 0; padding: 5px 0 5px 10px; border: 0px; height: 1%; font-family: Tahoma; }
.cssform label { font: bold 11px/18px Tahoma; float: left; margin-left: 0px; width: 100px; height: 18px; }
.cssform input, .cssform select { width: 220px; font: normal 12px Tahoma; }
.cssform input.submit { width: 100px; height: 30px; background: url('images/contact_send_bg.gif') no-repeat; font: bold 12px Tahoma; border: none; cursor: pointer; outline: none; }
.cssform input.adet {  width: 40px; }
.cssform textarea{ width: 300px; height: 80px; }
.cssform select, .cssform input, .cssform textarea { border-top: 1px solid #808080; border-left: 1px solid #808080;
border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; font: normal 12px Tahoma; padding: 1px; }

p.detail { font: normal 11px/15px Tahoma; margin: 4px; padding: 5px; border: 1px solid #c2c2c2; background: #daffad; clear: both; color: #5e5e5e; }
.siparis h2 {
	color: #256500;
	width: 450px;
	padding: 3px 0px 3px 0px;
	background: #daffad;
	font-size: 18px;
	text-indent: 12px;
	border-bottom: 1px solid #9ace5a;
}

.siparis .alert {
	font: bold 12px/15px Arial, Tahoma, Verdana;
	border:1px solid #beea88;
	background: #efffdc;
	width: 400px;
	margin: 5px auto;
	padding: 5px;
	text-align: center;
}

/*                                               */
/*                 Footer                        */
/*                                               */

#footer {
	background: url('images/footer_bg.gif') repeat-x top center;
	width: 100%;
	height: 80px;
	color: #e95e25;
	margin: 0px auto;
	margin-top: 10px;
	padding: 0px;
	clear: both;
}

#footer div.f_main {
	background: url('images/footer_main_bg.gif') no-repeat;
	width: 960px;
	height: 80px;
	margin: 0px auto;
	padding: 0px;
}


#footer p.f_left {
	font: bold 12px Tahoma;
	float: left;
	width: 560px;
	padding: 5px;
	padding-top: 8px;
	padding-left: 70px;
	line-height: 18px;
}

#footer .valids {
	display: block;
	width: 560px;
	clear: both;
	font: normal 11px Tahoma;
	color: #e95e25;
	padding-top: 5px;
}

#footer .valids a {
	color: #e95e25;
}

#footer .valids a.basak {
	color: #e95e25;
	text-decoration: none;
}



#footer p.f_right {
	font: normal 11px Tahoma;
	float: right;
	width: 300px;
	padding: 6px;
	padding-top: 54px;
	line-height: 16px;
	text-align: right; 
}

#footer p.f_right img {
	width: 48px;
	height: 20px;
	text-decoration: none;
}



/*                                               */
/*                 İletişim                      */
/*                                               */

.yorumformu p { width: 440px; clear: left; margin: 0; padding: 5px 0 5px 10px; border: 0px; height: 1%; font-family: Tahoma; }
.yorumformu label { font: bold 11px/18px Tahoma; float: left; margin-left: 0px; width: 300px; color: #256500; }
.yorumformu input, .yorumformu select { width: 220px; font: normal 12px Tahoma; background: #f1ffe5; }
.yorumformu input.submit { width: 100px; height: 30px; background: url('images/contact_send_bg.gif') no-repeat; font: bold 12px Tahoma; border: none; cursor: pointer; outline: none; }
.yorumformu input.temizle {  color: #5e5e5e; }
.yorumformu textarea{ width: 290px; height: 120px; background: #f1ffe5; }
.yorumformu select, .yorumformu input, .yorumformu textarea { border-top: 1px solid #808080; border-left: 1px solid #808080;
border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; font: normal 12px Tahoma; padding: 1px; }

.yorumformu .alert { width: 400px; margin: 40px auto; margin-bottom: 10px; padding: 5px; text-align: center; font: bold 14px/28px Georgia, Arial, Tahoma; border: 1px solid #9ace5a; color: #256500; background: #efffdc; }