﻿body
{
	margin: 0;
	padding: 0;
	background:#FFF url(../Images/bg.png) repeat-x; margin:0px;
	font: 11px/140% Verdana, Sans-serif;
}

#pagewrapper
{
	/*background: #DCDCDC url(../Images/content-bg.png) repeat-y fixed top center;*/
	/*background: #FFF;*/
}

#contentwrapper
{
	position: relative;
	width: 888px;
	margin: 0 auto;
	padding: 0 15px 20px;
	
}

#header
{
	height: 101px;
	/*background: #999 url(../Images/header.png) no-repeat;
	border-bottom: 1px solid #666666;*/
	background: #FFF;
	
}

#logo
{
	margin: 0;
	padding: 0;
	float:left;
}

#strapline
{
	height:101px;
	
}

#strapline p
{
	font-size:16px;
	color:#ED1B2F;
	text-align:center;
	font-weight:bold;
	padding-top:50px;
}
#strapline img
{
	float:right;	
	padding-top:25px;
	padding-left:5px;
}
#nav
{
	width: 877px;
	height: 21px;
	margin: 0;
	padding: 0;
	border-top: 1px solid white;
	/*border-bottom: 1px solid white;*/
	/*background: #FFDA0E url(../Images/nav-bg.png) repeat-x;*/
	border-left: solid 1px white;
	border-right: solid 1px white;
	background-color: #ed1b2f;
	margin-left: 1px;
	margin-right: 5px;
	text-align: left;
	padding-top: 18px;
	padding-left: 7px;
}

#nav ul
{
	margin: 0;
	padding: 0;
	
}

#nav ul li
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*line-height: 39px;*/
}

#nav ul a
{
	font-size: 11px;
	font-weight: bold;
	padding: 0 9px;
	color: white;
	text-decoration: none;
}

#nav ul a:hover
{
	text-decoration: underline;
}

#logininfo
{
	margin: 10px 0 0 3px;
	font-size: 11px;
}

#subnav
{
	position: absolute;
	top: 120px;
	right: 28px;
	font-size: 12px;
}

#subnav a
{
	color: White;
	margin: 0 0 0 8px;
	text-decoration: none;
}

#subnav img
{
	vertical-align: middle;
}

#breadcrumbs
{
	margin: 0;
	padding: 6px 3px 6px 3px;
	font-size: 11px;
	background: white;
}

#content
{
	margin: 14px 280px 35px 3px;
	font-size: 130%;
}

#content.right
{
	margin-left: 280px;
	margin-right: 9px;
}

#content.full
{
	margin-right: 9px;
}

div.content
{
	margin: 14px 9px 0 9px;
}

.full
{
	/* Temporary IE6 fix */
	margin-right: 9px !important;
}



#content div.block div.image
{
	margin: 2px 0;
}

#content div.block div.left
{
	float: left;
	margin: 2px 10px 0 0;
}

#content div.block div.right
{
	float: right;
	margin: 2px 0 0 10px;
}

#content div.centre
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#sidepanel
{
	position: absolute;
	width: 238px;
	top: 218px;
	right: 17px;	
	
	padding: 10px;
	padding-top: 0;
	/*background-color: #eee;*/
	background: #eee url(../Images/sidebar_btm.png) no-repeat bottom center;
}

#sidepanel-header
{
	position: absolute;
	width: 258px;
	top: 202px;
	right: 17px;	
	height: 13px;
	background: #eee url(../Images/sidebar_top.png) no-repeat top center;
}

#sidepanel.left, #sidepanel-header.left
{
	left: 18px;
	right: auto;
}

#sidepanel div.advert
{
	margin: 0 0 20px 0;
}

#sidepanel div.advert div.caption
{
	margin: 3px 0 0 0;
	font-size: 85%;
}

#sidepanel div.advert div.caption a
{
	text-decoration: none;
}

#sidepanel div.categories ul
{
	margin: 0;
	padding: 0;
}

#sidepanel div.categories ul li
{
	list-style-type: none;
	margin: 0 0 1px 0;
	padding: 0;
}

#sidepanel div.categories ul li.selected
{
	list-style-type: none;
	margin: 0 0 1px 0;
}

#sidepanel div.categories ul li a
{
	display: block;
	height: 26px;
	margin: 0;
	padding: 0 0 0 5px;
	/*background: #FFDA0E;*/
	background: #E84051;
	line-height: 26px;
	color:White;
}

#sidepanel div.categories ul li a:hover
{
	background: #ED1B2F;
}

#sidepanel div.categories ul li.selected a
{
	text-decoration: none;
	font-weight: bold;
	/*background: #FFBA0C;*/
	background: #ED1B2F;
	border: 0 none;
}

#sidepanel div.categories ul li.selected ul
{
	margin-top: 1px;
	margin-bottom: 1px;
}

#sidepanel div.categories ul li.selected ul li
{
	/*border-left: 20px solid #FFBA0C;*/
	border-left: 20px solid #ED1B2F;
}

#sidepanel div.categories ul li.selected ul li a
{
	background: white;
	font-weight: normal;
}

#sidepanel div.categories ul li.selected ul li a:hover
{
	/*background: #FFBA0C;*/
	background: #ED1B2F;
}

#sidepanel div.categories ul li.selected ul li.selected a
{
	font-weight: bold;
}

#footer
{
	clear: both;
	margin: 0;
	padding: 15px 20px 8px 20px;
	/* border-top: 1px solid #666; */
	background: #DCDCDC url(../Images/footer-bg.png) repeat-x top center;
	text-align: center;
	font-size: 95%;
}

#footer a, #sidepanel a
{
	color: #808080;
}

#footer a:hover, #sidepanel a:hover
{
	color: #EC3E20;
	text-decoration: underline;
}

#search
{
	margin: 10px 0 10px 0;
}

#search input.text
{
	width: 171px;
	color: #666;
	font-size: 80%;
}

#search input.button
{
	margin-left: 5px;
	font-size: 80%;
}

#content div.news
{
	margin: 20px 0 0 0;
}

#content div.news div.item
{
	margin: 10px 0 0 0;
	padding: 0 0 10px 40px;
	border-bottom: 1px solid #DDD;
	background: url('../Images/icon-file.gif') no-repeat;
}

#sidepanel div.news, #sidepanel div.pages
{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 80%;
}

#sidepanel div.news div.item, #sidepanel div.pages div.item
{
	margin: 0 0 6px 0;
}

#map
{
	position: relative;
}

#map div.pip
{
	position: absolute;
}

#member
{
	position: relative;
	margin: -210px 0 0 250px;
	padding: 0 0 45px 0;
}

#message
{
	padding: 2px 0 2px 30px;
	margin-top: 5px;
	background: url('../Images/icon-alert.png') no-repeat 7px;
	cursor: pointer;
	font-size: 130%;
	font-weight: bold;
	border: dotted 2px red;	
}

#loginwrapper
{
	text-align: center;
}

#logincontent
{
	 width: 400px;
	 padding: 1px 1px 10px 1px;
	/* border: 1px solid #FF8809; */
	border: 1px solid #ED1B2F;
}

#logincontent div.title
{
	margin: 0 0 10px 0;
	padding: 5px 5px;
	text-align: left;
	font-weight: bold;
	/*background: url('../Images/nav-bg.png') repeat-x;*/
	background-color: #ED1B2F;
	color: #eee;
}

#logincontent div.title img
{
	margin: 0 3px 0 0;
	vertical-align: middle;
}


div.fieldset
{
	padding: 1px;
	/*border: 1px solid #FF8809;*/
	border: 1px solid #ED1B2F;
	font-size: 11px;
}

div.fieldset div.legend
{
	margin: 0;
	padding: 5px 5px;
	/*border-bottom: 1px solid #FF8809;
	border-right: 1px solid #FF8809;*/
	border-bottom: 1px solid #ED1B2F;
	border-right: 1px solid #ED1B2F;
	text-align: left;
	font-weight: bold;
	/*background: url('../Images/nav-bg.png') repeat-x;*/
	background-color: #ED1B2F;
	color: #eee;
}

div.fieldset div.content
{
	margin: 0;
	padding: 5px 8px 8px 8px;
}

div.fieldset div.content div.options
{
	margin: 10px 0 0 0;
	text-align: left;
}

table.products-listing
{
	font-size: 80%;
}

table.products-listing thead
{
	height:50px;
}

table.products-listing thead th
{
	text-align: left;
	vertical-align:top !important;
}

table.products-listing thead th.narrow
{
	width:90px;
}

table.products-listing tr th
{
	vertical-align: bottom;
	
}

table.products-listing tr td
{
	vertical-align: top;
	padding: 2px;
}

table.products-listing tr td span.mod-product, table.products-listing tr td span.new-product
{
	font-weight: bold;
	color: Red;
}

table.products-listing tr.product-on-promotion td
{
	background-color: #9FFF9F;
	border-bottom: 1px solid #00CC00;
}

table.products-listing tr.product-on-promotion-soon td
{
	background-color: #FFEA71;
	border-bottom: 1px solid #FFD700;
}

table.products-listing tr.product-end-promotion-soon td
{
	background-color: #FFC6C6;
	border-bottom: 1px solid #FF6262;
}

table.details
{
	/*font-size: 85%;*/
	border-collapse: collapse;
}

table.details th
{
	padding: 3px;
}

table.details td
{
	padding: 3px;
}

div.options
{
	margin: 5px 3px 0 0;
	text-align: right;
}

div.promo
{
	margin: 0 0 10px 0;
	padding: 0 0 0 38px;
	background: url('../Images/icon-promo.png') no-repeat 0 5px;
	font-size: 85%;
}

div.promo div.promo-get
{
	margin: 3px 0 0 0;
}

div.promo div.promo-note
{
	padding: 0 0 0 20px;
	background: url('../Images/icon-alert.png') no-repeat;
}

#content div.block
{
	margin: 0 0 20px 0;
}

h1
{
	margin: 0 0 10px 0;
	padding: 0;
	color: #000;
	font-size: 120%;
	
}

h2, h3
{
	margin: 0 0 5px 0;
	padding: 0;
	color: #EC3E20;
	font-size: 105%;
}

p
{
	margin: 0 0 5px 0;
	padding: 0;
}

a
{
	color: #EC3E20;
}

a:hover
{
	color: #EC3E20;
	text-decoration: none;
}

a img
{
	border: 0 none;
}

form
{
	margin: 0;
	padding: 0;
}

select
{
	font-size: 95%;
	font-family: Verdana, Sans-Serif;
}

input.text
{
	width: 250px;
	font-size: 95%;
	font-family: Verdana, Sans-Serif;
}

input.text-numeric
{
	width: 30px;
	text-align: right;
	background: #FFF8D2;
	/*border: 1px inset #FF8809;*/
	border: 1px solid #ED1B2F;
}

input.readonly
{
	background: #FFC;
}

input.button
{
	font-family: Verdana;
	font-size: 10px;
	background: white url(../Images/btn-bg2.png) repeat-x;
	border: 1px solid #666;
	padding: 1px;
	cursor: pointer;
	color:white;
}

span.checkbox input
{
	vertical-align: middle;
}

textarea
{
	width: 600px;
	font-size: 95%;
	font-family: Verdana, Sans-Serif;
}

span.required
{
	color: #f00;
	font-weight: bold;
	font-size: 110%;
	vertical-align: -5px;
}

div.promotionproducts
{
	height: 200px; 
	width: 400px; 
	overflow:auto; 
	/*border: solid 1px #ff8809; */
	border: 1px solid #ED1B2F;
	margin-left: 5px
}

div.menu-panel
{
	background: white url(../Images/menupanel-bg2.png) no-repeat;
	border: 1px solid #666;
	width: 190px;
	height: 75px;
	margin: 0 10px 10px 0;
	padding: 10px;
	font-size: 80%;
}

div.menu-panel a
{
	margin: 0 0 10px 0;
	color: White !important;
}

div.ajax__calendar_days table tr td
{
	padding: 0;
}

input.search
{
	font-size: 80%;
	width: 90%;
}

.PopupDiv
{
	width:250px;
	height:auto;
	border:1px solid #000;
	background-color:#FFFFCC;
	position:absolute;
	display:none; /*hidden by default */
	font-size:12px;
	padding:3px;
}

.login-status
{
	padding: 0 10px;
	border-right: 1px solid #000;
	text-decoration: none;
}

.login-status-last
{
	border-right: 0 none;
}

div.promo-header span.item,
div.promo-items span.item
{
	display: block;
	float: left;
	overflow: hidden;
}

div.promo-items input
{
	vertical-align: middle;
	float: left;
}

span.box
{
	width: 22px;
}

span.code
{
	width: 140px;
}

span.description
{
	width: 260px;
}

span.plof
{
	width: 152px;
}

div.promo-header span.item
{
	font-weight: bold;
}

div.end
{
	clear: both;
}
