body
{
margin-left: auto;
margin-right: auto;
font-size: 62.5%;
background-color: #F2F2F2;
font-family: arial, verdana;
margin-bottom:0px;
}

/*************************
*   Accessibility page   *
*************************/

#accesshome
{
width: 100%;
position: absolute;
top: 0px;
right: 0px;
background-color: transparent;
padding: 0px;
font-size: 1.2em;
display: block;
float: right;
z-index: 1000;
text-align: center;
background: url('/gfx/shadow.jpg') repeat-y center top;
}

#access
{
width: 100%;
position: absolute;
top: 0px;
right: 0px;
background-color: transparent;
padding: 0px;
font-size: 1em;
display: block;
float: right;
z-index: 1000;
text-align: center;
background-color: #003A79;
}

#accessinhome
{
width:991px;
background: #003A79 url('/gfx/accbg.png') no-repeat right top;
padding: 1px 8px 1px 1px;
font-size: 0.9em;
display: block;
z-index: 1000;
margin-left: auto;
margin-right: auto;
text-align: right;
color: #ffffff;
}

#accessin
{
width:991px;
background: #F2F2F2 url('/gfx/contentbg.gif') repeat-y center top;
padding: 1px 8px 1px 1px;
font-size: 1em;
display: block;
z-index: 1000;
margin-left: auto;
margin-right: auto;
text-align: right;
color: #7a7a7a;
}

#contentaccess
{
width: 90%;
height: 100%;
text-align: left;
padding: 20px 20px 20px 20px;
font-size: 1.6em;
color: #000000;
background-color: #ffffff;
max-width: 1200px;
}

a.accesslink:link {color: #004CBE; text-decoration: none; font-size: 1em;}
a.accesslink:visited {color: #004CBE; text-decoration: none;font-size: 1em;}
a.accesslink:hover {color: #004CBE;  text-decoration: underline;font-size: 1em;}
a.accesslink:active {color: #004CBE; text-decoration: none;font-size: 1em;}

a.accesslinkh:link {color: #7a7a7a; text-decoration: none; font-size: 1em;}
a.accesslinkh:visited {color: #7a7a7a; text-decoration: none;font-size: 1em;}
a.accesslinkh:hover {color: #000000;  text-decoration: underline;font-size: 1em;}
a.accesslinkh:active {color: #000000; text-decoration: none;font-size: 1em;}

/*************************
* Accessibility page End *
*************************/

.noscript
{
background-color: black;
color: #ffffff;
font-size: 16px;
font-family: arial, verdana;
text-align: left;
}

#pagehome
{
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
position: absolute;
top: 15px;
left: 0px;
background: url('/gfx/shadow.jpg') repeat-y center top;
display:block;
float:left;
}

#page
{
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
position: absolute;
top: 15px;
left: 0px;
display:block;
float:left;
background: #F2F2F2 url('/gfx/blue_grad.jpg') repeat-x center top;
}

#mainbody
{
width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0px;
left: 0px;
display: block;
text-align: left;
font-weight: normal;
font-size: 1.5em;
color: #000000;
}

#maincontenthome
{
width: 1000px;
min-height:630px;
height:auto !important;
height:630px;
display: block;
float:left;
text-align: left;
background: #F2F2F2 url('/gfx/blue_grad.jpg') repeat-x center top;
margin: 0px;
padding:0px;
}

#maincontent
{
width: 1000px;
min-height:630px;
height:auto !important;
height:630px;
display: block;
float:left;
text-align: left;
margin: 0px;
padding:0px;
background: #F2F2F2 url('/gfx/contentbg.gif') repeat-y center top;
}

#menuhome
{
display:block;
float:left;
color: #ffffff;
font-weight:bold;
width:700px;
height:auto;
padding: 0px 10px 20px 40px;
position: relative;
top: 0px;
left: 0px;
}

#menu
{
display:block;
float:left;
color: #ffffff;
font-weight:bold;
width:700px;
height:auto;
padding: 20px 10px 40px 40px;
position: relative;
top: 0px;
left: 0px;
}

#menuhome img
{
display:inline;
float:left;
}

#menu img
{
display:inline;
float:left;
}

.menutext
{
display:inline;
float:left;
margin-left: 15px;
position: absolute;
bottom: 40px;
right: 50px;
}

#menuhome .menutext
{
bottom: 15px;
}

#content
{
width: 1000px;
height: auto;
display: block;
float:left;
text-align: left;
margin: 0px;
padding:0px;
}

#contentleft
{
width: 750px;
height: auto;
display: inline;
float:left;
text-align: left;
margin: 0px;
padding:0px;
}

#contentright
{
width: 250px;
height: auto;
display: inline;
float:left;
text-align: left;
margin: 0px;
padding:0px;
position: relative;
top: 0px;
left: 0px;
z-index: 70;
}

#cardcolours
{
width: 600px;
height: auto;
display: block;
float:left;
text-align: left;
margin: 0px 200px 20px 200px;
padding:0px;
}

#cardcoloursb
{
width: 600px;
height: auto;
display: block;
float:left;
text-align: left;
margin: 0px 200px 20px 200px;
padding:0px;
}

.colour
{
width: 260px;
height: auto;
display: inline;
float:left;
text-align: center;
margin: 0px 20px 0px 20px;
padding:0px;
}

.stdcard
{
width: 92px;
height: 38px;
display: inline;
float:left;
text-align: center;
margin: 0px 20px 20px 20px;
padding:5px;
background: url('/gfx/cc/bg.gif') no-repeat center center;
}

.cardex img
{
margin: 0px 30px 20px 30px;
}

.clabel
{
width: 100px;
height: auto;
display: block;
text-align: center;
margin-bottom: 7px;
margin-left:auto;
margin-right:auto;
padding:0px;
}

.coloura
{
width: 100px;
height: 35px;
display: block;
text-align: center;
margin-left:auto;
margin-right:auto;
padding:0px;
background-color: #0092FF;
}

.colourb
{
width: 100px;
height: 35px;
display: block;
text-align: center;
margin-left:auto;
margin-right:auto;
padding:0px;
background-color: #00B208;
}

.colourc
{
width: 100px;
height: 35px;
display: block;
text-align: center;
margin-left:auto;
margin-right:auto;
padding:0px;
background-color: #0038EF;
}

.colourd
{
width: 100px;
height: 35px;
display: block;
text-align: center;
margin-left:auto;
margin-right:auto;
padding:0px;
background-color: #520000;
}

.coloure
{
width: 100px;
height: 35px;
display: block;
text-align: center;
margin-left:auto;
margin-right:auto;
padding:0px;
background-color: #FF1821;
}

.colourf
{
width: 100px;
height: 35px;
display: block;
text-align: center;
margin-left:auto;
margin-right:auto;
padding:0px;
background-color: #FF6510;
}

.colourg
{
width: 100px;
height: 35px;
display: block;
text-align: center;
margin-left:auto;
margin-right:auto;
padding:0px;
background-color: #00EF08;
}

.colourh
{
width: 100px;
height: 35px;
display: block;
text-align: center;
margin-left:auto;
margin-right:auto;
padding:0px;
background-color: #FFEB10;
}

#footerhome
{
width: 1000px;
height: auto;
display: block;
float:left;
text-align: center;
background-color: #F2F2F2;
margin: -60px 0px 0px 0px;
padding: 10px 0px 5px 0px;
font-weight:bold;
position: relative;
top: 0px;
left: 0px;
z-index: 30;
}

#footer
{
width: 1000px;
height: auto;
display: block;
float:left;
text-align: center;
margin: 0px;
padding: 10px 0px 5px 0px;
font-weight:bold;
background: #F2F2F2 url('/gfx/contentbg.gif') repeat-y center top;
position: relative;
top: 0px;
left: 0px;
}

#footinner
{
width: 750px;
height: auto;
display: inline;
float:left;
text-align: center;
margin: 0px;
padding:0px;
}

#contactform
{
width: 400px;
height:auto;
display:block;
float:left;
margin: 0px 280px 0px 180px;
padding: 20px;
background-color: #EAEAEA;
border: 1px solid #E3E3E3;
}

#contactform form
{
margin: 0px;
padding:0px;
}

#contactform label
{
display:inline;
float:left;
width: 100px;
height:auto;
background-color: #EAEAEA;
margin-bottom: 5px;
}

#contactform #formpost
{
margin-top: 5px;
}

#contactform .input
{
display:inline;
float:left;
width: auto;
height:auto;
margin-bottom: 5px;
}

#contactform #formsubmit
{
margin-top: 10px;
margin-right: 37px;
margin-bottom: 0px;
display:block;
float:right;
background-color: #003A79;
color: #ffffff;
border: 2px solid #00336A;
font-weight:bold;
padding: 1px;
cursor:pointer;
}

#contactimg
{
display:block;
float:left;
position:absolute;
bottom: 0px;
right: 0px;
z-index: 300;
}

#contactimgleft
{
display:block;
float:left;
position:absolute;
bottom: 0px;
left: 0px;
z-index: 301;
}

#cardcolright
{
display:block;
float:left;
position:absolute;
bottom: -40px;
right: 0px;
z-index: 300;
font-size:0.8em;
text-align:right;
}

#cardcolleft
{
display:block;
float:left;
position:absolute;
bottom: -40px;
left: 0px;
z-index: 301;
font-size:0.8em;
text-align:left;
}

#cards
{
float:left;
margin: 0px 0px 0px 30px;
}

#block
{
display:block;
float:left;
margin: 0px 200px 0px 200px;
text-align:left;
}

#mainlogo
{
margin-top: 0px;
}

#cardsgallery
{
width: 340px;
height: 240px;
display: inline;
float: left;
text-align: center;
margin: 0px 0px 0px 185px;
position: relative;
top: 0px;
left: 0px;
overflow: hidden;
}

.imagefade
{
opacity: 0;
filter: alpha(opacity=0);
}

#slidecontainer
{
width: 340px;
height: 240px;
background: url('/gfx/slide_grad.jpg') repeat-x left top;
}


.header
{
font-weight:bold;
font-size: 1.2em;
margin-left:100px;
}

.headerer
{
font-weight:bold;
font-size: 1.2em;
margin-left:0px;
}

.home
{
display:block;
float:left;
width:670px;
height:200px;
font-weight:bold;
padding: 0px 40px 0px 40px;
margin: 0px 0px 20px 0px;
overflow:auto;
}

.intro
{
font-weight:bold;
text-align:left;
margin: 20px 100px 20px 100px;
padding-bottom:20px;
}

.introl
{
font-weight:normal;
text-align:left;
margin: 20px 100px 0px 100px;
padding-bottom:20px;
}

.cardtype
{
text-align:center;
margin: 20px 100px 20px 100px;
padding-bottom:20px;
border-bottom: 2px solid #C7211C;
}

.redb
{
text-align:center;
margin: 20px 200px 20px 200px;
padding: 10px 10px 10px 10px;
background-color: #E45B57;
font-weight:bold;
}

.bold
{
font-weight:bold;
}

.rbold
{
font-weight:bold;
color: #CC0E0E;
font-size: 1.5em;
}

.light
{
font-weight:normal;
}

.center
{
text-align:center;
}

.large
{
font-size: 1.2em;
font-weight:bold;
}

.small
{
font-size: 0.7em;
}

.xsmall
{
font-size: 0.6em;
}

.padd
{
font-weight:normal;
margin-left: 100px;
margin-right:100px;
}

.emaillink
{
border:none;
margin-bottom:-2px;
}

#orders
{
display:block;
float:left;
margin: 20px 0px 0px 100px;
padding:0px;
width:265px;
height:auto;
}


#orders label
{
display:inline;
float:left;
margin: 0px 10px 0px 0px;
padding:0px;
width:105px;
}

#orders .txtfield
{
display:inline;
float:left;
margin: 0px 0px 0px 0px;
padding:0px;
}

#orders .checkout
{
float:right;
margin-top:15px;
}

.pricelists
{
margin-top:160px;
}

.pricelistsb
{
margin-top:10px;
}

.pricelistsc
{
margin-top:10px;
padding-left:195px;
padding-right:195px;
}

.pricelists img, .pricelistsb img, .pricelistsc img
{
vertical-align:middle;
}

.smltxt
{
font-size:0.8em;
}

#gglcheck
{
display:block;
float:left;
width:100%;
height:42px;
line-height:42px;
margin: 10px 0px 10px 10px;
text-align:center;
}

#gglcheck img
{
border:none;
vertical-align:middle;
}


#social-h
{
position:absolute;
top:0px;
right:10px;
text-align:right;
padding:6px 5px 6px 0px;
background-color:#f2f2f2;
}

#maincontenthome #social-h
{
position:relative;
top:0px;
right:0px;
background-color:#fefefe;
}

#social-h img
{
border:none;
}

#social-h img:hover
{
opacity:0.6;
filter:alpha(opacity=60);
}

a.bluelink:link 	{color: #174B9A; text-decoration: underline; 	font: bold 1em arial;cursor:pointer; }
a.bluelink:visited 	{color: #174B9A; text-decoration: underline; 	font: bold 1em arial;cursor:pointer; }
a.bluelink:hover 	{color: #174B9A; text-decoration: none;font: bold 1em arial;cursor:pointer; }
a.bluelink:active 	{color: #174B9A; text-decoration: none;font: bold 1em arial;cursor:pointer; }

a.maillink:link 	{color: #003A79; text-decoration: none; 	font: normal 1em arial;cursor:pointer; }
a.maillink:visited 	{color: #003A79; text-decoration: none; 	font: normal 1em arial;cursor:pointer; }
a.maillink:hover 	{color: #003A79; text-decoration: underline;font: normal 1em arial;cursor:pointer; }
a.maillink:active 	{color: #003A79; text-decoration: underline;font: normal 1em arial;cursor:pointer; }


a.homemenu:link 	{display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #ffffff; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #1A5386;}
a.homemenu:visited 	{display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #ffffff; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #1A5386;}
a.homemenu:hover 	{display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #C6E4FF; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #1A5386;}
a.homemenu:active 	{display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #ffffff; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #1A5386;}

a.homemenuc:link 	{display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #C6E4FF; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #1A5386;}
a.homemenuc:visited {display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #C6E4FF; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #1A5386;}
a.homemenuc:hover 	{display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #C6E4FF; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #1A5386;}
a.homemenuc:active 	{display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #C6E4FF; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #1A5386;}


a.menu:link 	{display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #000000; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #DDDDDD;}
a.menu:visited 	{display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #000000; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #DDDDDD;}
a.menu:hover 	{display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #707070; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #DDDDDD;}
a.menu:active 	{display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #000000; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #DDDDDD;}

a.menuc:link 	{display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #707070; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #DDDDDD;}
a.menuc:visited {display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #707070; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #DDDDDD;}
a.menuc:hover 	{display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #707070; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #DDDDDD;}
a.menuc:active 	{display:inline;float:left; width:auto; height: auto;background: url('/gfx/menubg.png') repeat left top; color: #707070; text-decoration: none; font: bold 1em arial;padding: 5px 5px 5px 5px;margin-right: 5px;border: 1px solid #DDDDDD;}


a:link 		{color: #0042BB; text-decoration: underline; font: normal 1em arial;}
a:visited 	{color: #0042BB; text-decoration: underline; font: normal 1em arial;}
a:hover 	{color: #ffffff; text-decoration: none;      font: normal 1em arial;}
a:active 	{color: #0042BB; text-decoration: underline; font: normal 1em arial;}