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

*{
/* Block all browser default margins and padding */
  margin: 0;
  padding: 0;
 font-family: verdana, Arial, Helvetica, sans-serif;
  /* Temporary borders */

/*  CLASSIC COLOURS FOR FONTS: Light Grey - B1AFA8
  								gold - F0D15E
								taupe - 7B7255
  */
}

body{
	background: #fff;
 text-align:center;
 color: #000;
 /*border: solid 1px #ff0;*/
 }
 

  /* Make branding a positioned element, but don't move it */
#branding{
 font-family: verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
width: 100%;
background: #000 url("http://www.classiccreations.ca/images/cc_pattern.jpg") repeat-x;
height: 90px;
  top: 0;
  left: 0;
  text-align:center;
 border-bottom: solid 5px #555;
} 
 
#logo {
	width: 40%;
	top: 15px;
	position: relative;
	text-align:center;
	}

#links {
	float:right;
	width: 50%;
	top: 21px;
	position: absolute;
	right: 10px;
text-align:right;
  font-size: 14px;
	}
#links ul{
	position: relative;
}
#links ul li {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
float:right;
display:block;
list-style-type:none;
}

#links ul li a{
color: #B1AFA8;
text-decoration:none;
}

#links ul li a:link{
color: #B1AFA8;

text-decoration:none;
}

#links ul li a:hover{
color: #fff;
text-decoration: none;
background: url(http://www.classiccreations.ca/images/CCbullet.jpg) no-repeat -3px 4px; 
}





/* Absolutely position links in the branding division */
#branding, #links a{
	position:relative;
	text-decoration:none;
	color:#B1AFA8;
}




 #wrapper{
 width: 100%;
 margin: auto;
 position: relative;
 text-align:center;
 background-color: #fff;
 height: 100%;

}
#SearchForm{
float: right;
position: relative;
right: 10px;
top: 5px;
height: 20px;
width: 200px;
/*border: #f00 solid 1px;*/
font-size: 10px;
text-align: right;
background-color: #fff;
}
.Searchfrm {font-size: 10px;}


#BrowseOth {
	float: right;
	width: 40%;
	top: 5px;
	right: 20px;
	height: 500px;
	position: relative;
	background-color: #fff;
/*	border: #f00 solid 1px;*/
	text-align:center;
	}
.browseoth {
border: solid 1px #efefef;
padding: 3px;
	text-align:center;}
	
.onprodbrowseoth {
border: solid 1px #F0D15E;
padding: 3px;
	text-align:center;}
	

#browsecats {
	float: right;
	width: 40%;
	top: 5px;
	right: 20px;
	height: 500px;
	position: absolute;
	top: 35px;
	background-color: #fff;
/*	border: #f00 solid 1px;*/
	text-align:center;
	}
.browsecats {
border: solid 1px #efefef;
padding: 3px;
	text-align:center;}
	
.onprodbrowsecats {
border: solid 1px #F0D15E;
padding: 3px;
	text-align:center;}



/* Unvisited and visited links in branding bar */
#branding a:link, #links a:link, #footer a:link, #branding a:visited, #links a:visited,  #footer a:visited{
  color:#7B7255;
}

/* Hover links in branding bar */
#branding a:hover, #links a:hover,  #footer a:hover{
  color:#F0D15E;
  text-decoration: underline;
}

/* Active link in branding bar */
#branding a:active, #links a:active #footer a:active{
  color:#7B7255;
}



/* NEW NAV BAR */
#nav{
float:right;
	width: 45em;
	top: 0px;
	position: absolute;
	right: 0px;
text-align:right;
  font-size: 12.5px;  
}

ul#nav {
	position: absolute;
	top: 10px; /*this is to move it up */
	list-style-type:none;
	z-index:100;
	height: 30px;
  /*	left: 19px;
 border:1px solid #fff;
 border-bottom:1px solid #fff;*/
 }

/* Level 1 Nav */
 ul#nav li {
   list-style-type:none;
	background:none;
	float:left;
	font-size:12.5px;
 	margin:0;
    z-index:100;
	}

  ul#nav li a {
color: #B1AFA8;
	float:left;
padding-left: 7px;
 text-decoration:none;
	 z-index:100;
}


/* Level 2 (Dropdown) Nav */
  ul#nav li ul {
  text-align:left;
	background:#fff;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;	
	clear:left;
	cursor:pointer;	
	display:none;
	margin-left:-1px;	
	position:absolute;	
	top: 30px;
	z-index:100;
color:#000;  
}

 ul#nav li em a {
	color:#000; 
	font-style:normal; 
}

 d ul#nav li em a:hover { color:#444; }

  ul#nav li .seperator { 
	border-bottom:1px solid #90adc5; 
	margin-bottom:1px;
	padding-bottom:1px; 
}

 ul#nav li:hover ul { display:block; }

 ul#nav li ul li {
	clear:left;
	cursor:pointer;
	font-size:1em;
	font-weight:bold;
	padding:0;	
}

 ul#nav li {
	border-left:none;
	margin-left:0;
}

 ul#nav li ul li img { margin-left:7px; }
 
 ul#nav li a:hover,  ul#nav :hover > a {
	cursor:pointer;
	color:#fff;
	text-decoration:none;
	/*background:#000;*/
}

 ul#nav li ul li a,  ul#nav li ul a:hover {
	color:#000; 
	background:#fff;
	border:none;
	line-height:normal;
	height:auto;
	min-width: 120px;	
	padding:7px 15px;
	
}

 ul#nav li ul li a:hover { background:#eee url(http://www.classiccreations.ca/images/pointer.gif) no-repeat 6px 8px; }
 ul#nav li ul li a:link { min-width:120px;   }
 ul#nav li ul li a.first { padding-top:10px; }
 ul#nav li ul li a.last { padding-bottom:10px; }

 ul#nav li ul li a:hover  {
	cursor:pointer;
	color:#f00;
	text-decoration:none;
	min-width: 120px;
	background:#eee;
}

 ul#nav li ul :hover > a { background:#ffe;  }
 ul#nav .extrapad { padding:7px 15px; }


/* end of navigation */

#footerinfo{
background-color: #000;
text-align:center;
font-size: .8em;
margin-top: 2px;
margin-bottom: 11px;
}

#footerinfo .footerinfo a {
	color:#B1AFA8;
	text-decoration: none;
}

#footerinfo .footerinfo a:link{
	color:#B1AFA8;
	text-decoration: none;
}

#footerinfo .footerinfo a:hover{
	color:#fff;
	text-decoration: underline;
}

#footerinfo .footerinfo a:visited{
	color:#aaa;
	text-decoration: none;
}

#footer a{
	position:relative;
	text-decoration:none;
	color:#B1AFA8;
	font-size:10px;

}

#bottom_links{
width: 100%;
position: relative;
height: 100%;
clear:both;
text-align: center;
font-size: 12px;
color: #FFF; 
padding-top: 20px; 
background: #000;
padding-bottom: 10px;
border-top: solid 5px #666;
}
#bottom_links a:link{
  color:#444;
    text-decoration: none;
}

/* Hover links in branding bar */
#bottom_links a:hover{
  color:#F0D15E;
  text-decoration: underline;
}

#bottom_links a:visited{
  color:#aaa;
  text-decoration: none;
}

/* Hover links in branding bar */
#bottom_links a:hover{
  color:#F0D15E;
  text-decoration: underline;
}
/* Active link in branding bar */
#bottom_links a:active{
  color:#7B7255;
    text-decoration: underline;
	}
/* sign up email */

#emaillist {
color: #666666;
font-size: 12px;
position: absolute;
right: 10px;
float: right;
width: 200px;
text-align: right;}

#emaillist form {
		margin: 2px;
		}
		
	.emaillist input {
		border: 1px solid #666666;
		background-color: #fff;
		font-size: 11px;
		color:#000;
		padding: 5px;
	}
	
	.emaillist input:focus {
		border: 1px solid #999999;
		background-color: #fff;
	}
	
 

	/* Style submit button (when an image is NOT used) */
	#emaillist .submit {
		border: 1px solid #CCCCCC;
		font-size: 11px;
		color:#000;
		padding: 2px 3px 2px 3px;
	}
	
	

/* end of form style */


/* style for the JAVASCRIPT drop-down menu */
#dropmenudiv{
position:absolute; 
top: 190px;
border:1px solid #aaa;
border-bottom-width: 0;
text-align: left;
font-size: 1em;
line-height:20px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
color: #777

}

#dropmenuttl a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #444;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
font:bold; color: #ffffff;
background-color: #ffe;

}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #eee;
font: bold; 
color: #f00;
}