/* Style sheet for GP */
/* Author: Mark Dewfield - mark.dewfield@graniteplanet.co.uk */

/*
@font-face {
	font-family: 'CalibriBold';
	src: url('calibrib-webfont.eot');
	src: local('?'), url('calibrib-webfont.woff') format('woff'), url('calibrib-webfont.ttf') format('truetype'), url('calibrib-webfont.svg#webfontlmuoNcl1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CalibriRegular';
	src: url('calibri-webfont.eot');
	src: local('?'), url('calibri-webfont.woff') format('woff'), url('calibri-webfont.ttf') format('truetype'), url('calibri-webfont.svg#webfont6PZUequQ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CalibriItalic';
	src: url('calibrii-webfont.eot');
	src: local('?'), url('calibrii-webfont.woff') format('woff'), url('calibrii-webfont.ttf') format('truetype'), url('calibrii-webfont.svg#webfontAHjz13KV') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CalibriBoldItalic';
	src: url('calibriz-webfont.eot');
	src: local('?'), url('calibriz-webfont.woff') format('woff'), url('calibriz-webfont.ttf') format('truetype'), url('calibriz-webfont.svg#webfontr5wx4e7x') format('svg');
	font-weight: normal;
	font-style: normal;
}

		.CalibriBold {
			font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-family: 'CalibriBold', sans-serif;
			font-size-adjust: 0.47;
		}
		.Calibri {
			font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-family: 'CalibriRegular', sans-serif;
			font-size-adjust: 0.47;
		}
		.CalibriItalic {
			font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-family: 'CalibriItalic', sans-serif;
			font-size-adjust: 0.47;
		}
		.CalibriBoldItalic {
			font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-family: 'CalibriBoldItalic', sans-serif;
			font-size-adjust: 0.47;
		}
		
*/
		
.TitleHeading {
	font-family: Calibri;
	color: #999;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
}
p.BodyText {
	font-family: Calibri;
	color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-align:justify;
}
.Con_TitleHeadingCopy {
	font-family: Calibri;
	color: #693;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
}
.Mil_TitleHeadingCopy {
	font-family: Calibri;
	color: #09F;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
}

div#flashintro {
width:900px;
height:400px;
/*margin-right:40px;
border:1px dotted white;*/
}

div#flashwelcome {
width:730px;
height:276px;
/*border:1px dotted white;*/
}
		
html, body {
background-color: rgb(0,0,0);
font-family: Calibri, arial, helvetica, sans-serif;
font-size:1em;
font-weight: normal;
font-style: normal;
line-height:normal;
font-size-adjust: 0.47;
}


a {
color:rgb(255,255,255);
text-decoration:none;
}

a:hover {
color:rgb(201,201,201);
}

h1, h2, h3, h4, h5, h6 {
font-family: Calibri, arial, helvetica, sans-serif;
font-weight:normal;
color:rgb(141,133,125);
}

div#container {
width:1024px;
margin:20px auto;
display:table;
}

div#header {
background-color:rgb(136,136,136);
height:85px;
width:1024px;
/*border:1px solid white;*/
position:relative;
}

div#flash {
position:relative;
margin-top:12px;
width:1024px;
height:172px;
}

div#main {
position:relative;
float:left;
/*width:532px;*/
width:700px;
}

div#content {
margin-left:270px;
}

div#content p {
/*text-align:justify;*/
}

div#btmbar {
text-align:center;
background-color:rgb(201,186,157);
border-top: 2px solid white;
border-bottom: 2px solid white;
font-size:10px;
color:rgb(48,34,23);
text-transform:lowercase;
}

div#footernav {
background-color:rgb(141,133,125);
width:1078px;
color:rgb(48,34,23);
padding:5px 20px;
font-size:10px;
margin-bottom:40px;
text-align:right;
}

div#footernav a {
color:rgb(48,34,23);
}
div#footernav a:hover {
color:rgb(81,0,0);
}


input[type='button'], input[type='submit'] {
text-align:left;
padding:0 4px 4px 4px;
border:1px solid rgb(77,77,77);
background:url(../img/build/buttonbgI.png) repeat-x;
color:white;
font-size:11px;
font-weight:bold;
line-height:9px;
height:22px;
}

input[type='button']:hover, input[type='submit']:hover {
cursor:pointer;
background:url(../img/build/buttonbgII.png) repeat-x;
border:1px solid rgb(201,201,201);
color:rgb(201,201,201);
height:22px;
}

input[type='text'] {
border:1px solid rgb(77,77,77);
font-size:12px;
height:20px;
}

ul#navI {
margin:4px 0 10px 0;
}


ul#navI li {
list-style: url('../img/build/arroII.png') inside;
float:right;
line-height:12px;
width:auto;
margin-right:10px;
}

ul#navI li:hover {
list-style: url('../img/build/arroII.png') inside;
}

ul#navI li a {
font-size:14px;
font-family:CalibriBold, Calibri;
position:relative;
top:-6px;
left:0;
color:black;
}

ul#navI li a:hover {
color:rgb(255,255,255);
}

div#navII {
background-color:rgb(106,137,61);
height:54px;
background: url(../img/build/buttonII.png) repeat-x;
}

div#navIII {
background-color:rgb(106,137,61);
height:54px;
background: url(../img/build/buttonIII.png) repeat-x;
}

div#navIIa {
width:260px;
background:url(../img/build/buttonI.png) repeat-x;
height:54px;
float:left;
cursor:pointer;
}

div.navIIb {
font-size:14px;
color:white;
font-weight:bold;
margin-top:18px;
line-height:20px;
}

div.navIIc {
width:130px;
float:left;
cursor:pointer;
}

div#navII a {
color:white;
}

div#navII a:hover {
color:rgb(201,201,201);
}

div#navIIa a:hover {
color:rgb(201,201,201);
}

/**** Colours ****/

.grn {
color:rgb(106,137,61);
}

.gry {
color:rgb(136,136,136);
}

.red {
color:rgb(175,17,23);
}

.blu {
color:rgb(0,118,190);
}

.ora {
color:rgb(232,114,36);
}

.blk {
color:rgb(9,10,15);
}

.las {
color:rgb(104,187,69);
}

.tqu {
color:rgb(0,170,157);
}

.elk {
color:rgb(38,58,147);
}

.spy {
color:rgb(238,137,29);
}

.nvy {
color:rgb(20,0,59);
}

.quk {
color:rgb(57,190,238);
}

.yel {
color:rgb(255,201,5);
}

/********* Main Nav Block ************/

div#mainnav{
clear:both;
float:left;
width:270px;
/*border:1px dotted white;*/
margin-bottom:30px;
}

h2#search {
margin:8px 0 0 0;
}

h2#search2 {
width:250px;
margin:30px 0 0;
border-top:2px solid rgb(136,136,136);
}

ul.prima {
vertical-align:top;
margin-left:0;
margin-right:0;
width:250px;
}

li.navi {
list-style:square url(../img/build/arro.png) inside;
height:20px;
margin-left:0px;
border-bottom: 1px solid rgb(136,136,136);
margin-bottom:6px;
margin-top:6px;
}

li.navi:hover {
list-style:square url(../img/build/arro.png) inside; /* III */
cursor:pointer;
background-color:rgb(77,77,77);
}

li.navi a {
color:white;
position:relative;
text-decoration:none;
text-transform:capitalize;
/*font-variant:small-caps;*/
font-size:0.9em;
font-family: Calibri;
display:inline;
top:-7px;
left:0;
}

li.navi a:hover {
color:rgb(255,255,255);
}

li.navi a:active {
color:rgb(255,255,255);
}

li.navi a:visited {
color:white;
}

div.seconda {
display:none;
visibility:hidden;
}

ul.seconda {
display:block;
visibility:visible;
margin-left:20px;
margin-right:0;
width:230px;
}

li.mininav {
list-style:square url(../img/build/arro.png) inside;
height:20px;
width:auto;
white-space:nowrap;
border-bottom:1px solid rgb(136,136,136);
margin-left:0px;
}

li.mininav:hover {
list-style:square url(../img/build/arro.png) inside; /*I*/
background-color:rgb(77,77,77);
}

li.mininav a {
font-family: Calibri;
font-size:11px;
font-variant:normal;
text-transform:capitalize;
color: rgb(255,255,255);
position:relative;
top:-8px;
left:0;
}

li.mininav a:hover {
color:rgb(255,255,255);
text-decoration:none;
}

ul.terzo {
display:none;
visibility:hidden;
margin-left:50px;
width:200px;
list-style:none;
margin-bottom:6px;
}

ul.terzo li.micronav {
border-bottom:1px solid rgb(136,136,136);
padding-left:4px;
}

ul.terzo li.micronav a {
color:white;
font-family:Calibri;
font-size:11px;
}

ul.terzo li.micronav:hover {
background-color:rgb(133,133,133);
}

ul.terzo li.micronav a:hover {
color:white;
}

h2#pbb, h2#pbc {
border-top:2px solid rgb(136,136,136);
width:250px;
}

div#log {
position:relative;
clear:right;
float:right;
margin-right:10px;
z-index:200;
}

/***** End Of Main Nav Block *****/

/***** Bottom Navigation *****/

div#btmnav {
clear:both;
background-color:rgb(133,133,133);
width:100%;
height:150px;
}
h2.bnav {
margin:0 0 0 6px;
color:black;
line-height:30px;
font-family:CalibriBold, Calibri;
}
ul.footer li {
list-style:square url(../img/build/arroII.png) inside;
height:20px;
}
ul.footer li:hover {
list-style:square url(../img/build/arroII.png) inside;
}

ul.footer li a {
color:black;
position:relative;
top:-7px;
font-size:14px;
font-family:CalibriBold, Calibri;
}

ul.footer li a:hover {
color:rgb(255,255,255);
}


/***** End of Bottom Nav *****/

h2#hdrgry {
margin-top:0;
}

h2#hedwht {
color:white;
margin-top:36px;
}

p {
color:rgb(136,136,136);
font-size:1em;
font-family:Calibri,arial,helvetica,sans-serif;
}

.contentplus {
color:rgb(255,255,255);
font-size:1em;
}

img#photo {
max-width:350px;
border:1px solid rgb(136,136,136);
margin-bottom:20px;
}

div.photobox {
width:360px;
float:left;
margin-top:20px;
}

div#downloads {
margin-left:17px;
margin-top:20px;
float:left;
width:374px;
}

div.accbox {
width:376px;
float:left;
margin-bottom:20px;
}

.line {
clear:both;
border-bottom:2px solid rgb(136,136,136);
width:100%;
}

a.btt {
position:relative;
top:-4px;
font-size:12px;
color:white;
}

ul#productnav {
margin-left:20px;
}

ul#productnav li {
float:left;
list-style-image: url(../img/build/arro.png);
padding-right:47px;
}

ul#productnav li a {
font-size:14px;
font-family:CalibriBold, Calibri;
position:relative;
top:-6px;
left:0;
color:white;
}

.bdrgry {
border:1px solid rgb(136,136,136);
}

li.attr {
float:left;
margin-right:10px;
margin-bottom:10px;
text-align:left;
font-size:11px;
list-style:none;
width:146px;
height:40px;
padding-left:10px;
color:rgb(136,136,136);
/*border:1px dotted rgb(77,77,77);*/
}

div#features {
min-width:240px;}

table#pricing {
width:100%;
margin-bottom:20px;
}

table#pricing th {
font-size:12px;
color:white;
font-family:CalibriBold, Calibri;
padding-right:5px;
border-bottom:1px solid silver;
}

table#pricing td {
font-size:12px;
color:white;
font-family:Calibri;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
}

table#pricing tr.notube td {
border-bottom: 1px solid silver;
}

/****Old stuff***/
li.tube {
line-height:1.7em;
margin-bottom:2px;
list-style:none;
padding-right:4px;
border:1px solid rgb(1,1,1);
}

li.tube span.tbe {
background-color:white;
color:black;
padding:2px 4px;
border-right:1px solid rgb(1,1,1);
border-top:1px solid rgb(255,255,255);
border-bottom:1px solid rgb(1,1,1);
}

fieldset {
border:1px solid rgb(77,77,77);
padding:10px;
margin-bottom:20px;
}

legend {
padding: 0 1em;
font-size: 14px;
color:rgb(255,255,255);
}

.dot {
border-bottom:1px dotted rgb(128,128,128);
width:100%;
}

.dot75 {
border-bottom:1px dotted rgb(128,128,128);
width:75%;
}

table#basket {
/*table-layout:fixed;*/
width:100%;
border-collapse:separate;
border-spacing: 0px 5px;
}

table#basket th {
padding:0 6px;
border-bottom:1px solid rgb(128,128,128);
border-top:1px solid rgb(128,128,128);
font-size:0.8em;
white-space:nowrap;
}
table#basket td {
padding:6px;
font-size:0.9em;
vertical-align:top;
}

input.address, select.address {
display:block;
margin-bottom:2px;
border:1px solid rgb(128,128,128);
font-size:12px;
}


/* Order Acknowledgement */
div#ack {
width:100%;
min-width:650px;
color:white;
font-size:16px;
}
table.acknowledgement {
border:1px solid rgb(128,128,128);
}

table.acknowledgement th {
font-size:10px;
text-align:center;
border-bottom:1px solid rgb(128,128,128);
font-weight:normal;
padding:2px;
}

table.acknowledgement th.rb, table.acknowledgement td.rb {
border-right:1px solid rgb(128,128,128);
}

table.acknowledgement td {
font-size:11px;
text-align:center;
font-weight:normal;
padding:4px 2px;
color:white;
}

table#itemlist {
border-top:1px solid rgb(128,128,128);
border-right:0;
border-bottom:0;
border-left:0;
color:white;
}

table#itemlist th {
font-size:10px;
text-align:center;
border-bottom:1px solid rgb(128,128,128);
font-weight:normal;
padding:6px;
color:white;
}

table#itemlist th.rb, table#itemlist td.rb {
border-right:1px solid rgb(128,128,128);
}

table#itemlist td.bb {
border-bottom:1px solid rgb(128,128,128);
}


table#itemlist td {
font-size:11px;
font-weight:normal;
padding:6px;
}

table#itemlist th.b5, table#itemlist td.b1 {
border-top:0;
border-right:1px solid rgb(128,128,128);
border-bottom:1px solid rgb(128,128,128);
border-left:1px solid rgb(128,128,128);
padding: 0 6px;
}

table#itemlist td.b2 {
border-top:0;
border-right:1px solid rgb(128,128,128);
border-bottom:1px solid rgb(128,128,128);
border-left:0;
padding: 0 6px;
}

table#itemlist td.b3 {
border-top:1px solid rgb(128,128,128);
border-right:1px solid rgb(128,128,128);
border-bottom:1px solid rgb(128,128,128);
border-left:1px solid rgb(128,128,128);
}

table#itemlist td.b4 {
border-top:1px solid rgb(128,128,128);
border-right:1px solid rgb(128,128,128);
border-bottom:1px solid rgb(128,128,128);
border-left:0;
}

table#itemlist td.b5 {
border-top:0;
border-right:1px solid rgb(128,128,128);
border-bottom:0;
border-left:1px solid rgb(128,128,128);
}



h3.hedblu, h3#hedblu {
position:relative;
color:rgb(72,161,251);
white-space:nowrap;
top:-31px;
left:-1px;
line-height:30px;
}

h3.hedgry, h3#hedgry {
position:relative;
color:rgb(128,128,128);
white-space:nowrap;
line-height:30px;
}


span.search {
color:rgb(1,1,1);
background-color:rgb(130,167,62);
font-size:1.5em;
padding:2px 4px;
border:1px solid rgb(128,128,128);
}

span.search2 {
color:rgb(1,1,1);
background-color:rgb(251,72,161);
font-size:1.5em;
padding:2px 4px;
border:1px solid rgb(128,128,128);
}

ul#infopages {
list-style-position:inside;
list-style-type:square;
}

ul#infopages li a.sitemapI {
font-size:12px;
color:white;
}

ul#infopages li a.sitemapI:hover {
color:rgb(132,169,62);
text-decoration:underline;
}

ul.gSM {
list-style-position:inside;
list-style-type:none;
}

ul.gSM li a {
color:rgb(132,169,62);
font-size:11px;
}

ul.sSM {
list-style-position:inside;
list-style-type:none;
padding-left:10px;
}

ul.sSM li a {
color:rgb(255,255,255);
font-size:10px;
}

ul.sSM li a:hover {
border-bottom:1px dotted silver;
}

div.probox {
float:left;
margin-bottom:20px;
width:370px;
height:150px;
overflow:hidden;
}


div.protab {
width:348px;
margin-top:20px;
cursor:pointer;
height:78px;
background-color:rgb(147,148,149);
overflow:hidden;
border:1px solid rgb(77,77,77);
}

div.protab:hover {
border:1px solid rgb(247,248,249);
}

table.data {
width:98%;
border:1px solid rgb(136,136,136);
padding:2px;
}

table.data td {
font-size:14px;
color:white;
}

table.data th {
font-size:14px;
color:rgb(0,118,190);
font-weight:bold;
text-align:left;
border-bottom:1px dotted white;
}

table.data tr.gry {
background-color:rgb(60,60,60);
}

/*******/

.dbl {
border-bottom:3px double white;
}