/* GENERIC TomTom page layout */
body { margin: 0; padding: 0; text-align: center; }

/* GENERIC TomTom styles */
body, input, select, textarea, table { font: 11px/13px Verdana, Arial, Helvetica, sans-serif; color: #545454;}
h1, h2, h3, h4, h5, h6, p, form { margin: 0; padding: 0; }
h1 { margin-bottom: 10px; border-bottom: 4px solid #dedede; font: bold 27px/29px Arial, Helvetica, sans-serif; color: #000; }
h2, h3 { margin-bottom: 10px; border-bottom: 4px solid #dedede; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #000; }
h4, h5, h6 { margin-bottom: 10px; font: bold 11px/13px Verdana, Arial, Helvetica, sans-serif; }
p { margin-bottom: 10px; }
p.separator { float: left; width: 100%; border-top: 1px solid #dedede; line-height: 1px; }
ul, ol {} /* Kept empty deliberately, so it will show default browser behavior */
li {} /* Kept empty deliberately, so it will show default browser behavior */
ul.separated { margin: 0; padding: 0; }
ul.separated li { list-style-type: none; display: inline; }
ul.separated li a { display: block; border-bottom: 1px solid #dedede; line-height: 19px; }
ul.separated li a.lastChild { border-bottom: none; }
ul.arrow { margin: 0; padding: 0; }
ul.arrow li { list-style-type: none; display: inline; }
ul.arrow li a { display: block; padding-left: 12px; background: transparent url(../img/icons/arrow_grey.gif) no-repeat 0 0.48em; text-decoration: none; }
ul.arrow li a:hover { text-decoration: underline; }
ul.tick { margin: 0; padding: 0; }
ul.tick li { list-style-type: none; padding: 0 0 10px 26px; background: transparent url(../img/icons/tick.gif) no-repeat 0 1px; }
ul.tick-small { margin: 0 0 10px 0; padding: 0; }
ul.tick-small li { list-style-type: none; padding-left: 17px; background: transparent url(../img/icons/tick_small.gif) no-repeat 0 1px; }
ul.bullet { margin: 0 0 10px 0; padding: 0; }
ul.bullet li { list-style-type: none; padding-left: 17px; background: transparent url(../img/icons/list_bullet.gif) no-repeat 0 4px; }

a.main { display: block; margin-bottom: 10px; padding-left: 12px; background: transparent url(../img/icons/arrow_grey.gif) no-repeat 0 0.48em; font-weight: bold; text-decoration: none; }
a.main:hover { text-decoration: underline; }
a.back { display: block; margin-bottom: 10px; padding-left: 12px; background: transparent url(../img/icons/arrow_back_grey.gif) no-repeat 0 0.48em; font-weight: bold; text-decoration: none; }
a.back:hover { text-decoration: underline; }
a.button { display: block; float: left; margin-right: 10px; padding-left: 10px; background: transparent url(../img/branding/button.gif) no-repeat 0 0; height: 18px; line-height: 17px; font-size: 10px; font-weight: bold; text-decoration: none; white-space: nowrap; }
a.button span { display: block; float: left; padding-right: 12px; position: relative; left: 2px; background: transparent url(../img/branding/button.gif) no-repeat 100% 0; }
a.button:hover { text-decoration: underline; cu\rsor: hand; } /* Proprietary cursor:hand to show correct cursor in IE, doesn't validate */ /* cu\rsor to solve background flicker bug in ie5.x Win */
a.popup { display: block; padding-left: 12px; background: transparent url(../img/icons/popup.gif) no-repeat center left; text-decoration: none; }
a.popup:hover { text-decoration: underline; }
a.red { color : #fd1921; text-decoration: none; }
a.red:hover { text-decoration: underline; }
a.header-link { display: block; text-decoration: none; font-weight: bold; }
a.header-link:hover { text-decoration: underline; }

a { color: #672828; text-decoration:none;}
a:hover { color: #411616; text-decoration:underline;}
a img { border: 1px solid #c9a3a3; }
a img:hover { border: 1px solid #411616; }
img.logo {border: none;}
img.logo:hover {border: none;}
a.white { color: #ffffff; text-decoration:none;}

img.icon-left { float: left; clear: left; display: block; margin: 3px 10px 2px 0; }
img.icon-right { float: right; clear: right; display: block; margin: 3px 0 2px 0; padding-left: 5px; }
img.image-left { float: left; display: block; margin: 0 10px 0 0; }
img.image-right { float: right; display: block; margin: 0 0 0 10px; }
hr { display: none; }
table { margin-bottom: 0px; border-collapse: collapse;}


/* CHAPEL CHOCOLATES */
table.browser { margin: 2px;}
td.browser { padding:5px 5px; }

td.title { background-color: #672828; font-weight: normal; padding:2px 2px; border-bottom: 1px solid #c9a3a3; border-top: 1px solid #c9a3a3; text-align: center; color: #ffffff; height:25px; font-size:8pt;}
td.title_l { background-color: #672828; font-weight: normal; padding:5px 5px; border-bottom: 1px solid #c9a3a3; border-top: 1px solid #c9a3a3; text-align: left; color: #ffffff; height:25px; font-size:8pt;}

td.producttitle { font-weight: normal; padding:1px 1px; text-align: center; color: #672828; height:45px; font-size:8pt;}

td.backnext { background-color: #eee6e6; font-weight: normal; padding:2px 2px; border-bottom: 1px solid #c9a3a3;text-align: center; color: #ffffff; height:30px; font-size:8pt;}
td.useradmintitle { background-color: #eee6e6; font-weight: bold; padding:5px 5px; border-bottom: 1px solid #c9a3a3;text-align: left; height:20px; font-size:8pt;}
td.useradmin { font-weight: normal; padding:5px 5px; border-bottom: 1px solid #c9a3a3; text-align: left; color: #672828; height:20px; font-size:8pt;}
td.useradmin_center { font-weight: normal; padding:5px 5px; border-bottom: 1px solid #c9a3a3; text-align: center; color: #672828; height:20px; font-size:8pt;}
td.usermessage { background-color: #eee6e6; font-weight: normal; padding:1px 1px; border: 1px dotted #c9a3a3;text-align: center; color: #ff0000; height:20px; font-size:8pt;}
input.useradmintext { width: 200px; font-size: 8pt;}

textarea.ordermessage { width: 350px; font-size: 8pt;}

table.gallery { border-spacing: 0px 2px; border-collapse: separate;}
td.gallery { padding:2px; background: #f1d6d6; }

td.prodbrowseritem { padding:3px 3px;  text-align: center; width:25%;}
td.prodbrowser { padding:3px 3px; width:150; text-align: center; font-size:8pt;}

/* product detail */
td.proddetail { padding:5px 5px; border-right: 1px dotted #c9a3a3; font-size: 8pt;}
td.proddetail_productinstock { padding:5px 5px; border-right: 1px dotted #c9a3a3; border-bottom: 1px dotted #c9a3a3; color:#006600; font-size: 8pt;}
td.proddetail_temporarilyoutofstock { padding:5px 5px; border-right: 1px dotted #c9a3a3; border-bottom: 1px dotted #c9a3a3; color:#cc6666; font-size: 8pt;}
img.proddetail_img { border: 1px solid #c9a3a3; }
td.proddetail_bottom { padding:3px 3px; border-top: 1px dotted #c9a3a3;}
input.outofstock { color:#cc6666; }

td.catimage { padding:5px 5px; border-right: 1px dotted #c9a3a3; border-bottom: 1px dotted #c9a3a3;}
td.catdetail { padding:5px 5px; font-size: 8pt;}
td.cattitle { padding:5px 5px; border-top: 1px dotted #c9a3a3; border-right: 1px dotted #c9a3a3; border-bottom: 1px dotted #c9a3a3;font-size: 8pt; background-color: #eee6e6; color: #411616;}
td.cattitle_browse { padding:3px 3px; border-top: 1px solid #c9a3a3; border-right: 0px dotted #c9a3a3; border-bottom: 1px solid #c9a3a3;font-size: 8pt; background-color: #eee6e6; color: #411616;}
td.catdetail_bottom { padding:5px 5px; text-align:right;}

td.catdetail_deactive { padding:5px 5px; font-size: 9pt; color:#cc6666;}
td.catdetail_active { padding:5px 5px; font-size: 9pt; color:#006600;}

table.search { margin-top: 3px; margin-right: 3px; border-collapse: collapse; color: #fff; width: 360px; }
table.discount { margin-top: 3px; margin-right: 3px; border-collapse: collapse; width: 200px; }

table.pagecount { height: 15px; padding:0px 0px;}
td.pagecount {  font-size: 10pt;color: #ffffff;border:1px solid #ffffff; padding:1px 1px; width: 20px; height: 20px; text-align:center; background-color: #672828;}
td.pagecount:hover { background-color: #411616;}
td.pagecountselected { border:1px solid #ffffff; padding:1px 1px; width: 15px; text-align:center; background-color: #411616;}
td.pagecount a {color: #ffffff; font-size: 8pt;}
td.pagecountselected a {color: #ffffff; font-size: 8pt;}
td.pagecount a:hover {text-decoration:none;}
td.pagecountselected a:hover {text-decoration:none;}

td.credits { text-align: center; }
td.layout { padding: 5px 5px;}
td.leftnav { border-right: 1px solid #c9a3a3; width:175px;}
td.rightnav { border-left: 1px solid #c9a3a3; width:150px;}
td.columnheader { background-color: #672828; color: #ffffff; text-align: center; border-top: 1px solid #c9a3a3; border-bottom: 1px solid #c9a3a3;padding:2px; font-weight: normal; height:25px;  font-size:8pt;}

td.basket { padding:2px; border-bottom: 1px solid #c9a3a3; font-size:8pt;}
td.basket_subtotal { padding:2px; border-bottom: 1px solid #c9a3a3; font-size:8pt; background-color:#eee6e6; font-weight: bold;}
td.basketdelete { padding:2px; border-right: 1px solid #c9a3a3; border-bottom: 1px solid #c9a3a3; font-size:8pt;}

td.mainbasket_title_r { padding:5px 5px; border: 1px dotted #c9a3a3;font-size: 8pt; background-color: #eee6e6; color: #411616; text-align: right;}
td.mainbasket_title_c { padding:5px 5px; border: 1px dotted #c9a3a3;font-size: 8pt; background-color: #eee6e6; color: #411616; text-align: center;}
td.mainbasket_title_l { padding:5px 5px; border: 1px dotted #c9a3a3;font-size: 8pt; background-color: #eee6e6; color: #411616; text-align: left;}
td.mainbasket_item { padding:5px 5px; border: 1px dotted #c9a3a3;font-size: 8pt; text-align: left;}
td.mainbasket_item_r { padding:5px 5px; border: 1px dotted #c9a3a3;font-size: 8pt; text-align: right;}

td.pageheader { color: #411616; text-align: center; border-top: 1px solid #c9a3a3; border-bottom: 1px solid #c9a3a3;padding:2px; font-weight: bold;}
td.page { padding:7px; text-align: justify;}
td.page li { padding: 0px;}

td.addresslabel { font-size: 14px; padding:7px; text-align: justify; line-height: 16px;}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
	color:#411616;
    text-decoration:none;
	font-weight:normal;}

a.info:hover{z-index:25; text-decoration: underline;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:-15em;
    border:1px solid #c9a3a3;
    background-color:#c9a3a3; 
	color:#411616;
    text-align: center}

td.status_declined {font-weight: bold; color: red;}
td.status_declined { background-color:#ffcfca; font-weight: normal; padding:5px 5px; border-bottom: 1px solid #c9a3a3; text-align: center; color: #672828; height:20px; font-size:8pt;}
td.status_paymenttaken { background-color: #f3f1bb; font-weight: normal; padding:5px 5px; border-bottom: 1px solid #c9a3a3; text-align: center; color: #672828; height:20px; font-size:8pt;}
td.status_posted { background-color: #a4e481; font-weight: normal; padding:5px 5px; border-bottom: 1px solid #c9a3a3; text-align: center; color: #672828; height:20px; font-size:8pt;}

td.columntitle { padding:5px 5px; border-bottom: 1px dotted #c9a3a3;font-size: 8pt; background-color: #eee6e6; color: #411616;}
td.columndetail { padding:5px 5px; border-bottom: 1px dotted #c9a3a3;font-size: 8pt; color: #411616;}
td.columntable { padding:2px 2px; border: 1px dotted #c9a3a3;font-size: 8pt; color: #411616;}

td.mailread { padding:3px 3px; border-bottom: 1px dotted #c9a3a3; border-right: 1px dotted #c9a3a3;font-size: 8pt; }
td.mailunread { padding:3px 3px; border-bottom: 1px dotted #c9a3a3; border-right: 1px dotted #c9a3a3;font-size: 8pt; background-color: #eee6e6; font-weight: bold;}

td.mailbody {padding:10px 10px; border-top: 1px dashed #c9a3a3; border-bottom: 1px dashed #c9a3a3;font-size: 8pt; background-color: #ffffff; color: #411616;}
td.mailcontrols {padding:5px 5px; border-top: 1px dashed #c9a3a3; border-bottom: 1px dotted #c9a3a3;font-size: 8pt; background-color: #ffffff; color: #411616;}

/* CHAPEL CHOCOLATES ADMIN*/

.admin { width: 300px;}
.admin_s { width: 100px;}
.admin_m { width: 300px; height:100px;}
textarea.admin{ height: 180px; }
td.adminheader { padding:5px 5px; background: #999999; color: #ffffff; font-weight: bold;}
tr.adminform { padding:5px 5px; background: #cccccc; color: #000000;}
tr.adminform_l { padding:5px 5px; background: #e7e7e7; color: #000000;}
table.message {background: #ffcccc; border: 1px dashed #672828; width: 450px; height: 50px;  margin: 2px;}
td.message {padding: 5px; text-align: center;}
td.breadcrumb {font-size: 9pt; padding:6px 6px 10px; color: #672828;}
a.breadcrumb {font-size: 9pt; text-decoration: underline;}
a:hover.breadcrumb {font-size: 9pt; text-decoration: none;}
td.orderrow { padding:5px 5px; border-top: 1px dotted #c9a3a3; border-right: 1px dotted #c9a3a3; border-bottom: 1px dotted #c9a3a3;font-size: 8pt; background-color: #ffffff; color: #411616;}
td.orderrowdisabled { padding:5px 5px; border-top: 1px dotted #c9a3a3; border-right: 1px dotted #cccccc; border-bottom: 1px dotted #c9a3a3;font-size: 8pt; background-color: #eeeeee; color: #999999;}

table.center { text-align: center; }
table.center th { text-align: left; }
th, td { padding: 0px 0px; }
tbody, tfoot {  font-size: 10px; }
tbody tr.uneven { background-color: #f2f2f2; }
tbody th { border-top: 0px solid #dedede; border-bottom: 0px solid #dedede; }
tbody td { border-left: 0px solid #dedede; border-top: 0px solid #dedede; border-bottom: 0px solid #dedede; }
tfoot td { border-left: 0px solid #dedede; }
#container-masthead { background: #464646 url(../img/branding/masthead_bg.gif) repeat-x top left; }
#logo { position: absolute; top: 18px; left: 13px; }
#logo span { position: relative; top: -13px; left: 101px; display: block; text-indent: -5000px; background: url(../img/branding/tomtom_payoff.gif); width: 195px; height: 15px; }
#lang { position: absolute; left: 740px; top: 80px; z-index: 1100; width: 200px; }
#lang select { float: right; }
#lang option:disabled { color: #f00; font-weight: bold; background-color: #fff; }
#skip-nav { position: absolute; left: -1000em; width: 30em; }

#global-nav { position: relative; left: 0; top: 1px; z-index: 1000; height: 31px; background: transparent url(../img/branding/globalnav_bg.gif) repeat-x top left; overflow: hidden; }
#global-nav ul { margin: 0; padding: 0; }
#global-nav li { display: block; float: left; list-style-type: none; padding-top: 0px;  font-size:8pt;}

#global-nav a { display: block; float: left; padding: 0 12px; border-right: 1px solid #c9a3a3; background-color: #411616; height: 25px; line-height: 23px; color: white; text-decoration:none; }
#global-nav a:hover, #global-nav a.active { background-color: #672828; }
#global-nav a.tonedDown { background: transparent url(../img/branding/globalnav_separator.gif) no-repeat 0 8px; padding: 0 10px 0 11px; font-size: 10px; border: none; line-height: 24px; }
#global-nav a.tonedDown.firstchild { background: none; }
#global-nav a.tonedDown:hover { background-color: transparent; text-decoration: underline; }

td.productnav-cat {font-size:8pt;font-weight: normal; color: #411616; display: block; padding-left: 5px; border-bottom: 1px solid #c9a3a3; line-height: 19px; text-decoration: none; background-color: #eee6e6;}
td.productnav-cat a {font-size:8pt;font-weight: normal; color: #411616; display: block; padding-left: 17px; background: transparent url(../images/icons/heart.gif) no-repeat 0 5px; line-height: 19px; text-decoration: none; background-color: #eee6e6;}
td.productnav-cat a:hover {font-size:8pt;font-weight: normal; color: #411616; display: block; padding-left: 17px; background: transparent url(../images/icons/heart_over.gif) no-repeat 0 5px; line-height: 19px; text-decoration: none; background-color: #eee6e6;}
td.productnav-sub {font-size:8pt;display: block; border-bottom: 1px solid #dedede;  line-height: 19px;}
td.productnav-sub a { border-bottom: none; padding-left: 21px; text-decoration: none;}
td.productnav-sub a:hover { border-bottom: none; padding-left: 21px; text-decoration: none;}
td.productnav-sub a.active { border: none; }