/*__________________CSS of Main Page Design and Template _____________*/
img { display: block; }
body { 
 margin: 0;
 padding: 0;
 font-size: 10pt;
 font-family: verdana, arial, sans-serif;
 text-align: center;
 background-color: #000000;
/*
background-image: url('/showLibImg.php?id=288&sfx=jpg&sz=l');
 background-position:top left;
 background-repeat:no-repeat;
*/
}

 html, body, div {
/*    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
  }


td { border-bottom:0px solid #666666; }
td { border-top:0px solid #666666; }

td.pageMenu{ border:0; }
div.pageContent td { border:0;  }



h1 {
 font-size: 12pt; 
 color: #e8e8e8;
}

h2 {
 font-size: 10pt; 
 color: #666;
 font-style: italic
}

p {
 font-size: 9pt;
 color: #666;
}

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

a:hover {
 color: #EA0000;
 text-decoration: none;
}

div.container {
/* background-image: url('/showLibImg.php?id=244&sfx=jpg&sz=l');
 background-position:top left;
background-repeat:no-repeat; */
 text-align: left;
 width: 900px; 
 margin: 0 auto; 
 height: 100%; 
}

div.outer_header {
}

div.page_border {
 padding: 0;
}

div.header {
 margin: 0
 padding: 0px;
 border: 0px;
 width: 900px;
 height: 97px;
 background: top left no-repeat url('/showLibImg.php?id=299&sfx=jpg&sz=l');
}

div.main_menu 
{
 padding: 0px;
 height: 34px;
 margin-bottom: 0;
}

div.main_content { 
 margin: 0px; 
 border: 0px; 
}

div.footer 
{
 height: 0;
 clear: both;
 text-align: center;
 margin-top: 10px;
 border-top: 1px solid #333;
 background-color: #000;
 color: #dddddd;
 font-size: 8pt;
}

a.footer
{
 color: #66cc00;
 text-decoration: none;
}

a.footer:hover
{
 color: #EA0000;
 text-decoration: underline;
}
div.outer_footer { 
 background-color: #000;
 color: #dddddd;
 padding: 0px;
 margin-bottom: 0px;
 margin-top: 0px;
 border-bottom: 0px solid #ddd;
 font-size: 0pt; 
 font-weight: bold;
}

a.outer_footer
{
 font-size: 8pt;
 color:#000033;
 text-decoration: none;
}

a.outer_footer:hover
{
 text-decoration: underline;
}

/* _______________ Custom styles ________________ */
/*
a.sitelink {
 color: #999999;
 text-decoration: none;
}
a.sitelink:hover {
 color: #EA0000;
 text-decoration: none;
}
*/
/* ____________________ Main Nav Menu _____________ */

#navcontainer { /*Div containing the whole menu*/
 z-index: 999;
 padding: 5px;
 height: 0px;
 margin: 0px;
 margin-left: 0px;
}

ul#nav {
 z-index: 999;
 margin: 0;
 padding: 0;
 list-style: none;
 border-left: 0px solid #ddd;
/* width: 180px; */
/* Width of Menu Items*/
}

ul#nav li {
 position: relative;
 margin: 0 0px;
 float: left;
}

ul#nav li a {
 display: block;
 width: 148px;	
 text-decoration: none;
 color: #dddddd;
 
 padding: 2px 0px 6px 0px;
 border-bottom: 1px solid #333;
 text-align: center;
 /*font-weight: bold;*/
 font-size: 12px;
}

ul#nav li a.first {

}

ul#nav li a.last {
 
}

ul#nav li a:hover { /* Hover Styles */
 color: #fff; 
 background: #222222; 
} 

/* The magic that makes the menu work*/
ul#nav li:hover ul, ul#nav li.over ul { 
 display: block; 
} 

/* Drop Down Menu Items */

ul#nav li ul { /*ul is container of drop down*/
 z-index: 999;
 margin: 0;
 padding: 0;
 list-style: none;
 position: absolute;
 display: none;
 left: -1px; 
 top: 19px;
 padding-top: 7px; /*must overlap slightly*/
}

ul#nav li ul li {
 z-index: 999;
 position: relative;
 float: left;
}

ul#nav li ul li a {
 border: 0;
 z-index: 999;
 display: block;
 width: 160px;	
 text-decoration: none;
 color: #dddddd;
 background: #222222; /* IE6 Bug */
 padding: 7px 0;
font-size:12px;
}

ul#nav li ul li a.first {
}

ul#nav li ul li a.last {
 border-bottom: 5px solid #333333;
}
ul#nav li ul li a:hover { /* Hover Styles */
 z-index: 99;
 color: #EA0000;
 background: #333333;
 text-decoration: none; 
} 

td.pageMenu div div a {
 width:150px;
font-size:12px;
}

td#right_col h1 {
color:#666;
margin-top:0;
}

/* Fix IE. Hide from IE Mac */
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li ul li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
* html ul#nav li ul li a { height: 1%; }
/* End */

/*______________Blog CSS______________*/

div#blog { /*main container used on all the blog pages*/
 font-family: verdana, sans-serif;
 padding: 0;
 margin: 0;
 background-color: #fff;
}

div#blog h1 {
	font-size: 20px;
	color: #f60;		
}
div#blog h2 {
	font-size: 16px;
	color: #000033;		
}
div#blog h3 {
	font-size: 13px;
	color: #666;		
}
div#blog p, div#blog li {
	font-size: 10px;
	color: #666;
}
div#blog a {
	font-size: 12px;
	color: #000033;
	text-decoration: none;
}
div#blog a:hover {
 font-size: 12px;
 color: #666;
}


div.blogindex{ /*used on a 'blog group (index)' page */
 clear: right;
 height: 200px;
 width: 95%;
 margin: 10px;
 padding: 10px;
 border-bottom: 1px solid #003;
}
div.blogindeximage{
 float: right;
 margin: 0px;
 padding: 10px;
 border: 2px solid #66cc00;
}

div#blogsidebar{
 width: 160px;
 padding: 20px 10px;
 background-color: #66cc00; 
 border-top: 10px solid #000033;
 border-bottom: 10px solid #000033;
}
div#blogsidebar p {
 color: #fff;
}
div#blogsidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
div#blogsidebarimage{
 float: left;
 margin: 10px;
 padding: 10px;
 border: 1px solid #666;
}
div#blog a.button{
 padding: 5px 10px;
 background-color: #eee;
 border: 1px solid #000033;
}
div#blog a.button:hover {
 background-color: #000033;
 color: #fff;
 border: 1px solid #000033;
}
div#blogarticle{
 padding: 10px;
}
div#blogphotosidebar{
 margin-left: 10px;
 padding: 0 0 10px 10px;
 float: right;
 text-align: center;
 border-left: 2px solid #66cc00;
 border-bottom: 2px solid #66cc00;
}
div.blogphoto{
 
}

/*__________________shop CSS____________________*/

<!--[if IE]>
/* IE Menu CSS */
/* csshover.htc file version: V1.21.041022 - Available for download from: http://www.xs4all.nl/~peterned/csshover.html */
body{behavior:url('/shop/_css/csshover.htc');}
<![endif]-->


table.pageBody, div.pageBody {  /*div.pageBody - NOT USED in GTRC*/
 width: 900px;
 border: 0;
 border-top: 0;
 background-color: #ffffff;
}

table.pageBody td {
 padding-bottom: 10px;
}
table.pageBody td#page_body { /* main shop panel */
 background-color: #ffffff;
 width: 700px;
}

div.pageBody { /*div.pageBody - NOT USED in GTRC*/
 width: 900px;
}
table.pageBody td#page_left { /* whole column containing shop menu */
 width: 200px; /*do not change*/
 background-color: #000;
 padding-bottom: 105px;
}

div.pageContent {
 padding-top:10px;
 padding-left: 10px;
 margin: 10px;
 color: #999999; /*color in content section*/
 font-size: 11px;
}
div.pageContent a {
 color: #999999; /*color in content section*/
}
div.pageContent a:hover {
 color: #EA0000; /*color in content section*/
 text-decoration: none;
}
div.pageContent  input , div.pageContent  button, div.pageContent  select   {
 font-size: 9px;
}
div.navPath { /* this is the bar at top of content section with breadcrumb */
 padding: 4px;
 padding-right: 5px;
 color: #666;
 font-size: 10px;
 font-weight: normal;
 text-align: right; 
 border-bottom:1px solid #666666;
 background-color: none;
}
div.navPath a {
 color: #EA0000;
 text-decoration: none;

}
div.navPath a:hover {
 color: #cccccc;
 text-decoration: none;
}
h1.ssc_section_head, div.sectionHead {	/* this is the 'title' of the content section */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #666;
 border-bottom: 0px dotted #ddd;
}


/************************** Shop Display Styles **************************************/
div.prodDisplay {
 position: relative;
 padding: 2px 2px 8px 2px;
 border: 0px solid #eee;
 width: 150px;
 float: left;
 margin-right:11px;
 margin-bottom: 15px;
}
div.thumbHolder {
 padding: 0px 0 0 0px;
}
div.prodDisplay div.prodInfo {
 text-align: center;
 height: 15px;
 overflow: hidden;
 padding: 0px;
 color: #666;
 font-weight: normal;
}
img.keylined {
 border: 0px solid #cccccc;
}

div.prodHeader {
		
}

div.prodImage {
 width: 300px;
 float: left;
 margin-right: 10px;
}
div.prodImage img {
 border: 0px solid #cccccc;
}

div.prodThumbs {
 border-top: 1px solid #dddddd;
}

div.prodThumbs img {
 display: inline;
 margin: 5px 5px 0 0;
 border: 0px solid #cccccc;
}


div.prodInfo {
 padding: 15px;
 background-color: #fff;
}

div.catBox {
 float: left;
 margin: 4px;
 margin-right:9px;
}
div.catBox  a {
 color: #666;
 font-weight: bold;
}
div.catBox  a:hover {
 color: #EA0000;
}
div.catBox img {
 border: 0px solid #ddd; /*border around the category images*/
 margin-top: 2px;
}

table.basketTable, table.compteTable {
 background: #fff; /*colour of border/grid in table*/
 color: #666666; /*colour of text in table*/
 font-size: 10px;
}
table.basketTable{

}

div.basketHeader, tr.compteHeader, div.payFormHeader {
 padding: 2px;
 padding-left: 5px;
 background-color: #A40000;
 color: #fff;
 border: 1px solid #fff;
 font-size: 11px;
 font-weight: bold;
 border-bottom: 0;
}
tr.compteHeader a {
 color: #fff;
}

div.basketBody {
 border: 1px solid #fff;
 background: #fafafa;}

tr.basketRow, tr.compteRow {
 background: #fafafa;
 color: #888;
}

tr.basketRow div.vat {
  font-size: 8pt;
}

tr.basketColumnHead td {
 border-top: 0px;
 background: #000;
 font-weight: bold;
 color:#FFFFFF;
}

tr.basketTotalRow td {
 background: #000;
 text-align: right;
 font-weight: bold;
 color:#FFFFFF;
}

div.basketEditLink {
 float: right;
 border: 1px solid #999999;
 margin-left: 2px;
}

div.basketEditLink a {
 display: block;
 padding-left: 5px;
 padding-right: 5px;
 text-decoration: none;
 font-size: 9pt;
}

div.basketEditLink a:hover {
 background: #EA0000;
}

td.compteLabel {
 text-align: right;
}

div.payFormHeader {
 color: #ff7521;
}

/**************** Shop Menu Styles *******************************/

.menuHead { /* 'Online Shop' and 'Your Shopping Basket' */
 text-align:center;
 /*padding: 20px 0 4px 0;*/
 color: #000000;
 border-bottom: 0px solid #fff;
 font-size: 18px;
 font-weight: normal;
}
.onlineshop { /*extra class for 'online shop' at top only*/
 /* background: top left no-repeat url('/showLibImg.php?id=248&sfx=jpg&sz=l');*/
  background: top left no-repeat url('/showLibImg.php?id=234&sfx=jpg&sz=l');
 padding-top: 73px;
 padding-bottom: -75px;
background-color:#000000;
}
.shopbasket { /*extra class for 'shopingbasket' at bottom only*/
 background: top left no-repeat url('/showLibImg.php?id=233&sfx=jpg&sz=l');
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 padding-top: 40px;
 padding-bottom: -40px;
background-color:#000000;
}

ul#shop_menu { /* container of the menu items*/
 left: 0px;
 top: 0px;
 font-size: 12px;
 margin: 0;
 position: relative;
 z-index: 1;
 padding: 0px;
 margin: 0;
 list-style: none;
}
ul#shop_menu li {
 position: relative;
 display: block;
 margin: 0;
 padding: 0;
 text-align: left;
 width: 150px;
 background-color: #000;
 color: #eee;
 font-size: 12px;
 text-decoration: none;
 list-style: none;
 border: 1px solid #000;
}
ul#shop_menu li a {
 display: block;
 padding: 0px 0 3px 10px;
 line-height: 17px;
 color: #eeeeee;
 background-color: #000000; 
 text-decoration: none;
}
ul#shop_menu li:hover {
 border: 1px solid #222222;
}
ul#shop_menu li:hover a {
 color: #EA0000;
 text-decoration: none;		
}

ul#shop_menu li ul {
 display: none;
 position: absolute;
 margin: 0;
 padding: 0;
 top: -1px;
 left: 151px;
 width: 150px;
 list-style: none;
 background-color: #000;
 border:1px solid #222222;
 border-bottom: 0;
}
ul#shop_menu li ul li {
 border: 0;
 border-bottom:1px solid #222222;
}
ul#shop_menu li:hover ul li a {
 color: #eee;
}
ul#shop_menu li ul li:hover {
 border: 0;
 border-bottom:1px solid #222222;
}
ul#shop_menu li ul li:hover a {
 color: #ea0000;
}

/*===========================*/
/* see http://www.seoconsultants.com/css/csshover.htc*/
/* for browsers that understand this is all you need for the flyouts */
ul#shop_menu li:hover > ul {display: block;}
/* for IE5.5 and IE6 you need to style each level hover */
ul#shop_menu li:hover ul ul,
ul#shop_menu li li:hover ul ul,
ul#shop_menu li li li:hover ul ul,
ul#shop_menu li li li li:hover ul ul
ul#shop_menu li li li li li:hover ul ul
{display:none;}
ul#shop_menu li:hover ul,
ul#shop_menu li li:hover ul,
ul#shop_menu li li li:hover ul,
ul#shop_menu li li li li:hover ul
ul#shop_menu li li li li li:hover ul
{display:block;}

a#basketlink {
 display: block;
 height: 40px;
 font-size: 12px;
 color: #eee;
 padding-left: 10px;
}
a#basketlink:hover {
 color: #ea0000;
}

/*_______________Gallery, Album and Photo Display CSS_________*/

div#gallery { /*container for whole gallery section*/
 margin: 0;
 padding: 10px;
 background-color: #000;
 border-top: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 color: #ddd;
}

div#topsection { /*container around title, intro para and lead image*/
 margin: 0;
 padding: 0px;
 background-color: #000;
 border-bottom: 0px solid #000033;
}

div#topsection h1 { /*title*/
 font-size: 14px;
 color: #dddddd; 		
}

div#topsection p { /*intro para*/
 font-size: 10px;
 color: #ddd;		
}

div#topsection div#leadimage { /*box around lead image*/
 float: left; /*dont change*/
 border: 1px solid #ddd;
 padding: 5px ;
 margin-right: 15px;
 background-color: #000;
}

div#btmsection { /*container around bottom section*/
 margin: 0;
 padding: 0;
 border: 0;
 background-color: #000;
}

div#btmsection h2 { /*title*/
 padding-left: 4px;
 font-style: normal;
 font-size: 12px;
 color: #ddd; 	
}

div#btmsection div.photocontainer { /*container around each photo*/
 /*-moz-box-sizing: border-box;
 box-sizing: border-box;*/
 float: left;
 background-color: #000000;
 color: #ddd;
 text-align: center;
 margin-right: 10px;
 margin-bottom: 10px;
 padding: 5px;
 border: 1px solid #000;
 font-size: 10px;
}

div#btmsection div.gallery { /*container around each photo on gallery index page*/
/* width: 150px; min-width: 162px; */
 height: 170px;
}
div#btmsection div.album { /*container around each photo on album index page*/
 width: 180px;
 height: 140px;
}


div.photocontainer img{
 display: inline;
}

div.slidecontainer img{
 display: block;
 border: 1px solid #000;
}


div#topsection div.btnholder, div#btmsection   div.btnholder {
 margin: 15px 0px;
 font-size: 11px;
}
div#topsection div.btnholder {
 width: 250px;
}
div#topsection a.button, div#btmsection  a.button {
 margin: 15px 0;
 padding: 5px 10px;
 background-color: #151515;
 border-bottom: 1px solid #ddd;
 color: #ddd;
}
div#topsection a.button:hover, div#btmsection  a.button:hover {
 background-color: #252525;
 color: #ddd;
 border: 0px solid #333;
 text-decoration: none;
}