/* Default: border, margin, padding */
/************************************/
body  { border: 0; margin: 0; padding: 0; }
div   { border: 0; margin: 0; padding: 0; }
table { border: 0; margin: 0; padding: 0; border-spacing: 0; }
img   { border: 0; }



/* Default: fonts */
/******************/
body, h1, h2, h3, h4, p, ul, ol, li, div, address, blockquote, nobr, b, i, tr, td, th, dl, dd, dt
      { font-size: 16px; font-family: "Myriad Pro", Helvetica, Arial, sans-serif,   sans-serif,Geneva,Arial,Helvetica,sans-serif;  font: 15px/21px Arial, Helvetica, sans-serif; }

p, li { text-align: justify; }

h1    { font-size: 24px; font-weight: normal; }
h2    { font-size: 18px; font-weight: normal;}
h3    { font-size: 14px; }
h4    { font-size: 12px; }


pre   { font-size: 14px; font-family: Courier New, monospace; }
pre b { font-size: 14px; font-family: Courier New, monospace; }

dl    {  }
dl dt { font-size: 12px; }
dl dd { font-size: 12px; margin: 0px 0px 6px 30px; }

p.fineprint { font-size: 9px; color: #333333;  }


span.orange { color: #f58426; }

#right      { text-align: right; }


/* Default: colors */
/*******************/
body  { background-color: #ffffff; background: url("/media/img/background.gif"); color: #333333; } 
body  { background: #000000 url("/media/img/body_bg.jpg") repeat-x; padding: 16px; } 
a, a:visited  { color: #AF4E00; }
a:hover       { background: #FF953F; color: #202020; }


/* Structure: page */
/*******************/
table.page         { height: 100%; width: 800px; }
table.page tr.page { vertical-align: top; }
table.page td.page { width: 100%; }



/* Structure: header */
/*********************/
#page_header              { background-color: #000000; }
#page_header table        { color: #ffffff; }
#page_header table tr     {  }
#page_header table tr td  { vertical-align: bottom; }

       

/* Structure: nav */
/******************/
#page_nav                     { background-color: #000000; height: 100%; padding-top: 8px; border-top: 1px solid #f58426; }
#page_nav ul                  { list-style: none; padding: 0; margin: 0; }
#page_nav li                  { float: left; margin-right: 8px; }
#page_nav li a                { font-size: 16px; height: 2em; line-height: 2em; float: left; width: 6.6em; display: block; color: #ffffff; text-decoration: none; text-align: center; background-color: #1f1f1f; }
#page_nav li a.selected       { background-color: #363636; color: #f58426; }
#page_nav li a:hover          { background-color: #f58426; color: #000000; }
#page_nav li a.selected:hover { background-color: #f58426; }



/* Structure: main */
/*******************/
#wrapper                      { background: url("/media/img/background.gif"); }

#page_main                    { background-color: #363636; padding: 8px 8px 2px 8px; height: 100%; vertical-align: top; }

#page_main_tbl                { background: #ffffff; vertical-align: top; }
#page_main_tbl tr             { vertical-align: top; }
#page_main_tbl td.sidenav     { padding: 14px 10px 10px 10px;  background: url("/media/img/ping_web_sep.jpg") repeat-y right; height: 100%; width: 150px; }
#page_main_tbl td.content     { padding: 14px 34px 10px 24px; height: 100%; }
#page_main_tbl td.content p   {  }

#nav_item                 { background: url("/media/img/nav_side_arrow.gif") no-repeat; margin-bottom: 8px;  padding-left: 13px; font-size: 11px; color: #a0a0a0; }
#nav_item a               { font-size: 18px; color: #222222; text-decoration: none; width: 200; }
#nav_item a:hover         { color: #f97815; }

#pagetitle                { font-size: 44px; line-height: 50px; width: 100%; color: #303030; font-weight: bold; }



/* Structure: footer */
/*********************/
#page_footer          { background-color: #363636; color: #888888; padding: 6px; margin-left: auto; margin-right: auto; text-align: center; font-size: 14px; }
#page_footer a        { text-decoration: none; margin-left: auto; margin-right: auto; color: #dddddd; }
#page_footer a:hover  { text-decoration: underline; }


/* Structure: news */
/*******************/
#news                 { background: #ffe1c9; color: #000000; width: 450px; padding: 0px; }
#news h3              { background: #000000; color: #ffffff; margin: 0px; padding: 5px; }
#news p               { padding: 5px 10px 20px 10px; color: #000000; }
#news a               { color: #df6300; text-decoration: none; font-weight: bold; font-size: 16px; }
#news a:hover         { text-decoration: underline; }


/* Structure: info */
/*******************/
td.info               { width: 1px; }
#info                 { background: #ffe1c9; color: #000000; width: 180px; padding: 0px; }
#info h3              { background: #000000; color: #ffffff; margin: 0px; padding: 5px; }
#info p               { padding: 5px 10px 5px 10px; color: #000000; }
#info a               { color: #df6300; text-decoration: none; font-weight: bold; font-size: 16px; }
#info a:hover         { text-decoration: underline; }






/* Product Info */
/****************/
table.product               { }
table.product th            { text-align: left; }

/* Quote Request form */
/**********************/
table.quoteform               { background: #ffe1c9; color: #000000; width: 500px; padding: 0px; margin: 0px; border: 0px; }
table.quoteform td            { padding: 3px; vertical-align: middle; }
table.quoteform th            { padding: 3px 10px; vertical-align: middle; text-align: left; font-weight: normal; }

table.quoteform tr.heading    { background: #000000; color: #ffffff; }
table.quoteform tr.heading td { padding: 7px; font-size: 14px; }
table.quoteform tr.spacer     { background: #ffffff; color: #ffffff; height: 20px; }

table.quoteform select      { width: 280px; font-size: 14px; }
table.quoteform input       { width: 280px; font-size: 14px; }
table.quoteform textarea    { width: 280px; font-size: 14px; }

table.quoteform select.date { width: auto; }
table.quoteform input.auto  { width: auto; }
table.quoteform input.bold  { font-weight: bold; }

td.error ul                 { padding: 2 15; margin: 0; color: red; }
td.error input              { border: 1px solid red; }
td.auto input               { width: auto; }






/* Post Code Lookup */
/********************/

#id_postcode                { width: 150px; }
div#post_outside            { background: #ffe1c9; height: 300px; width: 400px; }
div.postcode                { float: left; padding: 5px 15px; width: 150px; }




/* Diagrams */
/************/

div#diagram             { width: 550px; height: 550px; position: relative; margin-left: auto; margin-right: auto; background: url("/images/ping_diagram.jpg") no-repeat center; }
div#diagram_block       { background-color: #ffefe3; position: absolute; height: 140px; width: 160px; vertical-align: top; }
div#diagram_block ul    { padding: 0px 12px 4px 24px; margin-top: 7px; }
div#diagram_block ul li { margin: 3px 0px; text-align: left; }
div#diagram_block ul li a       { color: #333333; text-decoration: none; }
div#diagram_block ul li a:hover { color: #f97815; text-decoration: none; }
div#diagram_block_head  { background-color: #f97815; padding: 4px; text-align: center; }
div#diagram_block_head a{ color: #ffffff; text-decoration: none; }

div#diagram_block.d1    { left: 50px;  top: 50px;   }
div#diagram_block.d2    { left: 360px; top: 50px;   }
div#diagram_block.d3    { left: 50px;  top: 360px; }
div#diagram_block.d4    { left: 360px; top: 360px; }
div#diagram_block.d5    { left: 205px; top: 205px; }



/* Tables: Rates */
/*****************/
table.rates             { text-align: center; }
table.rates tr          { }
table.rates tr th       { background-color: #ff9900; color: #ffffff; padding: 4px; text-align: left; width: 130px;  }
table.rates tr th.col   { text-align: center; width: 100px; }
table.rates tr td       { background-color: #ffcc99; padding: 4px; text-align: center; }



/* Tables: Promo */
/*****************/
table.promo          { text-align: center; }
table.promo td       { padding-right: 10px; padding-bottom: 10px; text-align: left; }





#formmessage    { padding: 10px; background-color: #e6cf73; margin: 6px 0px; }
#formmessage ul { padding: 0; margin: 0; list-style-position: inside; }


/* Grid - General */
/******************/
td.center { text-align: center; }
td.right  { text-align: right; }
td.left   { text-align: left; }
th.center { text-align: center; }
th.right  { text-align: right; }
th.left   { text-align: left; }



/* Grid - Landscape */
/********************/

table.landscape         { padding: 1px; border-spacing: 2; }
table.landscape tr      { }
table.landscape tr.odd  { background-color: #E6E1CF; }
table.landscape tr.even { background-color: #ffffff; }
table.landscape tr th   { background-color: #E6CF73; padding: 3px; vertical-align: bottom; font-weight: normal; }
table.landscape tr td   { padding: 3px; }
table.landscape a       { color: #507EA1; text-decoration: none; }



/* Grid - Portrait */
/*******************/

table.portrait         { padding: 1px; border-spacing: 2; }
table.portrait tr      { }
table.portrait tr th   { background-color: #E6CF73; padding: 3px 10px 3px 3px; text-align: left; font-weight: normal; }
table.portrait tr td   { background-color: #E6E1CF; padding: 3px; }
table.portrait a       { color: #507EA1; text-decoration: none; }



/* Grid - Form */
/***************/

table.form             { padding: 1px; border-spacing: 2; }
table.form tr          { }
table.form tr th       { padding: 3px; vertical-align: middle; text-align: left; font-weight: normal; }
table.form tr td       { padding: 3px; vertical-align: middle; }
table.form tr td select { width: 200; }





#content { padding: 14px 12px; }
#formmessage    { padding: 10px; background-color: #e6cf73; margin: 6px 0px; }
#formmessage ul { padding: 0; margin: 0; list-style-position: inside; }


/* New */
/*******/

fieldset {
	margin: 0 0 20px;
	padding: 11px;
	width: 476px;
	font-size: 12px;
	background: #ecefbe;
	border: 1px solid #507ea1;
	border-bottom: 2px solid #507ea1;
	}
legend {
	margin: 0;
	padding:2px 7px;
	background: #fff;
	font-weight: bold;
	color: #7d830d;
	border: 1px solid #7d830d;
	border-bottom: 2px solid #7d830d;
	}
fieldset p {
	margin: 0 0 1em;
	line-height: 1.5em;
	}
fieldset table {
	width: 476px;
	}
fieldset th {
	margin: 0;
	padding: 3px 6px 3px 0;
	width: 124px;
	font-weight: normal;
	text-align: right;
	vertical-align: middle;
	}
fieldset th.error {
  color: red;
	}
fieldset td {
	margin: 0;
	padding: 3px 0;
	}
fieldset input {
	margin: 0;
	padding: 2px 0;
	}
fieldset input.big {
	font-size: 18px;
	}
fieldset .rule {
	margin-bottom: .75em;
	padding-bottom: .75em;
	border-bottom: 1px solid #507ea1;
	}






#debug { background-color: red; width: 100%; }