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




/*----------------------------[Body]---------------------------------*/
body{margin:0px; padding:0px;font-size:62.5%; background-image:url(../images/background2.jpg); background-repeat:repeat;font-family:Arial, Verdana, Helvetica, sans-serif;}
/*----------------------------[End of Body]--------------------------*/


/*----------------------------[Layout]---------------------------------*/
#main-container{margin:0px; padding:0px; margin:0 auto; width:968px;}
#header{ position:relative; margin:0px; padding:0px; width:960px;background-image:url(../images/fascinations-header.jpg); margin-left:4px; background-repeat:no-repeat; padding-top: 1px;}
div #header h1{height:105px; text-indent:-2000px;margin:0; padding:0;}
.content-container{margin:0px; padding:0px;}
#white-background-container{margin:0px; padding:0px; margin:0 auto; float:left; width:968px; background-image:url(../images/whit-content-background.gif); background-repeat:repeat-y; }
.LeftCol{float:left;  width:400px; margin-left: 60px;  margin-right:10px;}
.RightCol{float:right; width:400px;padding-right: 0px; margin-right: 60px; margin-left:10px;}
.fullcol{float:left;width:840px; margin: 0 60px 0 60px; clear:left;}
/*----------------------------[End of Layout]--------------------------*/


/*----------------------------[Footer Styles]---------------------------------*/
#footer{clear:both; margin:0px; padding:0px; font-size:0.9em; margin-left:4px; width:960px; height:85px; background-image:url(../images/footer-background.jpg); background-repeat:no-repeat;  background-color:#fff; }
.links-puff{ list-style:none; width:240px; margin-left: 10px; margin-right: 14px; padding-top: 50px; margin-top: 0px; float:right; text-align:right;}
.links-puff ul{list-style:none;}
#endoffootercurve{ width:962px; height:16px; background-image:url(../images/footer-curve.gif); clear:both; margin-left: 3px;}
#footer-centre{ width:960px; margin-left:93px;}
/*----------------------------[End of Footer]--------------------------------*/


/*----------------------------[Navigation Menu Styles]---------------------------------*/
#navigation-menu{ padding:0px; display:inline; padding-left: 0px; margin-left: 0px; width: 960px; margin:0; padding:0 0 20px 0; float:left;  height:22px; background-repeat:repeat-x; background-image:url(../images/menu-back-ground.gif);}
/* ul{margin:0px; padding:0px; display:inline; list-style:none;  margin-bottom: 0px; padding:0px; width:960px; height:22px;}
*/
#navigation-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  height:21px;

  }
 /*ul li{display:inline;}*/
 li {
  float: left;
  position: relative;

  text-align:center;
    list-style: none;
	font-size:1.2em;
	
  }
 ul li a{display:inline; height: 19px; padding-top: 5px; margin-top: 1px; float:left; padding-right: 46px; padding-left: 46px; height:15px; background-image:url(../images/normal-buttons.jpg); background-repeat:repeat-x; color:#000000; font-family:Helvetica, Arial, Verdana, sans-serif; text-decoration:none;}
 ul li a:hover{display:inline; background-image:url(../images/hover-button.jpg); text-decoration:none;}


.special_message{
	border:1px solid #ddd;
	background-image:url(../images/gradient.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
margin:20px 0;
padding:0 10px !important;
width:310px;
}

.special_message2{
	border:1px solid #ddd;
	background-image:url(../images/gradient2.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;

margin:20px 0 0 20px;
padding:0 10px !important;

}

 li ul {
  display: none;
  position: absolute; 
  top: 1.8em!important;
  padding-top:30px;
  left: 0 !important;
  width:16em;
  
   
  }
  
  .error{color:#663399; }
  
  li ul li{font-size:1em;   width:16em; background-color:#f4f4fe; color:#000;text-align:left; }
  
  li ul li a{padding:5px 10px;display:inline;  text-decoration:none; background-color:#f4f4fe; background-image:none!important; width:16em; font-weight:normal!important;}
  li ul li a:hover{text-decoration:none; background-color:#e9e0fd;background-image:none!important;}
  
li > ul {
	top: auto;
	left: auto;
	}
li:hover ul, li.over ul{ display: block; }


/*----------------------------[End of Navigation Menu]---------------------------------*/


/*----------------------------[H1-H6 Styles]---------------------------------*/
h1, h2, h3{margin:0px; padding:0px; font-family: Arial,Helvetica, Verdana, sans-serif; font-size:2em; color:#3C1D7D;  margin:1.5em 0px 1.56em 0px; line-height:0.5em;}
h4, h5{margin:0px; padding:0px; font-family: Arial,Helvetica, Verdana, sans-serif; font-size:1.6em; color:#000;  margin:1em 0px 1em 0px; line-height:0.4em;}
#gallery-header{margin:0px; padding:0px; font-family: Arial,Helvetica, Verdana, sans-serif; font-size:2.0em; color:#660099;  margin:0.9em 0px 0.9em 0px;}
.header{border:none !important;}
.header-2{border:none !important;}
.footer-header{margin:0px; padding:0px; font-family: Arial,Helvetica, Verdana, sans-serif; font-size:1.3em; color:#000000;  margin:0.9em 0px 0.9em 0px; font-weight:normal;}
/*----------------------------[End of H1-H6]---------------------------------*/


/*----------------------------[Flash Styles]---------------------------------*/
#flash-container{ float:left; width:960px;}
/*----------------------------[End of Flash]---------------------------------*/


/*----------------------------[Image Styles]---------------------------------*/
.image-left{float:left; display:inline;padding:1px 0px 1px 0px;}
.gallery-display-thumnails{padding-right: 12px; padding-bottom: 12px;}
.thumbnail-spacing{padding-right:20px;}
.gallery-item{float:left; position:relative; margin-bottom:20px;}
.gallery-item a:hover{text-decoration:none;}
.gallery-text{margin-bottom:10px;}
/*----------------------------[End of Image]---------------------------------*/


/*----------------------------[List Styles]---------------------------------*/
ol{ margin:0px; padding:0px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#666; margin-left: 19px; margin-top: 7px; margin-bottom: 7px; list-style:decimal; line-height:1.4em;}
/*ul{ margin:0px; padding:0px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; list-style:disc;  color:#666; margin-left: 14px; margin-top: 7px; margin-bottom: 7px; line-height:1.4em;}*/
/*----------------------------[End of List]---------------------------------*/


/*----------------------------[Table Styles]---------------------------------*/
.Image-table-style{ border-color:#CCCCCC; border-width:1px; }
/*----------------------------[End of Table]---------------------------------*/


/*----------------------------[HTML Styles]---------------------------------*/
p{margin:1.3em 0px; padding:0px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.3em; color:#222; line-height:1.3em; text-align:justify;}
pre{padding:5px; border-color:#000000; border-width:1px;}
code{}
address{ margin:0px; padding:0px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.4em; color:#666; line-height:1.4em; text-align:justify;}
a{color:#663399; text-decoration:none; font-weight:bold;}
a:hover{text-decoration:underline;}
.rightalign{text-align:right;}
.leftalign{text-align:left;}
.puff{height:80px; }
/*----------------------------[End of HTML]---------------------------------*/

div .puffMOB{height:40px; margin:0 0 0 0; padding:0; background-image:url(../images/MOB-MOG_text.jpg); background-position:left center; background-repeat:no-repeat;}
div .puffMOB h4{color:transparent; text-indent:-999px;}

div .puffspecialoccasion{height:40px; margin:0px 0 0 0; padding:0; background-image:url(../images/specialoccasion_text.jpg); background-position:left top; background-repeat:no-repeat;}
div .puffspecialoccasion h4{color:transparent; text-indent:-999px;}

div .puffcasual{height:40px; margin:0 0 0 0; padding:0; background-image:url(../images/casualview_text.jpg); background-position:left top; background-repeat:no-repeat;}
div .puffcasual h4{color:transparent; text-indent:-999px;}

div .puffaccessories{height:40px; margin:0 0 0 0; padding:0; background-image:url(../images/accessories_text.jpg); background-position:left top; background-repeat:no-repeat;}
div .puffaccessories h4{color:transparent; text-indent:-999px;}

div .fascination_homepage{height:40px; margin:0 0 0 0; padding:0; background-image:url(../images/fascination_homepage_text.jpg); background-position:left top; background-repeat:no-repeat;}
div .fascination_homepage h2{color:transparent; text-indent:-999px;}

div .collections{height:40px; margin:0 0 0 0; padding:0; background-image:url(../images/collections_text.jpg); background-position:left top; background-repeat:no-repeat;}
div .collections h2{color:transparent; text-indent:-999px;}

div .aboutus{height:40px; margin:0 0 0 0; padding:0; background-image:url(../images/aboutus_text.jpg); background-position:left top; background-repeat:no-repeat;}
div .aboutus h2{color:transparent; text-indent:-999px;}

div .contactus{height:40px; margin:0 0 0 0; padding:0; background-image:url(../images/contactus_text.jpg); background-position:left top; background-repeat:no-repeat;}
div .contactus h2{color:transparent; text-indent:-999px;}



/*----------------------------[Form Styles]---------------------------------*/
.style1{margin:0px; padding:0px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.4em; color:#666; line-height:1.4em; text-align:left;}
.style2{padding: 0px 0px 12px;}
.footerform{font-size:1.3em; line-height:1.3em; border:1px solid #737373; margin-bottom:2px;}
.required{color:#663399;}
.mainform{border:1px solid #737373;
margin-bottom:2px;}
/*----------------------------[End of Form]---------------------------------*/

/*----------------------------[Text Styles]---------------------------------*/
.footertext{font-size:1.1em;line-height:1.3em; padding-top:3px;}
/*----------------------------[End of Text]---------------------------------*/


/*----------------------------[Link Styles]---------------------------------*/
/*----------------------------[End of Links]--------------------------------*/


