/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

#container{ position:relative;   border:#000000 0px solid;  padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:825px;  }

#header { width:100%; height:364px; margin:0px; padding:0px; background:#FFF; position:relative;}

#contact_perm {width:30px; height:32px; position:absolute; top:8px; right:11px;}

#logo {  width:334px; height:82px; display:block; float:left; margin:0px; padding:0px;}

#cake {width:808px; background:#2c2425; min-height:263px; height:auto !important; height:263px; margin:10px auto 0px auto; position:relative;}
#cake_top { background:url(/images/jaggered_top.jpg) repeat-x top left; width:808px; height:6px; position:absolute; top:0px; left:0px;}
#cakes {width:425px; display:block; float:left; margin:13px 0px 0px 11px;}
*html #cakes {margin:13px 0px 0px 6px;}


#pink_tab {width:176px; display:block; float:left;  min-height:225px; height:auto !important; height:225px; position:relative; margin:13px 0px 0px 8px; position:relative;}
#pink_tab_bottom {width:78px; height:19px; position:absolute; bottom:-19px; right:0px;}
#pink_text { width:159px; background:url(/images/rep_pat.jpg); min-height:200px; height:auto !important; height:200px; margin:9px 0px 0px 8px;}

#black_tab {width:176px; display:block; float:left;min-height:225px; height:auto !important; height:225px; position:relative; margin:13px 0px 0px 5px; }
#black_tab_bottom {width:78px; height:19px; position:absolute; bottom:-19px; right:0px;}
#black_text { width:159px; background:url(/images/rep_pat_black.jpg); min-height:200px; height:auto !important; height:200px; margin:9px 0px 0px 8px;}


#main {  width:100%; margin:16px 0px 0px 0px; background:#ffffff; }

#sidebar { width:228px;  height:100%; float:left;  margin:16px 0px 0px 12px; padding:0px; background:#ffffff; }

*html #sidebar { width:228px;  height:100%; float:left;  margin:16px 0px 0px 6px; padding:0px; background:#ffffff; }

#cupcake_reasons { margin:10px 0px 10px 0px;}
#cupcake_reasons a {display:block; border-bottom:1px solid #cccccc; font-size:1.1em; color:#333333; padding:6px 0px 6px 6px;}
#cupcake_reasons a:hover {color:#DC4586; text-decoration:none; padding-left:17px; background:url(/images/arrow_nav.jpg) no-repeat left 7px; }
#cupcake_reasons a.active  {color:#DC4586; text-decoration:none; padding-left:17px; background:url(/images/arrow_nav.jpg) no-repeat left 7px; }

.cupcakecard {display:block; margin:15px 0px 10px 0px;}

#content_main  { width:614px;   margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}

#content {width:540px; float:right; margin:13px 29px 0px 0px;}

*html #content {width:530px; float:right; margin:13px 15px 0px 0px;}

#cakes_area {}

.cake {float:left; display:block; margin:10px 31px 20px 0px;}
*html .cake {float:left; display:block; margin:10px 26px 20px 0px;}


#footer { width:100%; height:42px; margin:0px 0px 0px 0px; padding:0px; }
#footer p { font-size:0.7em; color:#FFFFFF; }

*html #footer_menu  {margin:10px 0px 0px 8px;}

#footer_menu { display:block; float:left; font-size:1.2em; color:#333; margin:10px 0px 0px 23px;}
#footer_menu a {color:#333; margin:0px 2px 0px 2px;}
#footer_menu a.selected {color:#E0669F; text-decoration:none;}
#footer_menu a:hover {color:#E0669F; text-decoration:none;}
#footer_menu a.active { text-decoration:none;  color:#E0669F; } 
*html #spindogs { margin:0px 8px 0px 0px;}

#spindogs { display:block; float:right; margin:0px 23px 0px 0px;}
#spindogs p {margin:0px; color:#000; font-size:1.1em;}
#spindogs p img {margin:10px 0px -8px 0px !important; position:relative;}

.clear { clear:both; }

/*---- Tool Tip  -----*/

#tooltip { position:absolute; border:0px solid #333; z-index:500; min-height:18px; height:auto !important; height:18px;   padding:0px 0px; color:#fff; display:none; font-size:1.1em; background: url(../images/heart.gif) no-repeat 6px 7px #2c2425; min-width:41px; padding:8px 10px 5px 30px; vertical-align:middle; }

#tooltip p {position:relative; z-index:50; color:#ffffff;}


#ttip { width:200px; position:absolute; border:1px solid #333; z-index:500; min-height:50px; height:auto !important; height:50px; background: rgba(0, 0, 0, 0.9);  padding:0px 10px 0px 10px; color:#333; display:none;}
*html #ttip {background:#000000; filter:alpha(opacity=10);}
*+html #ttip {background:#000000; filter:alpha(opacity=10);}
#ttip p {position:relative; z-index:50; color:#ffffff;}


/*------------------------------------ Cake Page -----------------------------------------------------------*/

.paging { width:100%; font-size:1.2em; color:#ffffff; background:url(/images/paging_top.jpg) no-repeat top left #9d1d56; min-height:20px; height:auto !important; height:20px; position:relative;  }
.paging_bottom {width:540px; height:9px;  background:url(/images/paging_bottom.jpg) no-repeat;} 
.page {display:block; float:left; margin:5px 0px 0px 10px;}
.pages {display:block; float:right; margin:5px 10px 0px 0px;}
.pages a { color:#ffffff;}
.pages a:hover { color:#ffffff;}

/*------------------------------------ News -----------------------------------------------------------*/

.news {border-bottom:1px solid #EFADCB;}
.news .link {float:right; display:block; margin:5px 0px 10px 0px;}
*+html .news .link {margin:5px 0px 2px 0px;}
.news p {margin:5px 0px 5px 0px;}
.news h5 {margin:10px 0px 4px 0px;} 
.news h4 {margin:4px 0px 0px 0px;}

/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:435px; color:#2C2425; text-align:right; display:block; float:right;  margin:41px 26px 0px 0px; padding:0px 15px 0px 0px;  font-size:1.2em;}
*html #nav {margin:41px 12px 0px 0px;}
#nav a { margin:0px 1px 1px 1px;  color:#2C2425;  font-weight:normal; font-size:1.1em !important;}
#nav a:hover { text-decoration:none;  color:#E0669F; } 
#nav a.active { text-decoration:none;  color:#E0669F; } 

/*------------------------------------ Products -----------------------------------------------------------*/

#product_left { width:273px; display:block; float:left;}
#product_right {width:251px; display:block; float:right;}

#gal_main {display:block; float:left; width:240px; height:290px; position:relative;}
#gal_main ul {margin:0px; padding:0px; position:relative;}
#gal_main li {margin:0px; padding:0px; list-style:none; position:absolute; left:0px; top:0px;}
#gal_images {}
.gal {display:block; float:left; padding:0px 7px 0px 7px; }

.hidden {display:none;}


#enquiry input {width:300px;}
#enquiry textarea {width:300px;}
/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(/images/bg_foot.jpg) no-repeat center bottom #c1bfc9; font-family:Arial, Helvetica, sans-serif; font-size:0.6em; background-attachment: fixed; }

body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

#wrapper {  position:absolute;   top:0px; left:0px; background:url(/images/bg_head.jpg) no-repeat center top #c1bfc9;   width: 100%; height:324px;     }


img { border:0px; margin:0px; padding:0px; }

h1 { font-size:1.6em; color:#98134C; font-weight:bold; margin:5px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#666666; font-size:1.4em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#000000; font-size:1.3em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#333333; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#9D1D55; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#9D1D54; font-size:1.2em; font-weight:bold; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; }

ul {  }
ul li { font-size:1.2em; color:#333333; list-style:disc; }
ol {}
ol li {font-size:1.2em; color:#333333; list-style:decimal;}

address {color:#98134C; margin:5px; font-style:italic;}

a { color:#98134C; text-decoration:none; }
a:hover { color:#98134C; text-decoration:underline; }

p { font-size:1.2em; color:#333333; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:20px; }