/* General */

body {
background-repeat: no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: fixed;
background-position: top center;
min-width: 1000px; 

    color: #000000;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 0.9em;
    line-height: 1.5em;
    margin: 0 auto;
    padding: 0;
background-color: #DFE3C8;
border-top-style: solid;
border-top-width: 8px;
border-color: #90bf0f;
border-bottom-style: solid;
border-bottom-width: 8px;
}


#wrapper {
	width: 900px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	text-align: left;


/*background: rgba(255, 255, 255, 0.4);*/
background-color:#ffffff;
}

#outer{

}

#header {

	margin: 0px;
	padding: 0px;
height:75px;
	width: 898px;
    background: url("images/header.jpg");

background-repeat:no-repeat;
border: 1px solid #fff;
color: #000000;
vertical-align: top;
background-color: #ffffff;
}

#container {
float: left;
	padding: 0px;
	/*margin-top: 25px;*/
	margin-right: 0px;
	/*margin-top:auto;*/
	margin-bottom: 0px;
	margin-left: 0px;
  width: auto;
  position:relative;
  
  
}


#left {
	margin: 0px;
	width: 160px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 3px;
	float: left;


}





a img
{
   border:1px solid #F1F1F1;
}


img {
   border:1px solid #F1F1F1;
}



/* END OF GENERAL */





/* GENERAL WEBPAGE LAYOUT */









#center {
	height: auto;
	width: 600px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	line-height: 1.8em;
/* halloween	 border-style: solid;
	 border-width: 1px 1px 0px 1px;
	 border-color: #fff #d9d9d9 #d9d9d9;*/
background: rgba(255, 255, 255, 0.8);

}


h1 {
	font-size: 180%;
	margin: 0px;
	padding-left: 5px;
/*color: #ff7643;*/
color: #000000;
border-left: 5px solid #8bb83f;
}
h2 {
	font-size: 140%;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 120%;
	margin: 0px;
	padding: 0px;
}

#right {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	height: auto;
	width: 150px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
}
.clearer {
	font-size: 0em;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0em;
	width: auto;
}
#footer {
/*background: url("images/bgb.png") repeat-x;*/

margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 100%;
	
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
width: 900px;
	color: #000000;

}




/* END OF GENERAL PAGE LAYOUT */



/* SPECIFIC WEB PAGE LAYOUTS */




/* HEADER MENU */






#header p {
	color: #000000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;


}

#header a:link, #header a:active {
	color: #ffffff;
	text-decoration: none;
}


#header a:visited {
	color: #ffffff;
	text-decoration: none;

}
#header a:hover {
	color: #000;
	text-decoration: none;

}




#topMenu {

width: 896px;
margin-top:0px;
   background-color: #980C6E;
    height:2.1em;
display: block;
margin-left:3px;


}





.search {
    background: url("images/search.png") no-repeat scroll right center #FFFFFF;
    border: 1px solid #900B09;
    border-radius: 10px 5px 10px 5px;
-moz-border-radius: 10px 5px 10px 5px;
    color: #666666;
    font-family: Arial,Tahoma,Verdana;
    font-size: 0.8em;
    padding: 5px 0 5px 7px;
    width: 300px;
float:right;
margin: 5px 5px 0px 0px;
}




#header .sb {
    width: 300px;
}
.searchsubmit {
    background: url("images/button.png") repeat scroll 0 0 transparent;
    border: 1px solid #CC3300;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
    color: #ffffff;
    font-family: Arial,Tahoma,Verdana;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0;
    padding: 4px 5px;
    text-decoration: none;
    text-transform: uppercase;
}
.searchsubmit:hover {
    background: url("images/button-hover.png") repeat scroll 0 0 transparent;
    border: 1px solid #CC3300;
}





 #hNav {
 width: 898px;
      float: left;
      margin: 0 0 0 0;
      list-style: none;
      background-color: #6a217f;
      border-bottom: 1px solid #ccc; 
      border-top: 1px solid #ccc;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;


 }


#admin a:link, #admin a:active {
	color: #000;
	text-decoration: none;

}



   #hNav li {
      float: left; }
   #hNav li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #069;
      border-right: 1px solid #ccc; }
   #hNav li a:hover {
      color: #c00;
      background-color: #fff; }
   /* End navigation bar styling. */


 #fNav {
width: 898px;
      float: left;
      margin: 0 0 0 0;
      list-style: none;
      background-color: #6a217f;
      border-bottom: 1px solid #ccc; 
      border-top: 1px solid #ccc;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
}


   #fNav li {
      float: left; }


   #fNav li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #069;
      border-right: 1px solid #ccc; }
   #fNav li a:hover {
      color: #fff;
      background-color: #b1370e; }
   /* End navigation bar styling. */













/* LEFT MENU */

#left h3{  
	background: #E0A674;
/* E9CCA0 */
	border-bottom: 1px solid #393939;
	color: #000;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normalbold;
font-size:1.1em;

}

/* VERTICAL MENU */

#lvNav {
	background: #F2F2F2;;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 130px;
}


#lvNav li {
	font: 12px;
	margin: 0;
	padding: 0;
	background_color: #F2F2F2;
}




#lvNav li a:link{

	background: #eeeeee;
	border-bottom: 1px solid #393939;
	color: #000;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:none;

}

#lvNav li a:visited{
	background: #eeeeee;
	border-bottom: 1px solid #393939;
	color: #000;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:none;

}


#lvNav li a:hover{
	background: #F2F2F2;
	border-bottom: 1px solid #393939;
	color: #000;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:none;

}




#lvNav li a:active {
	border-bottom: 1px solid #D6D6D6;
	background: #ffffff url("images/hover.gif") left center no-repeat;
	color: #000;
	padding-bottom: 8px;
	text-decoration: none;
}


#lvNav li.selected {  
	background: #eeeeee;
/* E9CCA0 */
	border-bottom: 1px solid #393939;
	color: #000;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal; 
}






/* FOOTER MENU */
/* FOOTER */

#footer p {
	color: #000000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;

	background-color: #e0a674;
}

#footer a:link, #header a:active {
	color: #ffffff;
	text-decoration: none;
}


#footer a:visited {
	color: #ffffff;
	text-decoration: none;

}
#footer a:hover {
	color: #ffffff;
	text-decoration: none;

}


.bottomWeb{
	padding-top: 0px;
text-align: center;
	color: #000000;
}


.bottomWeb a:link, #header a:active {
	color: #000;
	text-decoration: underline;
}


.bottomWeb a:visited {
	color: #000;
	text-decoration: underline;

}
.bottomWeb a:hover {
	color: #000;
	text-decoration: underline;
}











/* These styles create the dropdown menus. */






#topMenu #navbar {


margin-right: auto;
margin-left: auto; 
	width: 896px;
	margin: 0;
   padding: 0;
height:auto;
  
  padding-top: 0px;
padding-bottom: 0px;
background-color: #980C6E;
position:relative;

}


 
#navbar li img.navbarImg{
float:right; 
}	

/*#header ul a:hover {  category menu title hover 
   background-color: #420b52;
 border-top 1px solid #3F3F3F;
   border-bottom: 1px solid #3F3F3F;
color: #ffffff;
} */

	
#navbar li {  
	list-style: none;
	float: left; 
	padding-right:10px;
	background-image:url("../images/expanded_down.gif");
 background-position:right center;
 background-repeat:no-repeat;
 padding-right:10px; 
 background-color: #980C6E; 
  }
	
   /* category menu title */
/* CHANGE */
#navbar li a {
	display: block;
	padding: 2px 8px;
	text-decoration: none; 
   color: #fff;
	font-weight: bold;
 
  background-color: #980C6E;  

   }
   
   

    #navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; 
   z-index:1;
}
   
   #navbar li.darrow a{
	background-image:url('/files/themes/01/css/images/arrow-d.png');
	background-position:right center;
background-repeat:no-repeat;
padding-right:15px;
   }
   
   #navbar li.darrow a:hover{
	border:0px;
 background-image: none;

   }
	
	
	 
	
/*	#navbar #darrow a:hover {
background-image: url('/files/themes/01/css/images/arrow-d.png');
background-repeat: no-repeat;
background-position: 50% 104%;
height:auto;

	 } */
	


#navbar li a:hover {
	color: #000;
  background-color: #90BF0F;  /* color of main horizontal menu item when hovered*/
   text-decoration:underline;
   }
   
   #navbar li a:ctive {
	color: red;
/*  background-color: #EDEDED;  /* color of main horizontal menu item when hovered*/*/
   text-decoration:none;
   }

/* Change */ /* Width to help Opera out */	
	#navbar li ul {
	
	display: none;
  width:auto; 
  color: #000;
  height: auto;
   padding-top: 3px;
padding-bottom: 3px;
  

   }
   


	
	

	
	#navbar li:hover li, #navbar li.hover li {
	float: none; 
  color: #000;}
  
 #navbar li li a {
   background-color: #3f3f3f; 
color: #000;


 }
 
  
/* sub category drop down menu */ /* CHANGE */	
#navbar li:hover li a, #navbar li.hover li a {
	color: #000; 
  background-color: #90BF0F;

}



  /* CHANGE *//* sub category when scrolled over */ 
#navbar li li a:hover {
/*   background-color: #3f3f3f;*/ 
text-decoration:underline;
/*color: red;*/ 
 }

  


#navbar li.darrow a:hover{
color:#000000;
text-decoration:none;
   } 
 
 
#navbar li.darrow ul li a{
background-image:none;
width:100%;

   }
   
#navbar li.darrow ul li a:hover{
background-image:none;
	/*color:red;*/
	
	text-decoration:underline;
   }

 

  
 #navbar li.darrow ul li.selected{
background-image:none;
color:#fff;
  background-color: #980C6E;	
	text-decoration:none;
	  padding: 2px 8px;
width:99%;


   }

  /*  test code */
  






 
  
  
/* end test code */  






#F_navbar {
background-color: #6A217F;
  height: 2.1em;
width: 896px;
margin-left: 1px;
padding-bottom: 3px;
padding-left: 3px;



}



#footer ul a:hover {
 background-color: #420b52;
 border-top 1px solid #3F3F3F;
   border-bottom: 1px solid #3F3F3F;
color: #ffffff;
}



#F_navbar li {
   list-style: none;
   float: left; 

}


#F_navbar li a {  /* category menu title */
   display: block;
   padding: 3px 8px;
   background-color: #6a217f;
   color: #fff;
   text-decoration: none; 

}


#F_navbar li ul {
   display: none; 
   width: 10em; /* Width to help Opera out */
   background-color: ##77b029;

}

#F_navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; 

}

#F_navbar li:hover li, #navbar li.hover li {
   float: none; 

}

#F_navbar li:hover li a, #navbar li.hover li a { /* sub category drop down menu */
   background-color: #703880;
   border-bottom: 1px solid #fff;
   color: #fff;

}

#F_navbar li li a:hover { /* sub category when scrolled over */
   background-color: #48720d; 
color: #fff;
   border-bottom: 1px solid #000;
}




#L_navigation {
    width: 170px;
    font-size: 0.75em;
}

#L_navigation h3{  
	background: #ffffff;
	border-bottom: 1px solid #393939;
	color: #000;
	display: block;
	margin: 0;
	padding: 8px 8px;
	text-decoration: none;
	font-weight:normalbold;
font-size:1.1em;

}
	#L_navigation ul {
	    margin: 0px;
	    padding: 0px;
	}
	ul.top-level { background: #3F3F3F; }
		
		#L_navigation li { list-style: none; }
        ul.top-level li {
            border-bottom: #fff solid;
            border-top: #fff solid;
            border-width: 1px;
        }
			#L_navigation a {
				color: #fff;
				cursor: pointer;
				display:block;
				height:auto;
				line-height: auto;
				text-indent: 10px;					
				text-decoration:none;
				width:100%;
			}
			#L_navigation a:hover{ text-decoration:underline;	}
	        #L_navigation li:hover {
	            background: #b1370e;
	            position: relative;
	        }
        ul.sub-level { display: none; }
        li:hover .sub-level {
            background: #999;
            border: #fff solid;
            border-width: 1px;
            display: block;
            position: absolute;
            left: 75px;
            top: 5px;
        }
        ul.sub-level li {
			border: none;
			float:left;
			width:150px; 
        }
		#L_navigation .sub-level { background: #999; }
		#L_navigation .sub-level .sub-level { background: #09C; }
						
	/*IE RESET HELPER*/
	li:hover .sub-level .sub-level { display:none; }
	.sub-level li:hover .sub-level { display:block; }	


.store2.ecwid.ecwid-noimage {
	background: transparent url(icons/noimage-small.gif) no-repeat;
	height: 80px;
	width: 80px;
}

.f_content{
border: 1px solid #CCC;
padding: 5px 10px;
background-color: #F4F4F4;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}


.f_content_g{
border: 1px solid #5c7c05;
padding: 5px 10px;
background-color: #90BF0F;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
color: #000000;
}

.f_content_g a{
color: #ffffff;
}

.f_content_r{
border: 1px solid #951a06;
padding: 5px 10px;
background-color: #e53013;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
color: #ffffff;
}

.f_content_r a{
color: #ffffff;
}



.f_content_p{
border: 1px solid #430b53;
padding: 5px 10px;
background-color: #6a217f;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
color: #ffffff;
}

.f_content_p a{
color: #ffffff;
}


.fcontent1sq{
border: 1px solid #CCC;
padding: 5px 10px;
background-color: #F4F4F4;
}


.logout1{
border: 1px solid #CCC !important;
padding: 5px 10px !important;
background-color: #F4F4F4 !important;
-moz-border-radius: 10px 10px 10px 10px !important;
border-radius: 10px 10px 10px 10px !important;
}


.left_advert{
border: 1px solid #5c7c05 !important;
padding: 2px 2px !important;
background-color: #90BF0F !important;
-moz-border-radius: 10px 10px 10px 10px !important;
border-radius: 10px 10px 10px 10px !important;
font-size: 0.9em;
color: #000000;
}

.left_advert h1{
font-size: 1em;
color: #000000;
font-weight: bold;
}

.left_advert ul{
margin: 0;
   padding: 0;
margin: 2em;
	width: 10em; 

}

.left_advert a{
color: #ffffff;
}


#contactform{
width: 450px;
background-color: #cc9;
border: 1px dotted #333; padding: 5px;
margin: 0px auto;
}

#SigUpForm{
width: 450px;
background-color: #cc9;
border: 1px dotted #333; padding: 5px;
margin: 0px auto;
}


.row {
  clear: both;
  padding-top: 10px;
  }

.row span.label {
  float: left;
  width: 150px;
  text-align: left;
  }

.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
  } 


  #exhibition{
  margin: 0px;
	padding: 0px;
	height: 450px;
	width: 200px;
  background: url("http://www.aslcreative.com/files/images/exhibition01.jpg");
  background-repeat:no-repeat;
  }
  
  #exhibition p{
  padding-top: 71px;
  padding-left: 12px;
  width: 180px;
  font-size: 75%;
  }
  
#signup{
  color: #ffffff;
  padding-left: 12px;
  font-size: 85%
}
  
  
/* homepage settings */
#box1{
 width: 582px;
background-color: #fff;
border: 5px solid #ccc; padding: 0px;
margin-left:10px;
margin-right:10px;
margin-top:20px;
margin-bottom:20px;
overflow: hidden;
}

#box1 h2{
font-size: 150%;
border-left: none;
padding: 5px;
text-decoration:none;
background-color: #E53013;
border-bottom: 3px solid #f3f3f3;
}

#box1 h2 a{
background-color: #E53013;
color: #ffffff;
text-decoration:none;
}

#box1 h2 a:hover{
text-decoration:underline;
}

#box1 p{
padding: 5px;
}




#b_container {
position: relative;

}

#box2{
width: 180px;

background-color: #ffffff;
border: 1px solid #333;
margin-left: 12px;
/*float: left;*/
top: 0px;
bottom: 0px;
height: 240px;
overflow: hidden;
} 


#box2 h2{
font-size: 1.1em;
background-color: #ffffff;
color: #3f3f3f;
padding: 5px;
/*border-bottom: 5px solid #8bb83f;*/
}

#box2 h2 a{
font-size: 1em;
color: #1F4F82;
padding: 5px;
text-decoration: none;
}

 #box2 h2 a:hover{
text-decoration: underline;
 }
   

#box2 p{
padding: 3px;
}

#box2 p a{
	text-decoration: none;
	padding: 3px;
	color: #000000;
}

#box2 p a:hover{
	padding: 3px;
	text-decoration: underline;
}



#box3{
width: 180px;
background-color: #ffffff;
border: 1px solid #333;
overflow: hidden;
/*float: left;
padding: 3px;
margin-right: 12px;
margin-left: 12px;
*/

position: absolute;
left: 215px;
top: 0px;
bottom: 0px;

} 

#box3 h2{
font-size: 1.1em;
background-color: #ffffff;
color: #3f3f3f;
padding: 5px;
/*border-bottom: 5px solid #8bb83f;*/
}

#box3 h2 a{
font-size: 1em;
color: #1F4F82;
padding: 5px;
text-decoration: none;
}

 #box3 h2 a:hover{
text-decoration: underline;
 }
   

#box3 p{
padding: 3px;
}

#box3 p a{
	text-decoration: none;
	padding: 3px;
	color: #000000;
}

#box3 p a:hover{
	padding: 3px;
	text-decoration: underline;
}





#box4{
 width: 180px;
background-color: #ffffff;
color: #3f3f3f;
/*
float: left;
*/
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
overflow: hidden;
border: 1px solid #333;
} 



#box4 h2{
font-size: 1.1em;
background-color: #ffffff;
color: #3f3f3f;
padding: 5px;
/*border-bottom: 5px solid #8bb83f;*/
}

#box4 h2 a{
font-size: 1em;
color: #1F4F82;
padding: 5px;
text-decoration: none;
}

 #box4 h2 a:hover{
text-decoration: underline;
 }
   

#box4 p{
padding: 3px;
}

#box4 p a{
	text-decoration: none;
	padding: 3px;
	color: #000000;
}

#box4 p a:hover{
	padding: 3px;
	text-decoration: underline;
}

#breadcrumbs{
/*float: left;*/
padding-left: 5px;
background: #3f3f3f;
color: #000;
width:895px;
	border-bottom: 3px solid #6A9308;
	font-size: 0.7emx;
 
}

#breadcrumbs a:link, #breadcrumbs {
	text-decoration: none;
padding-left: 5px;
color: #fff;
}


#breadcrumbs a:visited {
	text-decoration: none;
padding-left: 5px;
color: #fff;

}
#breadcrumbs a:hover {
	text-decoration: underline;
padding-left: 5px;
color: #fff;

}


.slidingDiv {
    
}
 
.show_hide {
    display:none;
}

#fsblogo img{

padding-top: 25px;
border: 0px;
display: block;
    margin-left: 35px;

}

#cookiecompliance{
padding: 10px;
background: #90BF0F;
color: #ffffff;
}


#cookiecompliance a{
color: #3f3f3f;
}


#cookiecompliance a:visited{
color: #3f3f3f;
}

#cookiecompliance a:hover{
color: #f3f3f3;
}


#cookiecompliancesubmit {
    border: 1px solid #3f3f3f;
    background: #980C6E;
    color: #ffffff;
    }
    
    .fbFeedbackContent{
     width:300px !important;
    }