@charset "UTF-8";
/* CSS Document */

/**
 * Colours
 * -------
 * 
 * Green: #619180
 * Grey: #949CA2
 * Light Grey: #E5E5E5
 * Very Light Grey: #f8fafa
 *
 */

body,html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-size:0.83em;
	font-family:Geneva, "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	color:#949CA2;
	line-height:1.5em;
}

h1,h2,h3,h4,h5,h6,h7{
	color:#619180;
	line-height:1em;
	margin:.2em 0 .5em 0;
	font-weight:normal;
}

h3{
	font-size:1.3em;
}

p{
	margin:.4em 0 .5em 0;
}

a{
	text-decoration:none;
	color:#619180;
}

a:hover{
	text-decoration:underline;
}

a:active
{
	outline: none;
}

a:focus
{
	-moz-outline-style: none;
}

form{
	display:inline;
	margin:0;
}

br.vertSpace1{
	margin:15px 0 0 0;
	padding:0;
	display:block;
}

.noMargin{
	margin:0 !important;
}

img{
	border:0;	
}

.c{
	clear:both;
}
.fl{
	float:left;
}
.fr{
	float:right;
}

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

ul li{
	list-style-type:none;
}

.green{
	color:#619180 !important;
}

input{
	color:#616668;
}


div#wrap{
	width:965px;
	position:relative;
	margin:0 auto;
	padding-bottom:15px;
}

div#content{
	width:100%;
	clear:both;
}

div#header{
	height:98px;
	margin-top:-0px;
}

div#nav{
	height:38px;
	width:100%;
	background-color:#619180;
	color:#FFFFFF;
	margin-top:10px;
}


div#nav ul{
	width:100%;
	text-transform:uppercase;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
}

div#nav ul li{
	margin:0;
	padding:0;
	display:inline;
}

div#nav ul li a{
	color:#FFFFFF;
	display:block;
	float:left;
	border-right:1px solid #FFFFFF;
	height:28px;
	padding-top:10px;
	background-color:#619180;
	text-align:center;
}

div#nav ul li a.active{
	background-color:#3C6051;
}

div#nav ul li a:hover{
	text-decoration:none;
	/*background-color:#90C4B1;*/
}

div#nav ul li.homeLink a{
	background-image:url(../img/icons/home.gif);
	background-repeat:no-repeat;
	background-position:18px 9px;
	padding:0;
	margin:0;
	height:38px;
	display:block;
	text-indent:-10000px;
	border-right:0;
	float:left;
}

div#nav a#navButtonArtwork{
	width:103px;	
}

div#nav a#navButtonGifts{
	width:170px;	
}

div#nav a#navButtonPictureFraming{
	width:144px;	
}

div#nav a#navButtonOtherServices{
	width:134px;	
}

div#nav a#navButtonOurClients{
	width:119px;	
}

div#nav a#navButtonWishlist{
	width:120px;	
}

div#nav a#navButtonContactUs{
	width:119px;	
}

div#nav a#navButtonHome{
	width:49px;	
}

a#logo{
	background-image:url(../img/logo-front.gif);
	width:211px;
	height:63px;
	display:block;
	float:left;
	margin-right:30px;
	margin-top:25px;
	text-indent:-10000px;
}

h1#mainTitle{
	float:right;
	margin-top:57px;
}

p#cta{
	display:block;
	float:left;
	width:440px;
	margin-top:42px;
	font-size:1em;
}

form#searchField{
	display:block;
	width:277px;
	height:53px;
	float:right;
	margin-top:43px;
	margin-right:-13px;
}

input.searchFieldLeft{
	background-image:url(../img/search-field-left.gif);
	width:117px;
	height:34px;
	background-color:transparent;
	border:0;
	display:block;
	float:left;
	padding:22px 0 0 83px;
}

input.searchFieldRight{
	width:67px;
	height:53px;
	display:block;
	float:left;
}




div.row{
	clear:both;
	width:100%;
	float:none;
	margin-top:13px;
}




div.wishlistWrap{
	clear:both;
	width:100%;
	float:none;
	margin:28px 0 18px 2px;
}


div#cart{
	margin-top:20px;	
}


div#featureArea{
	width:720px;
	height:360px;
	float:left;	
	background-color:#FFFFFF;
}


div#featureAreaHome{
	width:720px;
	height:410px;
	float:left;	
	background-color:#FFFFFF;
}


div#featureAreaGlossary{
	width:700px;
	margin-right:20px;
	height:auto;
	float:left;	
	background-color:#FFFFFF;
}

div#featureAreaGlossary p{
	margin-bottom:20px;
}

div#featureAreaGlossary h3{
	margin-bottom:40px;
	margin-top:30px;
}


div#featureAreaTerms{
	width:700px;
	margin-right:20px;
	height:auto;
	float:left;	
	background-color:#FFFFFF;
}

div#featureAreaTerms p{
	margin-bottom:12px;
}

div#featureAreaTerms h2{
	margin-top:18px;
}

div#featureAreaTerms ol li{
	margin-bottom:10px;
}

div.spacer{
	width:15px;
	height:15px;
	float:left;
}

div.panel{
	float:left;
	width:230px;
	overflow:visible;
}

div.panel div.text{
	padding:7px 10px 7px 10px;
	background-image:url(../img/backgrounds/panel-gradient-short.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#619180;
	width:210px;
}

div.panel div.textFullHeight{
	height:160px;
}

div.panel div.textHalfHeight{
	height:70px;
}

div.panel div.backgroundTop{
	background-image:url(../img/backgrounds/panel-gradient-short.gif);
	background-position:top;
	background-color:#619180;
}

div.panel div.backgroundTop ul{
	margin-top:5px;
}

div.panel div.textGreyBorder{
	padding:7px 10px 7px 10px;
	width:208px;
	border:1px solid #E5E5E5;
	border-top:0;
	background-image:none;
	background-color:#FFFFFF;
	height:184px;
}

div.panel div.textGreyBorderHome{
	padding:7px 10px 7px 10px;
	width:208px;
	border:1px solid #E5E5E5;
	border-top:0;
	background-image:none;
	background-color:#FFFFFF;
	height:234px;
}

div.panel div.textGreyBorderHome p{
	width:200px;
}

div.panel div.text h1, div.panel div.text h2, div.panel div.text h3, div.panel div.text h4, div.panel div.text h5, div.panel div.text h6, div.panel div.text h7{
	color:#FFFFFF;
}


div#footer{
	height:41px;
	width:100%;
	background-color:#619081;
	color:#FFFFFF;
	margin-top:12px;
	clear:both;
	text-transform:uppercase;
	background-image:url(../img/backgrounds/footer-gradient.gif);
	background-position:left;
	background-repeat:repeat-y;
}



div#footer ul{
	width:auto;
	text-transform:uppercase;
	margin:0 0 0 15px;
	padding:0;
	float:left;
	border-left:1px solid #FFFFFF;
	display:block;
}

div#footer ul li{
	margin:0;
	padding:0;
	display:inline;
}

div#footer ul li a{
	color:#FFFFFF;
	display:block;
	float:left;
	padding-left:16px;
	padding-right:16px;
	padding-top:12px;
	border-right:1px solid #FFFFFF;
	height:29px;
}

div#footer ul li a:hover{
	text-decoration:none;
	/*background-color:#90C4B1;*/
}



a.linkGreyWithArrow, a.linkGreenWithArrow{
	background-image:url(../img/backgrounds/link-grey-with-arrow.gif);
	width:184px;
	height:24px;
	background-color:#949CA2;
	color:#FFFFFF;
	display:block;
	padding:4px 0 0 21px;
	background-repeat:no-repeat;
	
}

a.linkGreenWithArrow{
	background-image:url(../img/backgrounds/link-green-with-arrow.gif);	
	background-color:#619180;
}


div.panel div.text ul{
	margin-top:-3px;
	margin-left:8px;
	padding-left:8px;
	margin-bottom:3px;
	line-height:1.61em;
}

div.panel div.text ul li{
	list-style-image:url(../img/bullets/arrow-white.gif);
}

div.panel div.text ul li.active{
	list-style-image:url(../img/bullets/arrow-white-down.gif);
}

div.panel div.text ul li.activeNoChildren{
	list-style-image:url(../img/bullets/arrow-white.gif);
}

div.panel div.text ul li a{
	color:#FFFFFF;
}

div.panel div.text ul li.active>a{
	color:#abe1ce;
}

div.panel div.text ul li.activeNoChildren>a{
	color:#abe1ce;
}

a.askOberon{
	background-image:url(../img/buttons/ask-oberon.gif);
	background-repeat:no-repeat;
	width:322px;
	height:73px;
	display:block;
	background-color:#949CA2;
	color:#FFFFFF;
	float:left;
	margin-left:15px;
	margin-top:12px;	
	padding:5px 15px 0 137px;
}

form#mailingList{
	padding:8px 0 0 15px;
	display:block;
	float:left;
}

form#mailingList input.textField{
	 border:0;
	 padding:5px 0 0 5px;
	 height:19px;
	 width:140px;
	 margin-left:7px;
}

form#mailingList input.button{
	 border:0;
	 padding:4px 5px 4px 5px;
	 background-color:transparent;
	 text-transform:uppercase;
	 color:#FFFFFF;
	 cursor:pointer;
	 text-align:center;
	 font-weight:bold;
}

div#elasticLogo{
	width:120px;
	height:41px;
	float:right;
	padding-right:10px;
}


a.bigLink{
	text-transform:uppercase;
}


div#itemsWrap{
	background-color:#619180;
	background-image:url(../img/backgrounds/items-columns.gif);
	background-repeat:repeat-y;
	float:none;
	clear:both;
	margin-top:15px;
	width:980px;
}

div#items, div#item{
	width:735px;
	padding-left:15px;
	float:right;
	background-color:#FFFFFF;
}

div#searchItems{
	width:995px;
	float:none;
	clear:both;
	background-color:#FFFFFF;
}

div#items div.header, div#item div.header, div#searchItems div.header{
	width:708px;
	background-color:#949CA2;
	height:35px;
	color:#FFFFFF;
	padding-top:9px;
	padding-left:12px;
	clear:both;
	float:none;
}

div#searchItems div.header{
	width:953px;
}

div#items div.header h1, div#item div.header h1, div#searchItems div.header h1{
	color:#FFFFFF;
	float:left;
	margin:0;
}

div#items div.header p.paging, div#searchItems div.header p.paging{
	float:right;
	margin:5px 20px 0 30px;
	font-size:1.1em;
}

div#items div.header p.paging span a, div#searchItems div.header p.paging span a{
	color:#FFFFFF;
}

div#items div.header p.paging span.current, div#searchItems div.header p.paging span.current{
	color:#B4BBBF;
}

div#item div.header a.back{
	text-transform:uppercase;
	float:right;
	color:#FFFFFF;
	margin:1px 20px 0 0;
	font-size:1.1em;
}

div#items div.panel, div#searchItems div.panel{
	width:230px;
	min-height:339px;
	background-image:url(../img/backgrounds/panel-gradient-grey.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	float:left;
	overflow:visible;
	margin-right:15px;
	margin-top:13px;
	padding-bottom:5px;
}

div#items.gifts div.panel{
	width:230px;
	height:285px;
	background-image:none;
	float:left;
	overflow:visible;
}

div#items div.panel div.image, div#searchItems div.panel div.image{
	width:210px;
	height:210px;
	text-align:center;
	padding:10px;
}

div#items div.panel a.title, div#searchItems div.panel a.title{
	display:block;
	border-top:1px Solid #E5E5E5;
	padding:4px 11px;
}

div#items div.panel a.price, div#searchItems div.panel a.price{
	display:block;
	border-top:1px Solid #E5E5E5;
	padding:4px 11px;
	color:#949CA2;
}



div#items div.hero{
	height:255px !important;
	min-height:255px !important;
}

div#items div.hero a.title{
	border-top:0;
	padding-top:0;
}




div#item div.panel{
	width:460px;
	height:580px;
	background-image:url(../img/backgrounds/panel-gradient-grey-tall.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	float:left;
	overflow:visible;
	margin-top:10px;
	margin-right:15px;
}

div#item div.panel div.image{
	text-align:center;
	padding:10px;
}

div#item div.details{
	margin-top:10px;
	float:left;
	width:245px;
}

div#item div.details ul{
	padding:0;
	margin:0;
	border-top:1px Solid #E5E5E5;
}

div#item div.details ul li{
	padding:5px 0 5px 10px;
	margin:0;
	list-style-type:none;
	border-bottom:1px Solid #E5E5E5;
}

div#item div.details ul li:first-child{
	color:#619180;
}

div.wishlist{
	border:1px Solid #E5E5E5;
	border-left:0;
	border-right:0;
	padding:5px 8px;
	margin-top:40px;
	margin-bottom:40px;
	font-size:1.2em;
}

div.wishlist a.link{
	float:left;
	margin-top:1px;
}

div.wishlist a.info{
	float:right;
	width:19px;
	height:19px;
	background-image:url(../img/icons/info.gif);
	display:block;
	text-indent:-10000px;
}

div#item div.details h1, div#item div.details h2, div#item div.details h3, div#item div.details h4, div#item div.details h5, div#item div.details h6, div#item div.details h7{
	margin-left:5px;
}

div#item div.details p{
	margin-left:5px;
}

div#item a.magnify{
	width:18px;
	height:22px;
	display:block;
	background-image:url(../img/icons/magnify.gif);
	margin-top:25px;
	text-indent:-10000px;
	margin-left:5px;
}


div#itemsWrap div.panel ul.subList{
	margin-top:2px;
}




/*
 * PAGES
 * PAGES
 * PAGES
 * PAGES
 */
 
div.textColumn{
	float:left;
}
 
div.textColumn div.spacer{
	width:25px;
}

div.thinColumn{
	float:left;
	width:210px;
}

div.thinColumnOtherServices{
	float:left;
	width:215px;
	margin-left:-10px;
}

ul.otherServices{
	margin-left:17px;
	padding-left:10px;
	list-style-image:url(../img/bullets/arrow-green.gif);
}

ul.otherServices li{
	margin-bottom:6px;
}

ul.largeFormatPrinting{
	margin-left:8px;
	padding-left:8px;
	list-style-image:url(../img/bullets/arrow-green.gif);
}

ul.largeFormatPrinting li{
	margin-bottom:6px;
}

div.imageColumn{
	float:right;
}

div.imageColumn img.whiteSpace{
	margin:20px 30px 20px 0;
}

.ir{
	display:block;
	text-indent:-10000px;
	background-repeat:no-repeat;
}

.headingAffordableLuxury{
	background-image:url(../img/titles/affordable-luxury.gif);
	width:306px;
	height:60px;	
}

.headingBespokeFrames{
	background-image:url(../img/titles/bespoke-frames.gif);
	width:260px;
	height:58px;	
}

.headingOtherServices{
	background-image:url(../img/titles/other-services.gif);
	width:236px;
	height:44px;	
}

.headingSomeOfOurClients{
	background-image:url(../img/titles/clients.gif);
	width:204px;
	height:77px;	
}

.headingReadyMadeFrames{
	background-image:url(../img/titles/ready-made-frames.gif);
	width:279px;
	height:89px;	
}

.headingWishlist{
	background-image:url(../img/titles/wishlist.gif);
	width:137px;
	height:44px;	
}

.headingArtwork{
	background-image:url(../img/titles/artwork.gif);
	width:86px;
	height:23px;			
}

.headingArtists{
	background-image:url(../img/titles/artists.gif);
	width:69px;
	height:23px;			
}

.headingGifts{
	background-image:url(../img/titles/gifts.gif);
	width:205px;
	height:34px;			
}

.headingContactUs{
	background-image:url(../img/titles/contact-us.gif);
	width:172px;
	height:36px;			
}

.headingLargeFormatPrinting{
	background-image:url(../img/titles/large-format-printing.gif);
	width:208px;
	height:146px;			
}

.headingPictureRestoration{
	background-image:url(../img/titles/picture-restoration.gif);
	width:249px;
	height:80px;			
}

 
 
 
form#addToCartForm{
	
}






table.itemsTable{
	width:100%;
	font-size:0.95em;
	margin-top:5px;
}

table.itemsTable th{
	padding:5px;
	text-transform:uppercase;
	border-bottom: 1px solid #aaa;
}

table.itemsTable tbody{
	position:relative;
}

table.itemsTable th a{
	color:#888e92;
}

table.itemsTable th.borderLeft{
	padding-left:14px;
}

table.itemsTable td{
	padding:5px;
	background-color:#f2f4f4;
}

table.itemsTable tr{
}

table.itemsTable tr.headerRow{
	border:0;
}

table.itemsTable tr.altrow td{
	background-color:#f8fafa;
}

table.itemsTable td.borderLeft{
	border-left: 1px solid #aaa;
	padding-left:13px;
}

table.itemsTable td.borderRight{
	border-right: 1px solid #aaa;
}

table.itemsTable tfoot tr td{
	background-color:#FFFFFF;
}


table.itemsTable tfoot tr td{
	border-top: 1px solid #aaa;
}
.textCenter{
	text-align:center;	
}
.textLeft{
	text-align:left;	
}

.quantityField{
	width:40px;
	height:19px;
	border: 1px solid #aaa;
	padding:4px 2px 0 0;
	text-align:center;
}


div.bespokeFramesImage{
	width:197px;
	height:38px;
	background-image:url('../img/page-images/frame.jpg');
	padding-left:75px;
	padding-top:322px;
}

div.bespokeFramesImage a{
	color:#FFFFFF;
}


div.susieImage{
	width:190px;
	height:38px;
	background-image:url('../img/page-images/susie.jpg');
	padding-left:56px;
	padding-top:322px;
}

div.susieImage a{
	color:#FFFFFF;
}
	


	
	
div.readyMadeFramesImage{
	width:189px;
	height:28px;
	background-image:url('../img/page-images/ready-made-frames.jpg');
	padding-left:189px;
	padding-top:322px;
}

div.readyMadeFramesImage a{
	color:#FFFFFF;
}
	
	
form#itemsPerPageForm, form#itemsPerPageFormBottom{
	font-size:1.1em;
	display:block;
	float:right;
	margin-top:2px;
}
	
form#itemsPerPageForm select, form#itemsPerPageFormBottom select{
	margin-left:4px;
}




div.commendedFramerList{
	background-image:url('../img/icons/commended-framer.gif');
	background-repeat:no-repeat;
	background-position:140px 3px;
	height:80px;
}


span.glossaryTerm{
	font-weight:bold;
	color:#619180;
}

div.fmGlobalOverflow{
	overflow:auto;
	width:240px;
	height:157px;
	margin-bottom:15px;
}



/*
 * Wishlist form
 */

div.wishlistOrderInfo{
	float:left;
	width:440px;
	margin-right:25px;	
}
div.wishlistOrderInfo p{
	font-size:1.15em;
	line-height:1.6em;
}
div.wishlistOrderInfo h2{
	font-size: 1.8em;
	margin-bottom:10px;
}
form.wishlistForm {
	float:left;
	margin-right: 20px;
	padding: 0;
	width:445px;
}
form.wishlistForm fieldset {
	border: 1px solid #aaa;
	margin-top: 10px;
	padding: 16px 30px 16px 20px;
	width:445px;
}
form.wishlistForm fieldset legend {
	background:#fff;
	color: #619080;
	font-size: 1.8em;
	padding:0 4px 0 4px;
	margin-bottom:-5px;
}
form.wishlistForm fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
form.wishlistForm fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
form.wishlistForm fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form.wishlistForm div {
	clear: both;
	margin-bottom: .6em;
	padding: .5em;
	vertical-align: text-top;
}
form.wishlistForm div.c {
	clear: both;
	margin-bottom: 0;
	padding: 0;
}
form.wishlistForm div.input {
	color: #444;
}
form.wishlistForm div.required {
	color: #333;
	font-weight: bold;
}
form.wishlistForm div.submit {
	border: 0;
	clear: both;
	margin:-4px 0 0px -3px;
}
form.wishlistForm label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
	margin-bottom:3px;
}
form.wishlistForm input, textarea {
	clear: both;
	font-size: 110%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 100%;
}
form.wishlistForm select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
form.wishlistForm select[multiple=multiple] {
	width: 100%;
}
form.wishlistForm option {
	font-size: 120%;
	padding: 0 3px;
}
form.wishlistForm input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
form.wishlistForm input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
form.wishlistForm div.radio label {
	margin: 0 0 6px 20px;
}
form.wishlistForm input[type=submit] {
	display: inline;
	padding: 4px 8px;
	width: auto;
	vertical-align: bottom;
	background-color:#FFF;
	color:#619080;
	border:1px Solid #888e92;
	font-size:1.5em;
	font-weight:bold;
	margin:0;
}