/* Copyright 2008 Design Solution Ltd */
@import "new.css";

body {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 62.5%;
/*	font-family: verdana, arial, sans-serif; */
/*	background: #F1F1F7 url(../images/bg_diag.gif) repeat-x 0 0;  */
	color: #0C2774;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.5em;
	color: #080048;
}

h3 {
	font-size: 1.3em;
	color: #080048;
}

h4 {
	font-size: 1.3em;
	color: #080048;
	margin-bottom: 0;
}

p {
	font-size: 1.3em;
}

div#body_container {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 863px;
	background: #ffffff url(../images/new/page_top.gif) no-repeat top center;
	padding-top:5px;
}

div#body_container_cd {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 850px;
	background: #ffffff url(../images/software.jpg) no-repeat bottom left;
}

a:link, a:visited {
	color: #0C2774;
}

a:hover, a:active {
}

a.header_link:link , a.header_link:visited {
	color: #6EAF33;
}

a.christmas:link , a.christmas:visited {
	color: #D72148;
	text-decoration: none;
}


a img {
	border: none;
}

ol {
	list-style-type: lower-roman;
	font-size: 1.3em;
}

label {
	font-size: 1.3em;
}

form dl {
	margin: 0;
}

form dt {
	float:left; width: 15em; text-align: right; margin-right: .4em;
	margin-bottom: .4em;
}

form dd {
	margin-bottom: 1em;
}

form {
	margin: 0;
	padding: 0;
	width: 80%;
}

del {
	text-decoration: line-through;
}

ins {
	text-decoration: none;
}


/* HEADER --------------------------------------------------------------------------------------- */
div#header {
	margin: 0;
	padding: 0;
	height: 75px;
	background-color: #ffffff;
	position:relative;
}

div.header_promo {
	width: 190px;
	height: 65px; 
	padding: 0;
	margin: 0 0 0 10px;
	color: #D72148;
	float: left;
}

div.header_promo2 {
	width: 100px;
	height: 65px; 
	padding: 0;
	margin: 0 0 0 10px;
	color: #D72148;
	float: left;
}


div.header_promo p {
	margin: 0;
	font-size: 1.1em;
	text-align: center;
}

div.header_promo  h4{
	font-size: 1.5em;
	padding: 0;
	margin: 5px 0 10px 0;
	color: #D72148;
	text-align: center;
	font-weight: normal;
}

div#header p {
	margin: 0 0 5px 0;
	padding: 0 10px 0 0;
	font-weight: bold;
}

div#header p#free_uk_delivery {
	color: #ff0055;
	background: url(/images/icons/lorry.gif) no-repeat top right;
	padding-right: 20px;
	margin-right: 10px;
}

div#header p#company_telephone {
	background: url(/images/icons/phone.gif) no-repeat top right;
	padding-right: 20px;
	margin-right: 10px;
}

div#header p#company_email {
	background: url(/images/icons/email.gif) no-repeat top right;
	padding-right: 20px;
	margin-right: 10px;
}

img#logo {
	float: left;
}


/* NAVIGATION ----------------------------------------------------------------------------------- */
div#navigation {
	margin:0;
	padding:0 0 20px 0;
	background:url(../images/new/nav_bottom.gif) no-repeat bottom center;
	height:38px;
}

ul#navigation_list {
	margin:0;
	padding:0;
	list-style: none;
	background:url(../images/new/navigation_bg.jpg) repeat-x 0 0;
	height:38px;
}

ul#navigation_list li {
	margin: 0;
	padding: 0 10px;
	float:left;
	height:38px;
	line-height:38px;
	border-right:1px solid #364e59;
}

ul#navigation_list li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.3em;
	display: inline-block;
	height:38px;
	line-height:38px;
}
ul#navigation_list li a strong {
	display: inline-block;
	height:38px;
	line-height:38px;
}
ul#navigation_list li a:hover {
	background:url(../images/new/nav_hover_left.jpg) no-repeat top left;
	padding-left:5px;
	margin-left:-5px;
	color:#4f595d;
}
ul#navigation_list li a:hover strong {
	background:url(../images/new/nav_hover_right.jpg) no-repeat top right;
	padding-right:5px;
	margin-right:-5px;
	color:#4f595d;
	cursor:pointer;
}


ul#navigation_list li a:hover {
	color: #ccc;
	background-color: transparent;
}
#nav_left {
background:url(../images/new/navigation_left.jpg) no-repeat left center;
padding-left:5px;
margin-left:5px;
}
#nav_right {
background:url(../images/new/navigation_right.jpg) no-repeat right center;
padding-right:5px;
margin-right:5px;
}

/* PHOTO BANNER --------------------------------------------------------------------------------- */
div#photo_banner {
	margin:0;
	padding:0;
	clear:both;
	height:150px;
}

/* SUB-NAVIGATION ------------------------------------------------------------------------------- */
div#sub_navigation {
	margin:0;
	padding:0 ;
}

div#sub_navigation h3 {
	color:#080048;
	display:block;
	padding:10px 5px;
	background:#c6d6de;
	margin:0;
	border-bottom:1px solid #ccc;
}

ul#sub_navigation_list {
	margin: 0;
	padding: 0;
}

ul#sub_navigation_list li {
	margin:0;
	padding:0;
	list-style-type: none;
	clear:both;
}
.noLink {
	margin: 0;
	padding: 5px 5px 5px 10px;
	color: #070048;
	background: #d0dee5;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	text-decoration:none;
	border-bottom:1px solid #ccc;
	width:200px;
	height:25px;
	line-height:25px;
	text-indent:10px;
}
ul#sub_navigation_list li a {
	margin: 0;
	padding: 5px 5px 5px 10px;
	color: #070048;
	background: #d0dee5;
	font-size: 1.2em;
	font-weight: bold;
	display: inline-block;
	text-decoration:none;
	border-bottom:1px solid #ccc;
	width:185px;
	clear:both;

}
ul#sub_navigation_list li.subLink a {
	font-weight: normal;
	padding-left:20px;
	width:175px;
	
}

ul#sub_navigation_list li a:hover {
	background:#ddedf5;
}

/* LEFT COLUMN ---------------------------------------------------------------------------------- */
div#left_column {
	margin: 0 0 0 5px;
	padding: 0 0 10px 0;
	float: left;
	width: 200px;
}

img.card_logos {
	margin: 30px 0 0 0;
	padding: 0 0 0 25px;
}

div#order_online {
	margin: 0;
	padding: 5px;
	background-color: #445895;
	color: #ffffff;
	text-align: center;
	font-size: 1.2em;
	background-image: url(../images/photos_bg.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

div#latest_news {
	margin: 10px 0 0 0;
	padding: 10px;
	background-color: #fbfbfb;
	border: 1px solid #cccccc;
}

div#latest_news h4 {
	margin: 0;
	padding: 0;
}

div#latest_news p {
	margin: 5px 0 0 0;
	padding: 0;
}

img#new_star {
	float: right;
	position: relative;
	top: -20px;
}

/* CENTER COLUMN -------------------------------------------------------------------------------- */
div#center_column {
	margin: 0 0 10px 0;
	padding: 10px 5px;
	float: left;
	width: 370px;
}

ul.client_list {
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	float: left;
}

ul.client_list li {
	margin: 0 15px 10px 0;
	padding: 0 0 0 20px;
	font-size: 1.2em;
	background-image: url(/images/icons/accept.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
/* 	height: 1.3em; */
}

ul.label_list {
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	float: left;
}

ul.label_list li {
	margin: 0 15px 10px 0;
	padding: 0 0 0 20px;
	font-size: 1.2em;
	background-image: url(/images/icons/accept.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#solutions p {
	margin-top: 0;

}

ul#cards_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#cards_list li {
	margin: 0 15px 10px 0;
	padding: 0 0 0 20px;
	font-size: 1.2em;
	background-image: url(/images/icons/accept.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 1.3em;
}

div.cart_box {
	padding: 0;
	margin: 0;
}

div#top {
	width: 400px;
	height: 200px;
	padding: 0;
	margin: auto;
}

div#bottom {
	width: 400px;
	height: 200px;
	padding: 0;
	margin: 20px auto 0 auto;
}

img.label_thumb {
	padding: 0;
	margin: 0;
}

div.cell_header {
	padding: 4px;
	margin: 0;
	background: #6EAF33;
	color: #FFF;
	font-size: 1.3em;
}

div.cell_narrow {
	width: 40%;
	padding: 0;
	margin: 5px;
	border: 1px solid #BCBCBC;
	float: left;
/*	overflow: hidden; */
/*	height: 348px; */
}

div.cell_narrow_left {
	padding: 10px 0 5px 6px;
	margin: 0;
	width: 55%;
	float: left;
}

div.cell_narrow_right {
	padding: 5px 5px 0 0;
	margin: 0;
	width: 30%;
	float: right;
}

div.cell2 {
	width: 330px;
	padding: 0;
	margin: 5px;
	border: 1px solid #BCBCBC;
	float: left;
	overflow: hidden;
}

div.cell3 {
	width: 597px;
	padding: 0;
	margin: 5px;
	border: 1px solid #BCBCBC;
	float: left;
	overflow: hidden;
}


div.cell_wrapper {
	width: 100%;
	padding: 10px 0 0 0;
	margin: 0;
	height: 109px;
}

strong.price {
	color: red;
	font-weight: bold;
	font-size: 1.6em;
	padding: 0;
	margin: 2px 0 0 0;
}

div.cell_wide_left {
	padding: 0 0 0 5px;
	margin: 0;
	width: 45%;
	float: left;
}

div.cell_wide_right {
	padding: 0;
	margin: 0;
	width: 30%;
	float: left;
	height: 70px;
}

div.cell_left_wide {
	padding: 0 5px 5px 5px;
	margin: 0;
	width: 100%;
	float: left;
}

div.cell_narrow_left p,
div.cell_narrow_right p,
div.cell_wide_left p,
div.cell_wide_right p {
	font-size: 1.2em;
	padding: 0;
	margin: 0 0 10px 0;
}

input.align {
	margin-bottom: 5px;
}

div.cell_left_wide dt , div.cell_right dt {
	width: 110px;
	padding: 8px 2px 0 0;
	margin: 0;
	text-align: right;
	display: inline;
	float: left;
	font-size: 0.9em;
}

div.cell_left_wide dd , div.cell_right dd {
	width: 168px;
	height: 50px;	
	padding: 0;
	margin: 2px;
	float: left;
}

div.cell_left_wide form {
	padding: 0;
	margin: 0;
	display: inline;
}

div.cell2 ul , 
div.cell_wide ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div.cell_narrow ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div.cell_wide li , div.cell_narrow li {
	padding: 0;
	margin: 0;
}

div#packing-partner-left {
	float: left;
	padding: 0;
	margin: 0;
	width: 440px;
}

div#packing-partner-right {
	float: left;
	padding: 0;
	margin: 0;
	width: 180px;
}

ul#supported-sites {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul#supported-sites li {
	padding: 0;
	margin: 15px 0 0;
}

dl.site-licences {
	padding: 0 0 0 10px;
	margin: 20px 0 0;
	width: 286px;
	float: left;
}


/* RIGHT COLUMN --------------------------------------------------------------------------------- */
div#right_column {
	margin: 0 5px 0 0;
	padding: 0;
	float: right;
	width: 250px;
	text-align: center;
}

div#flash_replace {
	margin: 30px 0 0 0;
	padding: 0;
}

/* SOLO COLUMN ---------------------------------------------------------------------------------- */
div#solo_column {
	margin: 0 0 10px 0;
	padding: 10px 10px;
	min-height: 500px;
}

div#news_current {
	float: left;
	width: 475px;
	margin: 0;
	padding: 0 25px 10px 0;
	border-right: 1px solid #eeeeee;
}

div#news_archive {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0 0 0 25px;
}

ul#news_archive_list {
	margin: 0;
	padding: 0;
	list-style-type: square;
	list-style-position: inside;
	font-size: 1.2em;
}

ul#partners_category_list {
	margin: 0;
	padding: 0;
	list-style-type: square;
	list-style-position: inside;
	font-size: 1.2em;
}

dl.partners_list {
	margin: 0 0 10px 0;
	padding: 15px 15px 5px 15px;
	font-size: 1.3em;
	border: 1px solid #dddddd;
	float: left;
	width: 795px;
}

dl.partners_list dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

dl.partners_list dd {
	margin: 0;
	padding: 0;
}

dl.partners_list dt img.partners_logo {
	float: left;
	margin: 0 10px 10px 0;
}

img.logos {
	margin: 0 5px 5px 6px;
	padding: 0;
}

p.labels {
	float: left;
	width: 145px;
	height: 192px;
	margin: 0 5px 5px 5px;
	padding: 0;
	text-align: center;
}

div#bespoke_banner {
	clear: both;
	border-top: 1px solid #eeeeee;	
}

dl#faq_list {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
}

dl#faq_list dt {
	margin: 0;
	padding: 0;
	color: #6EAF33;
	font-weight: bold;
}

dl#faq_list dd {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #dedede;
}

dl#faq_list dd ul {
	list-style-type: square;
}

div#left_center_column {
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
	float: left;
	width: 630px;
}

dl#news_form {
	margin: 0px;
	padding: 0px;
}

dl#news_form dt {
	margin: 10px 0 0 0;
	padding: 0;
	float: none;
	text-align: left;
}

dl#news_form dd {
	margin: 0 0 10px 0;
	padding: 0px;
	float: none;
}


/* LOWER PICS ----------------------------------------------------------------------------------- */
div#lower_photos {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#lower_photos div {
	width: 150px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 10px 0 10px;
}


div#bottom_banner {
	clear: both;
	padding: 0 20px 10px 0;
	text-align: right;
}

/* FOOTER --------------------------------------------------------------------------------------- */
div#footer {
	margin:0;
	padding-left:5px;
	clear:both;
	background:url(../images/new/navigation_left.jpg) no-repeat left center;
	height:38px;
	line-height:38px;
	color: #ffffff;
	font-size: .9em;
	text-align: center;
}
#footer_left {
background:url(../images/new/navigation_bg.jpg) repeat-x center;
height:38px;
}
#footer_right {
background:url(../images/new/navigation_right.jpg) no-repeat right center;
padding-right:5px;
}
div#footer p {
	margin: 0;
	padding: 0;
}

div#footer a:link, div#footer a:visited {
	color: #ffffff;
}

/* FORM ----------------------------------------------------------------------------------------- */
.formHint {
	color: gray;
	font-size: 0.8em;
}

fieldset {
	margin: 1em 0;
	border: none;
	border-top: 1px solid #ccc;
}

legend {
	margin: 1em 0;
	padding: 0 .5em;
	background: transparent;
	font-weight: bold;
}

ul#errors_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#errors_list li {
	margin: 0 0 1em 0;
	padding: 0 0 0 20px;
	background-image: url(../images/icons/exclamation.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 1.2em;
	color: #E05746;
	
}


dl#address_list {
	display: none;
}


/* EXTRA CLASSES -------------------------------------------------------------------------------- */
.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

h2.despatch {
	padding: 16px 0 0 0;
	margin: 0 0 0 10px;
	float: left;
}

img.preload {
	display: none;
}

p.copy {
	margin-top: 0;
}

p.date {
	font-size: 1em;	
}

p.message {
	font-size: 1em;	
	margin-bottom: 10px;
}

span.required {
	color: #ff0055;
}

img.news_image {
	float: right;
	margin: 0 0 0 10px;
}

p.bespoke_banner{
	padding: 0;
	margin: 30px 0 10px 0;
}

img.admin_news_image {
	border: thin solid #000000;
}

ul.features_list {
	font-size: 1.3em;
	list-style-type: none;
	list-style-position: inside;
	margin: 10px 0 0 0;
	padding: 0;
}

ul.features_list li {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	background-image: url(../images/icons/accept.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 1.3em;
}

span.center {
	text-align: center;
}

table.price_table {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.3em;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

table.price_table caption {
	color: #6EAF33;
	font-weight: bold;
	margin-bottom: 5px;
}

table.price_table tr th {
	background-color: #f5f5f5;
	padding: 5px;
	border-right: 1px solid #cccccc;
}

table.price_table td {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 5px;
	text-align: center;
}

form.add_to_cart {
	text-align: right;
}
form.add_to_cart dl dt {
	text-align: left;
}

ul.directions {
	font-size: 1.2em;
	list-style-type: square;
}

.option_available {
	border: 1px solid #cccccc;
	padding: 5px;
	background-color: #fbfbfb;
	text-align: center;
}

.big {
	font-size: 2em;
	color: #6EAF33;
}

div.partners_puzzle {
	background-image: url(../images/partner_bg.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

div#ekm {
	margin: 0;
	padding: 0 0 100px 0;
}

span.head{
	font-size: 1.3em;
	color: #6EAF33;
	margin: 0;
	padding: 0;
	font-family: verdana,arial,sans-serif;
}

span.sub {
	font-size: 1.3em;
	color: #0C2774;
	margin: 0;
	padding: 0;
	font-family: verdana,arial,sans-serif;
}

div#newsletter {
	margin: 0;
	padding: 5px;
	float: left;
	width: 190px;
	text-align: left;
}

div#newsletter h3 {
	margin: 5px 0 2px 0;
	padding: 0;
}

.align {
	vertical-align: middle;
}

span#new {
	margin: 0;
	padding: 0;
	position: relative;
	top: -24px;
	left: 135px;
	color: #ff0055;
	font-size: 1.2em;
	font-weight: bold;
}