/*__________________CSS of Main Page Design and Template _____________*/
img { display: block; }
body { 
 margin: 0;
 padding: 0;
 font-size: 10px;
 font-family: verdana, arial, sans-serif;
 text-align: center;
 background-color: #fff; 
}

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

h1 {
 font-size: 12px; 
 color: #000033;
 font-weight: bold;
 margin: 10px 0;
}

h2 {
 font-size: 11px; 
 color: #ff7521;
 font-style: italic;
 margin: 8px 0;
}

p {
 font-size: 10px;
 color: #333333;
 margin: 8px;
}

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

a:hover {
 color: #ff7521;
 text-decoration: underline;
}

div.container {
 background-color: #ffffff;
 text-align: left;
 width: 810px; 
 margin: 1px auto; 
 height: 100% 
}

div.outer_header {
 font-weight: bold;
 font-size: 12px;
 text-align: right;
 height: 40px;
 background-color: #000033;
 background-image: url('/showLibImg.php?id=185&sfx=jpg&sz=l'); /*header image*/
 background-repeat: no-repeat;
 background-position: left;
 color: #b4c9fb;
 padding-top: 5px;
}
div.outer_header a {
 color: #b4c9fb;
}
div.outer_header a:hover {
 color: #fff;
 text-decoration: none;
}

div.page_border {
 border: 0px;
 background-color: #ffffff;
 padding: 0px;
}

div.header {
 display: none;
 margin-top: 1px;
 padding: 0px;
 border: 0px;
 width: 810px;
 height: 112px;
 background-image: url('/showLibImg.php?id=184&sfx=jpg&sz=l'); /*header image*/
 background-repeat: no-repeat;
}

div.main_menu 
{
 padding: 0px;
 height: 25px;
 margin-bottom: 0px;
 background-color: #fff; 
 background-image: url('/showLibImg.php?id=171&sfx=gif&sz=l'); /*bottom of header image*/
 background-position: top left;
 background-repeat: repeat-x;
}

div.main_content { 
 padding-bottom: 5px;
 background-color: #ffffff;
 margin: 0px 0px; 
 border-left: 1px solid #eee; 
 border-right: 1px solid #eee; 
 background-image: url('/showLibImg.php?id=174&sfx=gif&sz=l'); /*bottom of header image*/
 background-position: bottom left;
 background-repeat: repeat-x;
}

div.footer 
{
 display: none;
 overflow: hidden;
 clear: both;
 text-align: center;
 border-bottom: 1px solid #fff;
 background-color: #000033;
 color: #fff;
 font-size: 10px;
}

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

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

div.outer_footer {
 display: none; 
 height: 25px;
 color: #fff;
 padding: 5px 10px;
 font-size: 10px; 
 background-image: url('/showLibImg.php?id=171&sfx=gif&sz=l'); /*bottom of header image*/
 background-position: top left;
 background-repeat: repeat-x;
}

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

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

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

#navcontainer { /*Div containing the whole menu*/
 padding: 0px 0px 0px 0px;
 height: 23px;
 margin: 0px;
}

ul#nav {
 background-color: #6f0;
 margin: 0;
 padding: 0;
 list-style: none;
 border-left: 0px solid #ddd;
 /*width: 150px; /* Width of Menu Items */
}

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

ul#nav li a {
 display: block;
 width: 160px;	
 text-decoration: none;
 color: #ffffff;
 line-height: 19px;
/* height: 19px;*/
 background: #7e7e7e; /* IE6 Bug */
/* padding: 5px;*/
 border-left: 1px solid #a3a3a3;
 border-right: 1px solid #545454;
 text-align: center;
 font-weight: bold;
 font-size: 11px;
}

ul#nav li a.first {
}

ul#nav li a.last {
}

ul#nav li a:hover { /* Hover Styles */
 color: #fff; 
 background: #545454; 
 border-left: 1px solid #a3a3a3;
 border-right: 1px solid #545454;
} 

/* 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: 99;
 margin: 0;
 border: 0;
 padding: 0;
 width: 100px;
 list-style: none;
 position: absolute;
 display: none;
 left: 1px; 
 top: 14px;
 padding-top: 7px; /*must overlap slightly*/
 z-index: 999;
}

ul#nav li ul li {
 z-index: 99;
 position: relative;
 float: left;
 margin: 0;
 border: 0;
 padding: 0;
}

ul#nav li ul li a {
 margin: 0;
 border: 0;
 padding: 0;
 z-index: 99;
 display: block;
 width: 161px;	
 text-decoration: none;
 color: #ffffff;
 background: #7e7e7e; /* IE6 Bug */
 filter:alpha(opacity=85);
 moz-opacity:.85;
 opacity:.85;
}

ul#nav li ul li a.first {
}

ul#nav li ul li a.last {
}

ul#nav li ul li a:hover { /* Hover Styles */
 margin: 0;
 border: 0;
 padding: 0;
 z-index: 99;
 color: #fff; 
 background-color: #545454;
 filter:alpha(opacity=90);
 moz-opacity:.90;
 opacity:.90;
 text-decoration: none; 
} 

/* 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*/
 padding: 0;
 margin: 0;
 background-color: #fff;
}

div#blog h1 {
 font-size: 14px;
 color: #ff7521;
 margin: 0;
 padding: 0;
}
div#blog h2 {
 font-size: 12px;
 color: #000033;
 margin: 0;
 padding: 0;	
}
div#blog h3 {
 font-size: 11px;
 color: #000033;		
}
div#blog p, div#blog li {
 font-size: 11px;
 color: #666;
}
div#blog a {
 font-size: 11px;
 color: #ff7521;
 text-decoration: none;
}
div#blog a:hover {
 font-size: 11px;
 text-decoration: underline;
}


div.blogindex{ /*used on a 'blog group (index)' page */
 clear: right;
 min-height: 90px;
 margin-left: 30px;
 padding: 0px;
 border-bottom: 1px dashed #888;
}
div.blogindeximage{
 float: left;
 margin: 15px 15px 15px 0;
 padding: 0px;
}
div.blogindeximage img{
 border: 1px solid #666;
}

div#blogsidebar{
 width: 160px;
 padding: 10px 10px;
 background-color: #fefefe; 
 border-right: 5px solid #4f4f00;
}
div#blogsidebar p {
 color: #4f4f4f;
}
div#blogsidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 color: ff7521;
}
div#blogsidebarimage{
 float: left;
 margin: 10px;
 padding: 10px;
}
div#blogsidebarimage img{
 border: 1px solid #ccc;
}
div#blog a.button{
 padding: 5px 10px;
 background-color: #eee;
 border: 1px solid #4f4f00;
}
div#blog a.button:hover {
 background-color: #4f4f00;
 color: #fff;
 border: 1px solid #4f4f00;
}
div#blogarticle{
 padding: 10px;
}
div#blogphotosidebar{
 display: none;
 margin-left: 10px;
 padding: 0 0 10px 10px;
 float: right;
 text-align: center;
 border-left: 0px solid #66cc00;
 border-bottom: 0px solid #66cc00;
}
div#blogphotosidebar p {
 margin: 0 0 5px 0;
 padding: 0 0 2px 0;;
 background-color: #ffffff;
 color: #000033;
}
div.blogphoto img{
  border: 1px solid #cccccc;
}

/*__________________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: 808px;
 border: 0px solid white;
 border-top: 0;
 background-color: #fff;
}
div.pageBody { /*div.pageBody - NOT USED in GTRC*/
 width: 796px;
}
table.pageBody td#page_body {
 width: 646px;
}
td.pageMenu, td#page_left { /* whole column containing shop menu */
 width: 160px; /*do not change*/
 background-color: #fff;
/* background-image: url('/showLibImg.php?id=187&sfx=gif&sz=l');
 background-position: bottom;
 background-repeat: no-repeat;
 padding-bottom: 105px;*/
 height: 350px;
}
div.pageContent {
 padding: 0px;
 margin: 10px;
 padding-top: 15px;
 color: #000033; /*color in content section*/
 font-size: 11px;
}
div.pageContent a {
 color: #888; /*color in content section*/
}
div.pageContent a:hover {
 color: #ff7521; /*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: 2px;
 background: #f2f2f2;
 padding-right: 5px;
 color: #666;
 border-bottom: 2px solid #8a8a8a;
 font-size: 11px;
 font-weight: bold;
 text-align: right;
}
div.navPath a {
 color: #666;
 text-decoration: none;
}
div.navPath a:hover {
 color: #ff7521;
 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: 13px;
 font-weight: bold;
 color: #80A4F9;
 border-bottom: 1px dotted #ddd;
}
/**************** Shop Menu Styles *******************************/

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

ul#shop_menu { /* container of the menu items*/
 left: 0px;
 top: 0px;
 font-size: 10px;
 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: 160px;
 background-color: #fafafa;
 color: #888;
 list-style: none;
 font-size: 11px;
}
ul#shop_menu li a {
 display: block;
 padding: 2px 0 2px 25px;
 line-height: 17px;
 color: #888888;
 background-color: #fafafa;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
}
ul#shop_menu li:hover {
}
ul#shop_menu li:hover a {
 color: #ff7521;
 text-decoration: none;		
}
ul#shop_menu li ul {
 display: none;
 position: absolute;
 margin: 0;
 padding: 0;
 top: 0px;
 width: 160px;
 list-style: none;
 background-color: #fafafa;
 left: 160px;
 border:1px solid #eeeeee;
}
ul#shop_menu li ul li {

}
ul#shop_menu li:hover ul li a {
 color: #888;
 padding: 2px 0 2px 10px;
}
ul#shop_menu li ul li:hover a {
 color: #ff7521;
 background-color: #eee;
}

/*===========================*/
/* 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;
 padding-left: 25px;
 font-size: 11px;
 font-weight: bold;
 color: #888888;
}
a#basketlink:hover {
 color: #ff7521;
 text-decoration: none;
}

/************************** Shop Display Styles **************************************/
div.prodDisplay {
 position: relative;
 padding: 0px 0 0 0;
 border: 0px solid #eee;
 width: 150px;
 float: left;
 margin-right: 5px;
 margin-bottom: 5px;
 background-color: #ffffff;
}
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: #fafafa;
}

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

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

}

div.basketHeader, tr.compteHeader, div.payFormHeader {
 padding: 2px;
 padding-left: 5px;
 background-color: #8a8a8a;
 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 {
 border-top: 0px;
 background: #b4c9fb;
 font-weight: bold;
}

tr.basketTotalRow {
 background: #b4c9fb;
 text-align: right;
 font-weight: bold;
}

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: #4bd7bf;
}

td.compteLabel {
 text-align: right;
}

div.payFormHeader {
 color: #ff7521;
}

/*_______________Gallery, Album and Photo Display CSS_________*/

div#gallery { /*container for whole gallery section*/
 margin: 0;
 padding: 0px;
 color: #666;
}

div#topsection { /*container around title, intro para and lead image*/
 margin: 0;
 padding: 0 10px;
 border-bottom: 1px solid #ccc;
}

div#topsection h1 { /*title*/
 font-size: 12px;
 color: #ff7521;
 margin: 0 0 0px 0; 		
 padding: 0;
}

div#topsection p { /*intro para*/
 font-size: 10px;
 color: #666;
 margin: 0 0 0px 0;
 padding: 0;
}

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

div#topsection div#leadimage { /*box around lead image*/
 float: left; /*dont change*/
 border: 0px solid #ccc;
 padding: 0px ;
 margin-right: 10px;
 background-color: #fff;
}

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

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

div#btmsection div.photocontainer { /*container around each photo*/
 float: left;
 color: #888;
 text-align: center;
 margin-right: 0;
 margin-bottom: 0;
 padding: 0px;
 border: 0px solid #666;
 font-size: 10px;
 line-height: 10px;
}


div#btmsection div.gallery { /*container around each photo on gallery index page*/
 /*width: 150px; min-width: 162px; */
 height: 170px;
 margin-left: 5px;
}
div#btmsection div.album { /*container around each photo on album index page*/
 background-color: #fff; 
 width: 194px; 
 height: 140px;
}
div.photocontainer img{
 display: inline;
 border: 0px solid #bbb;
}
div.slidecontainer img{
 border: 1px solid #bbb;
}
div.slidecontainer {
 font-size: 10px;
 color: #888;
}
div#topsection div.btnholder, div#btmsection   div.btnholder {
 margin: 5px 0px;
 font-weight: bold;
}

div#topsection a.button, div#btmsection  a.button {
 margin-top: 10px;
 padding: 3px 8px;
 background-color: #8a8a8a;
 border: 0px solid #4f4f00;
 color: #fff;
 font-weight: bold;
}
div#topsection a.button:hover, div#btmsection  a.button:hover {
 background-color: #5c5c5c;
 color: #ff7521;
 border: 0px solid #ff7521;
 text-decoration: none;
}