/*
 comp colour:currently = red
*/

html {font-size:1em;font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; border:0; }
body { background:#fff;
 color:#000;
}

div { text-align:left; }

.maincol
{ background:transparent;
 position:relative;
 padding:5px;
 margin:10px 210px 10px 200px;
 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; 
 outline: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;}
a:hover,a:active { outline:0;}
a:focus { outline:thin dotted; }

#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;}

/* floats require block and width, unless on images */
.left { float:left; }
.right { float:right;}


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


img.quote { display:inline;
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:#000;
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 { display:block;
width:45%; float:left;
height:auto; 
text-align:left;
margin:0.5em;
background:transparent;
} 


 


.righthalf { display:block; width:45%; float:right;
background:transparent; 
text-align:left;
margin:0.5em;
}

/* 
border:solid 1px #000; */
.frontrighthalf { display:block; width:45%; float:right;
border:5px solid rgb(123, 0, 20); 
-moz-border-radius-topleft:10px; 
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px; 
-moz-border-radius-bottomright:10px;
/* background:#fff url("r3.jpg") 4% 45% no-repeat;*/
color:#000;
text-align:left;
margin:.2% 1% .2% 1%;
padding:1% .1% 1% 2%;
}

.frontlefthalf { display:block; width:45%; float:left;
border:5px solid rgb(123, 0, 20); 
-moz-border-radius-topleft:10px; 
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px; 
-moz-border-radius-bottomright:10px;
/*  background:#fff url("gp1.jpg") 4% 45% no-repeat; */
color:#000;
text-align:left;
margin:.2% 1% .2% 1%;
padding:1% .1% 1% 2%;
}

.frontrighthalf img, .frontlefthalf img { 
display:block; width:50px; float:right; 
margin:10px 8px 8px 0; padding:0; 
}

.frontrighthalf p a img, .frontlefthalf p a img { 
display:block; width:38%; float:right; 
margin:.1% 6% 4% 0; padding:0; 
} 

.floatright { display:block; float:right; }
.leftthird { display:block; width:30%; float:left;
height:auto;
background:#fff;
text-align:left;
margin:0.5em;
} 

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

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

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

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

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

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


.creamboxcenter { display:block; width:38%; float:right;
color:#330066;
background:#FFF59F;
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:block; 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:block; 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:#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:#000; 
font-size:80%;
border:0; 
}

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


.rightbarcream { position:absolute; display:block; width:190px;
height:120%;
top:150px;
right:1px;
padding:0;
margin:0 0 1px;
font-family:Arial, Helvetica, sans-serif; 
color:#000; 
font-size:80%;
border:0; 
}

.rightitemcream { position:absolute; display:block; width:160px;
height:220%;
 color:#000;
 border-style:none;
 text-align:center;
 padding:6px;
background:#FFF59F;
}

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


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

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

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


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

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

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

.centerbox { display:block; 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:99%; 
padding:.1% .1% 1% .1%;
font:bold 200% Arial, Helvetica, sans-serif;
color:#ad0018;
text-align:center;
margin-left:.2%;
margin-right:.2%;
clear:both;
}



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


/* LOGO BOX TO USE WITHIN HEADER */

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

.logobox2 { position:absolute; display:block; width:18em; float:left; 
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:block; width:18em; float:left;
top:-1em;
left:5px;
padding:0;
font-size:130%;
font-weight:bold;
color:#ad0018;
text-align:justify;
}

.otherartist { display:block; width:20%; float:right;
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, .frontlefthalf h1 {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; }
.block { display:block; }