/*  
Theme Name: Vitroglaze
Theme URI: http://sww.co.nz/
Description: Custom theme for VitroGlaze.
Version: 1.0
Author: Aidan Curran
Author URI: http://sww.co.nz/
*/

html,body {
	margin:0;
	padding:0;
   background: #ffffff;
   text-align: center;
}
body, td {
	font-family: "trebuchet ms", trebuchet, arial, helvetica, sans-serif;
   font-size: 14px;
   color: #22217E;
   line-height: 150%;
}
p {
   line-height: 150%;
}
div, td {
   text-align: left;
}
h1, h2, h3, h4 {

}
h1 {
   font-size: 20px;
   margin: 3px 0 20px 0;
}
h2 {
   font-size: 17px;
   margin: 3px 0;
}
h2.productTitle {
   font-size: 20px;
   margin: 20px 0;
}
h3 {
   font-size: 14px;
   margin: 3px 0;
}
h4 {
   font-size: 12px;
   margin: 3px 0;
}
a {
  color:#0032BE;
}
a:hover {
  color:#0043FF; 
}
img{
   border: 0;
}
#logo {
   padding: 14px 0 10px 60px;
   display:block;
   float: left;
   text-align: left;   
}
#warrantygraphic {
   padding: 8px 60px 0 0;
   display:block;
   float: right;
   text-align: right;
}
#fpblogo {
   padding: 12px 60px 0 0;
   display:block;
   float: right;
   text-align: right;
}
.center {
   text-align: center;
}
table.center td {
   text-align: center;
   vertical-align: middle;
}
td {
   vertical-align: top;
}
ul li {

}
sup {
   font-size: smaller;
}
#page {
   width: 858px;
   padding: 0 14px;
   margin-left: auto;
   margin-right: auto;
   background: url(images/pagebg.gif) center top repeat-y;
}
#header {
   height: 95px;
}
#headergraphic {
   border-top: 1px solid #49B2F4;
   border-bottom: 1px solid #49B2F4;
}
#nav {
   font-size: 14px;
   background: #A4D8F9;
   margin-bottom: 25px;
   padding: 5px 0;
   text-align: center;
}
#nav a {
   text-decoration: none;
   font-weight: bold;
   color: #22217E;
   padding: 0 8px;
}
#nav a:hover {
   color: #f00;
}
#nav a.current, .current {
   color: #009CD6;
}
#nav.canine a.current, .current {
   color: #FFA90A;
}
#main {
   text-align: left;
   margin: 0 50px;
   border-bottom: 2px solid #D8D8D8;
}
#footer {
   border-bottom: 1px solid #A0A0A0;
   color: #B2B2B2;
   padding: 10px;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
}
#footer a {
   color: #99A3BE;
   text-decoration: none;
}
#footer a:hover {
   text-decoration: underline;
}
#splashbox {
   background: url(images/spalshboxbg.gif) left top no-repeat;
   width: 487px;
   height: 181px;
   padding: 15px;
}
#splashbox h1 {
   font-size: 36px;
   font-weight: normal;
   margin-bottom: 12px;
}
#splashbox p {
   margin: 10px 0;
}
.large {
   font-size: 20px;
}
#bulletbox {
   background: url(images/boxbg.gif) left top no-repeat;
   width: 180px;
   height: 200px;
   padding: 5px 15px;
}
#bulletbox ul {
   margin: 5px 0 0 0;
   color: #009CD6;
   padding-left: 20px;
}
#bulletbox a {
   color: #009CD6;
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
}
#bulletbox a:hover {
   color: red;
   text-decoration: underline;
}
.sidebox {
   background: #F6FBFE;
   width: 180px;
   padding: 10px;   
}
.sidebox h3 {
   color: #009CD6;
}
.sidebox p {
   color: black;
   font-size: 11px;
}
.layout td {
   padding: 10px 10px 20px 10px;
}
.editLink {
   text-align: center;
   margin: 15px 0;
}
.editLink a, a.editLink {
   background: #e0e0e0;
   color: #777777;
   font-size: 10px; 
   border: 1px solid #999999;
   text-decoration: none;
   padding: 3px 5px;
}
.editLink a:hover, a.editLink:hover {
   background: #eeeeee;
   border: 1px solid #333333;
   color: #000000;
}
.postmetadata {
   font-size: smaller;
   color: #999999;
}
ul.categoryLinks, ul.categoryLinks li {
   display: inline;
   list-style : none;
   padding-left: 0;
}
.floated {
   float: left;
   width: 350px;
}
.clear {
   clear: both;
}
p.compact {
   margin:4px 0;
}
p.or {
   margin:4px 50px;
}
a.more {
   display:block;
   text-align: right;
   background: url(images/btn-more.gif) right 2px no-repeat;
   padding-right: 16px;
   text-decoration:none;
   font-weight: bold;
   color: #4C89AF;
   font-size: 12px;
}
a.more:hover {
   color: #78AECF;
   background: url(images/btn-more-over.gif) right 2px no-repeat;
}

.error {
  color: #ff0000;
  font-weight: bold;
  font-size: 10px;
  }

.orderformtable {
  border: 1px solid #a4d8f9;
  background: #f4f8fa;
  }
