/*
 comp colour:  currently = red
*/

html {font-size:1em;font-family:  Arial, Helvetica, sans-serif; margin:0; padding:0; border:0; }
body { background-color: #fff;
    color:#000;
}
.maincol
{
    background:transparent;
	width:auto;
        position:relative;
        padding:5px;
        margin:10px 210px 10px 200px;
        text-align:justify;
        font-size:90%;
}

form, form.viewcart {  position:relative; display:block; width:99%; margin:1% 0; padding:0; 
text-align:left;
} 
form.viewcart input  {  position:relative; display:block; width:99%; margin:1% 0; padding:0; 
} 

label, label#deliverylabel, label#viewcartbuttonlabel {  position:relative; display:block; width:30%; float:left;
font-weight:bold;
text-align:left; margin:.2em 0; padding:0; 
}
label#deliverylabel, label#viewcartbuttonlabel {  width:100%; margin:0; padding:0; text-align:center;  }

input {  position:relative; display:block; width:20%; float:left;  margin:.2em 0; padding:0; 
}

input#delivery, input#viewcartbutton {  position:relative; display:block; width:106px;  font-weight:bold;  padding:0; 
text-align:center; 
float:right;
 }


table {display:block; border:1px solid #000; width:100%; text-align:center; padding:0; margin:.8em 0;}
tr {width:100%; border:1px solid #000;   }
td {margin:0;border:none; padding:.5em;}

.footer
{
font-size:0.5em;
}
p.article:first-letter {
font: italic 250% 'Times New Roman', Palatino, serif;
color: #FF0000;}


/* EXPLANATORY POPUPS */
.popup
{
color:#9f141a;
text-decoration:none;
}

a:link {font: bold 100% Arial; color:#006600; text-decoration: none;}
a:active {font: bold 100% Arial;color:#556B2F; text-decoration: none;}
a:visited {font: bold 100% Arial; color:#006600; text-decoration: none;}
a:hover {font: bold 100% Arial; color:blue; text-decoration:underline;}

#home .home, #gall .gall, #maingraham .maingraham, #maingill .maingill, #add .add, #spec .spec, #pers .pers, #comm .comm, #artists .artists, #special, .special, #sketch .sketch,  #fungi .fungi, #fruit .fruit, #flower .flower, #water .water, #portrait .portrait
{
color: white; 
background: blue; 
text-decoration: none;
}

.clear{clear:both;}

.left
{    /* floats item to LHS of page, and adds a margin */
    float:left;
}

.right
{
    /* floats item to RHS of the page, and adds a margin */
    float:right;
}


img
{
display:inline;
border:0;
margin:1.2em;
}

img.quote
{
display:inline;
border:0;
margin:0 0.5em 0 0;
}



h4 {
    font-size:110%;
    padding:0;
    color:#330066;
    font:italic 1.3em 'Times New Roman', Palatino, serif;

}

h5 {
    font: italic 200% 'Times New Roman', Palatino, serif;
    text-align: center;
    color: #330066;
    padding:0.5em 0 0.1em 0;
    border: 0;
    margin:0;
}


h2, h3, h4
{
	color:#9F3400;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
padding:0;
margin:1.2em 0 0 0;
}


h2  {
	font-size:120%; 
        line-height:1.1;
        text-align:center;
color:#483d8b;
}

h3  {
	font-size:110%;
        text-align:left;
}


h6
{
        color: #000000;
	font-size:80%;
        padding:0;
border:0;
margin:0;
}

h1 {
	font:  bold 130% Arial, Helvetica, sans-serif;
color:#483d8b;	
        text-align:center;
	line-height:1.1;
	padding:0.5em 1em 0.5em 1em;
margin:0 0 .1em 0;
       background:transparent;
}

.half, .lefthalf
{      background:transparent;
       display:inline;
       width:45%;
       height:auto;
       float:left;       
       text-align:left;
       margin:0.5em;
}  
.frontlefthalf
{   background:#fff url("gp1.jpg") 5% 45% no-repeat;
color:#000;
border: solid 1px #000;
       display:inline;
       width:49%;
       height:auto;
       float:left;       
       text-align:left;
       margin:2px 0 2px 2px;
	   padding:0;
}  
.righthalf
{    
       display:inline;
       width:45%; 
       background:transparent;
       float:right;
       text-align:left;
       margin:0.5em;
}
.frontrighthalf { background:#fff url("r3.jpg")  5% 45%  no-repeat;
color:#000;
border: solid 1px #000;
       display:inline;
       width:49.5%; 
       float:right;
       text-align:left;
       margin:2px 2px 2px 0;
	   padding:0;
}
.floatright { float:right; }
.leftthird
{    
       display:inline;
       width:30%;
       height:auto;
       background-color:#ffffff;
       float:left;       
       text-align:left;
       margin:0.5em;
}  

.righttwothirds
{    
       display:inline;
       width:60%; 
       background-color:#ffffff;
       float:right;
       text-align:left;
       margin:0.5em;
}

.lefttwothirds
{    
       display:inline;
       width:60%; 
       background-color:#ffffff;
       float:left;
       text-align:left;
       margin:0.5em;
}


.rightthird
{    
       display:inline;
       width:30%;
       height:auto;
       background-color:#ffffff;
       float:left;       
       text-align:right;
       margin:0.5em;
}  

.rightcolor
{    
       display:inline;
       width:35%; 
       color:#ad0018;
       background-color:#ffff99;
border-top: 8px solid #FFF59F;
border-right: 8px solid #f7ffc2;
border-bottom: 8px solid #eedd99;
border-left: 8px solid #EED986;
       float:right;
       text-align:left;
       margin:1em 0.2em 1em 0.75em;
       padding:0px 0.75em 0.75em 0.75em;
}

.color
{    
       display:inline;
       width:92%;       
       float:right;
       background-color:#FFF59F;
       color:#ad0018;
       text-align:left;
       margin:1em 5px;
       padding:0px 1em 1em 1em;
}

.creambox
{    
       display:inline;
       width:45%; 
       color:#ad0018;
       background-color:#FFF59F;
       float:right;
       text-align:left;
       margin:1em 2px 1.2em 1.2em;
       padding:0px 1em 1em 1em;
}


.creamboxcenter
{    
       display:inline;
       width:38%; 
       color:#330066;
       background-color:#FFF59F;
       float:right;
       text-align:center;
       padding:0 0.75em 0.5em 1em;
       margin:0 0 0.5em 2em;
border:0;
}


.p
{
font:14px Arial;
color:#330066;
text-align:justify;
}

.quotebox
{
   display:inline;
       width:38%; 
       float:right;
font:italic 1.5em Times 'New Century Schoolbook', Palatino, serif;
text-align:center;
color:#330066;
       padding:0.5em 0.5em 0.5em 1em;
       margin:0 0 0.5em 1em;
border-top: medium solid #330066;
border-bottom: medium solid #330066;
}

.quoteboxcenter
{
   display:inline;
       width:38%; 
       float:right;
font:1em Times 'New Century Schoolbook', Palatino, serif;
text-align:center;
color:#330066;
       padding:0 0.1em 0.5em 0.1em;
       margin:0 0 0.5em 2em;
border-top: medium solid #330066;
border-bottom: medium solid #330066;
}
.epigraph
{
font:italic 3em verdana;
text-align:center;
color:#330066;
}


.epigraph2
{
font:italic 1.7em Times 'New Century Schoolbook', Palatino, serif;
text-align:center;
color:#330066;
background-color:#FFF59F;
padding:0.3em 0.3em 0.3em 0.3em;
}


.epiwhite
{
font:italic 1.7em Times 'New Century Schoolbook', Palatino, serif;
text-align:center;
color:#ffffff;
       margin:0.75em 0.75em 0.3em 0.3em;
       padding:0.75em 0.75em 0.3em 0.3em;
}


.epigraphred
{
font:  italic 125% Arial, Helvetica, sans-serif;	
text-align:center;
color:#ad0018;
}


/* EXPLANATORY POPUPS */

.popup
{
color:#9f141a;
text-decoration:none;
}


.rightbar
{
position:absolute;
width:190px;
height:140%;
top:150px;
right:2px;
padding:0.2em;
margin:0 2px;
     font-family:Arial, Helvetica, sans-serif; 
     color:#000000; 
     font-size:80%;
border:0;
    
}

     .rightitemcenter
     {
     width:180px;
height:180%;
     text-align:center;
     border:thick double #ad0018;
     padding:2px 2px 5px 2px;
     margin:0;
     color:#000000;    
}


.rightbarcream
{
position:absolute;
width:190px;
height:120%;
top:150px;
right:1px;
padding:0;
margin:0 0 1px;
     font-family:Arial, Helvetica, sans-serif; 
     color:#000000; 
     font-size:80%;
border:0;
    
}
     .rightitemcream
{
         position:absolute;
         width:160px;
height:220%;
         color:#000000;
         border-style:none;
         text-align:center;
         padding:6px;
       background-color:#FFF59F;
}

     .rightitemleft
     {
     width:180px;
     height:auto;
     text-align:left;
     border:thick double #ad0018;
     padding:2px 2px 5px 2px;
     margin:0;
     }


.leftbar
{
position: absolute;
top:140px;
bottom:0;
width:160px;
height:120%;
left:2px;
padding:6px;
margin:0 5px 0 0;
font-size:80%;
border:0;
}

     .leftitemleft     
     {
         position:absolute;
         width:160px;
height:180%;
         color:#000000;
         border-style:none;
         text-align:left;
         padding:6px;
       background-color:#FFF59F;
     }

   

     .leftitemcenter
     {
         position:absolute;
         width:160px;
height:180%;
         color:#000000;
         border-style:none;
         text-align:center;
         padding:6px;
       background-color:#FFF59F;
     }


.topleftbox
{
display:inline;
float:right;
width:200px;
margin:5px 5px 0 0;
padding:0;
border:0;
font-size:8pt;
text-align:center;
}

.header
    {
    position:absolute;
    top:0;
    right: 0;
    left: 0;
    width:100%;
    height:auto;
    padding:0;
    margin:0;
    text-align:center;
}

.topnav
{     display:block; margin:0; padding:0;  font-size:0.8em;
            text-align: center;
}

.centerbox
            {
            width:100%;
            top: 40px;
            padding:1px;
            left:20px;
            right:20px;
            font:bold 200% Arial, Helvetica, sans-serif;
             color:#ad0018;
            text-align:center;
            }



.centerbox2
            {
            display:block;
            width:100%;
            padding:1px 1px 10px 1px;
            font:bold 200% Arial, Helvetica, sans-serif;
            color:#ad0018;
            text-align:center;
            margin-left:2px;
            margin-right:2px;
clear:both;
            }



/*   FOR HEADER AND OTHER USE    */
        .toprightcorner
            {
            position: absolute;
            display:inline;
            width:auto;
            height:auto;
            top:0;
            right:20px;
            padding:5px;
            font-size:10pt;
            text-align:center;
            }


       /*  LOGO BOX TO USE WITHIN HEADER */


 .logobox1
            {
            position: absolute;
            display:inline;
            width:18em;
            top: -1em;
            left:5px;
            padding:1px;
            margin:2px;
font:  bold 130% Arial, Helvetica, sans-serif;
            color:#ad0018;
            text-align: justify;
            }

.logobox2
            {
            position:absolute;
            display:inline;
            width:18em;
            left:5px;
            padding:0 2px 0 2px;
margin:0;
font:  bold 85% Arial, Helvetica, sans-serif;
            text-align:center;
           color:#ad0018;
            }

.logobox
            {
            position: absolute;
            display:inline;
            width:18em;
            top: -1em;
            left:5px;
            padding:0;
            font-size:130%;
            font-weight:bold;
            color:#ad0018;
            text-align: justify;
            }

.otherartist
{
display:inline;
float:right;
width:20%;
margin:0 .1% 0 0;
padding:0;
border:none;
font-size:8pt;
text-align:center;
}
.gilltop  {display:block; text-align:center;  margin:0 0 0 20%; }
#otherartist { margin-right: -20.1%; }
.textleft {text-align:left;}
.textright {text-align:right;}
.full {width:90%; margin:0; padding:1em 2em;}
.padd {padding:2em;  }
.center {text-align:center; }
.strong { font-weight:bold; }
.small {font-size:0.8em; }
.subtitle {display:block; font-size:0.8em; margin:.4em 0 0 0; padding:0;  } 
.big {font-size:1.8em; }
.biggish {font-size:1.2em; }
.right {text-align:right; }
.comp {color:red; }
.blackfoot  {color:#000;  font-style:italic; font-weight:normal;  text-align:center; }
.blackfootleft  {color:#000;  font-style:italic; font-weight:normal;  text-align:left; }
.spaced {letter-spacing:.3em;}
.topspaced {letter-spacing:.5em; font-size:2em;  margin:0;  padding:.2em 0 0 0;}
#spaced {letter-spacing:.4em;}
.logoaddress {letter-spacing:.2em; font-size:1.4em;}
#border1, #border2 { border: solid 1px #000; background:transparent;
text-align:center;
width:47%;
margin:0 1% 0 1%;
padding:0;
}
#logoimg { padding:0; margin:0; border:0; }
.giantstar { text-align:center; font-size:400%; padding:0; margin:0; }
.furtherdetail { display:block; height:1.2em; line-height:1.2em; overflow:hidden; }
.price, .selling  { border:none; font-weight:bold;  display:block; width:65%; margin:0 0 0 18%;  padding:.1em .4em .4em .3em;  text-align:left;}
.selling {font-weight:normal;  width:58%; margin:0; padding:0; display:inline; float:left; }
.inline {display:inline; }
.price th { text-align:center;}
.price td { padding:.3em .4em .1em .1em;  }
.selling td { padding:.3em .4em 0 .1em;  }
.selling th {  font-weight:bold; color:green; margin:0; padding:1em 0 0 0; }