*{ margin:0; padding:0}
body { background:#1f6296 url("/i/cardiff/bg.gif") repeat fixed; margin:0 32px; padding:0 192px 0 0; font:0.8125em Helvetica, Arial, Verdana, sans-serif; min-width:514px }
ul, ol{ padding:1em; margin-left:2em}
hr{ border:0; height:10px; background-image:url("/i/cardiff/divider.gif"); margin:1em 0}
pre{ font-size:1.2em; font-family:"Courier New", Courier, Monaco, monospace}
p{ padding-bottom:1em}
a{ color:#4378A1; font-weight:bold; text-decoration:none}
img{ border:0 solid #000}
img.right{ clear:right; float:right; margin:10px}
.clear{ clear:both}
#container{ background-color:#fff; float:left; width:100%; border-right:192px solid #fff; margin-right:-192px; display:inline}
#wrapper{ float:left; clear:both; width:100%; margin-right:-100%}
#wrapper_container{ background-color:#fff; border-top:3px solid #1e6296; margin:15px; min-width:370px; position:relative; z-index:2}
* html #wrapper_container{ height:1%}
#wrapper_container p{ padding:5px 10px}
#sidebar{ float:right; width:192px; margin-right:-192px}
#sidebar_container{ border-top:3px solid #1e6296; margin:15px 9px; position:relative; z-index:1}
* html #sidebar_container{ height:1%}
#header, #footer{ clear:both; color:#fff; margin-right:-192px}
#footer{ padding:1em; text-align:center; font-size:0.7692em; font-weight:bold}
#footer a{ color:#FFF; margin:0 1em; padding:2px}
#footer a:hover{ background-color:#FFF; color:#000}
.stats, .innertable{ padding:5px !important; margin-top:10px !important; font-family:Helvetica, Arial, Verdana, sans-serif !important}
.outertable{ margin:0 !important; padding:0 !important; border:none !important}
#header{ background:#fff url("/i/cardiff/bg_header.gif") repeat-x scroll; position:relative; z-index:3; height:6.6077em}
body>#header{ height:auto}
#header h1{ height:63px; text-indent:90px; position:relative; font-size:1.5385em; line-height:2.9em; background:transparent url("/i/cardiff/header_logo.gif") no-repeat 11px 10px}
#header a{ color:#fff}
#header #menu{ position:absolute}
#sections{ margin:0; font-size:0.8462em; padding:0 11px 0 15px; list-style:none}
#sections li{ float:left; text-align:center; margin-right:4px}
#sections li a{ display:block; font-weight:bold; padding:0 1.5em; color:#fff; margin-bottom:0.3em; background-color:#5a5a5a; line-height:1.75em; white-space:nowrap}
#sections li a.active, #sections li a:hover{ padding-bottom:0.3em; margin-bottom:0em; background-color:#272727}
#sections li.login, #sections li.profile{ float:right}
#sections li.login{ background-color:#9f226e}
#sections li.profile{ background-color:#ffcc00}
#navigation, #navigation li ul{ background:#f4f7fb url("/i/cardiff/bg_navigation.gif") repeat-x bottom center; padding:0; margin:0; list-style:none}
#navigation li ul{ padding-left:20px}
#navigation li a{ display:block; padding:5px; border-bottom:1px solid #fff}
#navigation li a:hover{ color:#000; background:#D2D5D9}
#navigation li ul li a:hover{ color:#000; background:#ABAEB1}
* html #navigation li a{ display:inline-block;}
* html #navigation li a{ display:block;}
h1{ font-size:1.8em; margin-top:0 !important}
h2{ font-size:1.1538em}
h4, h5, h6{ font-size:0.8em}
h1, h2, h3, h4, h5, h6{ font-weight:bold; margin-top:1em}
h2.page_title{ margin-top:10px; padding:0.3em 0.5em 0.25em}
* html h2.page_title{ height:1%}
p.legend{ margin-bottom:1em}
p.legend em{ color:#C00; font-style:normal}
div.errors{ margin:0 0 10px 0; padding:5px 10px; border:#FC6 1px solid; background-color:#FFC}
div.errors p{ margin:0}
div.errors p em{ color:#C00; font-style:normal; font-weight:bold}
form p{ margin:0}
form select option{ margin-right:16px}
form p.note{ margin-left:170px; font-size:90%; color:#333}
form fieldset{ margin-top:10px; padding:10px; border:#999 1px solid; background-color:#DEE2E5}
#sidebar form fieldset{ background-color:#FFF; margin-top:0;}
form legend{ font-weight:bold; color:#666}
form fieldset div{ padding:0.25em 0}
form label{ margin-right:10px; padding-right:10px; width:150px; display:block; float:left; text-align:right; position:relative}
form label.error, form span.error{ color:#C00}
form label em{ position:absolute; right:0; font-size:120%; font-style:normal; color:#C00}
form input.error{ border-color:#C00; background-color:#FEF}
form input:focus, form input.error:focus, form textarea:focus{ background-color:#FFC; border-color:#FC6}
form div.controlset label, form div.controlset input{ display:inline; float:none}
form div.controlset label.controlset{ display:block; float:left}
form div.controlset div{ margin-left:170px}
#flash{ margin:10px 0 0}
#flash ul li{ text-align:left}
.notice{ background-color:#D4FBBE; border:1px solid #C5FBAB}
.warning{ background-color:#FFF4B4; border:1px solid #FFB45D}
.error, .errorExplanation{ background-color:#FFCACF; border:1px solid #FF4451}
.blue_notice{ border:1px solid #0070AF; background-color: #94BCDD}
.notice, .warning, .error, .blue_notice{ padding:10px; margin-top:10px; height:1%}
#flash .notice, #flash .warning, #flash .error{ margin-top:0}
h2.block, h3.block{ font-size:11px; font-weight:bold; color:#FFF; margin-top:10px; padding:5px; background:#3D8CB4 url('/i/cardiff/bg_block.gif') repeat-x bottom left; border:none}
h2.block a, h3.block a{ display:block; color:#FFF; background:transparent url('/i/cardiff/block_down.gif') no-repeat 0px -2px; padding-left:16px; outline:none}
h2.block.up a, h3.block.up a{ background-image:url('/i/cardiff/block_up.gif')}
h2.block a.link{ background-image:none; float:right; margin-top:0.25em; font-size:0.75em}
#sidebar .s{ margin-bottom:4px; clear:both}
#sidebar .s1{ float:left}
#sidebar .s2{ float:right}
#sidebar .s1, #sidebar .s2{ width:174px; width:181px}
#sidebar .s.address{ font-size:0.7692em; height:5.9em; text-align:right; border-width:0px; margin-bottom:0}
#sidebar .s.address p{ margin:1em}
#sidebar .s.address a{ color:#1f6296}
#sidebar table.calendar{ width:100%; margin:auto}
#sidebar table.calendar thead tr.dayName{ display:table-row}
* html #sidebar table.calendar thead tr.dayName{ display:block}
#sidebar table.calendar abbr{ border-bottom:none}
#sidebar table.calendar thead tr th{ font-size:0.7em; padding:0.3em 0; background-color:#303030; color:#FFF}
#sidebar table.calendar .otherMonth, #sidebar table.calendar .day{ padding:0.2em 0; text-align:center; border-right:1px solid #FFF; border-bottom:1px dotted #BBB}
#sidebar table.calendar .otherMonth{ color:#BBB}
#sidebar table.calendar .weekendDay{ background-color:#EEE}
#sidebar table.calendar .today{ background-color:#C3DF81}
#sidebar .user_profile{ margin:10px 0 0; padding:5px; border:1px solid #999}
#sidebar .user_profile p{ margin:5px 10px}
ul.actions, ul.actions_float{ list-style:none; padding:5px; margin:0}
#sidebar ul.actions li{ clear:both; overflow:hidden; margin-bottom:3px}
#sidebar ul.actions_float li{ float:left; margin-right:6px; margin-bottom:3px; height:24px}
#basket {border-collapse:collapse; width: 100%}
#basket .price, #basket .quantity, #basket .cost, #basket .subtotal, #basket .total {width: 100px; text-align: right}
#basket th {padding: 5px 0; background: #eee}
#basket td {vertical-align: top}
#basket tr.basketItem td {padding: 10px 0; border-bottom: 1px dashed #DDD}
#basket th {border-bottom: 1px solid #DDD}
#basket tr#total td {border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; font-size: 120%}
#basket td.subtotal {border-bottom: 1px dashed #DDD}
#basket td.quantity img{ border: none; vertical-align: middle}
#basket td.quantity a{ border: none}
#basket td.actionRow {background: #eee; text-align: right; padding:0.5em}
.paginator {font-size: 12px; padding: 10px 0 5px; margin-left: auto; margin-right: auto}
.paginator a, .paginator .this-page {padding: 2px 6px; border: solid 1px #666666; background: #fff; text-decoration: none}
.paginator a:hover {color: #FFFFFF; background: #0063DC; border-color: #003366; text-decoration: none}
#listbox {padding: 20px; float: left}
formbox .label {margin: 5px 0 0 0; padding: 0; width: 100px; float: left}
formbox ul {list-style-type: none; margin: 0; padding: 0; width: 400px}
formbox li {margin: 5px 0 0 0; padding: 0; width: 400px}
em.status {color: #8C8C8C}
div.product {border-bottom:1px solid #888888 }
div.product .image {float:right}
div.product .colour_sizes {margin:0; padding:5px}
div.product .variant_color {width:40px; height:40px; float:left; margin:0 10px 10px 0}
div.product .clear {padding-top:10px}

#deliveryOptions a,#deliveryOptions a:hover {
	color: #000;
	padding-right: 22px;
	background: url(/i/icons/bullet_go.gif) no-repeat center right;
}
#deliveryOptions dt {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}
#deliveryOptions dd {
	font-style: italic;
	margin-bottom: 20px;
}

#christmas {
	margin: 20px;
	color: #f00;
	font-weight: bold;
	font-size: 150%;
}