body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	/*color:#565656;*/
	color:#000;
	margin:0px; 
	padding:10px;
	background-color:#FFFFFF;
	}

h1,h2,h3,h4,h5,h6 {
	padding:0px; 
	margin:0px;
	}

h1 {font-size:200%;} 
	 
h2 {font-size:x-large;}
	
h3 {font-size:large;}

h4 {font-size:medium;}

p {margin:15px 0px;}

p a:hover {text-decoration:underline !important;}

a:link {
	text-decoration: none !important;
	}
	
a:visited {
	text-decoration: none !important;
	}

a:hover {
	text-decoration:underline !important;
	}
	
a:active {
	text-decoration: none;
	}

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

ul li {
	padding:0px;
	margin:0px;
	}

li {padding:0px;
	margin:0px;
	list-style-type:none;
	}

li.bullet {
	list-style-type:square !important;
	list-style-position:inside;	
	padding:3px 0px 3px 15px !important;
	}

li bullet {
	list-style-type:square !important;
	list-style-position:inside;
	padding:5px !important;
	}


a:link img {
	border:none !important;
	}

img a {
	border:none !important;
	}

a img {border:none !important;}

input { margin-right:3px !important;}


table, td, th {
border:solid 1px #466f82;
}

table {margin-left: 1px;
	background-color:#FFF;
	}

td, th {padding:5px;}

.inline li {display:inline;}

.clear {clear:both;}

.hide {display:none;}

.hidden { 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden; 
	} 

.note {font-size:85%;}

.right {float:right;}

.left {float:left;}

.sectioning {
width:auto;
height:auto;
margin:5px 0px;
padding:5px;
border:solid 1px #466f82;
background-color: #e0e9ed;
}

.errorsummary 
{width:auto;
height:auto;
margin:5px 0px;
padding:5px;
border:solid 1px #ff0000;
background-color: #faeef1;
}

/* form items */

.searchtxtbox {
width:90%;
margin:5px;
}

/***/


/* layout */

#wrapper {	
	width:950px;
	margin:15px auto 0px auto; 
	position: relative;
	height:auto;
	/*background-color:#eee;*/	
	}

#footer-wrapper {
	width:950px;
	height:auto;
	padding:0px;
	margin:0px auto 50px auto;
	/*background-color:#666;*/
	clear:both;
}
	
#footer-wrapper ul li {
display:inline;
}

.footer-links {
font-size:85%;
border-top:solid 5px #e0e9ed;	
}	

.footerlogo {
width: 198px;
height: 40px;
float: right;
background: Transparent url(../images/Wilmington_Company_CMYK.jpg) no-repeat bottom left;
padding-top: 6px;
}

.footer-links a:link {
color: #466f82 !important;
}

.footer-links a:visted {
color: #466f82 !important;
}

.footer-links ul, .copyright {
padding-top:5px;
}

.footer-links ul {
	width: 50%;
	float: left;
	}

.copyright {
	width:77%;
	float:left;
}

li.top a {
float:right;
background: Transparent url(../images/arrow-top.gif) no-repeat 12px 13px;
padding:15px 0px 10px 30px;
font-weight:bold;
display: block;
}

.top a{
color: #466f82 !important;

}

/****/


/* header */

a.contact-top {
	float:right;
	color:#FFF !important;
	font-weight:bold;
	margin: 10px 20px 0px 0px;
}

.producttitle h4 {font-size:medium !Important; color:Red;}

.logo-btn {
	width:127px;
	height:62px;
	position:absolute;
	margin:13px 0px 0px 29px;
	display:block;
	z-index:1;
}

.logo {
	width:127px;
	height:62px;
background-image:url(../images/logo-wlr.gif);
position:absolute;
margin:12px 0px 0px 29px;
}


#header {
width:auto;
height:60px;
margin:0px 0px 0px 0px;
}

.header-colour { /*fills in gap on left of the menu*/
width:185px; 
height:24px;
float:left;
}

/***/

/* top navigation */

.topnav-header {
    width:100%;
    height:auto;
    font-size:93%;
    line-height:normal;
    margin:0px auto 0px auto;
	}

.topnav-header ul 
{
	text-align:center;
	}
  
.topnav-header li {
    float:left;
    margin-right:3px;
    padding:0px;
    }

.topnav-header a {
   display:block;
   padding:5px 9px 4px;
   }

.topnav-header a:hover  {
	text-decoration:none !important;
	}

.topnav-border {/* line under navigation */
width:100%;
height:5px;
margin-bottom:20px;
}

/***/

/* columns */

.left-column, .right-column {
width:170px;
margin:0px 0px 15px 0px;
}

.right-column-content {
	padding:1px 0px 0px 0px;
}

.right-column-holder {
	padding:5px 0px 5px 0px;
}

.right-bold {
font-weight:bold;
}

.left-column h5, .right-column h5, .overviewwrap h5 {
height:auto;
width:auto;
font-size:100%;
padding:3px 5px;
color:#fff;
}

.left-col-content {
padding-top: 10px;
text-align:center;
}

.space-btm {
padding-bottom: 10px;
}

.shopping {
background:Transparent url(../images/basket.png) no-repeat top right;
background-position:149px 3px;
}

.total {
padding:5px 0px;
/*background-color:#bfcbd1;*/
background-color:#DCDEE2;
}

.checkout {
padding:5px;
background: url(../images/arrow-wht.png) no-repeat;
background-position:155px 7px;
}

.checkout a {
color:#FFF !important;
text-decoration:underline !important;
}

.left-column ul li, .right-column ul li {
font-size:95%;
}

.right-column ul li 
{padding:2px 5px;
}

.nav-brand {
padding:2px 5px;
display:block;
background-color: #e7e7e7;
color: #466f82;
margin-top: 0px;
}

.sidenav li a {
padding:2px 5px;
display:block;
}

.sidenav li a:hover {
background-color:#eee;/*#e0e9ed; - light blue*/
text-decoration:none !important;
}

.left-column img {
	margin:0px auto;
} 

.left-column img a{
background-color:Transparent !Important;
} 

.basket-header {
}

#right-column-wrap {
float:right;
width:170px;
} 

#left-column-wrap {width:170px;
	float:left;
}

.separator {
width:100%;
height:1px;
display:block;
background: url(../images/dotline.gif) repeat-x top right;
background-color:#809EAD;
}

.brandslist {
text-align:center;
}

.brandslist li {
margin:20px 0px !important;
border-bottom:none !important; /* for ie6 */
}


/***/

/* center section */

.content-wrap {
/*background-color:#333;*/
margin:0px auto 20px auto;
width:580px;
height:auto;
overflow:hidden;
}

.cms-styles {
	width:auto;
	height:auto;
	font-size:90%;
}

.cms-styles h1, .cms-styles h2, .cms-styles h3, .cms-styles h4 {
margin:12px 0px 12px 0px;}

.cms-styles h1 {font-size:1.5em;}

.cms-styles h2 {font-size:1.2em}

.cms-styles h3 {font-size:1em}

.cms-styles h4 {font-size:0.89em  !important;}

.cms-styles h6 {margin:15px 0px}

.content-left, .content-right {
	width:280px;
	}
	
.content-left h5, .content-right h5 {
	font-size:100%;
	border-bottom:solid 2px #B1C0C9;
	padding-bottom:3px;
	margin-bottom:5px;
	color:#466f82;
	}

.content-left {
	float:left;
	}

.content-right {
	float:right;
	}

.book-middle {
	text-align:center;
	width:auto;
	height:auto;
}


.book-middle img {
	border:solid 1px #000;
}

.product-wrap {
height:20em;
width:auto;
margin-bottom:30px;
/*background-color:Fuchsia*/
}

.product-title {
font-weight:bold;
text-decoration:underline;
margin-bottom:8px;
width:auto;
}

.product-des {
max-width:15em !important;
min-height:17em;
/*height:15em;*/
float:right;
margin-bottom:30px;
font-size:90%;

}

.product-des a {
 	text-decoration:underline !important;
 	display: block;
 	padding-bottom: 8px;
 	}

.product-des img {
	float:right; 
	padding-top:5px;
	}

.product-front {
float:left;
padding-right:1%;
width:95px;
height:12em;
margin-bottom:5px;

}

.product-front img {
max-width:95px !important;
}

.price-front {
float:left;
width:50%;
}


.more-link a:hover, .more-link2 a:hover {
text-decoration:underline !important;
}

.more-link {
background-image: url(../images/arrow-pink.gif);
background-repeat: no-repeat;
float:left;
background-position:left;
padding-left:12px;
padding-bottom:0px;
font-weight:bold;
font-size:85%;
}


.more 
{
	width:auto;
	height:30px;
font-size:85%;
font-weight:bold;
float:right;
margin-bottom:300px;
}

.small-logo {
width:auto;
height:auto;
float:right;
}

.small-logo input {
margin:0px !important;
float:right;
}

/****/

/* product page */

.brand-title {
	border-bottom:solid 2px #e5e3e3;
	padding-bottom:3px;
	margin-bottom:20px;
	width:580px;
	height:auto;
}

.bookwrap {
width:110px;
min-height: 150px;
float:left;
margin:0px 10px 10px 0px;
}

.bookwrap img {
	padding:0px 5px 0px 0px;
	width:110px;	
	}

.product-text {
width:auto;
clear:both;
margin:10px 0px;
}

.product-text ul li {
list-style-position:outside;	
	list-style-type:disc !important;
	padding:0px 0px 3px 0px;
	margin-left:30px;
}

.product-text ol li {
list-style-position:outside;	
	padding:0px 0px 3px 0px;
	margin-left:30px;
	list-style-type:decimal;
}


.overviewwrap {
height:auto;
width:100%;
margin:0px 0px 15px 0px;
/*margin:15px 0px 15px 0px;*/
}

.overview {
height:auto;
width:auto;
padding:8px;
}

.overview p {
margin:0px;}


.price-normal,.price-charity {
font-weight:bold;
font-size:small;
}

.price-normal {
color:#466f82;
}

.price-charity {
color:#69a24f;
}

.price-holder 
{
	width:auto;
	min-height:50px;
	margin-top:5px;
}

/****/


/* buttons */

.btn * a:hover {text-decoration:none !important;}

.btn { display: block; position: relative; background: #aaa; padding: 5px 5px 5px 5px; margin:1px 0px 3px 3px;  text-decoration:none !important; cursor: pointer; } 
.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; } 
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; } 
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px;  } 
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; } 
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; } 

* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer;  } 

* html .btn { border:none } 
* html .btn:hover { border-color: #666; } 

.btn strong {background-image: url(../images/arrow.gif); background-repeat:no-repeat; padding:0px 22px 0px 0px;
	background-position:right;
	}

.btn em {background-image: url(../images/bkinside.png); background-repeat:no-repeat; padding:3px 25px 1px 0px;
	background-position:right; font-style:normal;
	} /* book image for look inside buttons */

.btn:hover strong { background-image: url(../images/arrow.gif); background-repeat:no-repeat; padding:0px 22px 0px 0px;
	background-position:right; text-decoration:none !important;} /* point forward stick arrow */

.btn.access { background-color: #348193; font-size:85%; float:left; color:#FFF !important;  font-weight:bold; text-decoration:none !important; margin:0px 5px 0px 0px;}

.btn.rightbtn { background-color: #348193; font-size:85%; float:right; color:#FFF !important;  font-weight:bold; text-decoration:none !important; margin:0px 5px 0px 0px;}

.btn.searchleft { background-color: #348193; float:right; color:#FFF !important;  font-weight:bold; text-decoration:none !important;}

.btn.buynow { background-color: #348193; font-size:90%; float:left; color:#FFF!important;  font-weight:bold; text-decoration:none !important; margin:3px 0px 0px 0px; /*width:22%*/}

.btn.charity { background-color: #69a24f; font-size:90%; float:left; color:#FFF!important; font-weight:bold; text-decoration:none !important; margin:3px 0px 0px 0px;}
.btn:hover.charity { background-color: #75b458 !important;}

.btn.inside { background-color: #ccc; font-size:83%; float:left; color:#333 !important;  font-weight:bold; text-decoration:none !important; margin-top:5px;}

.btn.cms-edit { background-color: #00A650; float:left; margin-top:0px; color:#FFF; font-size:90%; font-weight:bold;}
.btn.cms-edit:hover { background-color: #78CC4A;}

.btn.cms-delete { background-color: #E8194B; float:left; margin-top:0px; color:#FFF; font-size:90%; font-weight:bold;}
.btn.cms-delete:hover { background-color: #FF4000;}

.btn.login { background-color: #336699; float:right; color:#FFF;  font-weight:bold; text-decoration:none !important; margin:5px 5px 0px 0px; }

.btn[class] { background-image: url(../images/shade.png); background-position: bottom; } 
.btn.inside:hover {background-color:#ddd !important; color:#333 !important; }
.btn:hover { background-color: #659da5; text-decoration:none !important;} 
.btn:active { background-color: #00ADEF; text-decoration:none !important; } 

.btn:focus {
outline:2px solid #BDE0EF; /* Not supported by IE/Win :-( */
	
}

/*** end buttons *** /


/* forms */

.txtbox {
	width:40%;
	padding:2px;
	border:solid 1px #999;
	margin:0px;
	}

.textbox-section { /*text in front of text box*/
	 width:100%;
	 margin:2px 0px 2px 0px; 
	 float:left;
	 clear:left;
	 }
	 
.textbox-section label {
	/*float:left;*/
	width:30%;
	margin-right:1em;
	display:inline-block;
	vertical-align:top;
	}

.textbox-section ul li {
list-style-type:none !important;
}

.textbox-section  label li {
	list-style-type:none;
	}

/****/


/* cms admin styles */

.cms-wrap {
	padding:20px;
	background-color: #FFF;
	}

.section-bg {
	width:100%;
	height:auto;
	padding:10px;
	margin:0px 0px 10px 0px;
background-color: #e0e9ed;
}

.popup-bg {
	width:95%;
	height:auto;
	padding:0px;
	margin:0px auto;
background-color: #FFF}

.popup-bg a:link, .popup-bg a:active {
	color:#466f82 !important;
	}
	
.popup-bg a:link, .popup-bg a:active {
	color:#466f82 !important;
	}
		

.cms-topbar {
clear:both;
height:30px;
background-color:#466f82;
}


.cms-topbar a {
font-weight:bold;
color:#FFF;
float:right;
margin:7px 7px 0px 0px;
}

.cms-topbar a:hover {
background-color:Transparent;
}  

.cms-header {
	float:left;
    width:100%;
    height:auto;
    font-size:93%;
    line-height:normal;
	background:Transparent url("../images/bg-tab.gif")repeat-x left bottom;
    font-size:93%;
    line-height:normal;
}

.cms-header h2 
{color:#EC008C;font-weight:normal;
}

.cms-header ul {
   /* margin:0px;
    padding:0px 5px 0px;
    list-style:none;
   */ }
  .cms-header li {
     float:left;
    background:Transparent url("../images/tab-right-on.gif")
      no-repeat right top;
    margin-right:3px;
    padding:0px;
	font-weight:bold;
    }

.cms-header a {
    display:block;
    background:url("../images/tab-left-on.gif")
      no-repeat left top;
   padding:5px 10px 4px;
   color:#648c9e;
    }

.cms-header a:hover  
{
color:#466f82;     background:url("../images/tab-left-on.gif")
      no-repeat left top;
}

  .cms-header .current {
    background-image:url("../images/tab-right.gif");
    }
  .cms-header .current a {
    background-image:url("../images/tab-left.gif");
     padding-bottom:5px;
     color:#466f82;
    }


.cms-contentwrap {
background-color:#FFFFFF;
width:auto;
height:auto;
margin:0px 0px 15px 0px; /*ie7 css*/
padding:10px;
border-right:solid 1px #466f82;
border-bottom:solid 1px #466f82;
border-left:solid 1px #466f82;
position: relative;
}

.cms-contentwrap h4 {
position: relative
}

.up, .dn {	width:10px;
	height:10px;
	display:block;}

.up {background:Transparent url(../images/arrow-up.gif) no-repeat;
	float:right;
	margin-right:12px;
	}

.dn {background:Transparent url(../images/arrow-btm.gif) no-repeat;
	float:left;
	margin-left:12px;
	}

/***/

/*** manage sector ***/

.manage-sector table {
width:96%;}

.manage-sector h4 {
margin:0px;
}

/****/

/*** manage editions ***/ 

.double-btn a {padding:3px;
	color:#FFF;
	font-weight:bold;
	font-size:90%;
	}

.double-btn a:link{ 
	background-color:#466f82;
	text-decoration:none;
	}

.double-btn a:hover{ 
	background-color:#5c879b;
	text-decoration:none !important;
	}

 span.double-btn label {
width:6em;
}

.txtbtn-section {
	 width:100%;
	 margin:2px 0px 2px 0px; 
	 float:left;
	 clear:left;
	 }

.txtbtn-section label {
	width:30%;
	margin-right:1em;
	display:inline-block;
	vertical-align:top;
	}

.txtbtn-section ul li {
list-style-type:none !important;
}

.txtbtn-section  label li {
	list-style-type:none;
	}


/****/

/*** calendar ***/

.DHTMLSuite_calendar td 
{padding:0px !important;border:none;
}

.DHTMLSuite_calendar table {border:none;} 

/******/


/**** checkout ****/

.checkout-holder table {
/*border:collapse;*/
border:none;
background-color:Transparent
}

.checkout-holder td {
/*border:collapse;*/
border:none;
padding:3px 0px;
}

.del-holder {
	width:12px;
	height:12px;
	height:auto;
	padding:0px;
	margin-right:5px;
	float:left;
	display:inline-block;
	
	/*background-image: url(../images/cross.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:red;
	*/
	}

.delbtn {
	width:12px;
	height:11px;
	padding:0px;
	margin:0px;
	background-image: url(../images/cross.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:Transparent;
	}

.orderlistsection {
	width:100%;
	height:auto;
	padding:5px 0px 5px 0px ;
	margin:0px 0px 0px 0px;
	clear:both;
	}

.ordertop {
	width:auto;
	height:15px;
	padding:5px;
	margin:0px 0px 0px 0px;
	background-color:#466f82;
	color:#FFF;
	}
	
.ordertitle {
	width:350px;
	height:auto;
	padding:0px;
	margin:0px 0px 0px 0px;
	float:left;
	}
	
.orderitem {
	width:10px;
	height:auto;
	padding:0px;
	margin:0px;
	float:left;
	}
	
.orderprice {
	width:165px;
	height:auto;
	padding:0px;
	margin:0px;
	float:right;
	text-align:right;
	}

.discount {
color:Red;
}

.orderprice-text {
	width:40px;
	height:auto;
	padding:0px;
	margin:0px;
	float:right;
	}

.mediumsection-color2 {
	width:auto;
	height:auto;
	padding:5px 5px 0px 5px;
	margin:0px 0px 0px 0px;
	clear:both;
	background-color:#f7f7f7;
	border-right: solid 1px #666;
	border-left: solid 1px #666;
	border-bottom: solid 1px #666;
	}

.totalsection-holder1 {
	width:auto;
	height:auto;
	padding:5px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	float:left;
	display:inline;
	border-top: solid 1px #CCCCCC;
	}

.left-holder {
	width:450px;
	height:auto;
	padding:0px;
	margin:0px;
	float:left;
	display:inline;
	}

.right-holder {
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;
	float:right;
	display:inline;
	}
	

.mediumsection {
	width:auto;
	height:auto;
	padding:0px;
	margin:0px 0px 0px 0px;
	}	 

.mediumsection li {
	padding-top:10px;
	}

.totalsection-holder1 {
	width:100%;
	height:auto;
	padding:5px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	float:left;
	display:inline;
	border-top: solid 1px #CCCCCC;
	}

.total-holder {
	width:98%;
	height:auto;
	padding:5px;
	margin:0px 0px 5px 0px;
	float:left;
	display:inline;
	border-top: solid 1px #CCCCCC;
	background-color:#e0e9ed;
	}
	
.mediumsection-color {
	width:auto;
	height:auto;
	padding:5px 5px 0px 5px;
	margin:0px 0px 0px 0px;
	clear:both;
	background-color:#f7f7f7;
	border-right: solid 1px #666;
	border-left: solid 1px #666;
	border-top: solid 1px #666;
	}
	
/*****/

.vat{font-size:x-small;}


/**** login *****/ 

.wrap-login h3, .wrap-contact h3 {color:#466f82;}

.login-bg {background-color:#EDF3F9 !important;}

.wrap-login, .wrap-contact {
width:95%;
height:auto;
background-color:#EDF3F9;
margin:0px auto 10px auto;
padding:10px;
display:block;
}

.wraplogin-funct {
width:210px;
height:auto; 
float:right;
}

.login-extra {
width:50%;
font-size:smaller;
float:left;
text-align:right;
margin-right:10px;
}

.login-extra input {
margin-right:3px;
}

.txtbox-front {
	width:64%;
	padding:2px;
	border:solid 1px #999;
	margin:0px;
	}

.textbox-front { /*text in front of text box*/
	 width:100%;
	 margin:2px 0px 2px 0px; 
	 float:left;
	 clear:left;
	 }

.textbox-front label {
	/*float:left;*/
	width:30%;
	margin-right:1em;
	display:inline-block;
	vertical-align:top;
	}

.textbox-front ul li {
list-style-type:none !important;
}

.textbox-front label li {
	list-style-type:none;
	}


/***********/

.left-mlist-btn label {
float: right;
width: 380px;
}

.left-mlist-btn a {
float: left;
}