@import url(ltnav.css); 
@import url(rndcrns.css);

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin:10px 3% 0px 3%;
    padding:0px;
    min-width:792px;
	/*max-width:800px;/* use this to test the low res browsers*/
    border-top:3px solid #rrr;
	border-left:3px solid #rrr;
	border-right:3px solid #888;
	border-bottom:3px solid #888;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #9f0622;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	background: #CC0000;
	color:#FFFFFF;
}

a img{border:0; margin:-2px; padding:0; background:#rrr;}

/************** header tag styles **************/

h1{
 font: Verdana, Arial, Helvetica, sans-serif;
 color:#CC0000;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 97% Verdana, Arial, Helvetica, sans-serif;
 color: #006699;
 font-size:0.7em;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #fff;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 font-weight:bold;
 margin: 3px;
 padding: 0px;
 text-decoration:underline;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

p {font-size:0.9em;}
ul {font-size:0.9em;}

#welcome { font-size:small; color:#CC0000; padding:7px;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
  #backlight{ /* this container makes it possible 
							for fluid center but fixed edges and same 
							color background behind all 3 columns making 
							it look like equal height columns!*/
	  position:relative;
		left:0px;
		width:100%;
		height:100%;
		background:#ccffcc;
		}


  #branding {
    background:#ddd;
	background:url(../assets/headerback2.jpg);
    height:125px;
    border-bottom:1px solid #888;
    voice-family: "\"}\"";
    voice-family: inherit;
    height:124px;
    }
  html>body #branding {
    height:124px;
    }
    
    
 #branding h1 {
    font-size:14px;
    padding:10px 10px 0px 10px;
    margin:0px;
    }
 #shadow { 
 	background:url(../assets/brdrFade.png)bottom left repeat-x; 
	position:absolute; top:135px; 
	margin:0 30px;
	height:12px; 
	z-index:4
	}
img.blueprint {position:relative; top:0; left:0px; z-index:2;}

img.logo {position:absolute; top:13px; left:3.8%; z-index:5;} 


#pageback{margin:0 auto; width:100%;}
#pagecell1{
	margin: 0 auto;
	/*left: 2%;
	right: 2%;
	width:95%;*/
	position:relative;
		left:0px;
		width:100%;
		height:100%;
	background: #FEFAF0;
}


#masthead{
	position: absolute;
	top: 150px;
	left: 2%;
	right: 2%;
	width:95.6%;
	
}

#pageNav{
	float: right;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

#footer{
	background:#fff;
	width:100%;
	text-align:center;
	bottom:2px;
	clear:both;
	border-top:1px solid #9f2d20;
	}

/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: -16px;
	right: 0px;
	color: #00a5cb;
}

#utility a{
	color: #9f0622;
}

#utility a:hover{
	text-decoration: underline;
	color:#FFFFFF;
}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}
#search a {color:#eee;}
#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}

/* end search
=================*/
#content {
	background: #fff url(../assets/basketosweets.jpg) bottom right no-repeat;
	/*float:left;
	width: 80%;
	padding:3px 5px 7px 3px;*/
	}
#content h1{
	color:#9e0621;
	font-size: 1.3em;
	background: url(../assets/triangle.gif) 0 -1px no-repeat;
	padding:7px 27px;
	margin-bottom:18px;
	}
	
#content h2 {
	background: url(../assets/fortunecookie.jpg) 0 -3px no-repeat;
	font-size: 1.2em;
	padding: 7px 33px;
	}	
.lefth {position:relative; top:2px; left:0; float:left}
.righth {position:relative; top:2px; right:0; float:right}


/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 12px;
}

.cart {margin:0 auto; padding:3px;}

#minicart {border-collapse:collapse;
	border:thin solid #CC9900;}
	
	
.addtocart { background:url(../assets/addfade.gif) left bottom repeat-x; font-size:smaller; border:0; padding:0; margin:0;}
.addtocart:hover { background:url(../assets/addfhover.gif) left bottom repeat-x;}
.addtocart p { background:url(../assets/addcheck.gif) 0 0 no-repeat; color:#FFFFFF; padding:7px 0 0 12px; font-weight:600;}

#logform table {padding:3px 0;margin:12px auto; border-collapse:collapse;}

 .labelcellmc {
 font: 11px Verdana, Arial, Helvetica, sans-serif;
 background-color:#fffff1;
 color:#3670A7}

 .errors {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #ff0000;
 padding:0 7px;
 background-color: #FEFAF0;
 border: 1px solid #D7E5F2;
}

 .labelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #3670A7;
 padding:0 7px;
 background-color: #FEFAF0;
 border: 1px solid #D7E5F2;
}

 .formcell input {
	width: 180px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #102132;
	border: 1px solid #ddd;
} 

.formcell {
 background-color: #FEFAF0;
 color: #000000;
 text-align: left;
 margin-right: 0px;
 padding-right: 0px;
 border: 1px solid #D7E5F2;
} 	 

#tnav {position:absolute;left:70px;top:97px;  min-width:655px; z-index:7; height:18px;}
#tnav {background:#fff url(../assets/slogan.gif) center -4px no-repeat; width:70%; margin:0 3%; border-bottom:1px solid #888; border-top:1px solid #888;}
*html #tnav {width:79.2%; margin:0 3.2%;}

.slogan {margin:0 auto; position:relative; left:27%;}
.slogan p{display:none}

.estimates{position:absolute; right:10px; top:3px; font-size:10px; font-weight:bolder;}
.estimates a{color:#000000; text-decoration:none}
.estimates a:hover{color:#CC0000; background:#fff;}
.est{position:absolute; left:90px; top:95px; width:177px; height:73px; background:url(../assets/est.gif) top left no-repeat; z-index:9;}
.est p {display:none;}

#mainnav {float:left; padding:0 0 0 10px; background:#fff; border-bottom:1px solid #888; border-top:1px solid #888; width:100%; z-index:900;}

#mainnav ul {margin:0; padding:0;}
*html #mainnav ul{ margin-left:33px;}
#mainnav ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: #f5f7f7 url(../assets/navBarBg3.gif)repeat-x 20px;
font: 11px/20px "Lucida Grande", verdana, sans-serif;
font-weight:bold;
text-align: center;
}

#mainnav a
{
color: #000;
text-decoration: none;
display: block;
width: 100px;
border-left: 1px solid #ccc;
}
#mainnav .last a {color: #000; text-decoration: none; display: block;  border-right: 1px solid #ccc;}
#mainnav li#active { background: url(../assets/navBarBgAct.gif) repeat-x 20px;}
#mainnav a:hover {  background: url(../assets/navBarBgHover2.gif) repeat-x 20px;}


#seasonal {border:1px solid #CDD7DC; margin:12px 4px 3px 4px; padding-bottom:22px; line-height:8px;}
 /* Forces blocks to enclose their floated children 
 ==============sitepoint in the border stuff========
 ===================================================
 
 ----------------------------------------------------*/
  .clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	
  }

  /* This alternative fix works fine, but it's disabled to troubleshoot CatFish */
  /*.clearfix {
    overflow: hidden;
  }*/

  /* Don't know why we'd need this rule, but it was here when CatFish worked */
  .clearfix {
    display:block;
	position:relative
  }

  * html .clearfix { /* This should be moved to ie.css, as IE7 doesn't support * html */
    height: 1%;
  }
  /* END: Forces blocks to enclose their floated children */
  
  /* column settings */

#rtnav div h3  { /* groovy floating topright headings */
  font:  normal .7em Verdana, Arial, Helvetica, sans-serif;
  height:1em;
  padding:2px 1.5em 4px .5em;
  clear: right;
  color:#99ACCA ;
  background:transparent url(../assets/bulletr.png) right center no-repeat;
  margin:0;
  position:absolute;
  right:-1px;
  top:-.8em;
  border:0 none;
}


#rtnav div h3 img {
  margin:-3px 0;
}
#ltnav div h3  { /* groovy floating topright headings */
  font:  normal .7em Verdana, Arial, Helvetica, sans-serif;
  height:1em;
  padding:2px 1.5em 4px .5em;
  clear: right;
  color:#99ACCA ;
  background:transparent url(../assets/bulletr.png) right center no-repeat;
  margin:0;
  position:absolute;
  right:-1px;
  top:-.8em;
  border:0 none;
}


#ltnav div h3 img {
  margin:-3px 0;
}
a.store:hover {background:transparent}

#store table {
 background-color: transparent;
 color: #000000;
 border: 1px solid #D7E5F2;
 border-collapse: collapse;
 padding:33px 0;margin:20px auto;
}

#store td {
 border: 1px solid #D7E5F2;
 padding-left: 4px;
 text-align:left;
} 

#cs {font-size:77%; text-align:left;}
.cs {font-size:90%; text-align:left;}

#pnav {color: red; background: white; fiter:alpha(opacity=60); }