/**
 * @author Bilal Cinarli
 * @copyright 2008
 * @company Icon Perception Management Co.
 * @contact contact@icon-pm.com
 * @web www.icon-pm.com
 * @project www.icon-pm.com
 **/

 /*  ------------------- Global Settings  ------------------- */
	html, body { border:0; height: 100%; margin:0; padding:0; }
	body { background: #000; color: #989898; font:10px/1.25 Tahoma; text-align: left; }

	.clear { clear:both; }
	.clearfix:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
	.clearfix { display: inline-block; }
	/*IE-mac \ */
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* IE-mac */
	.border { border: 1px solid; }
/*  ------------------- Global Settings  ------------------- */

/* ------------------- Common Styles ------------------- */
 	h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; }

	p, ul, ol { margin:0; padding:0; }

	ul, ol { list-style:none; margin: 0; padding: 0; }

	blockquote { margin:22px 40px; padding:0; }

	small { font-size:0.85em; }

	img { border:0; }

	sup { bottom:0.3em; position:relative; vertical-align:baseline; }

	sub { bottom:-0.2em; position:relative; vertical-align:baseline; }

	acronym, abbr { border-bottom:1px dashed; cursor:help; letter-spacing:1px; }

	.alignLeft { text-align: left; }
	.alignRight { text-align: right; }
	.alignCenter { text-align: center; }
	.alignJustify { text-align: justify; }

/* ------------------- Link Styles ------------------- */
    a, a:visited { outline: none; text-decoration:none; }
/* ------------------- Common Styles ------------------- */

/*  ------------------- Page Skeleton  ------------------- */
	#wrapper { background: url(../media/image/template/wrapper.png) center no-repeat; height: 650px; margin: 0 auto; position: relative; width: 711px; }

		#header { top: 25px;z-index: 999; }

       	#navigation { background: url(../media/image/template/navigation.png) bottom left repeat-x; height: 55px; left: 156px; top: 25px; width: 554px; z-index: 999;}

		#content { background: url(../media/image/template/bg_homepage.jpg) top left no-repeat; height: 470px; left: 157px; top: 80px; width: 553px; z-index: 1;}
			#content.sellers { background: url(../media/image/template/bg_sellers.jpg) top left no-repeat; }
			#content.man { background: url(../media/image/template/bg_man.jpg) top left no-repeat; }
			#content.woman { background: url(../media/image/template/bg_woman.jpg) top left no-repeat; }
			#content.contact { background: url(../media/image/template/bg_contact.jpg) top left no-repeat; }

		#sidebar { left: 6px; top: 100px; }

	#footer { bottom: 0; width: 100%; }

		#header, #navigation, #content, #sidebar, #footer { position: absolute; }

/* ------------------- Page Skeleton ------------------- */

/* ------------------- Header ------------------- */
	#logo { display: block; position: absolute; z-index: 999; }
/* ------------------- Header ------------------- */

/* ------------------- Navigation ------------------- */
	#navigation ul { background: url(../media/image/template/gender_icons.png) bottom right no-repeat; height: 31px; padding-top: 24px; width: 100%; z-index: 999;}
	#navigation li { background: url(../media/image/template/menu_border.png) bottom right no-repeat; display: inline; float: left; position: relative; z-index: 999;}

		#navigation li a, #navigation li span { color: #989898; cursor: pointer; display: block; font: 13px Tahoma; letter-spacing: -1px; padding: 10px 16px 5px; }
		#navigation li a:hover, #navigation li.activeNav a, #navigation li span:hover, #navigation li.activeNav span { color: #c7c7c7; }

	#navigation li ul { border-top: 1px solid #989898; display: none; padding-top: 0; position: absolute; top: 29px; width: 102px; z-index: 999; }
		#navigation li li { background: #010101; border: 1px solid; border-top: none; display: block; float: none; white-space: nowrap; width: 100px; z-index: 999;}
			#navigation li li a { padding: 3px; z-index: 999;}
			#navigation li li a:hover { background: #232323; }
/* ------------------- Navigation ------------------- */

/* ------------------- Content ------------------- */
/* ------------------- Pages ------------------- */
	#page, #homepage { display: inline; float: left; font: 11px/15px Tahoma; position: relative; }

	#seller { background: url(../media/image/template/seller.jpg) top left no-repeat; color: #ff9900; display: block; height: 15px; padding: 87px 10px 0 0; position: absolute; right: 30px; text-align: right; top: 300px; width: 82px; }
	#seller:hover { color: #b4e221; }

/* ------------------- Common ------------------- */
	h2.title, #text h2, h3 { background: url(../media/image/template/title.png) bottom left no-repeat; color: #af6620; font: 12px Tahoma; margin-bottom: 5px; padding-bottom: 1px; }
	h2.hideTitle span, h1.hideTitle span { display: none; }

	#pageText { margin-left: 280px; padding: 5px; }

	#pageText p { margin-bottom: 10px; }
	#pageText a { color: #565656; }
	#pageText a:hover { color: #af6620; }
	#pageText ul, #pageText ol { margin: 10px 10px 10px 20px; }
	#pageText ul li { list-style: disc inside; }
	#pageText ol li { list-style: decimal inside; }

/* ------------------- Common ------------------- */

/* ------------------- Perfumes ------------------- */
	#perfumes { border-collapse: collapse; }
		#perfumes tr { cursor: default; }
		#perfumes tr.even { background: #191919; }
		#perfumes th { border-bottom: 1px solid #af6620; }
		#perfumes .code { white-space: nowrap; }
		#perfumes td { vertical-align: top; margin: 0 2px; padding: 2px 5px; }
		#perfumes td.content { font: 11px/14px Tahoma; }
/* ------------------- Perfumes ------------------- */

/* ------------------- Sellers ------------------- */
	.vcard { margin-bottom: 10px; }
	.vcard span.type { display: none; }
	.vcard .org { background: url(../media/image/template/title.png) bottom left no-repeat; color: #af6620; font: 12px Tahoma; margin-bottom: 5px; padding-bottom: 1px; }

/* ------------------- Sellers ------------------- */

/* ------------------- News ------------------- */
	#pageText .pagination { float: right; font: 0.8em Verdana;}

	#pageText .exp { margin: 2px 5px 5px 0px; text-align: right;}
	#pageText .results { margin: 2px 5px 5px 0px; text-align: left; width: 250px;}

	#pageText .pages { float: right; margin-bottom: 5px;}

	#pageText .pagination ol { margin: 0; padding: 0; }

	#pageText .pagination ol li { list-style: none; float: left; padding: 0; }

	#pageText .pagination ol li a, #pageText .pagination ol li span, #pageText .pagination ol li.currentpage span { background-color: #111; color: #fff; border: 1px solid; display: block; padding: 0px 4px; margin: 0 2px; float: left; }

	#pageText .pagination ol li span { background: none; border: none; margin: 0; }

	#pageText .pagination ol li a:hover, #pageText .pagination ol li.currentpage span { background-color: #999; border: 1px solid #fff; color: #111; font-weight: bold; }

.backlink { margin: 20px 0px; border: 1px transparent; text-align: left;}

	#pageText .backlink a{ border: none;}

	.news-summary { margin-bottom: 10px; }

		.news-summary h4.title { color: #006f53; font: bold 14px Trebuchet Ms; }
		.news-summary span.articlepress { color: #000; font: bold 14px Trebuchet Ms; }
		.news-summary span.date { color: #006f53; font: 14px Trebuchet Ms; }

		.news-summary .details, #pageText .back { color: #006f53; display: block; text-align: right; width: 100%;}
		.news-summary .details a { color: #006f53; }

/* ------------------- 404 ------------------- */
	.error_element { margin-left: 15px; }
	.error_element li { list-style: decimal inside; }
/* ------------------- 404 ------------------- */
/* ------------------- Pages ------------------- */
/* ------------------- Forms ------------------- */
/* ------------------- Common ------------------- */
	form { margin: 5px 0; position: relative; }
	fieldset { border: none; margin: 0; }
	legend { color: #000; font: bold 12px Arial; margin: 0 0 5px; padding: 0; }

	label { cursor: pointer; font-weight: bold; }
	label.inputlabel { display: block; float: left; }
	label.addlabel { font-weight: normal; }

	#pageText form ol { margin: 0; padding: 0; }
	#pageText form ol li { list-style: none; position: relative; }
	form li { margin-bottom: 10px; position: relative; }
	form .inputbox { border: 1px solid #454545; height: 15px; }
	form textarea.inputbox { height: 75px; }
	form .button .submit { margin-left: 125px; }
	form .hide { display: none; }
	span.required { color: red; }

	#cities select, #cities option { background: #111; color: #989898; font: 11px/15px Tahoma; }
	#cities select { border: none; width: 200px; }
	#cities option { border-bottom: 1px solid #191919; padding: 2px; text-indent: 5px; }
	#cities option:hover { background: #232323; }

	#productSearch { width: 250px; }
	#productSearch label { display: block; font-weight: normal; }
	#productSearch label.name { font: 11px Tahoma; left: 4px; position: absolute; top: 2px; }
	#productSearch input#perfume { border: 1px solid #454545; height: 15px; color: #989898; font: 11px Tahoma; text-indent: 2px; width: 250px; }
	#productSearch .submit { background: url(../media/image/template/button.png) center right no-repeat; border: none; cursor: pointer; color: #ff9900; float: right; font: 11px Tahoma;  padding: 2px 10px 2px 0; text-align: right; width: 75px; }

	.width01 { width: 25px; }
	.width02 { width: 50px; }
	.width03 { width: 75px; }
	.width04 { width: 100px; }
	.width05 { width: 125px; }
	.width06 { width: 150px; }
	.width07 { width: 200px; }
	.width08 { width: 250px; }
	.width09 { width: 300px; }
	.width10 { width: 400px; }
	.width00 { width: 98%; }
	.width33 { width: 33%; }

	.marginLeft07 { margin-left: 200px; }

/* ------------------- Forms ------------------- */

/* ------------------- Form Errors ------------------- */
/* form error display */
	.warn { color: orange; display: block; font-weight: bold; margin-bottom: 10px; }

	.result { color: #f90; font: 12px Arial; font-weight: bold; margin: 10px; text-align: center; }

	label.error{ color: red; display: block; font-style: italic; margin-left: 5px; position: absolute; width: auto; }
/* ------------------- Form Errors ------------------- */
/* ------------------- Content ------------------- */

/* ------------------- Footer ------------------- */
	#copyright { bottom: 0; color: #565656; left: 0; position: absolute; text-align: center; width: 157px; }
/* ------------------- Footer Menu ------------------- */
	#footer ul { bottom: 0; position: absolute; right: 35px; }
		#footer li { display: inline; float: left; margin: 0 10px; }
			#footer li a { color: #676767; }
			#footer li a:hover { color: #aaa; }
/* ------------------- Footer Menu ------------------- */
/* ------------------- ICON Signature ------------------- */
	#icon { background: url(../media/image/template/icon.png) top left no-repeat; bottom: 0; display: block; height: 13px; overflow: hidden; position: absolute; right: 0px; text-indent: -9999px; width: 35px; }
/* ------------------- ICON Signature ------------------- */
/* ------------------- Footer ------------------- */