body{background:url(../media/bg.gif);color:#333;font-family:Trebuchet MS, Arial, Sans-Serif;font-size:80%;}

/* wrapper */
#wrapper{background-color:#fff;border:10px solid #fff;height:100%;margin:0 auto;width:960px;-moz-box-shadow:0 0 10px #666666;-webkit-box-shadow:0 0 20px #666666;}

/* header */
#header{float:left;padding:0 0 10px;width:960px;}

#header p.contact{color:#715AA2;float:none;font-size:190%;text-align:right;margin-right:-4px;}
#header p{float:left;}
#header p a {position:relative;}
#header p a img{vertical-align:-10px;position:relative;z-index:1;}
#header p span{font-style:italic;font-weight:700;margin-left:-160px;position:absolute;z-index:2;top:75px;}

#header ul{text-align:right;}
#header ul li{display:inline;color:#715AA2;}

/* navigation */
#navigation{clear:left;margin-bottom:10px;float:left;}

#navigation a:hover {text-decoration:none;}
#navigation ul.top {width:960px;}
#navigation ul.top li{display:block;float:left;margin:0 5px 0 0;}
#navigation ul.top li a{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;background-color:#d1e2e9;border-bottom:none;color:#666666;display:block;font-weight:700;margin:0 0 5px;padding:5px 10px;}
#navigation ul.top li a:hover, #navigation ul.top li a:focus{background:#d1e2e9 url(../media/ul_top_li_hover.gif) no-repeat 50% 100%;border-bottom:5px solid #ff7dba;margin:0;}
#navigation ul.top li input.text {border:1px solid #666666;padding:5px; width:104px;color:#666666;font-size:90%;margin-right:10px;}
#navigation ul.top li input.button {background-color:#FFC0CB;color:#715AA2;font-size:90%;cursor:pointer;padding:5px;margin-right:-5px;}

#navigation div.banner{float:left;background: #715AA2 url(../media/top-header/generic.jpg) no-repeat;height:170px; clear:left;margin:0;width:952px;border:4px solid #D1E2E9;}
#navigation div.banner ul{background-color:#fff;filter:alpha(opacity = 90);float:right;margin:10px;opacity:0.9;padding:10px;width:151px;-moz-border-radius:10px;-webkit-border-radius:10px;}
#navigation div.banner ul li{list-style-type:none;}
#navigation div.banner ul li p{margin:1em 0;}

#navigation ul.bottom{background-color:#D1E2E9;clear:both;float:left;width:960px;}
#navigation ul.bottom li{display:inline;float:left;}
#navigation ul.bottom li a{border-left:1px solid #ccc;color:#666666;display:block;font-weight:700;padding:15px 15px;padding-bottom:20px;}
#navigation ul.bottom li:first-child a,#navigation ul.bottom li.first a{border:none;padding-left:10px;}
#navigation ul.bottom li:last-child a,#navigation ul.bottom li.last a{padding-right:21px;}
#navigation ul.bottom li a:hover, #navigation ul.bottom li a:focus{background:#d1e2e9 url(../media/ul_top_li_hover.gif) no-repeat 50% 100%;border-bottom:5px solid #ff7dba;padding-bottom:15px;}

/* Breadcrumb */
#breadcrumb {float:left;}
#breadcrumb span {display:block;margin:1em 0;}
#breadcrumb span span {display:inline;}

body#home_page #breadcrumb {display:none;}

/* Maincontent */
#maincontent{clear:both;float:left;margin-bottom:10px;width:960px;}

#maincontent h1,h2,h3,h4,h5,h6 {}
#maincontent p{margin:1em 0;}
#maincontent li{margin:0 0 0 35px;}

#maincontent div.testimonial {background:url(/media/testimonial.jpg) no-repeat;float:right;width:700px;padding:10px;border:1px solid #ccc;height:200px;}

#maincontent div.testimonial h3 {margin:20px 70px;font-size:200%;color:#715AA2;}
#maincontent div.testimonial p.desc {font-style:italic;font-size:120%;margin-left:300px;}
#maincontent div.testimonial p.author {text-align:right;font-size:130%;color:#715AA2;}

#maincontent div.ArticlePager {
background-color:#DFEDF6;
border:5px solid #DFEDF6;
float:left;
width:571px;
height:384px;
margin-bottom:10px;
}
#maincontent div.ArticlePager img{display:block;}
#maincontent div.ArticlePager ul li{display:inline;}
#maincontent div.ArticlePager ul li a{text-decoration:none;border-right:1px solid #ccc;display:block;float:left;padding:10px 17px 5px;}
#maincontent div.ArticlePager ul li.last a{border:none;}

#maincontent div.ArticlePager div.tabContent {position:relative;overflow:hidden;width:571px;height:349px;}

#maincontent div.ArticlePager div.tabContent div div {float:right;background-color:#E9D2E5;-moz-border-radius:10px;-webkit-border-radius:10px;padding:10px;margin:10px 10px 9px;height:310px;width:250px;opacity:0.8;}

#maincontent div.ArticlePager div.tabContent div a.CTA {
background-color:#715AA2;
bottom:20px;
display:block;
left:20px;
position:absolute;
-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:0 0 10px #000000;-webkit-box-shadow:0 0 10px #000000;
cursor:pointer;
padding:10px;
font-size:200%;
color:#fff;
}

#maincontent div.ArticlePager div.tabContent div a.CTA:hover {text-decoration:none;background-color:#5F9900;}

#maincontent div.ArticlePager div.tabContent div#Birthday {background-image:url("/media/homebanner_ex.jpg");height:349px;
width:571px;}
#maincontent div.ArticlePager div.tabContent div#Birthday h1{color:#000;}
#maincontent div.ArticlePager div.tabContent div#Corporate {background-image:url("/media/top-header/corp_large.jpg");height:349px;
width:571px;}
#maincontent div.ArticlePager div.tabContent div#Wedding {background-image:url("/media/top-header/wedding_large.jpg");height:349px;
width:571px;}
#maincontent div.ArticlePager div.tabContent div#MotherBrown {background-image:url("/media/top-header/hamper_large.jpg");height:349px;
width:571px;}

#maincontent div.ArticlePager div.hidepipe {overflow:hidden;width:549px;margin-left:11px;}
#maincontent div.ArticlePager ul.tabNavigation {clear:both;float:left;width:571px;}
#maincontent div.ArticlePager ul.tabNavigation li {float:left;margin:0;}
#maincontent div.ArticlePager ul.tabNavigation li.ui-tabs-selected a {border-top:5px solid #FF0;padding-top:5px;}


#maincontent ul.sidelinks{float:right;width:379px;}
#maincontent ul.sidelinks li{list-style-type:none;}
#maincontent ul.sidelinks h3{color:#6b5a9e;margin-left:20px;}
#maincontent ul.sidelinks p{margin-left:20px;}

#maincontent ul.cakelist{float:right;width:373px;}
#maincontent ul.cakelist li {display:inline;float:left;padding:6px;margin:10px 0;text-align:center;width:164px;height:158px;position:relative;}
#maincontent ul.cakelist li:last-child,#maincontent ul.cakelist li.last{border-right:none;}
#maincontent ul.cakelist li a {text-decoration:none;text-align:center;}
#maincontent ul.cakelist li img{border:1px solid #ccc;}
#maincontent ul.cakelist li a span {background-color:#715AA2;color:#FFFFFF;display:block;height:35px;margin:0 6px 0 0;padding:5px 10px;position:absolute;width:145px;bottom:0;left:5px;}
#maincontent ul.cakelist li a span.pricefrom {background:url("/media/fromlabel.png") no-repeat transparent;bottom:105px;color:#FFFFFF;font-size:90%;font-weight:700;height:41px;left:105px;padding-left:1px;padding-top:30px;width:70px;}

#maincontent div.ArticleRacks{border-top:1px solid #ccc;float:left;margin:10px 0;width:960px;overflow:hidden;}
#maincontent div.ArticleRacks ul{border-right:1px solid #ccc;float:left;width:230px;padding-bottom:9999px;margin-bottom:-9999px;}
#maincontent div.ArticleRacks ul:last-child,#maincontent div.ArticleRacks ul.last{border-right:none;width:267px;}
#maincontent div.ArticleRacks ul li{list-style-type:none;padding:10px;}
#maincontent div.ArticleRacks ul:last-child li,#maincontent div.ArticleRacks ul.last li{background-color:#F6F6F6;margin:0 10px 10px;}
#maincontent div.ArticleRacks ul:last-child li.title,#maincontent div.ArticleRacks ul.last li.title{background-color:transparent;}
#maincontent div.ArticleRacks ul:last-child li:last-child{border-bottom:none;}

#maincontent ul.Articles {overflow:hidden;}
#maincontent ul.Articles li {background-color:#F7EEF5;border-top:10px solid #FFFFFF;float:left;list-style-type:none;margin:10px 10px -9999px 0;padding:10px 10px 9999px;width:450px;}
#maincontent ul.Articles li a.left {margin-right:10px;}
#maincontent ul.Articles li a.left img {background-color:#fff;padding:10px;border:1px solid #ccc;}
#maincontent ul.Articles li div.right {width:318px;}

#maincontent ul.Articles table {width:100%;}
#maincontent ul.Articles table td {background-color:#fff;padding:1px;vertical-align:top;}
#maincontent ul.Articles table td strong {padding:0 5px 0 0;}

#maincontent ul.CategoryList {width:960px;float:left;}
#maincontent ul.CategoryList li {list-style-type:none;float:left;text-align:center;margin:10px 13px;position:relative;}
#maincontent ul.CategoryList li a{display:block;position:relative;font-size:100%;background-color:#F7EEF5;padding:6px;font-weight:700;width:122px;height:176px;}

#maincontent ul.CategoryList li a img{background-color:#fff;width:120px;border:1px solid #ccc;}
#maincontent ul.CategoryList li a img.ribbon {position:absolute;top:-2px;right:-2px;z-index:100;width:auto;border:none;background-color:Transparent;}
#maincontent ul.CategoryList li a:hover {text-decoration:none;}

#maincontent ul.CategoryList li a span {margin:6px 0 0;display:block;background-color:#715AA2;padding:5px 10px;color:#fff;height:38px;}

#maincontent ul.Gallery {float:left;width:960px;}
#maincontent ul.Gallery li {list-style-type:none;float:left;margin:0 13px 13px 0;border:1px solid #ccc;padding:10px;width:125px;height:125px;overflow:hidden;}
#maincontent ul.Gallery li a img {}


#maincontent ul.ProductScroller {width:960px;float:left;}
#maincontent ul.ProductScroller li {list-style-type:none;float:left;text-align:center;margin:10px 13px;position:relative;display:block;position:relative;font-size:100%;background-color:#F7EEF5;padding:6px;font-weight:700;width:122px;height:150px;}
#maincontent ul.ProductScroller li a{display:block;overflow:hidden;}

#maincontent ul.ProductScroller li a img{overflow:hidden;border:1px solid #CCCCCC;background-color:#FFFFFF;}
#maincontent ul.ProductScroller li a img.ribbon {position:absolute;top:-2px;right:-2px;z-index:100;width:auto;border:none;background-color:Transparent;}
#maincontent ul.ProductScroller li a:hover {text-decoration:none;}

#maincontent ul.ProductScroller li a span {left:6px;margin:6px 0 0;display:block;background-color:#715AA2;padding:5px 10px;color:#fff;height:35px;position:absolute;bottom:6px;width:102px;font-size:90%;}

#maincontent ul.ProductScroller li a span.pricefrom {background:url("/media/fromlabel.png") no-repeat transparent;bottom:95px;color:#FFFFFF;font-size:90%;font-weight:700;height:41px;left:90px;padding-left:1px;padding-top:30px;width:70px;}

/*

#maincontent ul.ProductScroller {float:left;width:960px;overflow:hidden;margin:0;}
#maincontent ul.ProductScroller li{float:left;list-style-type:none;margin:0 5px 13px 5px; width:180px;height:207px;position:relative;overflow:hidden;text-align:center;background-color:#F7EEF5;}
#maincontent ul.ProductScroller li a {display:block;width:120px;height:120px;overflow:hidden;border:1px solid #CCCCCC;background-color:#FFFFFF;margin:10px auto;padding:10px;}
#maincontent ul.ProductScroller li a img {}
#maincontent ul.ProductScroller li a span {
background:url("/media/info.gif") no-repeat scroll right 6px #715AA2;
bottom:0;
clear:left;
color:#FFFFFF;
float:left;
font-size:90%;
height:35px;
left:0;
margin:0 auto;
padding:5px 15px 5px 5px;
position:absolute;
text-align:left;
width:160px;
}

*/

#maincontent div.box{margin:0 0 10px 0;background-color:#FDEAF2; border:1px solid #cccccc; width:453px; padding:10px;float:right;}

/*body#store #maincontent ul.ProductScroller {float:left;width:960px;overflow:hidden;margin:10px 0 0 15px;}
body#store #maincontent ul.ProductScroller li{text-align:center;float:left;list-style-type:none;border:1px solid #ccc;margin:0 30px 30px 0; width:127px;height:158px;position:relative;overflow:hidden;}
body#store #maincontent ul.ProductScroller li a img {float:left;padding:5px 2px;width:120px;}
body#store #maincontent ul.ProductScroller li a span {clear:left;float:left; text-align:center; color:#ffffff;width:100%;padding:5px 0;position:absolute; bottom:0;left:0;}*/

body#customer_index #maincontent ul {width:575px;}
body#customer_index #maincontent ul li {display:inline;margin:0;}

/* Product Detail page */
body#ProductDetail #maincontent div.ProductInformation {float:left; width:330px;padding:10px 10px 10px 0;margin:0 0 0 0;}
body#ProductDetail #maincontent div.ProductInformation img {padding:2px 64px; border:1px solid #cccccc !important;width:200px;}
body#ProductDetail #maincontent div.ProductInformation p {width:330px;}
body#ProductDetail #maincontent div.form {float:left;width:420px;margin:10px 10px 0 10px;border:1px solid #cccccc;}
body#ProductDetail #maincontent div.form label {padding-left:5px;}
body#ProductDetail #maincontent ul.ProductScroller {float:left;width:155px;margin:0 0 0 10px; height:610px;overflow:hidden;}
body#ProductDetail #maincontent ul.ProductScroller li {margin:10px 0;background-color:#fff;width:143px;}
body#ProductDetail #maincontent ul.ProductScroller li span {width:122px;}
body#ProductDetail #maincontent ul.ProductScroller li span.pricefrom {width:70px;}


body#ProductDetail #maincontent div.rightpanel {width:170px;float:right;margin-top:10px;}

body#ProductDetail #maincontent div.rightpanel p {margin:0;}

/* Customer area */
#maincontent div.delivery, #maincontent div.billing {clear:right;border:1px solid #cccccc;padding:10px;float:left;width: 250px;margin:0 10px 10px 0;}
#maincontent div.delivery ul li {border-bottom:1px solid #CCCCCC;list-style-type:none;margin:0;padding:0 0 10px;}
#maincontent div.billing {margin:0 0 10px 10px;}
body#addresslist #maincontent div.delivery {width:250px;float:right;}
body#SelectAddress #maincontent div.delivery {width:250px;float:right;}

/* Form Fields */
#maincontent input, #maincontent select {border:1px solid #ccc;padding:2px;}
#maincontent input.button {background-color:#715AA2; padding:5px 15px;border:none; color:#fff;cursor:pointer;width:auto;margin:0 2px 0 0;}
#maincontent input.focus {background-color:#5F9900;}
#maincontent div.form p {margin:0 0 1em 0;}
#maincontent div.form p strong {clear:left;height:50px;padding:5px;text-align:center;}
#maincontent div.form a {float:left;}
#maincontent div.form table {float:left;}
#maincontent div.form table input{width:auto;margin:o;padding:0;}
#maincontent div.form table label{clear:none;padding:0 5px;width:auto;}

#maincontent div.form span{float:left;padding:2px;}
#maincontent div.form label {float:left; width:145px;padding:2px 2px 2px 0;clear:left; margin-bottom:10px;clear:left;}
#maincontent div.form label.otherTitle {height:1px;margin-bottom:0;padding:0;width:147px;}
#maincontent div.form input, #maincontent div.form select, #maincontent div.form textarea {float:left; width:250px;border:1px solid #ccc;padding:2px; margin-bottom:10px;}
#maincontent div.form input.button {background-color:#715AA2; padding:5px 10px;border:none; color:#fff;cursor:pointer;width:256px;}
#maincontent div.form input.button2 {background-color:#715AA2;border:medium none;color:#FFFFFF;cursor:pointer;float:right;margin:0 28px 0 0;padding:5px 10px;width:140px;}
#maincontent div.form select {width:256px;}
#maincontent div.form span.checkbox input {width:auto;margin-top:2px;}
#maincontent div.form div.MultiPage div {float:left;padding:10px 10px;border:1px solid #ccc; width:562px;}

#maincontent div.tabs ul li {margin:0;}
#maincontent div.tabs ul li a {background-color:#FFC0CB;margin:0 2px 0 0;padding:5px 17px;border-bottom:5px solid #FFC0CB;}
#maincontent div.tabs ul li a.rtsDisabled{color:#AFA2CA;}
#maincontent div.tabs ul li a.rtsSelected{border-bottom:5px solid #ff7dba; background: #FFC0CB url(../media/ul_top_li_hover.gif) no-repeat 50% 100%;}
#maincontent div.signin {border:1px solid #cccccc;float:left; width:453px;margin:0 10px 0 0;padding:10px; height:230px;}
#maincontent div.create {border:1px solid #cccccc;float:left; width:453px;padding:10px; height:230px;}

#maincontent table.Basket {border:1px solid #cccccc;}
#maincontent table.Basket tbody tr td {padding:10px;vertical-align:top;}
#maincontent table.Basket tbody tr.head td {background-color:#F2CDE3;font-weight:700;}
#maincontent table.price td {text-align:right;font-size:110%; font-weight:700;padding:5px 0;}
#maincontent table.price td div {font-weight:700;}

body#handmade_wedding_cakes #maincontent div.form {float:left;width:460px;}
body#handmade_wedding_cakes #maincontent div.right {width:460px;}

body#contact #maincontent div.form {float:left;}
body#contact #maincontent div.right {}

#maincontent div.errorbox {margin:10px 0; padding:10px;background-color:#F2CDE3;background-image:url(/media/footer.jpg);border:1px solid #cc0000;}
#maincontent div.errorbox p {text-align:center;font-weight:bold;color:#715AA2;margin:0;font-size:130%;}
#maincontent div.errorbox ul li{color:#715AA2;list-style-type:decimal;}

.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;

}

.ui-tabs .ui-tabs-panel {
display:block;
}

body#article_index #maincontent ul.Articles li, body#FAQ_index #maincontent ul.Articles li{width:940px;}

/* Footer */
#footer{background-image:url(/media/footer.jpg);background-color:#F2CDE3;clear:both;font-size:90%;width:960px;}
#footer ul{float:left;width:230px;margin:1em 0;}
#footer ul li{color:#715AA2;list-style-type:none;padding:0 10px;}
#footer ul li h2{font-size:150%;border-bottom:1px dotted #715AA2;padding-bottom:5px;margin-bottom:5px;}
#footer ul.last {width:260px;}
#footer ul.last li{background-color:#fff;width:240px;padding:10px;}
#footer p {clear:both;background-color:#FFFFFF;color:#715AA2;margin-bottom:-10px;padding:10px;}
#footer p img {vertical-align:middle; margin:0 10px 0 0;}

#sitecredit {background-color:#FFFFFF;color:#000000;margin:10px auto;opacity:0.3;padding:10px;width:960px;}
#sitecredit a{color:#000;}
.followus {clear:both; float:right; margin:-62px -7px;}
/* Typography */

h1,h2,h3,h4,h5,h6 {font-size:130%;}
h1 {font-size:210%;}
a{color:#715AA2;text-decoration:none;}
a:hover {text-decoration:underline;}

a.button{_width:100px;background:url(/media/btn_p_left.gif) no-repeat left;cursor:pointer;display:block;float:left;height:25px;padding-left:6px;text-align:center;margin-right:2px;}

a.button span{background:transparent url(/media/btn_p_right.gif) no-repeat right;border:none;color:#fff;cursor:pointer;display:block;font-size:85%;font-weight:700;height:25px;line-height:25px;padding:0 6px 0 0;margin:0;width:auto;clear:none;}


.tabContent h1{font-size:150%; margin-bottom: 10px;}

/* tabs */
#Course_Details #tabs {float:left;clear:left;width:517px;margin-top:5px;}
#Course_Details #tabs ul {float:left;}
#Course_Details #tabs ul li {margin:0;float:left;list-style-type:none;height:40px;}
#Course_Details #tabs ul li a {display:block;background-color:#F2CDE3;margin:0 2px 0 0;padding:5px 17px;border-bottom:5px solid #F2CDE3;height:18px;}
#Course_Details #tabs ul li a:hover {text-decoration:none;}
#Course_Details #tabs ul li a.rtsDisabled{color:#AFA2CA;}
#Course_Details #tabs ul li.ui-tabs-selected  a {border-bottom:5px solid #ff7dba; background: #F2CDE3 url(../media/ul_top_li_hover.gif) no-repeat 50% 100%;color:#715AA2;}

#Course_Details #tabs div.tab {clear:left;width:503px;}
#Course_Details #tabs div.tab td {padding:5px;}
#Course_Details div.form {background-color:#F7EEF5;padding:10px;width:423px;}


/* Banner images */
body#home #navigation div.banner{background-image:url(/media/top-header/home-header.jpg);}
body#cakes_by_post #navigation div.banner{background-image:url(/media/top-header/cakesbypost.jpg);}
body#courses #navigation div.banner{background-image:url(/media/top-header/cakecourses.jpg);}
body#sugar_craft_shop #navigation div.banner{background-image:url(/media/top-header/sugarcraft.jpg);}
body#cake_club #navigation div.banner{background-image:url(/media/top-header/generic.jpg);}
body#contact #navigation div.banner{background-image:url(/media/top-header/contact.jpg);}
body#video #navigation div.banner{background-image:url(/media/top-header/videos.jpg);}

body#birthday_cakes #navigation div.banner{background-image:url(/media/top-header/birthday.jpg);}
body#wedding_cakes #navigation div.banner{background-image:url(/media/top-header/wedding.jpg);}
body#birthday_cakes #navigation div.banner{background-image:url(/media/top-header/birthday.jpg);}
body#cup_cakes #navigation div.banner{background-image:url(/media/top-header/cupcakes.jpg);}
body#bespoke_cakes #navigation div.banner{background-image:url(/media/top-header/generic.jpg);}
body#corporate_cakes #navigation div.banner{background-image:url(/media/top-header/contact.jpg);}
body#special_occasion_cakes #navigation div.banner{background-image:url(/media/top-header/special.jpg);}
body#mother_browns_muffins #navigation div.banner{background-image:url(/media/top-header/hamper.jpg);}
body#gallery_index #navigation div.banner{background-image:url(/media/top-header/cupcake.jpg);}

table#ProductList_Style3_lstvProductsStyle1_Table1 {width: 960px;}
table#ProductList_Style3_lstvProductsStyle1_Table1 td {text-align:center; width:320px;}
table#ProductList_Style3_lstvProductsStyle1_Table1 img{margin: 0 0 10px 0;}
a.button2 {margin:0 0 20px 135px;background:transparent url(/media/btn_p_left.gif) no-repeat scroll left center;
cursor:pointer;
display:block;
float:left;
height:25px;
padding-left:6px;
text-align:center;}

a.button2 span {
background:transparent url(/media/btn_p_right.gif) no-repeat scroll right center;
border:medium none;
clear:none;
color:#FFFFFF;
cursor:pointer;
display:block;
font-size:85%;
font-weight:700;
height:25px;
line-height:25px;
margin:0;
padding:0 6px 0 0;
width:auto;}

table.weddingform {
padding: 10px 0 0 0;
}

div.errorbox2 {
background-color:#F2CDE3;
border:1px solid #CC0000;
margin:10px 0;
padding:10px;}

div.errorbox2 li {
color:#715AA2;
list-style-type:decimal;
}

div.errorbox2 p strong{
clear:left;
height:50px;
padding:5px;
text-align:center;
}