body{background:url(../media/background.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;}

/* 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 p.contact span {font-size:80%;position:static;z-index:0;margin:0;top:0;}
#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/cupcake.jpg) no-repeat;height:170px; clear:left;margin:0;width:960px;}
#navigation div.banner ul{background-color:#fff;filter:alpha(opacity = 90);float:right;margin:10px;opacity:0.9;padding:10px;width:150px;-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:21px;}
#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;}

/* Wedding */

#weddingbanner {background: #631849; width:960px; clear:left;margin-bottom:10px;float:left;position:relative;}
#weddingbanner img {float:left;}
#weddingbanner ul {float:left; margin: 5px 0 0 30px; width:410px;_margin-left:15px;}
#weddingbanner li {color: #fff; font-size:120%;list-style-position:outside;list-style-type:none; background: url(/media/hearts.gif) no-repeat 0 50%;padding:10px 0 10px 45px;margin:0;}

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

#maincontent h1,h2,h3,h4,h5,h6 {font-size:1.8em;margin:0 0 0.5em 0;}
#maincontent h2 {font-size:1.6em;}
#maincontent p{margin:1em 0;}
#maincontent li{margin:0 0 0 25px;}

#maincontent div.ArticlePager{background-color:#D1E2E9;float:left;margin-bottom:10px;padding:8px;text-align:center;width:571px;}
#maincontent div.ArticlePager img{display:block;}
#maincontent div.ArticlePager ul li{display:inline;}
#maincontent div.ArticlePager ul li a{border-right:1px solid #ccc;display:block;float:left;padding:10px 15px 5px;}
#maincontent div.ArticlePager ul li a:hover,#maincontent div.ArticlePager ul li.last a:hover{border-top:5px solid #FF0;padding-top:5px;}
#maincontent div.ArticlePager ul li.last a{border:none;}

#maincontent ul.sidelinks{float:right;}
#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{background-color:#F6F6F6;float:left;width:960px;}
#maincontent ul.cakelist li {border-right:1px solid #CCCCCC;display:inline;float:left;padding:10px 25px 10px 0;}
#maincontent ul.cakelist li:last-child,#maincontent ul.cakelist li.last{border-right:none;}
#maincontent ul.cakelist li a {text-decoration:none;}
#maincontent ul.cakelist li img{border:1px solid #ccc;margin-bottom:10px;}

#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 li {list-style-type:none;border-bottom:1px solid #ccc;margin:0;}

#maincontent ul.CategoryList {float:left;width:960px;}
#maincontent ul.CategoryList li {list-style-type:none;float:left;margin:0 13px 13px 0;border:1px solid #ccc;}
#maincontent ul.CategoryList li a img {float:left; background-color:#ffffff;width:225px;height:100px; text-align:center;}

#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:100px;overflow:hidden;}
#maincontent ul.Gallery li a img {}

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

#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{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;background-color:#715AA2; 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;}

.photos  {margin:0 0 0 45px;}

/* Product Detail page */
body#ProductDetail #maincontent div.ProductInformation {float:left; width:330px;padding:10px;margin:0 10px;}
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:right;width:128px;margin:10px 0 0 10px; height:340px;}

/* 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;}
#maincontent div.form p {margin:0 0 1em 0;}
#maincontent div.form p strong {clear:left;display:block; background-color:#F2CDE3;padding:5px;}
#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:125px;padding:2px 2px 2px 0;clear:left; margin-bottom:10px;}
#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 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 15px;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 div.wedding {margin-left:20px;_margin-left:10px;position:relative;}
#maincontent div.wedding h2 {background:url(/media/wedding_form_promotion3.png);height:55px;left:-8px;position:absolute;text-indent:-9999px;top:10px;width:466px;_margin-top:10px;}
.normal #maincontent div.wedding h2 {background:url(/media/wedding_form_promotion.png);height:55px;left:-8px;position:absolute;text-indent:-9999px;top:10px;width:466px;_margin-top:10px;}
#maincontent div.wedding p{margin-top:25px;}
#maincontent div.wedding div.top {background: url(/media/wedding_form_top.gif) no-repeat bottom;width:449px;height:6px;clear:left;}
#maincontent div.wedding div.content {background: url(/media/wedding_form_rpt.gif) repeat-y;width:390px;clear:left;float:left;padding:70px 30px 0 30px;}
#maincontent div.wedding div.content img {margin-bottom:10px;width:127;height:126px;}
#maincontent div.wedding div.bottom {background: url(/media/wedding_form_bot.gif) no-repeat;width:449px;height:6px;clear:left;float:left;}

#maincontent div.eighteenbirthday {margin-left:20px;_margin-left:10px;position:relative;}
#maincontent div.eighteenbirthday h2 {background:url(/media/40th-small-banner.png);height:55px;left:-8px;position:absolute;text-indent:-9999px;top:10px;width:466px;_margin-top:10px;}
#maincontent div.eighteenbirthday h2 {background:url(/media/40th-small-banner.png);height:55px;left:-8px;position:absolute;text-indent:-9999px;top:10px;width:466px;_margin-top:10px;}
#maincontent div.eighteenbirthday p{margin-top:25px;}
#maincontent div.eighteenbirthday div.top {background: url(/media/wedding_form_top.gif) no-repeat bottom;width:449px;height:6px;clear:left;}
#maincontent div.eighteenbirthday div.content {background: url(/media/wedding_form_rpt.gif) repeat-y;width:390px;clear:left;float:left;padding:70px 30px 0 30px;}
#maincontent div.eighteenbirthday div.content img {margin-bottom:10px;width:127;height:126px;}
#maincontent div.eighteenbirthday div.bottom {background: url(/media/wedding_form_bot.gif) no-repeat;width:449px;height:6px;clear:left;float:left;}

#maincontent div.fortybirthday {margin-left:20px;_margin-left:10px;position:relative;}
#maincontent div.fortybirthday h2 {background:url(/media/40th-small-banner.png);height:55px;left:-8px;position:absolute;text-indent:-9999px;top:10px;width:466px;_margin-top:10px;}
#maincontent div.fortybirthday h2 {background:url(/media/40th-small-banner.png);height:55px;left:-8px;position:absolute;text-indent:-9999px;top:10px;width:466px;_margin-top:10px;}
#maincontent div.fortybirthday p{margin-top:25px;}
#maincontent div.fortybirthday div.top {background: url(/media/wedding_form_top.gif) no-repeat bottom;width:449px;height:6px;clear:left;}
#maincontent div.fortybirthday div.content {background: url(/media/wedding_form_rpt.gif) repeat-y;width:390px;clear:left;float:left;padding:70px 30px 0 30px;}
#maincontent div.fortybirthday div.content img {margin-bottom:10px;width:127;height:126px;}
#maincontent div.fortybirthday div.bottom {background: url(/media/wedding_form_bot.gif) no-repeat;width:449px;height:6px;clear:left;float:left;}

body#handmade_wedding_cakes #maincontent div.wedding div.form {clear:both;}
body#handmade_wedding_cakes #maincontent div.wedding div.form input {width:240px;}
body#handmade_wedding_cakes #maincontent div.wedding div.form label.otherTitle {width:127px;}

body#handmade_wedding_cakes #maincontent div.wedding div.form select {width:246px;}
body#handmade_wedding_cakes #maincontent div.wedding div.form textarea{width:240px;}

body#handmade_wedding_cakes #maincontent div.wedding div.form div.button {margin-bottom:10px;width:252px;position:relative;float:left;background: #99cc33 url(/media/btn_right.png) no-repeat right;height:73px;_background-image:url(/media/btn_right.gif);}
body#handmade_wedding_cakes #maincontent div.wedding div.form div.button input {cursor:pointer;color:#ffffff;font-size:120%;position:absolute;border:none;width:250px;display:block;background: url(/media/btn_left.png) no-repeat left;height:73px;white-space:normal;_background-image:url(/media/btn_left.gif);}
#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.right {width:460px;}

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

#maincontent div.errorbox {margin:10px 0; padding:0 10px 10px 10px;border:1px solid #cccccc;width:470px;}
#maincontent div.errorbox p {text-align:center;font-weight:bold;color:#cc0000;}
#maincontent div.errorbox ul li{color:#cc0000;}


/* Footer */
#footer{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.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;}

#sitecredit {color:#715AA2;margin:10px 0;}

/* Typography */

a{color:#715AA2;text-decoration:none;}
a:hover {text-decoration:underline;}

/* Banner images */

body#handmade_wedding_cakes div#weddingbanner img.tag {position:absolute;left:0;top:0;}

body#home #navigation div.banner{background-image:url(/media/top-header/brownie.jpg);}
body#handmade_wedding_cakes #navigation div.banner{background-image:url(/media/top-header/wedding_cakes2.jpg);}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 375px; 
    height:120px; 
    float:left;
    margin-left:20px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

.prevPage {float:left;line-height:120px;}
.nextPage {float:left;line-height:120px;}

div.Scroller {margin:0 auto;width:400px;}