/*main.css*/
/* General Styles */
img {
	border: 0px;
}

.highlight {
	color: #E71926;
}

a {
  color: #2B5CAA;
  text-decoration: none;
  font-weight: normal;
}

a:hover {
  text-decoration: underline;
}

a.white { 
  color: #FFFFFF;
}

p.error {
  float: left;
  clear: none;
  font-weight: bold;
  color: #E71926;
}


h1 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 21px;
}

h1 a {
  color: #000000;
  text-decoration: none;
}

h1 span.highlight {
  font-weight: bold;
}

h2 {
  margin-bottom: 5px;
}

p {
  line-height: 20px;
}

div.hr hr{
  display:none;
}
div.hr{
  width:100%;
  overflow:hidden;
  margin-top:30px;
  border-bottom:1px solid #ccc;
}

body {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
  background-color: #FFFFFF;
}

div.outerBar {
	width: 100%;
	text-align: center;
  background-color: #FFFFFF;
}

div.innerBar {
	width: 960px;
	text-align: left;
	margin: 0px auto;
	overflow: hidden;
  padding: 0px;
	position: relative;
	//left: 1px; /* Naughty, I know, but this is for an IE7-only bug */
}

.bold 
{
	font-weight: bold;
}

/* Header */

div#header_bar {
  background: #FFFFFF url('/images/header/header_bg.png') repeat-x top center;
}

/* Tab bar */

div#tab_bar {
	background-color: #E4E4E4;
	border-bottom: 1px solid #C1C1C1;
	padding-top: 14px;
}

div#call_us_today {
	font-size: 23px;
	color: #E71926;
	float: right;
	clear: none;
}

span#call_us_today_number {
	color: #464646;
	font-weight: bold;
}

/* List tables */

table.list {
  float: left;
  clear: both;
  width: 100%;
  border-collapse: collapse;
}

table.list tr td{
  border-bottom:1px solid #BFC6CE;
}

table.list tr.alt td {
  border-bottom:1px solid #BFC6CE;
}

table.list th {
  border-top:1px solid #BFC6CE;
  border-bottom:1px solid #BFC6CE;
  color: black;
  font-weight: bold;
	padding:5px 0px;
}

table.list td {
	height:50px;
	padding:3px 0px;
	vertical-align: middle;
}

table.list td.vtop {
	/*vertical-align: top;*/
}

table.list td.actions {
	width:210px;
}

table.list td.remove {
	text-align:right;
}


table.list td, table.list th {
	padding-left:5px;
  padding-right:10px;
}

/* button style links */

a.blueButton {
	background-color:#2756AE;
	border:2px solid #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	text-decoration:none;
}

/* Logo bar */

div.logoBarColumn {
  float: left;
  clear: none;
  color: #004D9D;
  font-size: 12px;
  padding: 0px 13px 0px 16px;
  height: 85px;
  overflow:hidden;
}

div#call_us {
  width: 110px;
}

div.logoBarColumn h4 {
  font-size: 15px;
  color: #404040;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 10px;
}

div.logoBarColumn a {
  font-weight: bold;
}

div.logoBarColumn span.phone {
  font-size: 16px;
  font-weight: bold;
}

div.logoBarSeparator {
  float: left;
  clear: none;
  height: 85px;
  width: 1px;
  background: transparent url('/images/header/logo_bar_separator.png') no-repeat top left;
}

div#logo_bar {
	padding-bottom: 14px;
}

div#logo_bar img {
	float: left; clear: none;
}

div#logo_bar_middle {
	float: right;
	clear: none;
  width: 740px;
  margin-top: 35px;
}

div#van h4 {
  float: left;
  clear: none;
  width: 100px;
}

div#van {
  width: 250px;
}

div#van span {
}

div#van img {
  margin-right: 10px;
}

div#logo_bar h2 {
	text-transform: uppercase;
	float: left;
	clear: both;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	margin-top: 9px;
	width: 420px;
}

a#basket_summary {
	background: transparent url('/images/basket/background.png') no-repeat top left;
	display: block;
	float: right;
	clear: none;
	width: 137px;
	height: 59px;
	color: #000000;
	font-size: 23px;
	padding: 16px;
	text-decoration: none; 
	margin-top: 10px;
}

a#basket_summary span.highlight {
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
}

/* Menu bar */

div#menu_bar {
    background: transparent url('/images/menu/background.png') repeat-x top left;
    height: 33px;
    overflow: visible;
}

div#menu_bar_left {
  width: 6px;
  height: 33px;
  float: left;
  clear: none;
  background: #FFFFFF url('/images/menu/menu_bar_left.png') no-repeat top left;
}

div#menu_bar_right {
  width: 6px;
  height: 33px;
  float: right;
  clear: none;
  background: #FFFFFF url('/images/menu/menu_bar_right.png') no-repeat top right;
}

/*div#left_menu ul {
  list-style: none;
	margin: 0;
	padding-left: 15px;
}

div#left_menu ul.topLevel
{
	padding: 0;
}*/

/*
div#left_menu ul li a.topLevel
{
  width: 214px;
  height: 30px;
  line-height: 30px;
  color: #404040;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
	text-indent: 20px;
  float: left;
  clear: both;
  display: block;
  background: url('/images/menu/left_menu_bg.png') no-repeat top left;
}
div#left_menu ul li a.topLevel:hover,
div#left_menu ul li a.topLevel.selected
{
  background-position: 0px -40px;
  color: #FFFFFF;
}

div#left_menu ul li ul{ background: url('/images/menu/left_menu_child_bg.png') repeat-y; }
div#left_menu ul li ul li ul { 
  background: none; 
  list-style:disc;
  padding-left:25px;
}
div#left_menu ul li ul li ul li { 
  color:#CCCCCC;
}

div#left_menu ul li ul li a
{
  display: block;
	font-size:12px;
  line-height:180%;
	color:#001E3C !important;
	font-weight:bold;
	text-decoration:none;
}
div#left_menu ul li ul li ul li a
{
  line-height:150%;
	font-weight:normal;
}

div#left_menu ul li ul li a:hover
{
	text-decoration: underline;
}

div#left_menu ul li ul li a.selected
{
	color:#4B95F4 !important;
	font-weight:bold;
}*/

div#right_menu_buttons {
    clear:none;
    color:#303030 !important;
    float:left;
    font-size:13px;
    font-weight:normal;
    line-height:33px;
    padding-left:15px;
}

div#right_menu_buttons a {
  float: none !important;
  display: inline !important;
  font-weight: normal !important;
  margin: 0px !important;
  padding: 0px !important;
}

div#right_menu_buttons strong {
  text-decoration: underline;
}

div#search_term1_container  {
    clear:none;
    float:left;
    height:33px;
    padding-right:15px;
}

div#search_term1_container label {
    clear:none;
    color:#303030 !important;
    display:block;
    float:left;
    font-size:13px;
    font-weight:bold;
    line-height:33px;
    padding:0 15px;
}

input#search_term1_submit_button {
    clear:none;
    display:block;
    float:left;
    height:31px;
    margin-top:1px;
    width:35px;
}

div.searchInput {
   background:url("/images/menu/search-bg.jpg") no-repeat scroll left top transparent;
    clear:none;
    float:left;
    height:31px;
    margin-right:10px;
    margin-top:1px;
    width:256px;
}

div.searchInput input {
   background:none repeat scroll 0 0 transparent;
    border-color:-moz-use-text-color #BBBBBB;
    border-style:none solid;
    border-width:0 1px;
    color:#00366D;
    font-size:15px;
    font-weight:normal;
    height:21px;
    margin:0;
    padding:5px 9px;
    width:235px;
}


/* Flash Messages */

div.flashMessage {
  padding: 10px 35px;
  color: #FFFFFF;
  width: 920px;
  margin: 20px auto 0 auto;
}

div.flashMessage.success {
  background: url(/sfDoctrinePlugin/images/tick.png) no-repeat 10px center;
  border: 1px solid #ddd;
  padding: 6px 4px 6px 30px;
  background-color: #ffc;
  color: #000;
}

div.flashMessage.success a{
  text-decoration:underline;
  color: #000;
}

div.flashMessage.success img{
  vertical-align:middle;
  margin-right:20px;
}

div.flashMessage.error {
  background-color: #9a1320;
}

/* Columns */

div#left_column {
    width: 215px;
    float: left;
    clear: none;
    padding-bottom: 20px;
}

div#middle_column {
	margin-left: 20px;
  margin-right: 20px;
	width: 495px;
	float: left;
	clear: none;
	padding-bottom: 20px;
}

div#right_column {
	width: 210px;
	float: right;
	clear: none;
	padding-bottom: 95px;
}
div#right_column ul {
  padding:0px;
  margin:0px 0px 0px 20px;
}
div#right_column ul li {
  padding:0px;
  margin:0px 0px 3px 0px;
}

div#right_column .boxRight ul{
  padding:0px 0px 0px 0px;
  margin:5px 0px 5px 0px;
}

div#right_column .boxRight ul li{
  padding:2px 0px 2px 10px;
  margin:0px 0px 0px 0px;
  list-style:none;
}

div#right_column .boxInner{
  float:left;
  width:205px;
  border-left:1px solid black; 
  overflow:hidden;
}

div#double_column {
  float: left;
  clear: none;
  width: 725px;
  margin-left: 20px;
  padding-bottom: 95px;
}

/* Left Column */

div.boxLeft {
  width: 100%;
  margin-bottom: 10px;
  float: left;
  clear: both;
}

div.boxTop {
  float: left;
  clear: none;
  height: 44px;
  width: 100%;
}

div.boxTop h1 {
	margin-top: 9px;
}

div.boxLeft div.boxTop {
  width: 214px;
}

div.boxLeft div.boxBottom {
  width: 214px;
  background: transparent url('/images/menu/left_menu_bottom.png') no-repeat top left;
  height: 11px;
  float: left;
  clear: both;
}

div.boxRight div.boxBottom {
  width: 210px;
  background: #FFFFFF url('/images/menu/box_red_bottom.png') no-repeat top left;
  height: 11px;
  float: left;
  clear: none;
}

div.boxLeft div.boxBlueContent {
  width: 214px;
  x-padding-bottom: 10px;
  color: #FFFFFF;
  float:left;
  overflow:hidden;
  
  font-weight: normal !important;
  background: transparent url('/images/menu/left_box_blue_bottom.png') no-repeat bottom left;
}

div.boxLeft ol {
	margin: 0 0 20px 15px;
	padding: 0;
  font-size: 12px;
  line-height: 20px;
}

div.boxLeft ol li {
	margin-left: 25px;
}

div.boxTopBlue {
  background: #FFFFFF url('/images/menu/box_top_blue.gif') no-repeat top right;
  color: #FFFFFF;
}

div.boxTopBlue h3, div.boxTopRed h3 {
	margin: 13px 11px;
	float: left;
	clear: none;
}
div.boxTopBlue h3 a, div.boxTopRed h3 a {
  color:white;
  font-weight:bold;
}

div.boxTopBlue a {
  color: #FFFFFF;
  text-decoration: underline;
}

div.boxTopBlue a:hover {
  text-decoration: none;
}

div.boxTopBlue div.breadcrumb {
  margin-top: 13px;
  margin-left: 20px;
}

div.boxTopBlue  h1{
  padding-top:5px;
  padding-left:5px;
  width:90%;
  overflow:hidden;
  font-size:15px;  
  font-weight:bold;
}
div.boxTopBlue div.breadcrumb h1 {
  padding-left:0px;
  padding-top:0px;
  width:auto;
}

div.boxTopLeft {
  height: 44px;
  width: 10px;
  background: #FFFFFF url('/images/menu/box_top_blue_left.gif') no-repeat top left;
  float: left;
  clear: none;
}

div.boxTopRed {
  background: #FFFFFF url('/images/menu/box_top_red.png') no-repeat top right;
  color: #FFFFFF;
}

div.boxTopRedLeft {
  height: 44px;
  width: 10px;
  background: #FFFFFF url('/images/menu/box_top_red_left.png') no-repeat top left;
  float: left;
  clear: none;
}

div.boxRight {
  width: 100%;
  margin-bottom: 10px;
  float: left;
  clear: both;
}

div.boxLeft h3 {
  float: left;
  clear: none;
}

div.boxLeft div.boxTop {
  border-bottom: 1px solid #000000;
}

div.box {
  background: #FFFFFF url('/images/box_bg.png') no-repeat bottom right;
  overflow: hidden;
}

div.boxBottomLeft {
  float: left;
  clear: both;
  background: #FFFFFF url('/images/box_bottom_left.png') no-repeat bottom left;
  height: 16px;
  width: 12px;
}

div.boxContent {
  padding:10px;
  float: left;
  overflow:hidden;
  width:97%;
  background: transparent url('/images/box_left.png') repeat-y top left;
}

div.boxRight ol{
  margin:10px 0px;
  padding:0px 10px 0px 30px;
}
div.boxRight ol li{
  padding:2px 0px 2px 0px;
}


div#middle_column div.boxContent {
  width:475px;
}

div.boxContent.padded {
	padding: 0 20px;
}

div#left_column div.box {
	background: #E0E0E0 url('/images/menu/left_gradient.png') repeat-x top left;
	border: 1px solid #BBBBBB;
	padding: 14px 10px;
	width: 153px;
	float: left;
	margin-top: 20px;
	color: #404040;
	font-size: 11px;
}

div#left_column div.box span.highlight {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

div#left_column div.box ol {
	padding: 0px;
	padding-left: 0px;
	margin: 0px;
	margin-left: 20px;
}

div#left_column div.box li {
	margin: 0px;
	padding: 0px;
	padding-left: -5px;
}

div#left_column div.boxSmall {
	background: #E0E0E0 url('/images/menu/left_gradient_small.png') repeat-x top left;
}

div#logos_box {
	text-align: center;
  background: #FFFFFF url('/images/menu/logos_bg.png') no-repeat bottom left;
  width: 214px;
  padding-bottom: 10px;
  padding-top: 1px;
}

div#logos_box_top {
  background: #FFFFFF url('/images/menu/logos_bg_top.png') no-repeat top left;
  width: 214px;
  height: 9px;
}

div#logos_box a {
	display: block;
  float: left;
  clear: none;
	margin: 10px 10px;
}

/* Content */

div#breadcrumb {
  margin-bottom: 10px;
  line-height: 20px;
  color: #2B5CAA;
  font-size: 12px;
  font-weight: bold;
}

div#breadcrumb img {
  vertical-align: top;
  height: 14px;
}

div#breadcrumb a {
  color: #2B5CAA;
  text-decoration: none;
  font-weight: normal;
}

div#breadcrumb a:hover {
  text-decoration: underline;
}

div#content_bar {
padding-top: 15px;
}

/* Right Column */

a.specialOffer {
	background-color: #FFFFFF;
	width: 209px;
  background: #FFFFFF url('/images/menu/special_offer_bg.png') top left;
  height: 115px;
  padding-left: 1px;
	display: block;
	float: left;
	clear: none;
	color: #404040;
	text-decoration: none;
}

a.specialOffer span.details {
  display: block;
  float: right;
  clear: none;
  width: 90px;
  margin-top: 12px;
  margin-bottom: 5px;
  margin-right: 5px;
}

a.specialOffer span.title {
	width: 91px;
	font-size: 12px;
	font-weight: bold;
	float: right;
	clear: none;
	display: block;
  color: #540008;
}

a.specialOffer img {
	float: left;
	clear: none;
  height: 100px;
  margin-top: 5px;
  margin-left: 5px;
}

a.specialOffer span.price {
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	clear: none;
	display: block;
  font-weight: bold;
}

a.specialOffer span.price span.highlight {
	font-weight: bold;
	font-size: 22px;
}

a.specialOffer span.ribbon {
	position: absolute;
	top: -9px;
	right: -9px;
	width: 105px;
	height: 105px;
	background: transparent url('/images/special_offer.png') no-repeat top right;
	display: block;
}

div.financialLogos {
  float: left;
  clear: none;
  margin-top: 10px;
  width: 100%;
  text-align: center;
}

div.financialLogos a.logo {
  display: block;
  margin-bottom: 20px;
}

div.financialLogos .logoBox {
  border: 1px solid #000000;
  text-align: center;
  margin-bottom: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/* Footer */

div#footer {
	position: relative;
	overflow: visible;
	height: 180px;
	padding-top: 32px;
	color: #FFFFFF;
	font-size: 12px;
}

div#footer_bar {
  height: 218px;
  background: #000000 url('/images/footer/background.png') repeat-x top left;
  font-weight: normal !important;
}

div#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

img#footer_people {
	position: absolute;
	top: -94px;
	right: 0px;
}

div#footer h3 {
	color: #C2C2C2;
	font-weight: bold;
	font-size: 21px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

div#footer h4 {
	color: #C2C2C2;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}

div.footerColumn {
	float: left;
	clear: none;
	padding-top: 0px;
}

div#footer_left {
	width: 115px;
	margin-left: 75px;
}

div#footer_left ul {
	padding: 0px;
	margin: 0px;
}

div#footer_left li {
	list-style: none;
	line-height: 16px;
}

div#footer_middle {
	width: 293px;
	height: 150px;
	background: transparent url('/images/footer/middle_bg.png') repeat-y top left;
	margin-right: 40px;
	margin-left: 10px;
	padding-left: 40px;
}

div#footer_middle a {
	text-decoration: underline;
}

div#footer_middle a:hover {
	text-decoration: none;
}

div#footer_middle div.searchInput {
	left: 0px;
}

div#footer_middle div.searchInput {
  background:url("/images/footer/search_bg.png") no-repeat scroll left top transparent;
  clear:none;
  float:left;
  height:17px;
  margin-top:7px;
  width:195px;
}

div#footer_middle div.searchInput input {
  background:none repeat scroll 0 0 transparent;
  border:0 none;
  font-size:10px;
  height:13px;
  margin:0;
  padding:3px 6px 0 4px;
  width:186px;

  /*border: 0px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 0 6px 2px 11px;
  font-size: 10px;
  margin: 0px;
  width: 186px;
  color: #2B2B2B;
  height: 21px;*/
}

div#footer_middle div.search label {
  display: none;
}

input#search_term2_submit_button {
  clear:none;
  float:left;
  margin-left:10px;
}

div#footer_right ul {
	padding: 0px;
	margin: 0px 0px 10px 14px;
}

div#footer_right li {
	padding: 0px;
	padding-left: 0px;
	line-height: 16px;
}

/* Featured Products */

div.featuredProduct {
	width: 215px;
	float: left;
	clear: none;
  margin-left: 20px;
	margin-top: 20px;
}

table#featured_products div.details {
  float: left;
  clear: none;
  width: 135px;
}

table#featured_products h3 {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 14px;
	font-weight: bold !important;
	margin-bottom: 5px;
  color: #004D9D !important;
}

table#featured_products a {
	color: #FFFFFF;
	text-decoration: none;
}

table#featured_products a:hover {
	text-decoration: underline;
}

table#featured_products h3 a {
  color: #004D9D !important;
  font-size: 14px;
  font-weight: bold !important;
}

table#featured_products img {
	float: left;
	clear: none;
	margin-right: 10px;
}

table#featured_products span.pricesFrom {
	display: block;
	color: #AE1625;
	font-size: 11px;
	line-height: 20px;
	margin-top: 5px;
	float: left;
	clear: none;
  margin-bottom: 5px;
}

table#featured_products span.price {
	display: block;
	font-weight: bold;
	font-size: 19px;
	margin: 5px 0px 0px;
}

table#featured_products td {
  padding-bottom:20px;
}
table#featured_products td.border {
  border-top:1px solid #ccc;
  padding-bottom:0px;
}

table#featured_products td.link {
  padding-bottom: 10px;
}

a.viewMoreLink, a.backLink, a.addressFinder {
    display: block;
    background: transparent url('/images/blue_arrow.png') no-repeat top right;
    color: #FFFFFF;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    font-size: 12px;
    float: left;
    text-align: center;
    padding: 0px 10px;
}

a.viewMoreLink.right{
  float:right;
}

a.backLink {
  background-image: url('/images/blue_arrow_back.png');
  background-position: top left;
}

/* Sub-Category Lists */

div.subCategoryList {
  width: 100%;
  float: left;
  clear: both;
  background: #F3F3F3;
  border-bottom: 1px solid #aaa
}

div.subCategory {
  width: 221px;
  float: left;
  padding: 0px 11px 0px 0px;
  x-margin-top:10px;
  x-margin-bottom:10px;
  position:relative;
  height: 120px;
  background: #ffffff;
/*  border-right:1px solid #aaa;*/
}

div.subCategory.odd {
/*  padding-right:10px;
  margin-left:10px;
  margin-right:0px;
  border-right:0px;*/
  border-left: 1px solid #aaa;
  padding-left: 10px;
}

div.subCategory.even.final {
  border-right: 1px solid #aaa;
}

div.subCategory h3 {
  float: left;
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0px;
  color: #004D9D;
}

div.subCategory a.viewMoreLink {
  float: right;
  clear: none;
  margin-top: 10px;
}

div.subCategory a.categoryImageLink {
  float: left;
  clear: none;
  margin-top: 10px;
}

div.subCategory a {
  text-decoration: none;
}

div.subCategory a:hover {
  text-decoration: underline;
}

div.subCategory img {
  float: left;
  clear: none;
  margin-left: 10px;
  margin-right: 10px;
}

div.subCategory span.pricesFrom {
  display: block;
  color: #E71926;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 20px;
  margin-top: 10px;
  float: left;
  clear: none;
}

div.subCategory span.price {
  display: block;
  font-weight: bold;
  font-size: 20px;
  margin: 5px 0px 0px;
}

/*div.subCategory a.viewMoreLink {
  display: block;
  background: transparent url('/images/view_more_bg.png') no-repeat top center;
  width: 100%;
  color: #FFFFFF;
  height: 23px;
  line-height: 23px;
  font-weight: bold;
  float: left;
  clear: both;
  text-align: center;
  margin-top: 10px;
}
*/

div.subCategory a.viewMoreLink {
  color: #FFFFFF;
}

div.subCategory a.categoryImageLink {
  float: left;
  clear: none;
}

div.subCategory div.categoryDetails {
  float: left;
  clear: none;
  width: 110px;
  padding-left: 5px;
}

div.subCategory div.categoryDetails h3 {
  margin-top: 10px;
}

div.subCategory div.categoryDetails .viewMoreLink{
  display:block;
  width:100px;
  position:absolute;
  bottom:10px;
  right:10px;
}

.categoryDescription {
  float: left;
  clear: left;
  margin: 0;
  color: #999;
}

.categoryDescription a { color: #666; text-decoration: none; }
.categoryDescription a:hover { color: #4C91DC; text-decoration: none; }

div.subCategory .categoryDescription {
  margin-left: 0px;
}

/* Product List */

.categoryTitle {
  color: #124E9D;
  font-size: 22px;
  margin-left: 0px;
  margin-top: 0px;
  float: left;
  clear: both;
  font-weight: bold
}

div.productList {
  float: left;
  clear: both;
}

div.productList p {
  display: inline;
}

div.productList h3 {
  float: left;
  clear: both;
  width: 100%;
  margin: 10px 0px;
}

div.productList h3 a {
  font-size: 14px;
  font-weight: bold;
  color: #004D9D;
}

div.productEntry {
  float: left;
  clear: both;
  border-top: 1px solid #BFC6CE;
  margin: 0px 0px 0px 1px;
  padding: 10px 0px;
  width: 100%;
}

div.productEntry a.productImageLink {
  float: left;
  clear: none;
  width: 100px;
  margin-right: 10px;
}

div.productList div.productDetails {
  float: left;
  clear: none;
  width: 255px;
  
}

div.productList div.description {
  float: left;
  clear: both;
  color: #404040;
}

div.productList div.priceFigure {
  width: 100px;
  height: 77px;
  background: #FFFFFF url('/images/price_bg.png') no-repeat top left;
  float: right;
  clear: none;
  font-size: 12px;
  color: #000000;
  text-align: center;
  padding-top: 25px;
  margin-right: 2px;
}

div.productList div.priceFigure span {
  font-size: 19px;
  font-weight: bold;
}

div.productList a.viewMoreLink {
  float: left;
  clear: both;
  margin-top: 10px;
}

div.productList td.moreInfo {
  padding-left: 5px;
  padding-right: 5px;
  width: 100px;
}

div.productList td.moreInfo a {
  display: block;
  padding: 5px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  background-color: #2756AE;
  border: 2px solid #FFFFFF;
}

div.productList td.moreInfo a:hover {
  text-decoration: underline;
}

div.productList div.filter
{
	float: left;
	clear: both;
	width: 100%;
  border-bottom: 1px solid #BFC6CE;
	margin-left: 5px;
	text-indent:15px;
}

div.productList div.filter label
{
	line-height: 24px;
}

div.productList div.filter .formContent
{
	float: right !important;
}

/* Pagination */

div.showing, div.pagination {
  margin-top: 5px;
  margin-bottom: 5px;
  border-top: 1px solid #BFC6CE;
  border-bottom: 1px solid #BFC6CE;
  padding-top: 5px;
  padding-bottom: 5px;
  text-indent: 15px;
  float: left;
  clear: none;
  width: 100%;
}

div.showing div, div.pagination div.pages {
  float: left;
  clear: none;
  margin-left: 5px;
}

div.showing div.numberPerPage
{
	float: right;
}

div.pagination div.pageList {
  float: right;
  clear: none;
}

div.pagination div.pageList span {
  display: block;
  float: left;
  clear: none;
  margin-right: 5px;
  font-weight: bold;
}

div.pagination div.pageList a {
  display: block;
  float: left;
  clear: none;
  margin-right: 5px;
  color: #2756AE;
}

/* Product screen */

div.innerBoxContent {
  padding-top:5px;
  overflow:hidden;
  float:left;
}

div.productImages {
  width: 200px;
  margin-right: 20px;
  float: left;
  clear: none;
  margin-bottom: 10px;
}

a.productThumb img {
  width: 50px;
  border: 1px solid #006699;
  margin-right: 3px;
  margin-bottom: 3px;
}

.mainProductImage {
  position: relative;
  float: left;
  width: 200px;
  margin-bottom: 20px;
  text-align:center;
}

.mainProductImage .magnifier {
  position: absolute;
  display: none;
  top: 5px;
  right: 5px;
}

.mainProductImage:hover .magnifier {
  display: block;
}

div.innerBoxContent div.productDetails {
	position: relative;
  float: left;
	width:360px;
	padding-right: 100px;
	overflow:hidden;
	min-height:200px;
}

div.productLogos {
  position: absolute;
	top: 0px;
	right: 0px;
}

div.productDetails h1 {
  float: left;
  clear: both;
  font-size: 19px;
  margin: 0px;
  margin-bottom: 5px;
  font-weight: bold;
  width:330px;
  /*color: #004D9D;*/
}

div.productDetails h2 {
  float: left;
  clear: both;
  font-size: 18px;
  font-weight: bold;
  /*color: #004D9D;*/
  margin: 0px;
  margin-bottom: 10px;
  width:330px;
}


p.productDescription {
  float: left;
  clear: none;
  width: 380px;
  margin-bottom: 20px;
}

div.innerBoxContent img.main {
  float: left;
  clear: none;
  margin-right: 10px;
  margin-bottom: 10px;
}

div.productKeyPoints {
  float: left;
  clear: both;
  margin: 0 0 10px 0;
  width: 100%;
}

ul.productKeyPoints {
  float: left;
  clear: none;
  margin: 0px;
  margin: 0 30px 0 15px;
  padding: 0px;
  font-size: 14px;
  font-size:0.9em;
  color: #404040;
}

ul.productKeyPoints li {
  margin: 0px;
  padding: 2px 0px;
  line-height: 150%;
}

div.productRelated {
  width: 230px;
  float: left;
  clear: none;
  margin-right: 10px;
}

.use-with img{
  margin-bottom:10px;
}
.use-with{ 
  width:100px;
  height:167px;
  
  padding:45px 10px 0px 18px;
  
  background:url(/images/use-with-box.jpg) top right no-repeat;
	
  font-size:0.85em;
  
  text-align:center;
  
  position:absolute;
  right:0px;
  top:0px;
}


.product-details p{
  margin:0px 0px 10px 0px;
  text-align: justify; text-justify: newspaper ;
}
.product-details{
  position:relative;
  width:100%;
  overflow:hidden;
  margin:10px 0px;
  line-height:1.6;
  color:#404040;
}

div.productAttachments {
  width: 230px;
  float: left;
  clear: none;
  margin-top: 5px;
}

ul.productAttachments {
  float: left;
  clear: none;
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
}

ul.productAttachments li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul.productAttachments a {
  color: #AE1625;
}

/* Use with */

div.useWithProducts {
  width: 230px;
  float: left;
  clear: none;
  margin-top: 15px;
  margin-right: 10px;
}

ul.useWithProducts {
  float: left;
  clear: none;
  padding: 0px;
	margin:0 0 0 15px;
  margin-top: 10px;
}

ul.useWithProducts li {
  list-style-image: url(/images/bullet_raquo.png);
  margin: 0;
  padding: 0;
}

ul.useWithProducts a {
  color: #004C9C;
}


/* Related Products */

div.relatedProducts {
  background-color: #004C9C;
  float: left;
  clear: both;
  width: 100%;
}

div.relatedProducts ul {
  background-color: #FFFFFF;
  margin: 0px 10px;
  padding: 0px;
  float: left;
  clear: none;
  width: 690px;
  position: relative;
}

div.relatedProducts li {
  position: relative;
  list-style: none;
  border-right: 1px solid #004C9C;
  float: left;
  clear: none;
  width: 215px;
  padding: 5px;
}

div.relatedProducts a.relatedImageLink {
  float: left;
  clear: none;
}

div.relatedProductsTop {
  background: #004C9C url('/images/related/top_bg.png') no-repeat top right;
  height: 59px;
  width: 100%;
  float: left;
  clear: none;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 20px;
  line-height: 50px;
}

div.relatedProductsTopLeft {
  background: #004C9C url('/images/related/top_left.png') no-repeat top left;
  height: 59px;
  width: 15px;
  float: left;
  clear: none;
}

div.relatedProductsBottom {
  background: #004C9C url('/images/related/bottom_bg.png') no-repeat bottom right;
  height: 15px;
  width: 100%;
  float: left;
  clear: both;
}

div.relatedProductsBottomLeft {
  background: #004C9C url('/images/related/bottom_left.png') no-repeat bottom left;
  width: 15px;
  height: 15px;
  float: left;
  clear: none;
}

div.relatedDescription {
  float: left;
  clear: none;
  width: 100px;
  margin-left: 10px;
}

div.relatedDescription a {
  font-weight: bold;
}

div.relatedDescription a.viewMoreLink,
ul.relatedProducts a.viewMoreLink
{
  bottom: 10px;
  right: 10px;
  position: absolute;
}

div.boxNoBorder, div.boxNoBorder div.boxContent, div.boxNoBorder div.boxBottomLeft {
  background-image: none !important;
}


.searchPostcode{
  display:block;
  width:100%;
  overflow:hidden;
  margin:0px 0px 20px 0px;
  padding:0px 0px 0px 0px;
}
.searchPostcode .stronger{
  display:block;
  width:100%;
  overflow:hidden;
  margin:0px 0px 5px 0px;
  padding:0px 0px 0px 0px;
}
.searchPostcode label{
  margin:0px 0px 5px 0px;
  padding:5px 0px 0px 0px;
  width:200px;
  float:left;
  overflow:hidden;
}
.searchPostcode .formContent{
  width:500px;
  float:left;
  overflow:hidden;
}
.searchPostcode input{
  margin:5px 0px 5px 0px;
}
.searchPostcode .addressFinder{
  display:block;
 /* width:150px; */
  margin:6px 10px;
}




.payment-types{
  list-style:none;
  padding:0px;
  margin:0px;
}
.payment-types li{
  padding:3px 0px 3px 0px;
  margin:0px;
}
.payment-types li div.payment-type-card{
  padding:0px;
  margin:20px 0px 0px 10px;
}


div.yourAccountColumn {
  width:130px; 
}

a.colorPickerLink {
  margin-top: 5px;
  display: block;
  float: left;
  clear: none;
}

input.colorPickerText {
  width: 120px;
  display: none;
  float: left;
  clear: none;
  cursor: pointer;
}



div.fullOffers{
  width:100%;
  overflow:hidden;
}
div.fullOffers a.specialOffer{
  width:100%;
  height:auto;
  overflow:hidden;
  background:none;
  border-bottom:1px solid #EFEFEF;
}
div.fullOffers a.specialOffer span.details{
  width:350px;
  overflow:hidden;
  border:0px;  
}
div.fullOffers a.specialOffer span.title ,
div.fullOffers a.specialOffer span.desc {
  margin-bottom:5px;
  width:250px;
  overflow:hidden;
  border:0px;  
  display:block;
  float:right; 
}



div.comodoLogo {
  float: right;
  clear: none;
  width: 120px;
  text-align: center;
  margin-top: 10px;
}
div.paymentDetails {
  float: left;
  clear: none;
  width: 420px;
}


#left_column {
  float:left;
  width:215px; 
  overflow:hidden;
}

#left_menu {
  float:left;
  width:215px; 
  overflow:hidden;
}


ul.topLevel{
  width:214px;
  overflow:hidden;
  border-top:0px;
  border-bottom:0px;
  list-style:none;
  margin:0px;
  padding:0px;
  float:left;
}
ul.topLevel li{
  width:100%;
  overflow:hidden;
  float:left;
  padding:0px;
  margin:0px;
}
ul.topLevel li a{
  display:block;
  width:192px;
  overflow:hidden;
  color:#404040;
  background:url(/images/menu/left_menu_bg.png) top left no-repeat;
  height:27px;
  padding:10px 0px 0px 22px;
  font-size:1.1em;
  font-weight:bold;
}
ul.topLevel li a:hover,
ul.topLevel li a.selected{
  background-position:bottom left !important;
  color:white;
  text-decoration:none;
}
/* SubLevel */
ul.topLevel li ul{  
  width:184px;
  overflow:hidden;
  border-top:0px;
  border-bottom:0px;
  margin:0px;
  padding:5px 10px 10px 20px;
  background:url(/images/menu/left_menu_child_bg.png) top left repeat-y;
  border-bottom:1px solid #c7c7c7;
  list-style:none;
}
ul.topLevel li ul li{  
  width:auto;  
  float:none;
  padding:2px 0px;
  margin:0px;
  margin-left:0px;
  padding-left:12px;
  background:url(/images/menu/bullet.jpg) 0px 5px no-repeat;
  color:black;
}
ul.topLevel li ul li a{
  font-weight:normal;
  display:inline;
  width:auto;
  background:none;
  height:auto;  
  font-size:0.9em;
  margin:0px;
  padding:0px;
}
ul.topLevel li ul li a:hover,
ul.topLevel li ul li a.selected{
  color:#4b95f4 !important;
}
/* SubSubLevel */
ul.topLevel li ul li ul{  
  border-bottom:none;
  background:none;
  padding:0px;
  margin:3px 0px 0px 0px;
  width:100%;
}
ul.topLevel li ul li ul li{ 
  background-image:url(/images/menu/bullet-hyphen.jpg);
}

.special_offers_view_all{
  width:208px;
  border:1px solid #540008;
  border-bottom:0px;
  padding:5px 0px;
  display:block;
  overflow:hidden;
  text-align:center;
  background:url(/images/menu/special-offers-all-bg.jpg) top left repeat-x;
  
}
.special_offers_view_all p{
  margin:0px;
  padding:0px;
}
.special_offers_view_all p a{
  font-weight:bold;
}


/*
  BASKET
*/
table.basket{
  width:700px;  
  margin-bottom:20px;
  margin-top:20px;
}
table.basket th{
  border:1px solid #BFC6CE;
  border-bottom:2px solid #BFC6CE;
  border-left:0px;
  padding:8px 8px 4px 8px;
  font-weight:bold;
}
table.basket td{
  border-bottom:1px solid #BFC6CE;
  padding:5px 8px;
  border-right:1px solid #BFC6CE;  
}
table.basket tr.alt td{
  background:#f8f8f8;
}
table.basket tr.alt td.blank{
  background:white;
}
table.basket tr.alt td.blank_right{
  background:white;
}
table.basket td.blank{
  border-bottom:none; 
   
}
table.basket td.blank_right{
  border-bottom:none; 
  border-right: none
}

table.basket th.sku{
  width:70px;
  border-left:1px solid #BFC6CE;
}
table.basket th.quantity{
  width:30px;
  text-align:center;
}
table.basket th.remove{
  width:50px;
  text-align:right;
  border:0px;
}
table.basket td.info{
  border:0px;
}
table.basket th.total,
table.basket th.price{
  width:90px;
  text-align:right;
}

table.basket td.sku{
  font-weight:bold;
  font-size:0.9em;  
  border-left:1px solid #BFC6CE;
  padding-left:10px;
}
table.basket td.product{
  font-size:0.9em;
}
table.basket td.product em{
  font-style:italic;
  color:#5b5b5b;
  font-size:0.9em;
}
table.basket td.total{
  border-right:1px solid #BFC6CE;
}
table.basket td.total,
table.basket td.total-amount,
table.basket td.price{
  text-align:right;
}
table.basket td.quantity{
  text-align:center;
}
table.basket td.remove{
  text-align:right;
  padding-right:10px;
  
  border-right:0px;  
  background:white !important;
  border-top:0px;
  border-bottom:0px;
}
table.basket td.remove a{
  text-decoration:underline;
}
table.basket td.remove a:hover{
  text-decoration:none;
}
table.basket td.net-total,
table.basket td.vat-total{
  text-align:right;
}
table.basket td.cost-total{
  font-weight:bold;
  text-align:right;
}
table.basket td.cost-total-amount{
  font-weight:bold;
  text-align:right;
}
table.basket td.total-amount{
}
table.basket td.info{
  text-align:center;
}
table.basket input{
  text-align:center;
}

.save-basket-form{
  float:right;
  width:320px;
  margin-top:18px;
}
.save-basket-info{
  float:left;
  width:300px;
}

#sf_payment_sage_pay_order_billing_postcode_check_search_results {
    margin-left:200px;
    overflow: auto;
    max-height: 200px;
    border: 1px solid #F0F0F0;
    background-image: -moz-linear-gradient(top, #FEFEFE, #F3F3F3); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FEFEFE),color-stop(1, #F3F3F3)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FEFEFE', EndColorStr='#F3F3F3'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FEFEFE', EndColorStr='#F3F3F3')";
}

#billing_postcode_check_loading {
    margin-left: 200px;
}

h3.big {
    font-size: 1.9em;
    margin: 7px 11px !important;
}

.red_cta {
    color: #999;
    font-weight: normal;
    margin: -10px 0 10px 0;
    font-size: 1em;
}

.red_cta p { margin:0; padding:0;}

.red_cta a { color: #4C91DC; text-decoration: none }

.alignLeft { text-align: left !important }
/*buttons.css*/
/* Top Tabs */

a.tab span.buttonLeft {
	background: transparent url('/images/header/tab_left.png') no-repeat top left;
	height: 30px;
	width: 9px;
	display: block;
	float: left;
	clear: none;
}

a.tab {
	float: left;
	clear: none;
	display: block;
	background: transparent url('/images/header/tab_right.png') no-repeat top right;
	height: 30px;
	line-height: 30px;
	margin: 0px 1px;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	padding-right: 9px;
}

a.tab:hover {
	position: relative;
	top: 2px;
}

a.tab img {
	position: relative;
	top: 5px;
}

a.tab span.highlight {
	font-weight: bold;
	color: #E71926;
}

/* Main Menu */

div.menu_bar a ,
div#menu_bar a 
{
	display: block;
	float: left;
	clear: none;
	color: #303030 !important;
  font-weight: bold;
	text-decoration: none;
	font-size: 13px;
  line-height: 33px;
  padding: 0px 15px;
}

div.menu_bar a:hover ,
div#menu_bar a:hover {
  text-decoration: underline;
}

div.menu_bar span.separator ,
div#menu_bar span.separator {
  display: block;
  float: left;
  clear: none;
  width: 2px;
  height: 31px;
  margin-top: 1px;
  background: transparent url('/images/menu/menu_bar_separator.png') repeat-y top left;
}

/* Left Hand Menu */

div.left_column a.button ,
div#left_column a.button {
	width: 214px;
	height: 30px;
	line-height: 30px;
	color: #404040;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	float: left;
	clear: both;
	display: block;
	background: transparent url('/images/menu/left_menu_bg.png') no-repeat top left;
}

div#left_column a.button span.buttonLeft {
	background: transparent;
	display: block;
	float: left;
	clear: none;
	width: 20px;
}

div#left_column a.button:hover,
div#left_column a.selected {
	background-position: 0px -40px;
	color: #FFFFFF;
}

div#left_column a.topButton {
	background-position: 0px -70px !important;
	color: #FFFFFF !important;
	margin-bottom: 15px;
}

ul.subCategories {
  width: 212px;
  float: left;
  clear: both;
  margin: 0px;
  padding: 5px 0px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #DDDDDD;
}

ul.subCategories li {
  margin: 0px;
  padding: 0px;
  padding-left: 25px;
  list-style: none;
  line-height: 150%;
  font-size: 12px;
}

ul.subCategories li a {
  color: #001E3C !important;
  text-decoration: none;
  font-weight: bold;
}

ul.subCategories li a:hover {
  text-decoration: underline;
}

ul.subCategories li a.selected {
  font-weight: bold;
  color: #4B95F4 !important;
}


div.innerBoxContent button.formSubmit
{
  border:0;
  background:url(/images/blue_arrow.png) top right no-repeat;
  height:21px;
  color:white;
  vertical-align:middle;
  padding:0px 10px 3px 5px;
  margin:0px;
}
/*forms.css*/
form {
  overflow: hidden;
}

div.formRow {
  /*float: left;*/
  clear: both;
  margin-bottom: 5px;
	width: 100%;
	overflow:hidden;
}

div.formRow label {
  font-weight: bold;
  float: left;
  clear: none;
  width: 200px;
}

div.formRow div.formContent {
  float: left;
  clear: none;
}

div.requiredNotice {
  font-style: italic;
  font-size: 11px;
  line-height: 20px;
}

span.required {
  color: #E71926;
}

input.formSubmit {
  float: left;
  clear: both;
  margin-right: 10px;
}

div.formRow label.error {
  color: #E71926;
}

ul.errorList {
  color: #E71926;
  font-size: 11px;
  float: left;
  clear: left;
}

ul.errorList li {
  list-style: none;
}

div.errorNotice {
  font-weight: bold;
  color: #E71926;
}

ul.radio_list {
  padding: 0px;
  margin: 0px;
}

ul.radio_list li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  float: left;
  clear: none;
}

ul.radio_list li label {
  display: inline !important; 
  font-weight: normal !important;
  width: auto;
  line-height: 20px;
}

input.quantity {
  width: 25px;
}

ul.table {
  margin: 0px;
  padding: 0px;
  float: left;
  clear: both;
  width: 100%;
}

ul.table li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
}

ul.basket li, ul.priceTable li, ul.basketList li {
  line-height: 30px;
  border-bottom: 1px solid #BFC6CE;
  padding: 2px 0px;
}

ul.priceTable li {
  border-left: 1px solid #BFC6CE;
  border-right: 1px solid #BFC6CE;
}

ul.priceTable li.first
{
  border-top: 1px solid #BFC6CE;
}

ul.priceTable li.alt
{
	background-color: #F0F0F0;
}

ul.table li.heading {
  background-color: #2756AE;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 30px;
}

ul.table li div {
  float: left;
  clear: none;
  color: #001E3C;
}

ul.priceTable div.quantity {
  width: 75px;
  text-align: center;
}

ul.priceTable div.primaryVariant {
  margin-left: 5px;
  width: 215px;
}

ul.priceTable div.secondaryVariant {
  width: 150px;
  overflow:hidden;
}

ul.priceTable div.secondaryVariant select {
  width: 140px;
  font-size: 0.8em;
}

div.secondaryVariant {
  position: relative;
  top: 5px;
}

ul.priceTable div.secondaryVariant input {
  width: 110px;
}

ul.priceTable div.price {
  width: 100px;
  text-align: right;
  font-weight: bold;
  font-size: 15px;
  padding-right:5px;
}

ul.priceTable div.addToBasket {
  width: 100px;
	margin-top: 3px;
	margin-right:5px;
	float:right;
}

ul.priceTable input, ul.priceTable select {
  margin-top: 3px;
}

/* Basket */

/*
ul.basket {
  margin: 0px;
  padding: 0px;
  float: left;
  clear: both;
  width: 100%;
}

ul.basket li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
  padding: 5px 0px;
  background-color: #DDDDDD;
}

ul.basket li.alt {
  background-color: #CCCCCC;
}

ul.basket li.heading {
  background-color: #2756AE;
  color: #FFFFFF;
  font-weight: bold;
}

ul.basket li div {
  float: left;
  clear: none;
}
*/
ul.basket div.color {
  width: 50px;
  text-align: center;
}

ul.basket div.colorBox {
  width: 20px;
  height: 20px;
  border: 1px solid #FFFFFF;
  margin: 5px 14px;
}

ul.basket div.quantity {
  width: 75px;
  text-align: center;
}


ul.basket div.description {
  width: 385px;
  margin-left: 15px;
  font-size: 11px;
}

ul.basket li.headers div.description {
  font-size: 13px;
}

ul.basket div.unitPrice {
  width: 75px;
  text-align: right;
}

ul.basket div.totalPrice {
  width: 75px;
  text-align: right;
}

ul.basket div.removeItem {
  width: 65px;
  text-align: right;
}

ul.basket input {
  margin-top: 3px;
}

/* Saved Baskets */
/*
ul.basketList {
  margin-bottom: 10px;
}

ul.basketList li {
  line-height: 20px;
}
*/
ul.basketList div.name {
  width: 260px;
  margin-left: 0px;
}

ul.basketList div.created {
  width: 80px;
  visibility: hidden;
}

ul.basketList div.lastSaved {
  width: 80px;
}

ul.basketList div.view {
  width: 50px;
  text-align: right;
}

ul.savedBasket {
  margin-bottom: 10px;
}

div.greyBox {
  float: left;
  clear: both;
  width: 100%;
  background: #F0F0F0 url('/images/grey_box_top_right.png') no-repeat top right;
  margin-bottom: 10px;
}

div.greyBoxTop {
  float: left;
  clear: both;
}

div.greyBoxTopLeft {
  float: left;
  clear: none;
  background: #F0F0F0 url('/images/grey_box_top_left.png') no-repeat top left;
  width: 8px;
  height: 9px;
}

div.greyBoxBottom {
  background: #F0F0F0 url('/images/grey_box_bottom_right.png') no-repeat bottom right;
  float: left;
  clear: both;
  width: 100%;
}

div.greyBoxBottomLeft {
  float: left;
  clear: none;
  width: 8px;
  height: 9px;
  background: #F0F0F0 url('/images/grey_box_bottom_left.png') no-repeat bottom left;
}

div.greyBoxContent {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  clear: both;
  position: relative;
}

div.greyBoxContent h2 {
  font-size: 16px;
  margin: 0px;
  margin-bottom: 10px;
}

.checkout-basket{
  width:100%;
  overflow:hidden;
  margin-bottom:30px;
  margin-top:-10px;
}

ul.basket li.headers{
  font-weight:bold;
  padding-top:0px; 
  padding-bottom:0px;
  border-top:1px solid #BFC6CE;
}

ul.basket {
  width:703px;
}

a.colorPickerLink {
  position: relative;
  top: -5px;
}

input.hidden {
	display: none;
}

/*/js/colorbox/colorbox.css*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:32px; padding-bottom: 32px;}
        #cboxLoadedContent{background:#FFF; padding:10px; padding-top: 40px; }
        #cboxLoadingGraphic{background:url(/js/colorbox/images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:5px; right: 5px; background:url(/js/colorbox/images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

#cboxMiddleLeft { background: transparent url('/images/colorpicker_left.png') no-repeat top left; width: 10px; position: relative; top: 32px; height: 625px; }
#cboxMiddleRight { background: transparent url('/images/colorpicker_right.png') no-repeat top right; width: 10px; position: relative; top: 32px; height: 625px; }
#cboxLoadedContent { overflow: hidden; height: 575px; }

/*homepage.css*/
h1.welcome {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 21px;
}

h1.welcome span.highlight {
	font-weight: bold;
}

p {
	line-height: 20px;
}


/*
div#homepage_lead {
  width: 100%;
  height: 252px;
  background: transparent url('/images/lead_bg.png') no-repeat top right;
  margin-bottom: 20px;
}

div#homepage_lead_left {
  height: 252px;
  background: #FFFFFF url('/images/lead_left.png') no-repeat top left;
  width: 12px;
  float: left;
  clear: none;
}

div#homepage_lead_content {
  float: left;
  clear: none;
  width: 170px;
  color: #FFFFFF;
  margin-left: 10px;
  font-size: 12px;
  font-weight: normal;
}

div#homepage_lead_content h2 {
  font-size: 21px;
  margin-bottom: 20px;
  font-weight: bold;
}
*/

div#homepagecta {
  overflow:hidden;
  width:496px;
  background-position:top right;
  background-repeat:no-repeat;
  height:252px; 
  margin-bottom:20px;  
  background-image:url(/images/homepage/homepage-underlay.gif);
}

div#homepage_lead {
  overflow:hidden;
  width:496px;
  background-position:top right;
  background-repeat:no-repeat;
  position:relative;
}
div#homepage_lead a.cta {
  text-decoration:none;
  display:block;
  width:496px;
  height:252px;
  overflow:hidden;
  background-image:url(/images/homepage/homepage-overlay.png);
  background-position:top left;
  background-repeat:no-repeat;
}

div#homepage_lead a.cta:hover ,
div#homepage_lead a.cta:hover span.header ,
div#homepage_lead a.cta:hover span.sub {
  text-decoration:none;
  color:#a0c9ff;
}
div#homepage_lead a.cta span.header{
  padding:20px 0px 20px 20px;
  margin:0px;
  font-size: 21px;
  font-weight: bold;
  color:white;
  display:block;
  width:160px;
  overflow:hidden;
  line-height:21px;
}
div#homepage_lead a.cta span.sub{ 
  padding:0px 0px 20px 20px;
  margin:0px;
  font-size: 12px;
  font-weight: normal;
  color:white;
  display:block;
  width:160px;
  overflow:hidden;
}

div#homepage_lead div.cta-pagination{  
  position:absolute;
  right:4px;
  bottom:4px;
}
div#homepage_lead div.cta-pagination a{
  display:block;
  float:left; 
  width:18px;
  height:16px;
  padding-top:2px;
  font-size:0.8em;
  border:1px solid #676767;
  background:white;
  text-align:center;
  margin-left:2px;
}
div#homepage_lead div.cta-pagination a.current,
div#homepage_lead div.cta-pagination a:hover{
  background:#efefef;  
  text-decoration:none;
}