@font-face {
    font-family: 'SFToontimeBold';
    src: url('SF_Toontime_Bold-webfont.eot');
    src: url('SF_Toontime_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('SF_Toontime_Bold-webfont.woff') format('woff'),
         url('SF_Toontime_Bold-webfont.ttf') format('truetype'),
         url('SF_Toontime_Bold-webfont.svg#SFToontimeBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, .topLinks {
	font-weight: normal;
	color: #3e6d9a;
	padding: 0;
	margin: 0;
}

h1, h2 {
    font-family: 'SFToontimeBold';
}
body {
	position:relative;
	font-family:Arial,tahoma,verdana,sans-serif;
	font-size:12px;
}
#container 
{
	width:969px;
	padding:100px 5px 0 5px;
	background-image:url('topbar.png');
	background-repeat:no-repeat;
	margin:0 auto;
}
#topLinks 
{
	height:36px;
	background-color:#2AC2F1;
	margin:0 auto 3px auto;
	position:relative;
}
#topLinks a 
{
	color:#FFFFFF;
	font-size:12px;
	height:12px;
	padding:12px;
	float:left;
}
#topLinks a:hover , #underBannerLinks a:hover, #topLinks a.active {
	color:#fffc00;
	text-decoration:underline;
}
a#bookmarkLink {
    bottom: 258px;
    color: #FFFC00;
    position: absolute;
    right: 46px;
    z-index: 3;
}
#topLinks a#topLogo 
{
    bottom: 159px;
    left: 7px;
    padding: 0;
    position: absolute;
}
#headerText 
{
    left: 240px;
    position: absolute;
    top: 20px;
}
#headerPhonenumber 
{
    bottom: 10px;
    position: absolute;
    right: 10px;
}
#headerCards 
{
    position: absolute;
    right: 10px;
    top: 40px;
}
#bannerArea 
{
	position:relative;
	height:213px;
	overflow:hidden;
}
#separator1 
{
	background-color:#2AC2F1;
	width:213px;
	height:105px;
	position:absolute;
	top:0;
	left:0;
	padding:0;
}
#separator2 
{
	background-color:#268505;
	width:213px;
	height:105px;
	position:absolute;
	bottom:0;
	left:0;
	padding:0;
}
#separator1 p, #separator2 p 
{
	padding:15px 10px 0 30px;
	color:#FFF;
	margin:0;
}
#separator1 p strong, #separator2 p strong
{
	color:#fff600;
	font-size:14px;
}
#banner 
{
	position:absolute;
	top:0;
	right:0;
}
#underBanner 
{
	background-color:#268505;
	margin:3px auto;
	height:16px;
	color:#FFFFFF;
	padding:10px;
	margin-bottom:10px;
}
#homepageListingsHeader 
{
	background-color:#2AC2F1;
	color:#FFF;
	padding:10px;
	font-weight:bold;
}
#extraAssets {
	background-color: #DBE8F9;
	border: 1px solid #333333;
	margin-bottom: 6px;
	overflow: auto;
	padding: 10px;
}
#leftBar 
{
	width:187px;
	float:left;
}
#leftCategories a 
{
	display:block;
	background-image:url('category-background.png');
	background-repeat:no-repeat;
	padding:10px 0;
	text-align:center;
	font-size:12px;
	margin-bottom:5px;
	color:#FFF;
	font-weight:bold;
	height:14px;
}
#leftCategories a:hover 
{
    background-position:-187px 0;
}
#deliveryAreasRight 
{
	font-size:11px;
}
#deliveryAreasRight strong 
{
	color:#cd0000;
}
#leftLogo 
{
	margin-left:-10px;
}


input.textfield:focus, .contactdetails #pCode2:focus, .contactdetails textarea:focus, .textareafield:focus {
	background-color: #DBE8F9;
}
.product h2 {
	background-color:#2AC2F1;
	color:#FFF;
	padding:5px 10px;
	font-size:14px;
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
	text-shadow: 1px -1px 2px #0586ae;
}
.mainImagePanel > img {
    border: 5px solid #2AC2F1;
	-webkit-border-radius: 0 3px 3px 3px;
	-moz-border-radius: 0 3px 3px 3px;
	border-radius: 0 3px 3px 3px;
}
.castlePanel .castleCheckBook 
{
	color:#FFFFFF;
	background-color:#2AC2F1;
	text-decoration:underline;
}
.castlePanel 
{
	border:1px solid #000;
}
#footer, #footerLinks
{
	padding:20px 10px 10px 10px;
	margin-top:15px;
	border-top:1px solid #000;
}
#footer a, #footerLinks a
{
	color:#3E6D9A;
}
#footerLinks a.footerLink {
	border-left:1px solid #000;
	padding:0 5px;
}
#footer a:hover, #footerLinks a:hover {
	text-decoration:underline;
}
#footerLinks a:first-child 
{
	border-left:0;
}
#footer a#BCNLink {
	float:right;
	text-decoration:underline;
	border:0;
}
#leftProducts a {
	border-bottom: 1px dashed #323232;
	color: #323232;
	display: block;
	font-size: 11px;
	text-decoration: none;
	padding: 7px;
}
#leftProducts a:hover {
	background: none repeat scroll 0 0 #EEF;
    color: #000;
}