/* ------------------------------------------------------- 
Container elements   	                                    
------------------------------------------------------- */

#pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:937px; font-size:1.2em;}
.separator {clear:both;}

/* ------------------------------------------------------- 
 Page header element	                                    
------------------------------------------------------- */

#toppage {position:relative; top:0px; left:0px; height:108px; width:927px;}
#logo {position:absolute; top:25px; left:5px; height:64px; width:64px;}
#tel {position:absolute; top:19px; left:177px;}
#breadcrumb {position:absolute; top:88px; left:188px;}
#breadcrumb a {color:#8f617e;}

#toolbar {position:relative; top:0px; left:0px; width:163px; font-weight:bold; margin-bottom:15px;}
#toolbar ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#toolbar li {display:block; width:163px;  background-image:url(/images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}
#toolbar a {color:#8f617e; display:block; padding-top:6px; padding-bottom:6px; padding-left:8px; text-decoration:none; margin:0px; width:155px; font-weight:bold;}
#toolbar a:hover {color:#FFFFFF; text-decoration:underline; background-image:url(/images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}

#toolselected {}
#toolselected a {color:#ffffff; padding-left:8px; padding-top:6px; padding-bottom:6px; margin:0px; width:155px; font-weight:bold; background-image:url(/images/menu_on.gif); background-position:left top; background-repeat:no-repeat;}
#toolselected a:hover {color:#ffffff; text-decoration:underline; background-image:url(/images/menu_on.gif); background-position:left top; background-repeat:no-repeat;}

#toolbar li.noborder {background-image: url(/images/menu_off_nb.gif);}
#toolbar a:hover.noborder {background-image: url(/images/menu_off_nb.gif);}
#toolselected a.noborder {background-image: url(/images/menu_on_nb.gif);}
#toolselected a:hover.noborder {background-image: url(/images/menu_on_nb.gif);}

#toolbar li.blank {background-image:none;}
#toolbar a:hover.blank {background-image:none;}

/* ------------------------------------------------------- 
  Page container elements   	                                    
------------------------------------------------------- */

#innerbox {position:relative; top:0px; left:0px; width:937px;}
#menucol {float:left; width:163px; padding-left:0px; padding-right:15px; margin-left:0px; margin-right:0px; margin-top:0px; padding-top:0px;}
#contentcol {float:left; width:570px; margin-top:0px; padding-right:15px;}
#newscol {float:left; width:163px; margin-top:6px;}

.separator {clear:both;}

/* ------------------------------------------------------- 
   left column
------------------------------------------------------- */

#myaccount {position:relative; top:0px; left:0px; padding-top:10px; padding-bottom:5px; background-image:url(images/menu_back.gif); background-repeat:no-repeat; background-position:left top;}
#myaccount h2 {margin-left:8px;}
#myaccount input {margin-top:3px;}
.indenttext {margin-left:8px;}

#updated {position:relative; top:0px; left:0px; padding-top:10px; padding-bottom:5px; background-image:url(images/menu_back.gif); background-repeat:no-repeat; background-position:left top;}
#updated h2 {margin-left:0px;}
#updated input.searchinput {margin-top:3px; color: #000000; font-weight:bold;}

#searchbox {position:relative; top:0px; left:0px; padding-top:10px; background-image:url(images/menu_back.gif); background-repeat:no-repeat; background-position:left top;}
#searchbox h2 {margin-left:8px;}
#searchbox input {margin-top:3px;}

/* ------------------------------------------------------- 
   right column
------------------------------------------------------- */

#basket {position:relative; top:0px; left:0px; color:#8f617e;}
#basket h2 {color:#8f617e;}

.basketbutton {padding-left:25px; padding-top:5px; padding-bottom:5px; background-image:url(/images/basket_button.gif); background-repeat:no-repeat; background-position:left center;}

#basketbottom {width:163px; height:23px; background-image:url(/images/menu_back.gif); background-repeat:no-repeat; background-position:left top;}

/* ------------------------------------------------------- 
   page 
------------------------------------------------------- */

#banner {position:relative; top:0px; left:0px; width:550px; height:225px; margin-bottom:3px; border:solid 1px #545456;}
#promobox {position:relative; top:0px; left:0px; width:552px; margin-bottom:3px;}
#promo1 {position:relative; top:0px; left:0px; width:273px; height:169px; border:solid 1px #525252;}
#promo2 {position:absolute; top:0px; left:278px; width:273px; height:169px; border:solid 1px #525252;}
#promo3 {position:absolute; top:0px; left:370px; width:180px; height:180px; border:solid 1px #525252;}
#advert {position:relative; top:0px; left:0px; width:550px; height:108px; border:solid 1px #525252;}
/*background-color:#9ACD32*/
#bannerbox {position:relative; top:0px; left:0px; background-color:#333333; padding:0px; width:552px; padding:9px;}
#internalcopy {position:relative; top:0px; left:0px; width:534px; padding-top:15px; padding-bottom:20px; padding-left:9px; padding-right:9px; background-color:#333333;}
/*#admininternalcopy {position:relative; top:0px; left:0px; width:534px; padding-top:15px; padding-bottom:20px; padding-left:9px; padding-right:9px; background-color:#696969;}*/


#copybox {position:relative; top:0px; left:0px; width:530px; padding-top:0px; padding-bottom:0px;}
td.highlightartist {background-color:#696969; font-weight:bold; width: 33%;}
a.artistlink {color:#FFFFFF; font-weight:bold;}
#copyboxleft {float:left; width:259px; margin-left:0px; margin-right:12px;}
#copyboxright {float:left; width:259px;}

#copyboxsingle {float:left; width:530px;}


.greenbold {color:#aba863; font-weight:bold;}
.greybold {color:#6d6e70; font-weight:bold;}

/* ------------------------------------------------------- 
  Level 2 naviagtion
------------------------------------------------------- */

#level2 {position:relative; left:15px; top:0px; width:148px; margin-bottom:5px;}
#level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level2 li {display:block; width:148px; background-image:url(/images/level2_menu_off.gif); background-position:left top; background-repeat:no-repeat;}
#level2 a {color:#8f617e; display:block; padding-top:0px; padding-bottom:0px; padding-left:8px; text-decoration:none; margin:0px; width:140px; font-weight:bold; background-image:none;}
#level2 a:hover {color:#FFFFFF; text-decoration:underline; background-image:url(/images/level2_menu_off.gif); background-position:left top; background-repeat:no-repeat;}

#menu2 {}
#menu2 a {color:#ffffff; padding-left:8px; padding-top:0px; padding-bottom:0px; margin:0px; width:140px; font-weight:bold; background-image:url(/images/level2_menu_on.gif); background-position:left top; background-repeat:no-repeat;}
#menu2 a:hover {color:#ffffff; text-decoration:underline; background-image:url(/images/level2_menu_on.gif); background-position:left top; background-repeat:no-repeat;}

/* ------------------------------------------------------- 
  links
------------------------------------------------------- */

#links {position:relative; top:0px; left:0px; width:163px; font-weight:bold; margin-bottom:30px;}
#links ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#links li {display:block; width:163px;  background-image:url(/images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}
#links a {color:#8f617e; display:block; padding-top:6px; padding-bottom:6px; padding-left:8px; text-decoration:none; margin:0px; width:155px; font-weight:bold;}
#links a:hover {color:#8f617e; text-decoration:underline; background-image:url(/images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}

#links li.noborder {background-image: url(/images/menu_off_nb.gif);}
#links a:hover.noborder {background-image: url(/images/menu_off_nb.gif);}

#link2 {}
#link2 a {color:#ffffff; padding-left:8px; padding-top:6px; padding-bottom:6px; margin:0px; width:155px; font-weight:bold; background-image:url(/images/menu_on.gif); background-position:left top; background-repeat:no-repeat;}
#link2 a:hover {color:#ffffff; text-decoration:underline; background-image:url(/images/menu_on.gif); background-position:left top; background-repeat:no-repeat;}

/* ------------------------------------------------------- 
   news
------------------------------------------------------- */

#newsmaincopy {position:relative; top:0px; left:0px; margin-top:20px; padding-bottom:20px; border-bottom:solid 1px #333333;}
#newsitem1 {float:left; width:163px; padding-left:0px; padding-left:8px; padding-right:20px; width:163px;}
#newsitem2 {float:left; width:163px; padding-left:0px; padding-right:20px;}
#newsitem3 {float:left; width:163px; padding-left:0px;}
#newsitem4 {position:relative; top:0px; left:0px; width:163px; margin-bottom:15px;}
#newsitem5 {position:relative; top:0px; left:0px; width:163px; padding-top:15px; background-image:url(/images/menu_back.gif); background-repeat:no-repeat; background-position:left top;}

/* ------------------------------------------------------- 
  record paging
------------------------------------------------------- */

#pagingnav {position:relative; top:0px; left:0px; width:450px; font-weight:bold;}
#pagingnav ul{margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align: left;}
#pagingnav li{display: inline; line-height:22px;}
#pagingnav li a {color:#a7c474; font-weight:bold; padding-right:8px; padding-top:3px; padding-bottom:3px; margin-right:6px;}
#pagingnav li a:hover {text-decoration:underline;}

* html #pagingnav ul {margin-left:-10px; padding-left:10px;}
.pagingon {color:#5f6062; padding-right:8px; padding-top:3px; padding-bottom:3px; margin-right:6px;}

/* ------------------------------------------------------- 
 footer                                
------------------------------------------------------- */

#footertext {clear:both; position:relative; left:0px; top:0px; width:927px; height:90px; margin-top:0px;}
#eservelogo {position:absolute; left:0px; top:22px;}
#copyright {position:absolute; left:188px; top:0px; color:#9e9e9e; width:560px; padding-top:25px; line-height:1.4em;}
#copyright a {color:#945c81; text-decoration:none; }
#copyright a:hover {color:#945c81; text-decoration:underline;}

/* ------------------------------------------------------- 
 shop front                              
------------------------------------------------------- */

#productpromobox {position:relative; top:0px; left:0px; width:552px;}
.prodpromo {position:relative; float:left; width:136px; height:174px; margin-right:3px; margin-bottom:3px;}
.prodpromomid {position:relative; float:left; width:136px; height:174px; margin-right:2px; margin-bottom:3px;}
.prodpromoright {position:relative; float:left; width:136px; height:174px; margin-right:0px; margin-bottom:3px;}
.prodpromotext {position:absolute; left:0px; top:140px; width:136px; text-align:center;}
.price {}
.sale {color:#d42a2d;}

.rightmenuh2 {margin-bottom:5px;}

/* ------------------------------------------------------- 
 shop category page                     
------------------------------------------------------- */

#productcatsbox {position:relative; top:0px; left:0px; width:552px;}
.prodcat {float:left; width:174px; height:174px; border:solid 1px #d8d6d7; padding:3px; margin-right:3px; margin-bottom:3px; background-color:#ffffff;}
.prodcatright {float:left; width:174px; height:174px; border:solid 1px #d8d6d7; padding:3px; margin-right:0px; margin-bottom:3px; background-color:#ffffff;}
.shopsub {width:174px; height:27px; text-align:center; background-color:#925f7e; color:#ffffff; margin-top:3px;}
.shopsub a {color:#ffffff; font-weight:bold; line-height:26px;}

/* ------------------------------------------------------- 
 shop subcat page               
------------------------------------------------------- */

#prices {position:relative; top:0px; left:0px; width:163px; font-weight:bold; margin-bottom:30px;}
#prices ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#prices li {display:block; width:163px;  background-image:url(/images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}
#prices a {color:#8f617e; display:block; padding-top:6px; padding-bottom:6px; padding-left:8px; text-decoration:none; margin:0px; width:155px; font-weight:bold;}
#prices a:hover {color:#8f617e; text-decoration:underline; background-image:url(/images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}

#price2 {}
#price2 a {color:#787878; padding-left:8px; padding-top:6px; padding-bottom:6px; margin:0px; width:155px; font-weight:bold; background-image:url(/images/menu_on.gif); background-position:left top; background-repeat:no-repeat;}
#price2 a:hover {color:#787878; text-decoration:underline; background-image:url(/images/menu_on.gif); background-position:left top; background-repeat:no-repeat;}

#productsubbox {position:relative; top:0px; left:0px; width:554px; margin-top:5px;}
.productbox {position:relative; float:left; width:136px; height:174px; margin-right:3px; margin-bottom:3px;}
.productboxright {position:relative; float:left; width:136px; height:174px; margin-right:0px; margin-bottom:3px;}
.productthumb {position:relative; left:0px; top:0px; border:solid 1px #545454;}
.producttext {position:absolute; left:0px; top:140px; width:136px; text-align:center;}
.pricelarge {font-size:1.0em; font-weight:normal;}
.pricelarge2 {font-size:1.6em; font-weight:bold;}
#relatedsubbox {position:relative; top:0px; left:0px; width:450px; margin-top:5px; margin-left:11px;}

#pagingnav {position:relative; top:0px; left:0px; height:27px; width:552px; margin-top:2px; margin-bottom:9px; background-color:#595959; color:#ffffff;}
#pagingnav ul{position:relative; top:2px; left:11px; margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align: left;}
#pagingnav li{display:inline;}
#pagingnav li a {color:#ffffff; font-weight:normal; padding:0px; margin-right:11px;}
#pagingnav li a:hover {text-decoration:underline;}

* html #pagingnav ul {margin-left:-10px; padding-left:10px;}
.pagingon {color:#ffffff; padding:0px; margin-right:11px; font-weight:bold;}

#recordnav {position:relative; top:0px; left:0px; height:27px; width:552px; margin-top:2px; margin-bottom:1px; background-color:#595959; color:#c0c0c0;}
#recordtext {position:relative; left:11px; line-height:27px; width:541px;}

#querybox {position:relative; top:0px; left:0px; width:552px; height:27px; background-color:#595959; color:#c0c0c0;}
#querybox label {font-weight:normal; color:#c0c0c0;}
#droptext1 {position:relative; top:0px; left:11px; line-height:27px;}
#droptext2 {position:absolute; top:0px; left:227px; line-height:27px;}
#droptext3 {position:absolute; top:0px; left:310px; line-height:27px;}
#dropdown1 {position:absolute; top:2px; left:53px; padding-top:2px;}
#dropdown2 {position:absolute; top:2px; left:260px; padding-top:2px;}

/* ------------------------------------------------------- 
 product page top           
------------------------------------------------------- */

#producttop {position:relative; left:0px; top:0px; height:275px; width:554px; margin-top:3px;}
#productimagebox {float:left; position:relative; top:0px; left:0px; width:361px; background-color:#ffffff; padding-bottom:13px;}
#greyproductbox {float:left; width:165px; height:275px; padding-top:13px; padding-left:13px; padding-right:13px; padding-bottom:0px; background-color:#f2f2f2;} 
#greyproductbox label {color:#787878; margin-left:4px;}

#colourswatches {position:relative; left:0px; top:0px; margin-left:4px; margin-bottom:10px;}
#colourswatches h2 {color:#787878;}
#imagebuttons {position:relative; left:0px; top:0px; z-index:100; margin-top:25px;}
.imagebuttonselected {font-size: 1.0em; font-weight:bold; border:none; width:14px; height:16px; color:#2c2c2c; cursor:pointer; background:none;}
.imagebutton {font-size: 1.0em; font-weight:bold; border:none; width:14px; height:16px; color:#965e79; cursor:pointer; background:none;}
.imagebuttonnext {font-size: 1.0em; font-weight:bold; border:none; width:80px; height:16px; color:#965e79; cursor:pointer; background:none;}

/* ------------------------------------------------------- 
 product page main    
------------------------------------------------------- */
#productmain {position:relative; left:0px; top:0px; width:552px; background-color:#ffffff;}
#productmainbox {position:relative; left:0px; top:0px; }
#productleft {float:left; width:362px; background-image:url(/images/prod_desc.gif); background-position:left top; background-repeat:no-repeat;}
#productdesc {padding-left:13px; padding-right:13px; margin-bottom:35px;}

#productright {float:left; width:164px; padding:13px;}
#buttons {width:160px; height:43px;}
#buy {float:left; margin-right:10px;}
#sale {float:left;}

#relatedbox {position:relative; left:0px; top:0px; margin-top:10px;}
#relatedtitle {position:relative; left:10px; top:0px; height:35px; padding-top:10px; background-image:url(/images/related_back.gif); background-position:left top; background-repeat:no-repeat;}

#productmain h2 {color:#767676;}

/* ------------------------------------------------------- 
  basket
------------------------------------------------------- */

#pagegradiant {position:relative; left:0px; top:0px; width:532px; padding-left:10px; padding-right:10px; padding-top:9px; }
.pagediv {padding-top:11px; padding-bottom:11px; width:532px;}
.pagediv2 {padding-top:7px; padding-bottom:11px; width:532px;}

#basketbuttons {position:relative; top:0px; left:0px;}
#proceed {position:relative; top:0px; left:0px; }
#continue {position:absolute; top:0px; left:277px; }
.imagebuttons {padding:0px; margin:0px;}

.basketitem {height:25px;}
.items {width:360px;}
.quant {width:87px;}
.price {width:51px;}
.remove {width:30px;}
.formindent {width:5px;}

.checkbox input {border:0px; margin:0px; padding:0px; background-color:Transparent;}
.checkbox label {padding-left:4px; font-weight:normal;}

.checkboxwarning input {border:0px; margin:0px; padding:0px; background-color:Transparent;}
.checkboxwarning label {padding-left:4px; font-weight:normal; color:#ff0000;}

#pagegradiant2 {position:relative; left:0px; top:0px; height:283px; width:532px; padding-left:10px; padding-right:10px; padding-top:9px;}

#existing {position:relative; top:0px; left:0px;}
#newcustomer {position:absolute; top:10px; left:287px;}

#formgradiant {position:relative; left:0px; top:0px; width:532px; padding-left:10px; padding-right:10px; padding-top:9px;}

#formbox {position:relative; left:0px; top:0px;}
#formleft {position:relative; left:0px; top:0px; width:253px;}
#formright {position:absolute; left:270px; top:0px; width:253px;}

#formbox2 {position:relative; left:0px; top:0px; margin-top:20px;}
#formleft2 {position:relative; left:0px; top:0px; width:253px;}
#formright2 {position:absolute; left:270px; top:0px; width:253px;}

#formbox label {padding-left:5px;}
#formbox2 label {padding-left:5px;}

#formbox h2 {width:253px; height:31px; padding-top:8px; padding-left:5px; background-image:url(/images/form_h2.gif); background-position:left top; background-repeat:no-repeat;}
#formbox2 h2 {width:253px; height:31px; padding-top:8px; padding-left:5px; background-image:url(/images/form_h2b.gif); background-position:left top; background-repeat:no-repeat;}

.formback {width:532px; height:29px; padding-top:8px; background-image:url(/images/formback.gif); background-position:left top; background-repeat:no-repeat;}
.addressindent {margin-left:5px;}
.warning {color:#ff0000; padding:10px; background-color:#ffffff; border:solid 1px #959595;}
.warningtext {color:#ff0000; font-weight:bold;}

.formback2 {width:532px; height:39px; background-image:url(/images/formback.gif); background-position:left top; background-repeat:no-repeat;}

#addressblock {position:relative; left:0px; top:0px; width:527px; margin-left:5px;}
.addressbook {float:left; width:170px; margin-top:10px;}

#addformbox {position:relative; left:0px; top:0px; width:250px;}
#addbk1 {position:relative; left:0px; top:0px;}
#addbk2 {position:absolute; left:77px; top:0px;}

/* ------------------------------------------------------- 
  search
------------------------------------------------------- */

.searchitem {position:relative; left:0px; top:0px; padding-top:10px; padding-bottom:10px; background-image:url(/images/search_div.gif); background-position:left top; background-repeat:no-repeat;}
.key {float:left; width:27px; height:27px; background-color:#595959; border:none; margin-right:1px; margin-bottom:1px;}
.letter {position:relative; left:8px; top:6px;}
.letter a {color:#ffffff; font-size:1.2em; font-weight:bold;} 
.keyed {float:left; width:27px; height:27px; background-color:#8b8b8b; border:none; margin-right:1px; margin-bottom:1px;}

/* ------------------------------------------------------- 
  colour search
------------------------------------------------------- */

.colourbreak {position:relative; left:0px; top:0px; height:1px; margin-top:6px; padding-bottom:6px; background-image:url(/images/search_div.gif); background-position:left top; background-repeat:no-repeat;}

/* ------------------------------------------------------- 
  table grid
------------------------------------------------------- */

.gridtable {width:532px;}
.gridtable tr.blank {height:30px; font-weight:bold;}
.gridtable tr.linebreak {height:10px; background-image:url(/images/search_div.gif); background-position:left top; background-repeat:no-repeat;}

#datehistory {position:absolute; left:350px; top:18px;}

/* ------------------------------------------------------- 
  swatch                        
------------------------------------------------------- */

.swatch {float:left; position:relative; left:0px; top:0px; width:140px; height:50px;}
.swatch2 {float:left; position:relative; left:0px; top:0px; width:106px; height:50px;}
.swatchimage {position:relative; left:0px; top:0px;}
.swatchimage img {border:solid 1px #acacac;}
.swatchname {position:absolute; left:60px; top:0px; width:56px;}
.swatchcheck {position:absolute; left:60px; top:34px;}
.swatchcheck input {background-color:Transparent; border:0px;}

/* ------------------------------------------------------- 
  artists
------------------------------------------------------- */

td.highlightartists {background-color:#FFFFFF; border:0px;}

/* ------------------------------------------------------- 
  gallery
------------------------------------------------------- */

img.thumb {border:solid 1px #A9A9A9;}