html, body, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
body {margin:0; padding:0; background-position:center top; background-image:url(../images/bg.gif); background-repeat:repeat-x; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:100%; color:#666; background-color:#dbdadb;}

a:link, a:visited {color: #626E88; text-decoration:none;}
a:hover, a:active {background-color:#626E88; color:#FFFFFF;}


/* Global Styles */
#FlashContainer {width:947px; margin:0 auto; padding:0 23px; background-image:url(../images/bg_top.gif); background-repeat:repeat-y;}
#Logo {width:345px; float:left;}
#MainNav {width:602px; float:right;}
#TopContact {height:68px; color:#838ea9; text-align:right; font-size:85%; padding:30px 20px 0 0;}
#TopContact a:link, #TopContact a:visited {color: #838ea9;}
#TopContact a:hover, #TopContact a:active {background-color:#626E88; color:#FFFFFF;}
#MainLinks {}
#Buyit {text-align:right; color:#FFF; font-size:70%; padding:6px 20px 0 0;}
#Buyit a:link, #Buyit a:visited {color: #ed8d0c;}
#Buyit a:hover, #Buyit a:active {background-color:#ed8d0c; color:#FFFFFF;}

#MainContainer {width:947px; margin:0 auto; padding:0 23px; background-image:url(../images/bg_mid.gif); background-repeat:repeat-y;}

#MainHome {background-image:url(../images/home_bg.gif); height:289px; width:947px;}
#MainHomeLeft {float:left; width:490px;}
#MainHomeRight {float:right; width:448px;}

#Main {background-image:url(../images/main_bg.gif); width:947px; background-repeat:repeat-x;padding-bottom:16px;}
#MainLeft {float:left; width:143px; padding:48px 0 0 42px; margin-bottom:20px; font-size:80%;}
#MainLeft ul {padding:0; margin:0px; list-style-type: none;}
#MainLeft li {padding:2px 0 0 0; margin:0px;}
#MainLeft li.sub {padding:0 0 0 10px; margin:0 0 0 10px;}
#MainLeft li.divider {padding-top:10px;}
#MainRight {float:right; width:762px; font-size:75%; color:#626e88; background-image:url(../images/vert_line.gif); background-position:left; background-repeat:no-repeat;}
#Title {float:left; width:320px; margin-left:1px;}
p.TitleNav {margin-top:6px;}
p.TitleNavKit {padding-top:16px;} /* for the product detail page */

/* horizontal navigation start */
#TitleCopy {float:right; padding-top:38px; width:440px;}
#TitleCopy ul {list-style:none;padding:0;margin:0;display:inline;}
#TitleCopy li {display:inline;font-weight:bold;padding:0 4px 2px 8px;border-left:1px solid #f7a335;}
#TitleCopy li a {font-weight:100;}
#TitleCopy li.no-border {border:none;padding-left:0;}
/* horizontal navigation end */

#ContentTable {clear:both; padding:20px 0 0 20px; margin-bottom:20px;}
#ContentTable h1{font-size:160%; padding-bottom:5px;}
#CakeDetailLeft p{padding-bottom:10px;}
#ContentTable ul{padding-top:0; margin-top:0;}
.ContentTableTopSpace {padding-bottom:30px;}
#ContentTable a:link, #ContentTable a:visited, #TitleCopy a:link, #TitleCopy a:visited {color: #ed8d0c;}
#ContentTable a:hover, #ContentTable a:active, #TitleCopy a:hover, #TitleCopy a:active {background-color:#ed8d0c; color:#FFFFFF;}
#CakeDetailLeft {float:left; width:300px; margin-bottom:20px;}
#CakeDetailLeft ul {list-style-type:disc;}
#CakeDetailLeft ul li {display:list-item;}
#CakeDetailRight {float:right; width:421px; padding-right:20px;}

/* "Whats in a Cake Kit" */
body#what #Title {width:700px;}
body#what #CakeDetailLeft {float:left; width:380px; margin-bottom:20px;} 
body#what #CakeDetailRight {float:right; width:332px; padding-right:20px;}

/* "How do I buy" */
body#how #Title {width:700px;}
body#how #Title img.photo { margin-left:60px; margin-top:50px;}
body#how #CakeDetailLeft { width:380px; margin-bottom:20px;} 
body#how  #CakeDetailRight {postion:absolute; margin-top:-40px; width:332px; padding-right:20px;}

/* "Production" */
body#production #Title {width:700px;}
body#production #Title img.photo { margin-left:60px; margin-top:50px;}
body#production #CakeDetailLeft { width:380px; margin-bottom:20px;} 
body#production  #CakeDetailRight {postion:absolute; margin-top:-100px; width:332px; padding-right:20px;}

/* "News" */
body#news #Title {width:700px;}
body#news #Title img.photo { margin-left:60px; margin-top:50px;}
body#news #CakeDetailLeft {width:400px; margin-bottom:20px;} 
body#news  #CakeDetailRight {postion:absolute; margin-top:-100px; width:312px;}

/* "Contact Us" */
body#contact #Title {width:318px;}
body#contact #CakeDetailLeft {float:left; width:380px; margin-bottom:20px;} 
body#contact #CakeDetailRight {float:right; width:280px; padding-right:20px;}
body#contact #CakeDetailRight p {line-height:150%; font-size:110%;}
body#contact p.address {margin-top:13px;}

/* "Our Company" */
body#company #CakeDetailLeft {width:368px; margin-bottom:20px;} 
body#company #CakeDetailRight {postion:absolute; margin-top:-100px; width:350px;padding-right:0;}
body#company blockquote {font-style:italic; margin:0 0 10px 0;}

/* "Cupcakes" */
body#cupcakes #CakeDetailLeft {width:490px; margin-bottom:20px;} 
body#cupcakes #CakeDetailRight {postion:absolute; margin-top:-101px; width:196px;}

/* "Cupcake Range" */
body#cupcakeRange #Title {width:300px;}
body#cupcakeRange #TitleCopy {width:462px;}

/* "Other Products" and "Cupcake Ranges" */
body#otherProducts #TitleCopy,  body#cupcakeRange #TitleCopy {float:right; padding-top:48px; width:402px;}
body#otherProducts #TitleCopy li, body#cupcakeRange #TitleCopy li {line-height:150%;}

/* "Sitemap" */
body#sitemap div#CakeDetailLeft, body#sitemap div#CakeDetailRight {margin-top:-20px;}
body#sitemap #CakeDetailLeft ul, body#sitemap #CakeDetailRight ul {padding:0; margin:0; list-style-type: none;}
body#sitemap #CakeDetailLeft li, body#sitemap #CakeDetailRight li {padding:4px 0 0 0; margin:0px;}
body#sitemap #CakeDetailLeft li.sub, body#sitemap #CakeDetailRight li.sub {padding:2px 0 2px 10px; margin:0 0 0 10px;}
body#sitemap #CakeDetailLeft li.subsub , body#sitemap #CakeDetailRight li.subsub {padding:2px 0 0 20px; margin:0 0 0 20px;}
body#sitemap #CakeDetailLeft li.divider, body#sitemap #CakeDetailRight li.divider {padding-top:10px;}

.LargeImgBorder {border:solid 1px #eaeaea; margin-bottom:20px;}
.thumbPadd {margin:0 15px;}
.highlight img{	border: 1px solid #eaeaea;	} .highlight:hover img{	border: 1px solid  #ed8d0c;} .highlight:hover{	color: #ed8d0c; /* Dummy for IE bug */	}

#Bottom {background-color:#434e67; width:947px;}
.HomeBottomBg {background-image:url(../images/bottom_bg_home.gif);background-repeat:no-repeat;}
.BottomBg {background-image:url(../images/bottom_bg.gif);}
#BottomLeft {float:left; padding:50px 50px 20px 50px; width:395px; color:#0a0e18;}
#Bottom h1 {font-size:90%; color:#838ea9; padding-bottom:6px;}
#Bottom h2 {font-size:90%; color:#838ea9; padding-bottom:6px;}
#Bottom p {font-size:80%; color:#838ea9; margin:10px 0 0 0;}
#BottomRight {float:right; padding:50px 20px 10px 0; width:390px; color:#0a0e18;}
.ContactInput {border:1px solid #38425c; background-color: #626E88; padding:3px; color:#9da9c7;}

#Footer {background-color:#e1e1e1; padding:10px 10px 0 10px; font-size:70%; clear:both;}
#Rouge {float:right; width:300px; text-align:right;}

.clear {clear:both;}

#Base {width:923px; min-height:37px; margin:0 auto; padding:6px 35px 0 35px; background-image:url(../images/base.gif); font-size:70%;}

/* Mac Safari specific code - see css_browser_selector.js */
.mac.safari #MainLeft {width:160px; padding:48px 0 0 24px;}