@import url("reset.css");
@import url("menu.css");
#contact_form					{ width:600px; margin:0 auto; height:200px; padding:10px 0;
												background: transparent url(http://fawazalhokairfashion.com/images/form_bg.png) no-repeat;
                        position:relative; }
label									{
	font-size:90%;
	display:block;
	float:left;
	text-align:left ;
	margin:.2em .2em 0 0;
	color:#999;
	font-weight:bold;
	padding:8px 0px;
}
label.error           { font-size:10%; font-weight:normal;color:red;text-align:left; padding-left:25px;
                        background: transparent url(images/cancel.png) no-repeat scroll left; }
input.text-input			{
	height:30px;
	font-size:14;
	margin-left:20px;
	padding:2px 0;
	color:#333;
	border: 2px solid #CCC;
}

label#name_label      { position:absolute; top:0; left:0; }
input#name           { border: 2px; border-style: solid ;border-color:#CCC;font-size:14; position:absolute; top:5px; left:110px; }
label#name_error      { position:absolute; top:22px; left:120px; }

label#email_label     { position:absolute; top:45px; left:0px; }
input#email           {border: 2px; border-style: solid ;border-color:#CCC;font-size:14; position:absolute; top:45px; left:110px; }
label#email_error      { position:absolute; top:67px; left:120px; }

label#phone_label     { position:absolute; top:90px; left:0px; }
input#phone           { border: 2px; border-style: solid ;border-color:#CCC;font-size:14; position:absolute; top:90px; left:110px; }
label#phone_error      { position:absolute; top:112px; left:120px; }

input.button					{ position:absolute; top:125px; left:120px; padding:3px 6px;
                        border:2px solid #fff; margin:20px 0px 0px 0px; color:#3D7169; 
												font-family:Verdana, Arial, Helvetica, sans-serif;
												background:#CCC; -moz-border-radius:5px; }

input.button:hover		{ background:#009FAA none repeat scroll 0% 0%; color:white; }
#message							{ width:680px;margin:60px 0 0 100px; }
#checkmark						{ position:relative;top:-46px;left:-60px; }

img,td { behavior: url(http://fawazalhokairfashion.com/iepngfix.htc) }
.pgtxt {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	line-height: 25px;
	padding: 0px;
	letter-spacing: 3px;
}
.pgtxt a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00F;
	text-decoration: none;
	line-height: 25px;
	padding: 0px;
	letter-spacing: 3px;
}

/* post */

#slider {
	position: absolute;
}
#apDiv1 {
	position:relative;
	left:50%;
	margin-left:-480px;
	top:209px;
	width:960px;
	height:267px;
	z-index:1000;
	overflow: hidden;
}
body {
background :url("images/bg.jpg");
bgcolor:#FFF;
margin:0px;
background-repeat: repeat-x;
}
h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 32px;
	font-weight: normal;
	color: #39cd84;
	text-decoration: none;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #39cd84;
	text-decoration: none;
	line-height: 32px;
	text-align: left;
	letter-spacing: 2px;
}
.continp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	background-color: #F1FFF1;
		height: 25px;
		width: 200px;
	border: 1px solid #096;
}
.continptxtarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	background-color: #F1FFF1;
			width: 200px;
border: 1px solid #096;
}
#apDiv2 {
	background-color:#CCC;
	background:url(images/index_02.jpg);
	background-repeat:no-repeat;
	position:relative;
	left:50%;
	margin-left:-662px;
	height:500px;
	top:0px;
	width:1325;
}
#menulnks {
	position:absolute;
	left:589px;
	top:111px;
	width:531px;
	height:33px;
	z-index:1010;
}
.lnk,a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}
.lnk:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}

#srchbar {
	position:absolute;
	left:889px;
	top:155px;
	width:249px;
	height:38px;
	z-index:1002;
	background-image: url(images/srch_05.jpg);
	background-repeat:no-repeat;
}
#srchtxt {
	margin:0;
	padding:0;
	position:absolute;
	left:60px;
	top:5px;
	width:132px;
	height:22px;
	z-index:1003;
}
.srchph {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #A5D5BD;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	width: 130px;
	height: 20px;
}
#apDiv3 {
	position:absolute;
	left:195px;
	top:0px;
	width:30px;
	height:27px;
	z-index:1004;
}
/* BeginOAWidget_Instance_2141542: #ImageSlideShow */

#ImageSlideShow.ImageSlideShow {
	width: 963px;
	height: 267px;
	border: solid 0px #000000;
}

#ImageSlideShow .ISSClip {
	background-color: #5a5a5c;
}
    
/* EndOAWidget_Instance_2141542 */
.footer {
	background:url(images/footer.png);
	background-repeat:no-repeat;
	position:relative;
	left:50%;
	margin-left:-546px;
	margin-bottom:130px;
	height:340px;
	top:220px;
	width:1080px;
	z-index:1011;
	text-align: left;
	padding-top: 160px;
}

.contentdiv {
	background-repeat:repeat-y;
	position:relative;
	left:50%;
	padding-left:25px;
	padding-right:25px;
	margin-left:-498px;
	top:220px;
	width:996px;
	z-index:1011;
	text-align: left;
	background-image: url(images/contentbg.png);
}
#txtdiv {
	margin-left:-400px;
	left:50%;
	width:800px;
	position: relative;
}
#photodiv {
	margin-left:-400px;
	left:50%;
	width:500px;
	position: relative;
}

#folio .item { width: 235px; background: url('images/item.bg.png') no-repeat; }
#folio .item:hover { background-position: top right; }
#folio .item images:hover { opacity: 0.8; }
#brandsdiv {
	position:absolute;
	left:190px;
	top:210px;
	width:945px;
	height:675px;
	z-index:3;
	text-align: center;
}
img {border:0;}
.botlinks {
	text-align:center;
	height: 20px;
	width: 800px;
	margin-left: -400px;
	position: relative;
	left: 50%;
}
.copyright {
	    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
	    color:#666;

}
.logo {
	text-align: center;
	padding-top:30px;
	margin-bottom:30px;
}
.thumbdiv {
	float:left;
	-webkit-box-shadow: #888 2px 2px 2px;
	box-shadow: #888 2px 2px 2px;
	-moz-box-shadow: #888 2px 2px 2px;
	margin:10px;
	width:120px;height:85px;
	background-position:50% 50%;
	overflow:hidden;
	
}

.catthumbs{
	float:left;
	background-repeat:no-repeat;
	background:url(images/portfolio_full_frame.png);
	width:245px;
	height:154px;
	position:relative;
	text-align:center;
	vertical-align:middle;
	padding-top:20px;
	padding-left:20px;
	}
.foliocat{
	float:left;
	width:750px;
	position:relative;
	}
.x1 {
	
	float: left;
	width: 960px;
	
}

.x2 {
	
	width: 465px;
	
}

.x3 {
	
	width: 300px;
	
}

.x3_2 {
	
	width: 630px;
	
}

.x4 {
	
	width: 217px;
	
}

.x4_3 {
	
	width: 712px;
	
}

.x5 {
	
	width: 168px;
	
}

.x5_2 {
	
	width: 366px;
	
}

.x5_3 {
	
	width: 564px;
	
}

.x5_4 {
	
	width: 762px;
	
}

.x6 {
	
	width: 135px;
	
}

.last {
	
	margin-right: 0;
	
}

/*------------------------
	---------------- NAVS
	------------------------*/


		/*------------------------
		--------------- LEFT ARROW
		------------------------*/
		
		/* Sets position and main configs */
		.slider_arrow_left {
			
			bottom: 10px;
			cursor: pointer !important;
			float: left;
			height: 22px;
			left: 10px;
			position: absolute;
			width: 22px;
			z-index: 5;
			
		}
		
		/* left arrow image */
		.slider_arrow_left {
			
			background: url(http://fawazalhokairfashion.com/images/left_arrow.png) no-repeat top left;
			
		}


		/*------------------------
		-------------- RIGHT ARROW
		------------------------*/
		
		/* Sets position and main configs */
		.slider_arrow_right {
			
			bottom: 10px;
			cursor: pointer;
			float: left;
			height: 22px;
			left: 37px;
			position: absolute;
			width: 22px;
			z-index: 5;
			
		}
		
		/* Right arrow Background */
		.slider_arrow_right {
			
			background: url(http://fawazalhokairfashion.com/images/right_arrow.png) no-repeat top left;
			
		}




	/*------------------------
	---------------- SELECTORS
	------------------------*/
	
	/* Sets configs for selectors containers : absolute positioned in relation to #slider */
	.slider_selector, .slider_selector_dis {
		
		bottom: 10px;
		list-style: none;
		margin: 0 0 0 5px;
		position: absolute;
		right: 10px;
		z-index: 5;
		
	}
	
		/* Sets image of selectors */
		.slider_selector li, .slider_selector_dis li {
			
			display: block !important;
			background: url(http://fawazalhokairfashion.com/images/slider_selector.png) no-repeat top left;
			cursor: pointer;
			float: left;
			margin: 0 3px !important;
			height: 10px !important;
			position: relative !important;
			width: 10px !important;
			
		}
		
		/* Sets the current selector */
		.slider_selector li.current, .slider_selector_dis li.current {
			
			background: url(http://fawazalhokairfashion.com/images/slider_selector_current.png) no-repeat top left;
			
		}
	
	/* Disables the selectors */
	.slider_selector_dis li {
		
		cursor: default !important;
		z-index: 5;
		
	}
	
	.container {
		
		float: left;
		position: relative;
		width: 100%;
		z-index: 15;
		
	}