@charset "utf-8";
/* CSS Document */

/*Hacks for IE Home page flash intro
#body_home{visibility:hidden;}*/
body{visibility:hidden;}

/*=General*/
body{ padding:4px 4px; text-align:center; }
strong{ font-weight:bold;}
p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#646464; line-height:19px  }

/*=Header*/
#header{ height:32px; background:url(../../images/header-bg.gif) bottom left repeat-x; position:relative;  width:99.8%; margin:auto; min-width:910px; text-align:left;}
#headerMenuWrap{ width:33%; position:relative; min-width:305px; }
#rightheadercorner{background:url(../../images/right-header-bg.gif) no-repeat left bottom; height:32px; width:50px; float:left;}
#leftheadercorner{background:url(../../images/right-header-bg.gif) no-repeat right bottom; height:32px; width:50px; position:absolute; right:0; bottom:0; }
#header ul{ height:32px; width:296px; background:url(../../images/header-menu.jpg) bottom left; position:absolute; right:0; top:0; }
#header li { float: left; }
#header li a {position: absolute; top: 0; margin: 0; padding: 0; display: block; height:48px; background: url(../../images/header-menu.jpg) no-repeat; text-indent: -9999px; overflow: hidden; font-size: 1%;}

li#newsletterLogin  a {left:36px; width:78px; background-position: -36px 0}
li#newsletterLogin  a:hover { background-position: -36px -32px;}

li#findRetailer  a {left:128px; width:132px; background-position: -128px 0;}
li#findRetailer a:hover {background-position: -128px -32px;}



/*=Main BOX*/
#container{ width:99.8%; min-width:910px;  text-align:left; background:url(../../images/left-container-bg.gif) repeat-y left top; position:relative; margin:auto; }



/*=Menu*/
#menuRow{ float:left; height:100%; position:relative; width:33%; min-width:305px;  }
#menuRowInner{width:296px; height:100%; float:right; text-align:center; background:url(../../images/menu-col-bg.png) top left repeat-x; position:relative; display:table; }
#menuRowInnerContainer{ width:296px; display:table-cell; vertical-align:middle; height:100%; }


#logo{ text-indent:-10000px; width:252px; height:146px; background:url(../../images/logo.png); margin:0 auto; padding:0; cursor:pointer;  }
#tagline{ text-indent:-10000px; background:url(../../images/tag-line-menu-col-lower.png) no-repeat center; width:247; height:33px; margin:20px 0; }

#menu{ width:252px; margin:auto;  border-top:1px #aeadaf solid; }

.menulink{border-bottom:1px #aeadaf solid;}
.current{ background:url(../../images/active-accordian-link.jpg) repeat-x top left #f7f7f7;}

.menulink a{ display:block; height:25px; line-height:25px;  text-indent:-10000px; position:relative;}
.menulink a:hover{background:#FFFFFF; }
.menulink #collectionlink:hover{ background:url(../../images/active-accordian-link.jpg) repeat-x top left #f7f7f7;}
.menulink span{height:25px; width:100%;  position:absolute; top:0; left:0;}

#body_home #homepagelink{background:#FFFFFF; }
#body_aboutus #aboutuslink {background:#FFFFFF;}
#body_collection #collectionlink {background:#FFFFFF;}
#body_history  #historylink {background:#FFFFFF;}
#body_media #medialink{background:#FFFFFF;}
#body_whatisnew	#whatsnewlink{background:#FFFFFF;}
#body_contactus #contactuslink {background:#FFFFFF;}

#homepagelink span{ background:url(../../images/home-page-title.png) center 50% no-repeat;}
#aboutuslink span{background:url(../../images/about-us-title.png) center 50% no-repeat;}
#collectionlink span{background:url(../../images/collection-title.png) center 50% no-repeat;}
#medialink span{background:url(../../images/media-title.png) center 50% no-repeat;}
#whatsnewlink span{background:url(../../images/whats-new-title.png) center 50% no-repeat;}
#contactuslink span{background:url(../../images/contact-us-menu-title.png) center 50% no-repeat;}
#historylink span{background:url(../../images/history-title.png) center 50% no-repeat;}

.submenu {display:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;  margin:0 0 10px 0; padding:0; }
#menu li.current ul {display: block;}

.submenu li { margin-bottom:5px; display:block;}
.submenu a{text-indent:0; text-decoration:none; border:none; color:#333333; height:auto; line-height:normal; }
.submenu a:hover{ color:#a50000; background:none;}

.body_aboutus #youssefmerzoukiActive a{ color:#a50000; font-weight:bold;}
.body_history  #historyActive a{ color:#a50000; font-weight:bold;}

.body_aboutcollection #aboutcollectionActive a{color:#a50000; font-weight:bold;}
.body_collection #collectionActive a{color:#a50000; font-weight:bold;}


/*=contents*/
#mainContents{ width:66%; float:right; text-align:center; overflow:hidden; height:100%;  background:url(../../images/right-header-bg.gif) repeat-y right top; display:table;}
#mainContentsInner{ margin:0 auto; text-align:left;  height:100%; display:table-cell; vertical-align:middle;}
#mainContentsInnerAbsPos{ width:500px; left:0; top:0%; margin:auto;}

#mainContentsInnerAbsPos .insidecontainer{ padding-top:30px; }

.contentHeader{ font-size:12px; font-weight:bold; color:#646464; letter-spacing:1px; margin: 0px 0 20px 0; }
.contentHeader span{ color:#a50000}

		/********Home page*******/
		#body_home #mainContentsInner{ width:611px;}
		#body_home #mainContentsInnerAbsPos{width:611px; /*padding-top:10%;*/ }
		
		
		/**About Us page**/
		#body_aboutus #mainContentsInner{ width:611px;}
		#body_aboutus #mainContentsInnerAbsPos{width:611px; padding-top:0px; text-align:center; }
		
		/**Body_History**/
		#body_history #mainContentsInner{ width:611px;}
		#body_history #mainContentsInnerAbsPos{width:611px; padding-top:0px; text-align:center; }
		
		/********Collection gallery  page*******/
		#body_collection #mainContentsInner{ width:558px;}
		#body_collection #mainContentsInnerAbsPos{width:558px; }
		
		/***not offical yet**/
		#sortRow{ display:block; margin-bottom:20px;}
		#sortRow li{ display:inline; padding-right:10px;}
		
		select{ background-color:#fff; padding:2px; border:1px solid #818181;
		color : #3c3c3c;
		font-family : arial, helvetica, sans-serif;
		font-size : 11px;
		}

		
		#gallery{width:558px; height:342px; /*Will need to increse if they want more rugs*/  overflow:hidden;}
		#gallery p{ margin:10px 0;}
		#gallery li{ width:106px; float:left;  margin-right:5px; margin-bottom:10px; height:110px; line-height:110px;   }
		#gallery li a{ display:block; } 
		#gallery li img{}
		#gallery li .speailcenter{ margin-left:20px;}
		

		/********Collection details  page*******/
		#body_collection_details #mainContentsInner{ width:500px;}
		#body_collection_details #mainContentsInnerAbsPos{width:500px; }
		
		.zoomple{ float:left; width:300px;}
		#iteamDetailsContainer{ width:190px; float:right; color:#646366; font-family:Arial, Helvetica, sans-serif; margin-top:73px; margin-left:10px;}
		#iteamDetailsContainer h3{font-weight:bold; font-size:14px;  }
		#iteamDetailsContainer .productid{ font-size:12px; margin:5px 0 20px 0; border-bottom:1px dotted #646366; padding-bottom:20px;}
		#iteamDetailsContainer ul{font-size:12px; margin:20px 0;}
		#iteamDetailsContainer li{margin:5px 0; }
		#iteamDetailsContainer .pageNav li{ display:inline;}
		#iteamDetailsContainer .pageNav a{ color:#646366; font-size:11px; font-weight:bold; text-decoration:none;}
		#iteamDetailsContainer .pageNav .spacer{ padding:0 5px;}

		
		/*************Media***************/
		#body_media #mainContentsInner{ width:600px;}
		#body_media #mainContentsInnerAbsPos{width:600px;}
		#medialist{ width:600px;  margin:0 auto;}
		#medialist li{ margin:0 0 25px 0; display:block;  overflow:hidden;}
		#medialist a{ border:1px #aeadaf solid; padding:5px; float:left; margin-right:20px;}
		#medialist div{float:left; width:355px;}
		#medialist h2{ margin:5px 0;}
		#medialist p a{ border:none; float:none; padding:0; margin:0; text-decoration:none; border:none; color:#333333;text-indent:0; text-decoration:none;  height:auto; }
		#medialist p a:hover{ color:#a50000;}
		
		/*********What IS NEW*************************/
		#body_whatisnew #mainContentsInner{ width:611px;}
		#body_whatisnew #mainContentsInnerAbsPos{width:611px; padding-top:0px; text-align:center; }
		
		/******Contact US******/
		.mainimagecontact{float:left; margin:-20px 20px 0 0;}
		.skpeicon{margin-bottom:-12px}
		#body_contactus #mainContentsInner{ width:545px;}
		#body_contactus #mainContentsInnerAbsPos{width:545px; padding-top:0px; text-align:center; }
		#contactlist{text-align:left; width:545px;}
		#contactlist p{ margin:10px 0;}
		#contactlist p a{color:#333333; text-indent:0; text-decoration:none; }
		#contactlist p a:hover{ color:#a50000; background:none;}
		#contentHeader{ margin:20px 0;}

/*=Footer*/
#footer{ height:44px; background:url(../../images/footer-bg.gif) repeat-x top left;  width:99.8%; min-width:910px; margin:auto;  font-size:11px; color:#646366; font-family:Arial, Helvetica, sans-serif; text-align:center; position:relative;}

#footer a{ text-decoration:none; color:#646366;}
#footer ul{ }

#footer ul li{ display:inline;}
li.spacers{  text-align:center; padding:0 10px;}

#footer .posLeft{ position:absolute; top:20px; left:0;  }
#footer .posRight{ position:absolute; top:20px; right:0; }

#socalLinksOuterContainer{ height:40px; overflow:hidden; background:url(../../images/footer-bg.gif) repeat-x top left; margin:auto; width:81px;}

#socalLinksContainer{ width:81px; height:40px; position: relative; background:url(../../images/socail-nework-icons.jpg); margin-top:3px; }
#socalLinksContainer li { float: left; }
#socalLinksContainer li a {position: absolute; top: 0; margin: 0; padding: 0; display: block; height:40px; background: url(../../images/socail-nework-icons.jpg) no-repeat; text-indent: -9999px; overflow: hidden; font-size: 1%;}

li#FacebookLink  a {left: 0; width: 40px; background-position: 0 0}
li#FacebookLink a:hover { background-position: 0px -40px;}

li#TwitterLink  a {left: 40px; width: 41px; background-position: -40px 0;}
li#TwitterLink a:hover { background-position: -40px -40px;}



li#MyspaceLink a{left: 50px; width: 25px; background-position: -50px 0;}
li#MyspaceLink a:hover{ background-position: -50px -44px;}

li#Googlelink a{left:75px; width: 25px; background-position: -75px 0;}
li#Googlelink a:hover{ background-position: -75px -44px;}



/**************************************************NEEDED JQUERY STYLES*/

/*=SLIDE Show Keyword*/
	#slideshowKeywords{
	display:block;
	margin:30px auto 0px auto;
	width:611px; 
	height:46px;
	overflow:hidden;
	}

	#slideshowKeywords.large{
	display:block;
	margin:30px auto 0px auto;
	width:535px; 
	height:92px;
	overflow:hidden;
	text-align:center;
	}

/*=Hompage SLIDE Show*/
	div#slideshow {
	width:582px; height:307px;
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: relative; z-index: 5;	
	}
	

	div#slideshow #prev {
	position:absolute;
	left:0;
	top:0;	
	background: url(../../gallery/homepageslideshow/pre.jpg);
	}
	
	div#slideshow #next {
	position:absolute;
	right:0;
	top:0;	
	background: url(../../gallery/homepageslideshow/next.jpg);
	}
	
	div#slideshow  a {
		display: block; width:26px; height:288px; text-indent: -9999px;
	}


	div#slideshow ul#slides {
		margin-left:26px;
		text-align:center;
		list-style: none;
		float:left;
	}
	div#slideshow ul#slides li {
		margin: 0 0 0 0;
	}
	
	
	/*About US*/	
	div#aboutUsSlideshow {
	width:535px; 
	position: relative; 
	z-index: 5;
	margin:0 auto;
	text-align:left;
	height:240px;
	display:block;
	}
	

	div#aboutUsSlideshow #prev {
	position:absolute;
	left:0;
	top:0;	
	background: url(../../gallery/homepageslideshow/prev-2.gif);
	}
	
	div#aboutUsSlideshow #next {
	position:absolute;
	right:0;
	top:0;	
	background: url(../../gallery/homepageslideshow/next-2.gif);
	}
	
	div#aboutUsSlideshow  a {
		display: block; width:27px; height:209px; text-indent: -9999px;
	}
	
	#aboutUsSlide {overflow:hidden; margin-left:35px; overflow:hidden;}
	#aboutUsSlide img { float:left; }
	#aboutUsSlide h2{ color:#a50000; font-size:12px; margin:10px 0; }
	#aboutUsSlide li{position:relative; width:465px;}
	#aboutUsSlide div{width:240px; margin-left:25px;  float:left; margin-top:60px;  }
	#aboutUsSlide div.bigpara{margin-top:40px;  }
	#aboutUsSlide  p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#646464; line-height:19px  }
	#aboutUsSlide  p.full{ width:440px;}
	
	#slideshowpager{width:535px; text-align:center; margin:45px auto;}
	#slideshowpager a{ margin:0 16px;  width:5px; height:5px; background:url(../../images/pager-spot-normal.gif) no-repeat; border:1px #FFFFFF solid; display:inline-block; }
	#slideshowpager .activeSlide{ background:url(../../images/pager-spot-red.gif) no-repeat center top;}

	/*=zoom CSS*/
	#Previewholder{
	left:0;
	top:0;
	position:absolute;
	display:none;
	background:#fff;
	border:1px solid #DCDCDC;
	}
	#Previewholder img{
	display:block;
	}
	#Previewholder p{
	margin:0;
	padding:0;
	font:11px Verdana,sans-serif;
	color:#090808;
	}
	
	#Previewholder p span{
	border-top:1px solid #ccc;
	display:block;
	padding:5px;
	}

/* =FlashOverlay */

#flashContainer {
		display:none;
		width:610px;  /*This will be the same as the Flash Width*/
		height:500px; /*This will be the same as the Flash Height*/
		padding:0px;
		text-align:left;
		z-index:12;
	}
	
	#flashContainer h1 {
		margin:0px;
		padding:10px 0 10px 45px;
		font-size:20px;
	}
	
/* = dialog   */

.modal {
		background-color:#fff;
		display:none;
		width:350px;
		padding:15px;
		text-align:left;
		border:2px solid #333;
	
		opacity:0.8;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		-moz-box-shadow: 0 0 50px #ccc;
		-webkit-box-shadow: 0 0 50px #ccc;
	}
	
	.modal h2 {
		margin:0px;
		border-bottom:1px solid #333;
		font-size:20px;
	}
	
	.modal p { margin:10px 0} 

	.modal p a {color:#333333; text-decoration:none}
	.modal p a:hover{color:#a50000;}
	
	.simple_overlay{
		background-color:#fff;
		display:none;
		width:350px;
		padding:15px;
		text-align:left;
		border:2px solid #333;
	
		opacity:0.8;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		-moz-box-shadow: 0 0 50px #ccc;
		-webkit-box-shadow: 0 0 50px #ccc;
	}