/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 12px;
	margin: 0px;
}
/*.bodyarea {background: transparent url(images/top-right-flag.png) no-repeat top right;}*/

img {
	border: 0px;
}

a {
	color: #4C99E8;
	text-decoration: none;
}

#container {
	width: 960px;
	text-align: left;
}

#header {
	height: 100px;
	clear: both;
}

#navigation {
	background: white url(images/navigation.png) repeat-x top left;
	height: 26px;
}

#navigation a {
	display: block;
	float: left;
	height: 26px;
	line-height: 28px;
	padding: 0px 15px 0px 15px;
	text-decoration: none;
	color: #000000;
	font-size:15px;
	font-weight: bold;
	border-right: 1px solid #eeeeee;
}

#navigation a:hover, .on {
	color: white !important;
	background: white url(images/navigation-on.png) repeat-x top left !important;
}

#main {
	/*padding: 13px;*/
}
.paper{
	background: transparent url(images/paper.png) repeat top center;
}
.outline {
	border: 1px solid #cccccc;
	background-color: white;
	padding: 8px;
	clear: both;
}
.discount {
	border: 2px dashed #ECECAC !important;
	background: #ffffff url("images/coupon-bgd.png") no-repeat bottom right !important;
}

.discount.front:hover {
	background: #ffffff url("images/coupon-bgd-hover.png") no-repeat bottom right !important;
	background-position-x: -20px !important;
}

.no_padding {
	padding: 0px !important;
}
.sectionhead {
	background: #e1e1e1 url(images/cross-hash.png) repeat top left; padding-left:5px;
}
.adverts {
	border: 1px solid #cccccc;
	background-color: white;
}
#search {
	background-color: transparent;
}
.fill {
	background-color: white !important;
}
.search {
	background: #e1e1e1 url(images/search.png) no-repeat center center;
}
.search img {
	float: right;
	width: 59px;
	height: 25px;
	cursor: pointer;
}
.search input {
	width: 220px;
	border: 0px;
	margin: 0px;
}
.wrapdrop {
	background: transparent url(images/drop.png) no-repeat top right;
	margin-bottom: 10px;
}
.left {
	width: 643px;
	float: left;
	margin-right: 15px;
}
.right {
	width: 302px;
	float: left;
}

.fullwidth {
	width: 100%;
	font-weight: normal !important;
	font-family: Arial, Helvetica, sans-serif;
}
#editnews td {
	color: #666666;
	font-size: 10px;
}
.high {
	background-color: #F5F5F5;
	margin-bottom: 3px;
}
.low {
	background-color: #FFFFFF;
	margin-bottom: 3px;
}

#footer {
	clear: both;
	background: #f4f4f4 url(images/footer-bgd.png) repeat-x bottom left;
	border: 1px solid #e1e1e1;
	border-bottom: none;
	padding: 10px;
}
.f1, .f2{
	float: left;
	width: 200px;
}
.f3 {float: right;
width: 336px;}
#footer a {
	display: block;
	color: #666666;
	font-size: 11px;
	padding: 6px 0px 6px 13px;
	background: transparent url(images/footer-links.png) no-repeat bottom left;
	text-decoration: none;
}
.f3 {
	color: #666666;
	font-size: 11px;
	text-align: right;
}
.f3 span {
	display: block;
	font-size: 16px;
}
.f3 a {
	float: right;
	background: none !Important;
}

#home_latest {
	clear: both;
	margin-bottom: 13px;
}
.clearboth{
	clear:both;
	height: 0px;
	overflow: hidden;
}
p {
	color: #666666;
	font-size: 13px;
}
h1, h1 a {
	font-size: 26px;
	font-weight: bold;
	margin: 0px;
	color: black;
	text-decoration: none;
}
.title, .title a {
	font-size: 22px;
	margin: 0px !important;
	font-weight: normal;
	color: black;
	text-decoration: none;
}
.title a {
	margin-top: 6px;
	line-height: 30px;
	padding-right: 8px;
}
.title a:hover {
	background-color: #000000;
	color: white;
	position: relative;
	left: -8px;
	padding-left: 8px;
}
.restrictwidth a {
	width: 500px !important;
	display: block !important;
}

.pr oductdetails .title a {
	line-height: 23px !important;
}
.productdetails .title a:hover {
	background-color: #000000;
	color: white;
	position: relative;
	left: 0px !important;
	padding-left: 0px !important;
}
.tags {
	font-size: 13px;
	color: #666666 !important;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.tags a {
	color: #ffffff;
	background-color: #4c99e8;
	padding: 0px 4px 0px 3px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}
.tags a:hover {
	background-color: #cccccc;
	color: #666666;
}
ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
li {
	list-style-image: url(images/bullet.png);
	margin: 0px;
	margin-bottom: 10px;
}
ul.bold li, ul.bold li a {
	font-weight: bold;
	text-decoration: none;
	color: black;
	font-size: 16px;
}
ul.bold li span{
	font-size: 11px;
}
ul.bold li span, ul.bold li span a{
	font-weight: normal;
	text-decoration: none;
	color: white;
	font-size: 11px;
}

.darkbox {
	width: 960px;
	background: #636363 url(images/cross-hash.png) repeat top left;
}

.thumbimage {
	margin-left: 10px;
}

.logo {
	float: left;
	display: block;
	width: 500px;
}
.logo img {
	margin-top: 46px;
}
.headRight {
	float: left;
	display: block;
	text-align: right;
	width: 460px;
}
.headRight p {
	margin: 70px 0px 0px 0px;
}
.headRight p img {
	position: relative;
	top: 3px;
}

.uk {
	background: white url(images/uk-strip-bgd.png) repeat-x top left;
	height: 20px;
}
.uk .inner {
	width: 960px;
	text-align: left;
	background: white url(images/uk-strip.png) no-repeat top left;
	color: #CCCCCC;
	height: 25px;
	font-size: 10px;
	line-height: 28px;
}
.nudge {
	padding: 3px 0px 0px 71px;
}
.uk .inner a {
	color: #CCCCCC;
	text-decoration: none;
}

.latestleft{
	float: left;
	display: block;
	width: 351px;
}
.latestright{
	width: 609px;
	float: left;
	display: block;
	background: #B9B9B9 url(images/top-latest-inner-drop.png) repeat-x top left;
}
.latestmini{
	float: left;
	border: 1px solid #636363;
	margin-left: 2px;
	background: white url(images/news/news-1-full.gif) no-repeat center center;
	width: 199px;
	height: 69px;
}
.latestminisplit{
	clear: both;
	height: 2px;
	overflow: hidden;
}
.latestmini a{
	margin-top: 49px;
	padding-left: 4px;
	background: transparent url(images/latest-grey.png) repeat top left;
	display: block;
	color: white;
	font-size: 14px;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
}
.latestmini a:hover{
	background: transparent url(images/latest-red.png) repeat top left;
}
#home_latest p {
	color: #CCCCCC;
	margin: 0px;
}
#home_latest h2 {
	font-size: 40px;
	color: #FFFFCE;
	font-weight: bold;
	margin: 0px;
}
#home_latest .title {
	font-size: 23px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
}
.padd {
	padding: 10px;
}

.homeimg {
	float: right;
	width: 120px;
	text-align: center;
	min-height: 120px;
}
.current{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#office {
	width: 100%;
}
#office .inner {
	padding: 30px;
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
}
.tools {
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #666666;
	padding: 3px;
	color: black;
	text-decoration: none;
	font-weight: bold;
}
#office .list {
	float:left;
	margin-right: 10px;
	padding-right: 10px;
	width: 150px;
	border-right: 1px solid #CCCCCC;
}
.wider {
	width: 300px !important;
}
.wider input, .wider textarea {
	width: 280px !important;
}
#office, .tools {
	position: absolute;
	top: 0px;
	z-index: 500;
	background: transparent url(images/semi.png) repeat top left;
}
#v_toggle{
	position: fixed;
}
.tools {
	z-index: 1000;
}
.galleryText {
	float: left;
	width: 300px;
	height: 220px;
	overflow:hidden;
}
.galleryText p {
	margin-right: 10px;
}
.largeImage {
	float: left;
	width: 299px;
	height: 220px;
	overflow:hidden;
	background: white url(images/no-image-small.png) no-repeat center center;
}

#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{width: 599px;height:220px;overflow:hidden;}
span#prevBtn{float:left;background-color: #4C99E8; position: relative; padding: 3px; color: white !important; text-decoration: none;}
span#nextBtn a ,span#prevBtn a{color: white; font-weight: bold;text-decoration:none;}
span#nextBtn{float:right;background-color: #4C99E8; position: relative; padding: 3px; color: white !important; text-decoration: none;}

.semi * {
	color: rgba(0, 0, 0, 0.3);
}
.semi_lit {
	position: fixed;
	top: 300px;
	margin-left: 250px;
	border: 1px solid #CCCCCC;
	background-color: white;
}
.semi_off {
	display: none;
}
.pricelist {
	border-bottom: 3px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 0px;
	width: 420px;
}
.prices {
	border-bottom: 1px solid #CCCCCC;
	padding:3px;
}
.price {
	float: left;
	width: 150px;
	padding-top: 20px;
	font-size: 30px;
	font-weight: bold;
	color: #3EA4E6;
}

.issue {
	border: 1px solid #CC0000;
	color: #CC0000;
	font-weight: bold;
	padding: 3px;
	background-color: rgba(223,0,0,0.1);
}

.minitab {
	float: left;
}

.productimage, .productdetails, .productprices {
	/*border: 1px solid red;*/
}
.productcontainer {
	/*background: white url(images/prices_bgd.png) repeat-y top right;*/
}
.productimage {
	float: left;
	width: 143px;
	text-align: center !important;
	background-color: white;
}

.productdetails {
	float: left;
	width: 341px;
	text-align: left;
	background-color: white;
}

.productprices {
	float: left;
	width: 131px;
	text-align: center;
}
.productprices a {
	text-decoration: none;
	font-weight: bold;
	font-size: 24px;
	color: #009900;
	line-height: 40px;
}

.productcontainer .clearboth {
	border-top: 1px solid #CCCCCC !important;
}

.small_padding {
	padding: 5px;
	margin: 0px;
}

.col3lists{
	float: left;
	width: 33%;
}

.col3lists a {
	display: block;
	margin: 2px;
}

.lgtitle {
	font-size: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2b7dc6;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

.dropoff {
	float: left;
	width: 148px;
	height: 270px;
	background: white url(images/drop-bgd.png) no-repeat top left;
	cursor: pointer;
}

.dropon {
	float: left;
	width: 148px;
	height: 270px;
	cursor: pointer;
	background-color: #2F91CE;
}

.dropoff .details, .dropon .details {
	/*font-family: 'Trebuchet MS';
	font-weight: bold;*/
	font-size: 10px;
	line-height: 12px;
	background-color: white;
	color: #666666;
	height: 100px;
	cursor: pointer;
}

.details span.nam {
	padding-top: 20px;
	display: block;
}

.dropoff .peak {
	height: 23px;
	margin-top: -23px;
	position: relative;
	top: 11px;
}

.dropon .peak {
	background: transparent url(images/take-a-peak.png) no-repeat center center;
	height: 23px;
	margin-top: -23px;
	position: relative;
	top: 11px;
}

.breads {
	line-height: 0px;
}

.breads a {
	font-size: 14px;
	font-weight: bold;
	color: #868686;
	position: relative;
	top: -8px;
	padding: 0px 3px 0px 3px;
}
.breads a img {
	position: relative;
	top: 4px;
}
.breads a:hover {
	color: #333333;
}

.unblink {
	width: 170px;
	height: 110px;
	position: absolute;
	top:0;
	right:0;
}

.dropoffwide {
	cursor: pointer;
	background: white url(images/drop-wide-top.png) no-repeat top left;
	margin-bottom: 7px;
}

.droponwide {
	cursor: pointer;
	background-color: #2F91CE;
	margin-bottom: 7px;
}

.innerwide {
	padding: 2px;
}

.dropoffwide .innerwide {
	background: transparent url(images/drop-wide-bottom.png) no-repeat bottom left;
}

.dropoffwide .details, .droponwide .details {
	/*font-family: 'Trebuchet MS';
	font-weight: bold;*/
	font-size: 10px;
	line-height: 12px;
	background-color: white;
	color: #666666;
	height: 100px;
	cursor: pointer;
}

.dropoffwide .peak {
	height: 23px;
	margin-top: -23px;
	position: relative;
	top: 16px;
}

.droponwide .peak {
	background: transparent url(images/take-a-peak.png) no-repeat center center;
	height: 23px;
	margin-top: -23px;
	position: relative;
	top: 15px;
}

.ribbon {
	height: 59px;
	width: 63px;
	margin-bottom: -59px;
	background: transparent url(/images/ribbon.png) no-repeat bottom right;
	position: relative;
	left: 220px;
	top: -6px;
	color: white;
	text-align: right;
}

.dropoff .ribbon, .dropon .ribbon {
	left: 84px !important;
}
.comment {
	margin: 0px;
}
.markcomment {
	display: block;
	clear: both;
	text-align: right;
	padding: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dddddd;
}
.markcomment, .markcomment a {
	text-decoration: none;
}
/*.markcomment a img {
	position: relative;
	top: -7px;
}*/
.drift {
	float: right;
	margin-left: 5px;
	border: 1px solid #dddddd;
	position: relative;
	top:2px;
}

.drift span {
	color: #222222;
	font-weight: bold;
	margin-right: 3px;
}

.markspamlink {background-color: #CCCCCC;color:white;font-size:9px;}
a:hover.markspamlink, a.markspamlink:hover {
	background-color: #4C99E8;
}
.agree {background-color: #009900;color:white;}
.disagree {background-color: #CC0000;color:white;}
.agree, .disagree, .markspamlink {padding: 0px 3px 0px 3px;}
.spam, .spam * {font-size: 9px; color: #999999; font-style: italic;}

.removed {background-color: #FFD7D7;}
.removed * {color: #620000;}
.copycode{font-size:xx-small; color:#F00; margin-left:2px}

.discountbox,.discountboxsm {
	width: 239px;
	float: right;
	text-align: left;
	height: 133px;
	background: transparent url(/images/sticky-discount-button.png) no-repeat top left;
	cursor: pointer;
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
	left: -10px;
}
.codeline{font-size:24px; color:#000000; height: 50px; display:block;cursor: text;}

.discountbox .innerd,.discountboxsm .innerd {
	padding: 15px;
}

.priceline p {
    float: left;
    width: 160px;
    text-align:center;
    font-size:11px;
}
.productimage {
    float: right;
    width: 200px;
    display:block;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center center;
}

.bluTit {
font-weight: normal;
color: #2B7DC6;}
a.index-title-link {
    color: #1585E7;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
}

a.index-title-link:hover {
    color: #FF6600;
}