* { margin: 0; padding: 0;}

body { font-family: arial, helvetica, sans-serif; text-align: center; background-image: url(../images/layout/body-no-white.jpg); background-repeat: repeat-x; background-color:#652E81;}

#container { margin: 0 auto; width: 910px; height: 100%;}

#aboutDetailContainer{ font-family: arial, helvetica, sans-serif; text-align: center; background-image: url(/images/layout/body-no-white.jpg); background-repeat: repeat-x; margin: 0 auto; width: 910px; height: 100%; background-color:#652E81;}


#wrapper { float: left; width: 910px; width: 931px; height: 400px;}

#banner { float: left; width: 910px; height: 89px;}

#search{ 
}

#search input{ width: 400px; height: 20px;}

#searchResult{ width: 300px; height: 20px; float: left;}
#searchResult p a{ font-size:12px;}

/* @group .menu */

.menu { float: left; width: 910px; height: 37px;}

.menubottom { float: left; width: 910px; height: 37px;}


.menu ul {/* margin: 0 0 0 250px; */
 margin: 0 0 0 195px; list-style: none; 
}

.menubottom ul { margin: 0 0 0 195px; list-style: none;}

.menu ul li, .menubottom ul li { float: left;}

.menu ul li a, .menubottom ul li a { color: #FFFFFF; font-size: 10px; display: block; width: 100px; height: 17px; padding: 4px 0 0 0; border-left: 2px; border-left-color: #D3AAD4; border-left-style:solid; text-decoration: none; vertical-align: middle;}

.menu ul li a.right, .menubottom ul li a.right{ border-right: 2px; border-right-color: #D3AAD4; border-right-style:solid;}

.menubottom ul li a { margin: 16px 0 0 0;}

.menu ul li a:hover, .menubottom ul li a:hover { background-color: #904A90;}

.menubottom ul li a:hover { margin: 16px 0 0 0;}

.menu #searchBox{ margin: 0 0 0 195px; vertical-align: baseline;}

#searchBox input { float: left; width: 304px; float: left; height: 15px; border-color: #a1589f; border-width: 1px; padding: 1px 1px 1px 1px; vertical-align: baseline; display: block;}

#searchBox .button{ margin: 2px 0 1px 15px ; padding: 0 0 2px 0; width: 50px; height: 17px;}
/* @end */





/* @group #languageselect */

#languageselect { float: left; margin: 20px 0 0 120px; width: 460px; height: 20px; text-align: left; border-bottom: 1px solid #cec3bb;}

#languageselect h1 { float: left; margin: 0 5px 0 0; font-size: 18px; font-weight: 100; color: #a1589f;}

#languageselect div { float:right;}

#languageselect div ul { list-style: none;}

#languageselect div ul li { float: left;}

#languageselect div ul li a { display: block; margin: 0 3px 0 0; width: 60px; height: 20px;}

#languageselect div ul li a.english { background-image: url(../images/layout/language/english.jpg);}

#languageselect div ul li a.french { background-image: url(../images/layout/language/french.jpg);}

#languageselect div ul li a.spanish { background-image: url(../images/layout/language/spanish.jpg);}

#languageselect div ul li a.german { background-image: url(../images/layout/language/german.jpg);}

#languageselect div ul li a.italian { background-image: url(../images/layout/language/italian.jpg);}



/* @end */

#links { float: right; margin: 0px 110px 0 0; height: 300px;}

#spacer{ height: 118px;}

#links ul { list-style: none;}

#links ul li { margin: 0 0 0px 0;}

#links ul li a { display: block;/* background-image: url(../images/dobber2.jpg);*/
 background-repeat: no-repeat;}

#links ul li a img { border: 0px;}

#logos { float: right; margin: 0px 110px 0 0; height: 300px;}

#logos img{ height: 300px; width: 121px;}

/* @group gallery */

#gallerycontrol { float: left; margin: 0px 95px 100px 70px; width: 435px; height: 65px;}

#seasonsgallerycontrol { float: left; margin: 0px 0 0 5px; width: 435px; height: 55px;}

#christmasgallerycontrol { float: left; margin: 15px 0 0 5px; width: 435px; height: 55px;}

#homegallery { float: right; margin: -190px 100px 10px 0; width: 155px; height: 300px; position: relative;}

#homegallery #centre-home-gallery{ height: 145px;}

/*
#homegallery img.homepage { top:auto; position: relative; bottom: 0px;}
*/

#homegallery img.homepage{ vertical-align: bottom;}


#seasonsgallery { position: relative; float: left; margin: 15px 0 0 40px; text-align:center; height: 300px; /* if this height is changed it must be changed in the showpics function and in page load of genericproductspage.tpl */
 width: 280px;}

#seasonsgallery-nolinks { position: relative; float: left; margin: 15px 0 0 40px; text-align:center; height: 300px; /* if this height is changed it must be changed in the showpics function and in page load of genericproductspage.tpl */
 width: 330px;}

#seasonsgallery #nolinks{ position: relative; float: left; width:40px; height: 300px
}



#centre-seasons-gallery { /*height: 50px;*/
}
/*
#seasonsgallery img{ position: absolute; top: 50%;}
*/

/*
#seasonsgallery img { top: 50%; height: 200px;
 position: absolute;}
*/

#christmasgallery { position: absolute; float: left; margin: 15px 0 0 5px; width: 435px; height: 240px; vertical-align:middle; 
}

.leftarrow { float: left; display: block; margin: 10px 0 0 0; width: 30px; height: 30px; background-image: url(../images/layout/leftarrow.jpg);}

.leftarrow:active { background-image: url(../images/layout/leftarrow.jpg);}

.rightarrow { float: right; display: block; margin: 10px 0 0 0; width: 30px; height: 30px; background-image: url(../images/layout/rightarrow.jpg);}

.rightarrow:active { background-image: url(../images/layout/rightarrow.jpg);}

.lefttext { font-size: 10px; color: #a1589f; float: left; display: block; margin: 0 0 0 0; width: 30px; height: 30px;}

.righttext{ font-size: 10px; color: #a1589f; float: right; display: block; margin: 0 0 0 0; width: 30px; height: 30px;}

#not-actual-size-text { display: inline; font-size: 10px; color: #D3AAD4; margin: 0 250px 0 0px; width: 435px; height: 15px; float:left; text-align: center;}
/* PRODUCT CATEGORIES */

#productcategories { float: right; margin: 15px 70px 0 0; width: 400px; height: 300px;}

#productcategories ul { list-style: none;}

#productcategories ul li { float: left; /*margin: 0 50px 20px 0;*/
 margin: 0 0 15px 0; text-align: left;}


#productcategories ul li a { display: block;}

#productcategories ul li a img { border: 0px;}


/* ABOUT US PICS */

#about-us-pics { float: right; margin: 15px 70px 0 0; width: 400px;}

#about-us-pics ul { list-style: none;}

#about-us-pics ul li { float: left; margin: 0 50px 40px 0;}


#about-us-pics ul li a { display: block; width: 120px; height: 77px; background-image: url(../images/dobber2.jpg);}

#about-large-pic { margin: 15px 0 0 250px; height: 290px; float:left; text-align:left; width: 400px;}

#about-large-pic img { height: 290px;}

#about-large-pic h4{ color: #a1589f; font-size:12px; text-align: left; margin: 0 0 10px 0; 
}

#about_image_buttons{ float: left; margin: 0 0 0 0; width: 400px; height: 35px;}

#about_image_text{ float: left; margin: 5px 0 0 0; width: 400px; height: 20px; font-size: 8px;}

#close-pics{ margin:15px 155px 0 0; height: 315px; vertical-align: baseline; width: 80px; float: right;}

#close-pics div{ vertical-align: baseline; height: 290px;}

#close-pics  a{ vertical-align: baseline; font-size:12px; color: #a1589f;}


/*
#about-us-pics ul li a.birthdays { background-image: url(../images/birthdays.jpg);}
#about-us-pics ul li a:hover.birthdays { background-image: url(../images/birthdays-dark.jpg);}

#about-us-pics ul li a.weddings { background-image: url(../images/weddings.jpg);}
#about-us-pics ul li a:hover.weddings { background-image: url(../images/weddings-dark.jpg);}

#about-us-pics ul li a.edible { background-image: url(../images/edible.jpg);}
#about-us-pics ul li a:hover.edible { background-image: url(../images/edible-dark.jpg);}

#about-us-pics ul li a.photocake { background-image: url(../images/photocake.jpg);}
#about-us-pics ul li a:hover.photocake { background-image: url(../images/photocake-dark.jpg);}

#about-us-pics ul li a.seasons { background-image: url(../images/seasons.jpg);}
#about-us-pics ul li a:hover.seasons { background-image: url(../images/seasons-dark.jpg);}

#about-us-pics ul li a.christmas { background-image: url(../images/christmas.jpg);}
#about-us-pics ul li a:hover.christmas { background-image: url(../images/christmas-dark.jpg);}

#about-us-pics ul li a.equipment { background-image: url(../images/equipment.jpg);}
#about-us-pics ul li a:hover.equipment { background-image: url(../images/equipment-dark.jpg);}
*/

/* @end */ 

/* CONTACT US */

#contact-us-main p { color:#A1589F; }

#contact-us-main { float: left; margin: 15px 0 0 120px; width: 275px; text-align: left; overflow: hidden; font-weight: normal;}

#contact-us-main div.input{ text-align: right;}

#contact-us-main div.input2{ float: left;}

#contact-us-main p { font-size: 11px; margin: 0 0 2px 0;}

#contact-us-main h4 { color: #a1589f; font-size:12px; text-align: left; margin: 0 0 2px 0; font-weight: normal;}

#contact-us-main div.labelset{ font-size: 12px; margin: 0 0 4px 0; color: #a1589f;}
/*  Contact us pics */
#contact-us-pics { float: right; margin: 0 70px 0 0; width: 430px;}

#contact-us-pics ul { list-style: none; border-radius:0px; border-left:none; border-right:none; border-top:none;}

#contact-us-pics .ui-tabs-panel { 
 border-bottom:2px #9E4796 solid; border-right:2px #9E4796 solid; border-left:2px #9E4796 solid; height:276px;}

#contact-us-pics ul li { float: left; margin: 0 -8px 0 0;}

#contact-us-pics ul li .tab-sub-title { font-size:9px; font-style:italic;}

#contact-us-pics .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { z-index:4; 
}
.ui-state-default, .ui-state-default, .ui-state-default { z-index:2; 
}

.contact-tabbed .scroll-content { width:378px; height:275px;}

/*
body.contact-tabbed #contact-us-pics ul li.culpitt { z-index:1;}
body.contact-tabbed #contact-us-pics ul li.sugar { z-index:2;}
body.contact-tabbed #contact-us-pics ul li.export { z-index:3;}*/

body.contact-tabbed #contact-us-pics ul li a { display: block; width: 135px; height: 40px; padding:5px 0 0 0; background-image: url(../images/dobber2.jpg); background-repeat: no-repeat;}

#contact-us-pics ul li a { display: block; width: 200px; height: 82px; padding:5px 0 0 0; background-image: url(../images/dobber2.jpg); background-repeat: no-repeat;}

#contact-us-pics .person { display:block; float:left; width:189px; height:95px; background:no-repeat;}

#contact-us-pics #title { float:left; margin: 15px 0 20px 0; font-size:10px; color: #D3AAD4; display: block; width: 410px; background-image: url(../images/dobber2.jpg); text-align: left;}

#contact-us-main .button{ font-size: 12px; color: #a1589f;}

#contact-us-main .orderForm{ float:left; font-size: 12px; color: #a1589f;}

#contact-us-main .orderForm .text{ position: relative; float: left; width: 210px; font-size: 12px; color: #a1589f;}

#contact-us-main .orderForm .submitButton{ position: relative; float: left; width: 10px; height: 30px; text-align: right; padding: 10px 0 0 0;}


#contact-us-main .orderForm .orderButton{ position: relative; float: left; width: 10px; text-align: right; margin: -4px 0 0 0;}

#contact-us-main .contactFromAbroad{ font-size:9px; color:#D3AAD4;}

#contact-us-pics .ui-tabs-nav { padding-left:0px; }


#scroll-pane { float:left; overflow:auto; width:385px; height:275px;position:relative;display:inline}
#scroll-content { position:absolute;top:0;left:0}
.scroll-content-item { background-color:#9E4796; color:#003366;width:100px;height:100px;float:left;margin:10px;font-size:3em;line-height:96px;text-align:center;border:1px solid gray;display:inline;}
#slider-wrap{ float:left; width:5px; border:1px solid gray; }
#slider-vertical{ position:relative; height:100%; }
.ui-slider-handle{ width:5px; height:10px; margin:0 auto; background-color:darkgray; display:block; position:absolute; }
#culpitt-tab .ui-slider-handle { width:5px; height:20px; border:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background:none; background-color:#D3AAD4; }
#culpitt-tab .ui-widget-content { border:0px solid #D3AAD4; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
#culpitt-tab .ui-state-hover, #culpitt-tab .ui-state-active, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:0px; }


/* Existing customers contact pics */
#order-contact-pics { float: right; margin: 0 70px 0 0; width: 430px;}

#order-contact-pics ul { position: relative; display: block; float: left; width: 200px; list-style: none; margin: 0 10px 0 0;}

#order-contact-pics ul li { float: left; margin: 20px 50px px 0;}


#order-contact-pics ul li a { display: block; margin: 0 10px 20px 0; width: 220px; height: 67px; background-image: url(../images/dobber2.jpg); background-repeat: no-repeat;}

#order-contact-pics #title { float:left; margin: 15px 0 20px 0; font-size:10px; color: #D3AAD4; display: block; width: 410px; background-image: url(../images/dobber2.jpg); text-align: left;}
/* END OF CONTACT US */

/* NEWS */

#news-article{ margin: 0 0 10px 0; width: 210px;}

#news-article img{ width: 120px; height: 77px;}

#news-article h2{ margin: 0 5px 0 0; font-size: 14px; font-weight: 100; color: #a1589f; font-weight: bold;}

#news-article div{ font-size: 10px; color: #666666;}

#news-article #maincopy{ font-size: 12px; height: 100px; color: #666666;}

#main-news-article { text-align:left; float: right; margin: 15px 70px 0 0; width: 400px;}

#main-news-article #main-news-image-wrapper { height: 250px;}

#main-news-article h1{ margin: 10px 0 0 0; font-size: 16px; font-weight: 100; color: #a1589f; font-weight: bold;}

#main-news-article div{ font-size: 12px; color: #666666;}

.newsLink{ text-decoration: none; color: #a1589f;}


/* NEWS END */

#button { float: left; margin: 0 0 0 118px; width: 150px; height: 60px; clear: left;}

#button a { display: block; width: 150px; height: 60px; text-decoration: none;}

#button a.PnS { display: block; width: 150px; height: 60px; text-decoration: none;}

#button a:hover.PnS { display: block; width: 150px; height: 60px; background-image: url(../images/PnS-dark.jpg); text-decoration: none;}



/* @group #news */

#news { float: right; margin: 5px 95px 0 0; width: 190px; height: 110px; text-align: left;}

#date { float: left; border-bottom: 1px solid #cec3bb;}

#date h1 { float: left; display: inline; font-size: 13px; font-weight: 100; color: #a1589f;}

#date span { float: right; margin: 3px 0 0 10px; text-align: right; font-size: 10px; color: #666666;}

.newsitem { float: left; display: block; margin: 10px 0 0 0; width: 155px; /*border-bottom: 1px solid #666666;*/ }

.newsitem p { padding: 0 0 10px 0; font-size: 10px; color: #666666;}

.newsitem p a { text-decoration: none; color: #666666;}

.newsitem p a:hover { text-decoration: none; color: #a1589f;}

#morenews { float: left; display: block; width: 155px; height: 15px; text-align: right;}

#morenews a { display: block; font-size: 10px; text-decoration: none; color: #a1589f;}

#morenews a:hover { text-decoration: underline;}

#lessnews { float: left; display: block; width: 155px; height: 15px; text-align: right;}

#lessnews a { display: block; font-size: 10px; text-decoration: none; color: #a1589f;}

#lessnews a:hover { text-decoration: underline;}



/* @end */


#header { float: left; margin: 0 0 0 120px; width: 600px; height: 20px; text-align: left;}

#header h1 { float: left; margin: 0 5px 0 0; font-size: 18px; font-weight: 100; color: #a1589f;}

#headerDetail { float: left; margin: 0 0 0 196px; width: 507px; height: 20px; text-align: left; border-bottom: 1px solid #cec3bb;}

#headerDetail h1 { float: left; margin: 0 5px 0 0; font-size: 18px; font-weight: 100; color: #a1589f;}

/* @group main */

#main { float: left; margin: 0 0 0 0; width: 450px; text-align: left;}

#main-large { float: left; margin: 0 0 0 0; width: 600px; text-align: left;}

#seasonsmain { float: left; margin: 0 0 0 0; width: 210px; text-align: left; overflow: hidden;}

/* this is to fix the height, because fixing the height on seasonsmain breaks the more / back button. */
#fix-height{ height: 360px; width: 210px; margin: 15px 0 0 120px; float: left;}

#fix-main-size{ float: left; margin: 15px 0 0 120px; width: 450px; height: 280px; text-align: left;}

#fix-main-large-size{ float: left; margin: 15px 0 0 120px; width: 600px; height: 360px; text-align: left;}

#fix-more-back-pos{ height: 345px; width: 100%;}

#fix-main-more-back-pos{ height: 260px; width: 100%;}


/* @end */

#productsmain { float: left; margin: 15px 0 0 120px; width: 160px; height: 300px; text-align: left; overflow: hidden;}

#main p.first, #seasonsmain p.first, #main-large p.first { margin: 0 0 20px 0; font-size: 13px; line-height: 16px; color: #666666;}

#main p, #seasonsmain p { margin: 0 0 10px 0; font-size: 11px; line-height: 17px; color: #666666;}

#main a, #seasonsmain a { text-decoration: none; color: #000000;}

#main a:hover, #seasonsmain a:hover { text-decoration: underline;}

#header a{ text-decoration: none; color: #a1589f;}




/* @end */

#more_back_nav{ clear: both; margin: 0 0 0 0px; width: 210px; height: 15px; text-align: right; float:left;
}

#more_back_nav_right{ margin: 0px 0 0 0px; width: 210px; height: 15px; text-align: right; float:right;}

#more_back_nav_large{ clear: both; margin: 0 0 0 120px; width: 600px; height: 15px; text-align: right; float:left; vertical-align: bottom;}

#more { margin: 0 0 0 5px; text-align: right; 
 float:right;}

#back{ margin: 0 0 0 0; text-align: right; float: right;}

#prevPage{ text-align: left; float: left;}

#back a { display: block; font-size: 10px; text-decoration: none; color: #a1589f; margin: 0 0 0 2px;}
/*
#more { clear: both; margin: 5px 0 0 120px; width: 210px; height: 15px; text-align: right; float:left; background-color:#00FF33;}
*/
#more a { display: block; font-size: 10px; text-decoration: none; color: #a1589f;}

#prevPage a { display: block; font-size: 10px; text-decoration: none; color: #a1589f;}


/* @group #chooser */

#chooser { float: left; margin: 0 0 27px 0; width: 600px; height: 55px;}

#chooser ul { list-style: none;}

#chooser ul li { float: left; margin: 0;}

#chooser ul li a { display: block; margin: 0 15px 0 0; width: 50px; height: 55px; text-decoration: none;}

#chooser ul li a img { border: 0;}



/* @end */

/* @group #footer */

#footer { float: left; width: 910px; height: 78px; background-image: url(../images/layout/footer.jpg); background-position:center; background-repeat: no-repeat;}

#footer address, #footer p, #footer a { padding: 15px 0 0 0; font-style: normal; font-size: 10px; font-weight: 100; line-height: 16px; color: #cbb2d1;}

#footer p { padding: 0;}

#footer a { text-decoration: none;}

#footer address a { color: #fff; text-decoration: none;}

/* @end */