hr.clear{
    clear:both;
    visibility:hidden;
    height:0px;
}

H1 {
    font-family: "Trebuchet MS", verdana, sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #0092C3;
    margin-top: 0px;
    margin-bottom: 25px;
    }

H2 {
    font-family: "Trebuchet MS", verdana, sans-serif;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 25px;
    color: #0092C3;
    }

H3 {
    font-family: "Trebuchet MS", verdana, sans-serif;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #0092C3;
    }

body {
    font-family: Arial, sans-serif;
    font-size: 11pt;
    margin-top: 0;
    line-height:18pt;
    }

.caption {
    font-size: 9pt;
    line-height: 11pt;
    font-weight: bold;
    color: #999966;/*#452E1E;*/
    }

a {
    text-decoration: none;
    color: black;/*#330000;black;#0092C3; #624B39; #452E1E;*/
    font-weight:bold;
}
a:visited {
    color: #330000;
    }

a:hover {
    text-decoration: underline;
    }

img {
    border: 0
    }

body textarea {
    text-align: left
    }

#page {
    position: relative; /*means children of page will be wrt page*/
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    margin-bottom:20px;
    width: 770px;
    background-color: white;
    border: 1px solid #000000;
    padding: 0;
    text-align: left;
    }

#header {
    height: 260px;
    margin: 0px;
    border: 0px;
    padding: 0px;
    }

#breadcrumbs {
    position: absolute;
    top: 0px;
    left: 10px;
    margin: 0;
    color: #999999;
    font-size: 10pt;
    font-family: "Trebuchet MS", verdana, sans-serif;
    }

#breadcrumbs a{
    color: #999999;
    font-weight: normal;
    }

#breadcrumbs a:hover{
    color: black;
    }

#topnav {
    position: absolute;
    left: 415px;
    }

#topnav ul {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
    border: 0;
    width: 200px;
}

#topnav li {
    float: left;
    margin-right: 15px;
    margin-top: 0;
    font-size: 9pt;
}

#banner {
    position: absolute;
    top: 23px;
    left: 0px;
    background-image: url("images/banner.jpg");
    background-repeat: no-repeat;
    background-color: #222323;
    width: 100%;
    height: 167px;
    color: white;
    }

#navmenu {
    position: absolute;
    top: 196px;
    left: 0px;
    left: 0;
    width: 100%;
    height: 45px;
    background-image: url("images/navbarwide.jpg");
    background-repeat: no-repeat;
}

#navmenu ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    border: 0;
    padding:0;
    width: 100%;
    }

#navmenu li {
    float: left;
    text-align: center;
    top:20px;
    font-size: 14px;
    font-stretch: wider;
    font-weight: bold;
    font-family: "Trebuchet MS", verdana, sans-serif;
    margin: 0;
    margin-top: 7px;
    background-repeat: no-repeat;
    line-height: 13px;
    width: 14.25%;      /*one seventh*/
    height: 36px;
    }

#navmenu a{
    color: #624B39;   /*Not a web safe colour*/
    }

.thispage {
    background-image: url("images/nav_indicator.gif");
    background-position: bottom;
    }

#splash {
    position: absolute;
    top: 0;
    left: 635px;
    width: 125px;
    height:125px;
}

#extras {
    float:left;
    top: 20px;
    width: 230px;
    background-color: #302E2A;
    margin:0;
    padding:0;
    border:0;
    }

#extras p {
    margin-top:0;
    margin-bottom:30px;
    }

#content {
    margin-left: 250px;
    margin-right: 15px;
    margin-top:0px;
    margin-bottom:60px;
    padding:0;
    border:0;
    }

.centered#content {
    margin-left: 100px;
    margin-right: 100px;
    }

.figure {
    margin: 0;
    text-align: center;
}

.figure .caption {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    }

.right {
    float: right;
    margin-left: 15px;
}

.left {
    float: left;
    margin-right: 15px;
    }

.bleedright{
    float: right;
    margin-left: 20px;
    position: relative;
    right: -15px;
}

#PULLOUT {
    width: 200px;
    float: right;
    background-color: #EEE085;
    padding: 10px;
    margin-left:20px;
    margin-bottom: 20px;
    border: 1px dashed black;
    }

.pullout {
    color: #624B39;
    font-size: 10pt;
    line-height: 13pt;
    font-weight:normal;
    margin: 0;
    margin-bottom:5px;
    }

H1.pullout {
	color:black;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom:7px;
    }

.continued {
    float: right;
    background-image: url("images/continued.gif");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 30px;
    margin-top: 20px;
    }

.back {
    background-image: url("images/back.gif");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
    line-height: 50px;
    margin-top: 20px;
    }

#contactstrip {
    padding: 10px;
    padding-top: 0;
    margin: 0;
    margin-top: 15px;
    }

.address {
    color: white;
    font-size: 10pt;
    line-height: 12pt;
    margin: 0px;
    border: 0px;
    padding: 0px;
    }

.address a{
    color: white;
    font-size: 10pt;
}
.copyright {
    color: #DAD2A1;
    font-size: 7pt;
    line-height: 9pt;
    margin: 0px;
    padding: 0px;
    border: 0px;
}
.disclaimer {
    color: #DAD2A1;
    font-size: 7pt;
    line-height: 9pt;
}

#contactstrip p{
    margin-bottom:10px;
    }

.disclaimer a{
    color: #DAD2A1;
    }


#GRID {
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("images/grid2.png");
    width: 100pc;
    height: 100pc;
    }
    
.bibitem {
    border-bottom: 3px dotted #95C6D6;
    margin-top: 20px;
    }

.bibitem .figure img{
    border: solid 1px #95C6D6;
    padding: 3px;
    }

.bibtitle {
	font-size: 11pt;
	font-weight: bold;
	line-height: 14pt;
	color: #0092C3;
	margin-top:0;
	}
.bibbody {
	font-size: 10pt;
	line-height: 14pt;
	}

hr {
  border:0;
  border-bottom: 1px dashed #95C6D6;
  height: 0px;
  margin-top:0px;
  margin-bottom:0px;
  padding:0;
  clear: both;
}

.gallery H1{
	font-size: 14pt;
	margin-bottom: 40px;	
	}

.gallery H2{
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 25px;
	color: black;
	}

.gallery p{
	margin: 0px;
	line-height: 14pt;
	margin-bottom:25px;
	}

.gallery img{
    }

#GALLERY_ITEM{
	margin-top: 30px;
	}

#footer {
    color: white;
    text-align: center;
    }

#footer a{
    color: white;
    }

#popuppage {
    background-color: white;
    margin:20px;
    padding:10px;
    border: solid 1px black;
    text-align:left;
    }

TR.postageRow TD {
    border-top: solid 1px black;
    }

TR.grandTotalRow TD {
    border-top: solid 2px black;
    }

table.orderListing {
    border: 1px dashed black;
    padding: 10px;
    }

.productListing {
    font-size:10pt;
    }

.warning {
    color:red;
    }

TR.productListing {
    border-bottom: 20px;
    }

/*STYLES FOR THE ORDER MANAGEMENT SYSTEM orders.py */

.orderTableMenu {
    width: 100%;
    margin-bottom: 20px;
    background-color:#BFDCE6;
    padding-top:5px;
    
    }
.orderTableMenuItem {
    float: left;
    margin:0;
    margin-right:5px;
    margin-left: 5px;
    }

.orderTable {
   }

.orderRecord {
    width: 100%;
    clear: both;
    font-size:10pt;
    line-height:11pt;
    padding-top:5px;
}
.orderRecordOdd {
    background-color: #EEF8FB;
}

.orderNumber {
    font-weight:bold;
    font-size:11pt;
    color: #0092C3;
    margin:0;
    width: 30%;
    float: left;
    }

.orderStatus {
    width: 55%;
    float: left;
    margin: 0;
    }
.orderType {
    font-weight:bold;
    }
.orderTag {
    font-weight: bold;
    font-size: 9pt;
    color: #65AA5F;
    }
.orderSelect {
    margin: 0;
    width: 15%;
    float: left;
    text-align: right;
    }

.orderCustomerDetails {
    clear: both;
    float: left;
    width: 30%;
    margin:0;
    }
.orderName {
    margin: 0;
    font-weight:bold;
    font-size: 9pt;
    }
.orderAddress {
    margin: 0;
    font-size: 9pt;
    color: gray;
    }
.orderEmail {
    margin: 0;
    font-style: italic;
    margin-bottom: 2px;
}
.orderPhone {
    margin: 0;
    color: gray;
}

.orderDetails {
    float: left;
    width: 70%;
}
.orderContents {
    margin:0;
    margin-top:5px;
    font-size: 9pt;
    line-height: 12pt;
    color: gray;
}
.orderTotal {
    margin: 0;
    font-weight: bold;
    margin-top:4px;
}

.orderTotal:before {
    content: "Total £";
    }

.orderDate {
    margin: 0;
    color: gray;
    }

.orderDate:before {
    content: "Created ";
    }

HR.orderRecord{
    border:0;
    clear: both;
    }