/***** Reset Styles *****/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }

strong { font-weight: bold; }
em { font-style: italic; }
a img { border: none; }

/***** Base Styles *****/
html { background: #DEE2E4; }
body { background: #DEE2E4; color: #111; font: 62%/1.8em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; }

table, td, input, textarea, select, li { color: #222; font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }

#skip, .hidden, hr { display: none; }

a:link, a:visited, a:active { color: #4B5870; text-decoration: none; }
a:hover { color: #111; }

img { border: none; }

/***** Typography *****/
p, h1, h2, h3, h4, h5, h6 { margin: 1em 0; }

h2 { clear: both; color: #4A5568; font: normal 20px Georgia, "Times New Roman", Times, serif; }
h2#pageTitle { font: normal 20px Georgia, "Times New Roman", Times, serif; margin: 0 0 15px; padding: 0; }
h2#pageTitle span { color: #aaa; }

/*
h2 { clear: both; color: #4A5568; font-size: 1.4em; font-weight: bold; }
h2#pageTitle { background: #9D4539 url(../graphics/celtica/header.gif) repeat-x; color: #FFFFFF; font: bold 18px Georgia, "Times New Roman", Times, serif; margin: 20px 0 0; padding: 15px; }
h2#pageTitle span { color: #aaa; }
*/

h3 { clear: both; font-size: 1.2em; font-weight: bold; }
h4, h5 { font-size: 1em; font-weight: bold; text-transform: uppercase; }

/***** Messages *****/
.message { background: #f2f2f2; font-size: 1em; margin: 0 0 1em 0; padding: .5em 10px; }
.message.positive { background: #0f0; }
.message.negative { background: #f7e1e1; }
.note { background: #f3f3f3; font-size: 1em; margin: 0 0 1em 0; padding: .5em 10px; }
.warning { background: #f7e1e1; font-size: 1em; padding: .5em 10px; }
.highlight { font-size: 1.4em; }
address { font-style: normal; margin: 1em 0; }

/***** Container *****/
#container { background: #DEE2E4; margin: 0 auto; position: relative; text-align: left; width: 100%; }

/***** Header *****/
#header { background: #FFFFFF; border-top: 3.2em solid #4B5870; font-size: 1.1em; height: 125px; width: 100%; }
#header .inner { margin: 0 auto; position: relative; width: 980px; }

h1#logo { background: url(../graphics/celtica/logo.gif) no-repeat; height: 43px; margin: 25px 0 0 30px; padding: 0; width: 156px; }
h1#logo a { color: #566279; display: block; height: 43px; outline: none; overflow: hidden; text-indent: -9999px; width: 156px; }

#tagline { border: none; color: #566279; font: normal 14px Georgia, "Times New Roman", Times, serif; margin: -20px 30px 0 0; padding: 0; float: right; }

#info { color: #fff; font-weight: normal; height: 3.2em; line-height: 3.2em; margin: 0; padding: 0; position: absolute; right: 20px; text-align: right; top: -60px; width: 300px; z-index: 10; }
#info a { color: #FFFFFF; }
#info a:hover { color: #fff; text-decoration: underline; }
#basket { display: inline; height: 3.2em; line-height: 3.2em; }

/***** Middle *****/
#mid { background: #FFFFFF; margin: 0 auto; padding-top: 35px; padding-bottom: 1.5em; position: relative; width: 960px; }

/***** Breadcrumbs *****/
#breadcrumbs { color: #8B929F; font-size: 1.1em; padding: 0px; margin: 20px 0 5px 0; }
#breadcrumbs a { color: #4A5568; }
#breadcrumbs a:hover { color: #4A5568; text-decoration: underline; }

/***** Sidebar *****/
#sidebar { float: left; font-size: 1.1em; display: inline; margin-right: 0px; margin-bottom: 1em; width: 230px; }

/***** Search *****/
#searchTitle, #shopbyBrandTitle, .navStaticTitle, #newsletterTitle, #recentlyViewedTitle { background: #f2f2f2; color: #68557B; border-right: 10px solid #B1A9CF; font: 1.3em Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 20px 0 10px; padding: 10px 10px; }
.navStaticTitle, #recentlyViewedTitle { margin: 20px 0 0; }
#newsletterTitle { margin: 10px 0; }

#search { margin: 0; padding: 0 10px; }
#search label { display: none; }
#searchKeyword { background: #fff; border: 1px solid #B1A9CF; color: #4A5568; float: left; margin: 0; padding: 4px; width: 160px; }
#adv { border: 1px solid #B1A9CF; color: #4A5568; float: left; margin: 1em 0 0 0; padding: 3px 4px; width: 170px; }
#searchSubmit { background: #B1A9CF; border: 0; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #fff; float: right; height: 2.2em; line-height: 2.2em; margin: 2px 0 0 0; overflow: hidden; padding: 0 4px 1px; text-transform: uppercase; }
#searchSubmit:hover { background: #958EAF; cursor: pointer; }


/***** Shop by Brand *****/
#brand { padding: 0 10px; }
#shopByBrand { border: 1px solid #B1A9CF; color: #4A5568; float: left;	 padding: 3px 4px; width: 170px; }
#brandSubmit { background: #B1A9CF; border: 0; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #fff; float: right; height: 2.2em; line-height: 2.2em; margin: 0; overflow: hidden; padding: 0 4px 1px 4px; text-transform: uppercase; }
#brandSubmit:hover { background: #958EAF; cursor: pointer; }




/***** Top-Level Navigation *****/
#navDeptTitle { display: none; }
#navDept, #navDept li { list-style: none; margin: 0; padding: 0; }

#navDept { background: #AFAACE url(../graphics/celtica/navigation.gif) repeat-x; left: 0; position: absolute; top: -25px; width: 960px; border-left: 1px solid #8A7EB7; border-bottom: 10px solid #A099C4; }
#navDept li { display: block; float: left; height: 50px; margin: 0; position: relative; border-left: 1px solid #D5D0E5; border-right: 1px solid #8A7EB7; }

#navDept li a { background: #AFAACE url(../graphics/celtica/navigation.gif) repeat-x; color: #FFFFFF; display: block; float: left; font: 13px Georgia, "Times New Roman", Times, serif; line-height: 1em; display: block; padding: 17px 18px 20px; }
#navDept li a:hover { background: #A099C4; color: #FFFFFF; }
#navDept li a.selected { background: #A099C4; color: #FFFFFF; }
#navDept li a:hover.selected { background: #A099C4; color: #FFFFFF; }



/***** Drop-Down Navigation *****/
.navSub, .navSub li { list-style: none; margin: 0; padding: 0; }
.navSub { display: none; position: relative; z-index: 9999; }
#navDept li:hover .navSub { display: block; float: none; left: 0; top: 50px; position: absolute; width: 190px; border-bottom: 4px solid #8A7EB7; }
#navDept li:hover .navSub li { clear: left; display: block; float: none; position: relative; border-top: 1px solid #D5D0E5; border-bottom: 1px solid #8A7EB7; height: 30px; }
#navDept li:hover .navSub li a { background: #AFAACE; border-top: 0; display: block; width: 170px; padding: 7px 9px 10px; }
#navDept li .navSub a.selected { color: #cbd7e2; }
#navDept li:hover .navSub li a:hover { background: #9F98C5; color: #fff; }
#navDept li:hover .navSub li .navSub { display: none; position: relative; }
#navDept li:hover .navSub li:hover .navSub { display: block; float: none; top: 0; left: 182px; position: absolute; width: auto; }
#navDept li:hover .navSub li:hover .navSub li .navSub { display: none; position: relative; }
#navDept li:hover .navSub li:hover .navSub li:hover .navSub { display: block; float: none; top: 0; left: 182px; position: absolute; width: auto; }



/* customer tools */

#navToolsTitle { display: none; } #navTools, #navTools li { margin: 0; padding: 0; list-style: none; } #navTools { left: 0; position: absolute; top: -150px; width: 720px; } #navTools li { float: left; margin-right: 2em; } #navTools li a { color: #ffffff; font-weight: bold; padding: .5em 0; } #navTools li a:hover, #navTools li a.selected { color: #fff; text-decoration: underline; } #navTools li a span {}

/***** Static Menu *****/
.navStatic, .navStatic li { list-style: none; margin: 0; padding: 0; }
.navStatic { margin-bottom: 10px; }
.navStatic li a, .navStatic li a:link, .navStatic li a:visited, .navStatic li a:active { color: #68557B; font: 1.3em Georgia, "Times New Roman", Times, serif; font-weight: normal; display: block; padding: 10px; width: 200px;	}
.navStatic li a:hover { background: #F8F8F8; border-right: 10px solid #F2F2F2; color: #4B5870; text-decoration: underline; }

/***** Newsletter Signup *****/
#newsletter { padding: 0 10px; }
#newsletter label { display: none; }
#newsletterEmail { background: #fff; border: 1px solid #B1A9CF; color: #4A5568; float: left; margin: 0; padding: 4px; width: 160px; } #newsletterSubmit { background: #B1A9CF; border: 0; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #fff; float: right; height: 2.2em; line-height: 2.2em; margin: 2px 0 0; overflow: hidden; padding: 0 4px 1px 4px; text-transform: uppercase; }
#newsletterSubmit:hover { background: #958EAF; cursor: pointer; }

/* menu items */



#recentlyViewed, #recentlyViewed li { list-style: none; margin: 0; padding: 0; } #recentlyViewed { margin-bottom: 1em; } #recentlyViewed li a, #recentlyViewed li a:link, #recentlyViewed li a:visited, #recentlyViewed li a:active { background: url(../graphics/petrol/navStaticBg.gif) no-repeat 1em .9em; color: #777; display: block; width: 100%;	 } #recentlyViewed li a:hover { color: #111; } #recentlyViewed li a span { display: block; padding: .5em 10px .5em 2.4em; }

/* =MAIN ================================================= */

#main { float: right; display: inline; width: 700px; margin-right: 10px; }

/* =CONTENT ================================================= */
.innerDesc { color: #4A5568; padding: 0; }
.innerDesc p { font-size: 12px !important; line-height: 160%; margin: 0 0 15px; }

#content { margin: 1em 0; }
#content #contactDetails { background: #f2f2f2; float: right; margin-left: 20px; padding: 1em 15px; width: 320px; }
#content #contactDetails address { margin: 0; }
#content a { font-weight: bold; }
#content ul, #content ul li { list-style: none; margin: 0; padding: 0; }
#content ul {	 margin: 1em 0 2em 0; }
#content ul li { list-style: disc; margin: .5em 0 .5em 2em; }
p.buttonWrapper { height: 2em; line-height: 2em; margin: 1em 0; }
p.buttonWrapper a:link, p.buttonWrapper a:visited, p.buttonWrapper a:active { background: #B1A9CF; color: #fff; margin-right: .5em; padding: 6px 10px 5px; }
p.buttonWrapper a:hover { background: #958EAF; }

/* =SUBDEPARTMENTS ================================================= */
#navSubDept { color: #777; margin: 0; padding: 0 0 0 5px; position: relative; }
#navSubDept li { display: block; float: left; list-style: none; margin: 0 10px 10px 0; width: 220px; padding: 0; text-align: center; }
#navSubDept li a { color: #888; display: block; font-weight: normal; padding: 0; border-bottom: 10px solid #DEE2E4; text-align: center; }
#navSubDept li a:hover, #navSubDept li a.selected { color: #A099C4; border-bottom: 10px solid #AFAACE; }
#navSubDept li img { width: 220px; height: 220px; }

#navSubDept li strong { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; padding: 15px 0 0; height: 50px; line-height: 120%; font-weight: normal; text-align: center; width: 220px; }
#navSubDept li strong span { display: block; margin: 15px 15px 0; text-align: center; height: 50px; }

#secondPager { clear: both; margin: 20px 0 0; }

/* =FORMS ================================================= */

fieldset { border: none; margin: 0; padding: 0; } legend { clear: left; color: #222; display: block; font-size: 16px; font-weight: bold; line-height: 2em; } fieldset h3 { margin: 1em 0; } .formField { background: #fff; border: 1px solid #d9d9d9; padding: 4px; width: 170px; } select.formSelect { background: #fff; border: 1px solid #d9d9d9; padding: 3px 4px; width: 170px; } select.formSelectMedium { background: #fff; border: 1px solid #ccc; margin-right: 5px; padding: 3px 4px; width: 90px; } .formFieldShort { background: #fff; border: 1px solid #ccc; margin-right: 5px; padding: 4px; width: 50px; } .formFieldMedium { background: #fff; border: 1px solid #ccc; margin-right: 5px; padding: 4px; width: 90px; } h3 .formRadio { margin: -.2em .5em 0 0; } p .formRadio { margin: -.2em .5em 0 0; } .formButton { background: #B1A9CF; border: none; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #fff; height: 2.2em; line-height: 2.2em; overflow: hidden; padding: 2px 8px; } .formButton:hover { background: #958EAF; cursor: pointer; } label { margin: .5em 0; } label span { color: #a00; font-size: 110%; font-weight: bold; } input.formField:focus, input.formFieldShort:focus, input.formFieldMedium:focus, textarea:focus, .quantity:focus, .formField.comments:focus	{ background: #fff; border: 1px solid #aaa; } .formCheckbox, .formRadio { margin: 0; padding: 0; vertical-align: middle; } p .formCheckbox { margin: -.4em .5em 0 0; } p .formRadio { margin: -.4em .5em 0 0; }

/* content area forms (checkout, login, contact form etc.) */

#main label { display: block; } #main .formField, #main .formFieldMedium { margin: 0 0 .8em 0; width: 280px; } #main select.formSelect, #main select.formSelectMedium, #main select.formSelectShort { margin: 0 0 .8em 0; width: 280px; } #content .formField, #frmContact .formField { width: 310px; } #content .formFieldShort, #frmContact .formFieldShort { margin: .2em 0 1em 0; width: 50px; } #content select.formSelect, #frmContact select.formSelect { width: 228px; } #content select.formSelectMedium, #frmContact select.formSelectMedium { margin-right: .8em; width: 80px; } #content .formButton, #frmContact .formButton { float: left; margin-right: .5em; }

/* =TABLES ================================================= */

table { border-collapse: collapse; border: 1px solid #e5e5e5; border-bottom: 0; line-height: 150%; margin: .5em 0 1em 0; width: 100%; } th { background: #f3f3f3; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; padding: 5px; } tr { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } td { background: #f9f9f9; border-bottom: 1px solid #e5e5e5; padding: 5px; vertical-align: top; } table .price { color: #4B5870; font-size: 1em; font-weight: bold; } th.first, td.first { width: 25%; } td.qty { width: 100px; } th.remove { width: 75px; } th.product, th.attributes { width: 30% }

/* checkout form layout */

table.user, table.user tr, table.user td { background: none; border: none; padding: 0; } table.user { margin: 0; } table.user td { width: 50%; }	 /* =PAGINATION ================================================= */

.pagination { background: #f2f2f2; clear: both; color: #777; font-weight: bold; margin: -2em 0 1em 0; padding: .5em 10px .5em 5px; } .pagination p { margin: 0; } .pagination p.current { display: inline; float: right; line-height: 1em; margin: .5em 0; } .pagination p.summary { border-left: 1px solid #bbb; float: right; line-height: 1em; margin: .5em 0 .5em .6em; padding-left: .5em; } .pagination a, .pagination a:link, .pagination a:visited, .pagination a:active { color: #666; display: block; float: left; font-weight: bold; margin-right: 2px; padding: .1em 6px; } .pagination a:hover { color: #111; } .pagination a.selected { background: #fff; color: #111; } .pagination.end { margin-top: 0; }

/* =PRODUCT LISTS ================================================= */


/* product list */
.products, .products li { list-style: none; margin: 0; padding: 0; }
.products li { background: #F7F4ED; margin: 0 0 1em 0; padding: 1px 10px 0 170px; position: relative; }
.products li:hover { background: #F7F4ED; }

.products li h3 { background: none; clear: left; font: 16px Georgia, "Times New Roman", Times, serif; margin: 15px 65px 5px 0; }
.products li h3 a, .products li h3 a:link, .products li h3 a:visited, .products li h3 a:active { color: #4A5568; }
.products li h3 a:hover { color: #4e789d; }

.products .image { display: inline; float: left; margin: -32px 0 1em -160px; width: 146px; }
.products .image a img { background: #E2D7BA; padding: 2px; width: 140px; height: 140px; }
.products .image a:hover img { background: #E2D7BA; padding: 2px; }

.products .addWishlist, .products .addCompare { display: inline; margin: .5em 1em .5em 0; }
.products .desc { line-height: 1.5em; }
.products .rrp { color: #777; display: inline; font-size: 12px; font-weight: bold; }
.products .rrp span { color: #555; }
.products .onSale { background: #A099C4; display: inline; color: #fff; font: 14px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 1.5em 1em .5em 1em; position: absolute; top: -.5em; right: 10px; } .products .price { color: #222; font-size: 12px; font-weight: bold; } .products .quantity { clear: both; margin: -3em 0 1em 0; text-align: right; } .products .actions { float: right; margin: .5em 0; text-align: right; }

/* product grid */

.products.grid { margin-right: -10px; width: 710px; } .products.grid li { float: left; margin-right: 10px; padding: 1px 10px 5px 10px; width: 206px; overflow: hidden; } .products.grid .image { float: none; margin: 1em 0; } .products.grid .addWishlist, .products.grid .addCompare { border: 0; display: block; margin: .2em 0; padding: 0; } .products.grid .price { margin: .5em 0; } .products.grid .price span { display: block; margin: .5em 0; } .products.grid .actions { clear: both; float: none; margin: .5em 0; text-align: left; }

/* sort by options / attributes header */

#productSort h3 { clear: both; font-size: 1em; letter-spacing: 1px; margin: 1em 0 0 0; text-transform: uppercase; } #productSort h3 a { color: #999; height: 2.7em; line-height: 2.7em; padding: .8em 10px; } #productSort h3 a:hover { color: #555; } #productSort h3 a.selected { background: #f2f2f2; color: #111; } #productSort h3 a span { color: #777; letter-spacing: normal; text-transform: none; }

/* sort container */

#productSort #productSortOptions { background: #f2f2f2; margin: 0 0 1em 0; padding: .5em 10px; }

/* sort options */

#productSort #productSortOptions .sortBlock { float: left; margin-right: 10px; width: 140px; } #productSort #productSortOptions .sortBlock .formSelect { width: 140px; } #productSort #productSortOptions .formButton { float: right; margin-top: 2.6em; padding: 0 5px 1px 5px; }

/* sort by attributes */

#productSort h4 { margin: .8em 0 0 0; text-transform: none; } #productSort #productSortOptions dl, #productSort #productSortOptions dl dt, #productSort #productSortOptions dl dd { margin: 0; padding: 0; } #productSort #productSortOptions dl { margin: .5em 0; padding-left: 150px; position: relative; } #productSort #productSortOptions dl dt { clear: left; color: #555; float: left; font-weight: bold; margin-left: -150px; width: 140px; } #productSort #productSortOptions dl dd { color: #888; float: left; margin-right: 1em; }

/* =PRODUCT DETAILS ================================================= */

/* product details */

#product { margin: 1em 0; }

/* image gallery */

#hideGalleryInput { display: none; } #product .image {	 float: left; margin: 0 0 1em 0; } #product .image p { margin: 1em 0; } #product .image ul, #product .image ul li { list-style: none; margin: 0; padding: 0; } #product .image ul { width: 370px; } #product .image ul li { display: inline; } #product .image ul li { margin: 0 3px 0 0; } #product .image ul li a img { border: 1px solid #eee; padding: 2px; } #product .image ul li a:hover img { border: 1px solid #ddd; padding: 2px; }

/* product price & options */

#product .info { background: #f2f2f2; float: right; margin: 0 0 1em 0; padding: 1px 10px 10px 10px; position: relative; width: 278px; } #product .info .onSale { background: #c00; display: inline; color: #fff; font-weight: bold; margin: 0; padding: 1.5em 1em .5em 1em; position: absolute; top: -.5em; right: 10px; } #product .info .price { color: #111; font-size: 1.4em; line-height: 1.4em; margin: 1em 0 .5em 0; } #product .info .price span { color: #aaa; display: block; } #product .info .rrp { color: #777; font-size: 12px; font-weight: bold; } #product .info h3 { line-height: 2em; margin-bottom: -.5em; } #product .info label { float: left; margin: 5px .5em 0 0; } #product .info .formField { width: 270px; } #product .info .formButton { margin: .2em 0 0 0; } #product .info .formFieldShort, #product .info .formButton { float: left; margin-right: 1em; } #product .info #addWishlist, #product .info #addComparison { margin: .5em 0; } #product .actions { clear: both; }

/* =ARTICLES ================================================= */

#articles ul, #articles li { list-style: none; margin: 0; padding: 0; } #articles ul { margin: 1em 0; } #articles ul li { list-style: none; margin: 1em 0 .5em 0; } #articles ul li a { color: #666; font-weight: bold; padding-top: .2em; } #articles ul li a:hover { color: #111; } #pageAuthor { background: #f2f2f2; padding: .5em 10px; }

/* =REVIEWS ================================================= */

/* star ratings */

.review { background: url(../graphics/petrol/ratings.gif) no-repeat 0 0; display: block; height: 12px; line-height: 12px; margin: 1em 0; padding-left: 80px; } p.rating0 { background-position: 0 0; } p.rating1 { background-position: 0 -12px; } p.rating2 { background-position: 0 -24px; } p.rating3 { background-position: 0 -36px; } p.rating4 { background-position: 0 -48px; } p.rating5 { background-position: 0 -60px; } p.rating6 { background-position: 0 -72px; } p.rating7 { background-position: 0 -84px; } p.rating8 { background-position: 0 -96px; } p.rating9 { background-position: 0 -108px; } p.rating10 { background-position: 0 -120px; }

/* product reviews */

#reviews { background: #f2f2f2; clear: both; margin: 1em 0; padding: 1px 10px; position: relative; } #reviews h3 { margin-bottom: 0; margin-right: 160px; } #reviews .review { float: right; margin-bottom: -1.3em; } p.reviewAuthor { float: right; margin-top: 0; } .reviewDate { border-bottom: 1px solid #ddd; margin-bottom: 1em; padding-bottom: .5em; }

/* review form */

dl#reviewForm, dl#reviewForm dt, dl#reviewForm dd { margin: 0; padding: 0; } dl#reviewForm dt { margin: .5em 0 .2em 0; }

/* =SEARCH RESULTS ================================================= */

#searchResults, #searchResults li { list-style: none; margin: 0; padding: 0; } #searchResults { margin: 1em 0; } #searchResults li { list-style: decimal; margin: 1em 0 1em 2.5em; } #searchResults h3 {} #searchResults p { margin-top: -1em; } #searchResults span { background: #ccc; color: #fff; font-size: .9em; font-weight: normal; margin-left: .5em; padding: .2em .5em .15em .5em; }

/* =MISC ================================================= */

/* site map */

#sitemap, #sitemap ul, #sitemap li { list-style: none;		 margin: 0; padding: 0; } #sitemap { margin: 1em 0; } #sitemap li { margin: .5em 0; } #sitemap li h3 { margin: .2em 0; } #sitemap ul { padding-left: 20px; }

/* shopping cart & checkout */

.module1 { float: left; margin: 1em 0; width: 340px; display: inline; } .module2 { float: right; margin: 1em 0; width: 340px; display: inline; } .module1 *:first-child, .module2 *:first-child { margin-top: 0; } #cartContents td.productDetails { padding-left: 80px; } .cartProductImage { display: inline; float: left; margin: 0 0 0 -75px; } .cartProductImage a img { background: #fff; border: 1px solid #d5d5d5; padding: 2px; width: 60px; } .cartProductImage a:hover img { background: #eee; border: 1px solid #d5d5d5; padding: 2px; } a.removeItem { background: url(../graphics/petrol/removeItem.gif) no-repeat 0 50%; height: 16px; padding-left: 20px; } #acceptedCards { margin: 1em 0; } #acceptedCards img { margin-right: .5em; }

/* cart totals */

#total { clear: both; margin: 1em 0 0 0; padding: 0; font-size: 110%; } #total dt { border-bottom: 1px solid #ddd; font-weight: bold; line-height: 2.5em; } #total dd { line-height: 2.5em; margin-top: -2.6em; text-align: right; } #total .total { font-size: 1.2em; } .actions { clear: both; margin: 1em 0; } #cv2Image { float: left; margin: -.2em 0 0 1em; }

/* checkout summary */

#checkout dl.cartSummary, #checkout dl.cartSummary dt, #checkout dl.cartSummary dd { margin: 0; padding: 0; } #checkout dl.cartSummary dt { clear: left; float: left; margin: 0; width: 40%; } #checkout dl.cartSummary dd { float: left; margin: 0; width: 59%; } .addGiftWrap { float: left; margin: -.5em 0 0 0; } .paymentGateway { background: #fff; border: 1px solid #ddd; float: left; display: block; margin: -.5em 1em 1em 0; padding: 3px; }

/***** Footer *****/
#footer { background: #F2EDE1; border-bottom: 5px solid #E2D7BA; border-top: 1px solid #E2D7BA; clear: both; color: #4A5568; font-size: 1.2em; font-weight: bold; padding: 0; margin: 0 auto; width: 960px; }
#footer .inner { background: #F2EDE1 url(../graphics/celtica/footer.gif) no-repeat; border-top: 1px solid #FFFFFF; padding: 10px 20px 20px; width: 920px; }
#footer p { margin-bottom: 0; }
#footer ul, #footer li { list-style: none; margin: 0; padding: 0; }
#footer ul { margin: 1em 0; }
#footer li { border-left: 1px solid #333; display: inline; margin-left: .4em; padding-left: .8em; }
#footer li.first { border: 0; margin-left: 0; padding-left: 0; }
#footer li.twitter { background: url(../images/twitter.gif) no-repeat 10px 3px; padding-left: 30px; }
#footer a { color: #4A5568; }
#footer a:hover { color: #9F98C5; text-decoration: underline; }
#footer #credits { font-weight: normal; }

/* =FLOAT FIX ================================================= */

.inner:after, #content:after, .products:after, .products li:after, .pagination:after, #product:after, #total:after, .module1:after, .module2:after, #search:after, #advancedSearch:after, #brand:after, #newsletter:after, #navSubDept:after, #navSubDept li:after, #productSortOptions:after, dl:after, dl dt:after, dl dd:after, form:after, .billShipBlock:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .inner, #content, .products, .products li, .pagination, #product, #total, .module1, .module2, #search, #advancedSearch, #brand, #newsletter, #navSubDept, #navSubDept li, #productSortOptions, dl, dl dt, dl dd, form, .billShipBlock { display: inline-block; }

/* Hide from IE Mac \*/

.inner, #content, .products, .products li, .pagination, #product, #total, .module1, .module2, #search, #advancedSearch, #brand, #newsletter, #navSubDept, #navSubDept li, #productSortOptions, dl, dl dt, dl dd, form, .billShipBlock { display: block; }

/* End hide from IE Mac */






/******CUSTOM CSS********/

#frontPage .inner { margin: 20px 0 0 20px; width: 550px; float: left; }
#contentPage #contentCol { margin: 0 0 0 20px; width: 450px; float: left; }
#contentPage #contentCol ul { margin: 0 20px 5px; }
#contentPage #contentCol li { margin: 0 20px 5px; list-style: square; font-size: 12px; color: #505568; }


#contentPage #contentCol table { margin: 0 0 15px 0; padding: 0; background: #F2EDE1; border-top: #E2D7BA 1px solid; border-bottom: #FFFFFF 1px solid; border-right: none; border-left: none; font-size: 11px; }
#contentPage #contentCol summary, #contentPage #contentCol caption, #contentPage #contentCol thead, #contentPage #contentCol tfoot { display: none; }
#contentPage #contentCol tbody tr { padding: 0; margin: 0; }
#contentPage #contentCol tbody td { padding: 10px; border-top: #FFFFFF 1px solid; border-bottom: #E2D7BA 1px solid; border-right: none; border-left: none; margin: 0; }
#contentPage #contentCol .rightPrice { text-align: center; }
#contentPage #contentCol .oddRow { background: #ECE4D2; }


#contentPage #rightCol { width: 240px; float: right; }

#contactLeft { width: 420px; float: left; }
#contactLeft p { padding: 0; margin: 0 0 15px; font-size: 1.2em; line-height: 160%; color: #4A556D; }

#frmContact { clear: both; }

#contentPage #rightCol h3.navStaticTitle { color: #68557B; font: 1.4em Georgia, "Times New Roman", Times, serif !important; font-weight: normal; display: block; padding: 11px 10px 10px !important; border-right: none; border-left: 10px solid #B1A9CF;	}

#contentPage #rightCol .niceSubNav, #contentPage #rightCol .niceSubNav li { list-style: none; margin: 0; padding: 0; }
#contentPage #rightCol .niceSubNav { margin-bottom: 10px; }
#contentPage #rightCol .niceSubNav li a, #contentPage #rightCol .niceSubNav li a:link, #contentPage #rightCol .niceSubNav li a:visited, #contentPage #rightCol .niceSubNav li a:active { color: #68557B; font: 1.3em Georgia, "Times New Roman", Times, serif; font-weight: normal; display: block; padding: 10px 10px 10px 20px;	}
#contentPage #rightCol .niceSubNav li a:hover { background: #F8F8F8; border-left: 10px solid #F2F2F2; color: #4B5870; padding: 10px; text-decoration: underline; }

legend { font: 16px Georgia, "Times New Roman", Times, serif; color: #4A556D; margin: 0 0 15px; }

#contentPage #rightCol .rightProducts, #contentPage #rightCol .rightProducts li { list-style: none; margin: 0; padding: 0; }
#contentPage #rightCol .rightProducts li { margin-top: 1px; border-left: 10px solid #F2F2F2; background: #F8F8F8; padding: 10px 10px 10px 10px; min-height: 70px; height: auto !important; height: 70px; }
#contentPage #rightCol .rightProducts li span.image img { width: 70px; height: 70px; float: left; margin: 0 10px 10px 0; } 
#contentPage #rightCol .rightProducts li p { margin: 0; font: 1.3em/140% Georgia, "Times New Roman", Times, serif; font-weight: normal; }
#contentPage #rightCol .rightProducts li a, #contentPage #rightCol .rightProducts li a:link, #contentPage #rightCol .rightProducts li a:visited, #contentPage #rightCol .rightProducts li a:active { color: #68557B; }
#contentPage #rightCol .rightProducts li a:hover { color: #4B5870; text-decoration: underline; }



#contentContact { float: right; background: #F2F2F2; border-left: 10px solid #B1A9CF; width: 210px; padding: 15px 15px 0; }
#contentContact p { padding: 0; margin: 0 0 15px; font-size: 1.2em; line-height: 160%; color: #4A556D; }


img.bodyimgborder { padding: 0 0 5px 0; border-bottom: 5px solid #A099C4; float: right; margin: 0 0 5px 15px; }

#apology { background: #F2EDE1 url(../graphics/celtica/footer.gif) top left no-repeat; border-left: 5px solid #E2D7BA; color: #4A5568; font-size: 1.2em; padding: 5px 20px 10px 20px; margin: 20px 20px 20px 0; width: 300px; float: right; }

/*** 4 Col Navigation Styles ***/
#fourcolnav { height: 293px; background: url(../graphics/celtica/4colbox.gif) no-repeat  0 193px; list-style: none; position: relative; width: 960px; overflow: hidden; margin: 0 0 0 0; clear: both; }
#fourcolnav li { list-style: none; margin: 0; display: inline; position: absolute; text-align: center; padding: 0;  }
#fourcolnav a { display: block; height: 293px; color: #FFFFFF; text-decoration: none; font: 16px Georgia, "Times New Roman", Times, serif; }
#fourcolnav span { display: block; padding: 258px 0 0 0; height: 50px; cursor: pointer; }


#fourcollargeimg { left: 0; width: 729px; height: 293px; }
#fourcol1 {left: 0; width: 240px;  }
#fourcol2 {left: 240px; width: 240px; }
#fourcol3 {left: 480px; width: 240px; }
#fourcol4 {left: 720px; width: 240px; text-align: center;}


/*--- IMAGE PROFILES ---*/
.autumn-promo1 { background: url(../graphics/celtica/colimg-autumn1.jpg) no-repeat; }
.deli-promo1 { background: url(../graphics/celtica/colimg-deli1.jpg) no-repeat; }
.autumn-promo2 { background: url(../graphics/celtica/colimg-autumn2.jpg) no-repeat; }
.shop-promo1 { background: url(../graphics/celtica/colimg1.jpg) no-repeat; }
.christmas-promo1 { background: url(../graphics/celtica/promotions-christmas-small.png) no-repeat; }
.shop-where1 { background: url(../graphics/celtica/colimg-where1.jpg) no-repeat; }

#fourcol1 a:hover {background: transparent url(../graphics/celtica/4colbox.gif) -0px 243px no-repeat;}
#fourcol2 a:hover {background: transparent url(../graphics/celtica/4colbox.gif) -240px 243px no-repeat;}
#fourcol3 a:hover {background: transparent url(../graphics/celtica/4colbox.gif) -480px 243px no-repeat;}
#fourcol4 a:hover {background: transparent url(../graphics/celtica/4colbox.gif) -720px 243px no-repeat;}

/***** TWEET MEME******/
#tweetmeme_button_wrapper p iframe {margin-bottom:-7px;margin-left:5px;background:transparent!important;}