/* sitestyle.css style sheet for the Cake Face web site. */



/* Default style used across all pages */
body {background-color:#333333;
   margin-top:0;
   font-family:arial,tahoma,verdana,sans-serif;
   font-size:85%}

/* Page text link defaults (used for in-page Top links). */
a:link {color:#000000; text-decoration: none}
a:visited {color:#000000; text-decoration: none}
a:active {color:#ff9933; text-decoration: none}
a:hover {color:#ff9933; text-decoration: underline}

/* Default heading tag style used across the main navigation pages: */
/* i.e. Story, Design, Taste and Ovation.   */
h2 {font-size:100%}

/* Heading tag style used on the cake detail pages. */
h3 {font-size:100%;
    margin-top:10px;
    margin-bottom:10px;
    font-weight:bold;}

/* Text style used on the TheCakes page and on the cake detail pages. */
.text1 
   {background-color:#666666;
   color:#ffffff;
   margin-top:0;
   margin-bottom:5px;
   font-size:70%;
   text-align:center}

/* Text style used on many pages. */
.text2 
   {background-color:#666666;
   color:#ffffff;
   margin-top:0;
   text-align:center}

/* Text style used ONLY on TheCakes page. */
.text3
   {background-color:#666666;
   color:#999999;
   margin-top:0;
   text-align:center}

/* Text style used on the cake detail pages. */
.textcakedetail
   {background-color:#666666;
   font-family:tahoma,verdana,arial,sans-serif;
   font-size:95%;
   color:#ffffff;
   margin-top:5px;
   margin-bottom:5px;
   text-align:center}

/* Footer text style used on ALL pages and also under the detail image(s) on the cake detail pages. */
.textfoot
   {font-size:70%;
   color:#666666;
   text-align:center;
   margin-top:0;}

/* List style used on main navigation pages to suppress gap between */
/* list 'header' text and list content - see next style. */
.listhdr
   {list-style-type:none;
    margin:0;
    padding:0}

/* List content bullet - see above style. */
.listbody
   {list-style-type:circle}

/* Drop capital style used on main navigation pages with lots of text. */
#dropcap:first-letter
   {float:left;
    font-size:300%}

/* Class to center divs holding navigation, cake pics, and footer */
.centered { width: 850px; margin: 0 auto; }	

/* Styling for table on the wedding cakes pages */
table#content { width: 850px; }

table#content tr { height: 520px; }

/* Style for the "side menu" table cell which contains the scrolling sidebar */
td#side-menu { vertical-align: top; width: 82px; height: inherit; }

/* Style for the scrolling menu wrapper div */
#cake-menu-wrapper { position: relative; width: 82px; height: inherit; padding-left: 5px;}

.no-js { height: 540px; overflow: auto; }

.with-js { overflow: hide; }

/* Style for the "loading" message in the scrolling sidebar */
#cake-menu-wrapper .loading { position: absolute; top: 50px; left: 10px; margin: 0 auto; }

/* Style for the actual scrolling menu div */
#cake-menu { padding: 0; }

/* Style for links in the scrolling menu */
#cake-menu a { display: block; margin-bottom: 5px; width: 65px; }

/* Style for the last link in the scrolling menu */
#cake-menu a.last { margin-bottom: 0; }

/* Style for thumbnail images in the scrolling menu */
#cake-menu img { display: block; border: none; }

ul#topnav { 
	width: 785px; 
	margin: 0 auto; 
	text-align: center; 
	color: #666666;
	list-style: none;
	height: 40px;
	padding: 0;
	display: block;
	background: url(common/buttons/mainmenubg.jpg) repeat-x;
}

div.has-sidemenu ul#topnav { width: 850px; }

ul#topnav li { width: 98px; float: left; position: relative;}

ul.subnav { 
	display: none; 
	float: left; 
	position: absolute; 
	top: 40px; 
	left: 0; 
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	border-top: 1px solid #CCCCCC;
}

ul.subnav li { position: relative; }

ul.subnav li a { 
	display: block; 
	height: 40px; 
	width: 98px; 
	background: url(common/buttons/mainmenubg.jpg) repeat-x; 
	border-bottom: 1px solid #CCCCCC;
}

ul.subnav-lvl2 {
	position: absolute;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	left: 98px;
	top: -1px;
	border-top: 1px solid #FF9933;
}

ul.subnav-lvl2 li a { 
	display: block;
	border-bottom: 1px solid #ff9933; 
	border-left: 1px solid #ff9933; 
	border-right: 1px solid #ff9933; 
	background: url(common/buttons/submenubg.jpg) repeat-x;
	height: 37px;
	width: 90px;
}

ul#topnav li:hover ul.subnav { display: block; }

ul#topnav li ul li:hover ul.subnav-lvl2 { display: block; }

ul#topnav li span { display: none; }

ul.subnav li a.weddinglink { background: url(common/buttons/weddingwhite.jpg) no-repeat; }
ul.subnav li:hover a.weddinglink{ background: url(common/buttons/weddingorange.jpg) no-repeat; }

ul.subnav li a.corporatelink { background: url(common/buttons/corporatewhite.jpg) no-repeat; }
ul.subnav li:hover a.corporatelink{ background: url(common/buttons/corporateorange.jpg) no-repeat; }

ul.subnav li a.occasionlink { background: url(common/buttons/occasionwhite.jpg) no-repeat; }
ul.subnav li:hover a.occasionlink{ background: url(common/buttons/occasionorange.jpg) no-repeat; }

ul.subnav-lvl2 li a.classiclink { background: url(common/buttons/classicwhite.jpg) no-repeat; }
ul.subnav-lvl2 li:hover a.classiclink{ background: url(common/buttons/classicorange.jpg) no-repeat; }

ul.subnav-lvl2 li a.voguelink { background: url(common/buttons/voguewhite.jpg) no-repeat; }
ul.subnav-lvl2 li:hover a.voguelink{ background: url(common/buttons/vogueorange.jpg) no-repeat; }

ul.subnav-lvl2 li a.avant-gardelink { background: url(common/buttons/avant-gardewhite.jpg) no-repeat; }
ul.subnav-lvl2 li:hover a.avant-gardelink{ background: url(common/buttons/avant-gardeorange.jpg) no-repeat; }


ul#topnav.corporate, ul#topnav.occasion { margin-left: -11px; }
/* End of sitestyle content. */