/*CSS Colours
http://www.colourlovers.com/palette/358671/Talk_to_the_hand
Dark green: A0EB00
Light green: CCFF00  
blue darkest: 009FF5  
blue dark: 54C3FF  
blue light: 85D4FF  
*/

/*  Reset CSS v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none}
/* remember to define focus styles! */
:focus {outline: 0}
/* remember to highlight inserts somehow! */
ins {text-decoration: none}
del {text-decoration: line-through}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0}
a, a:link, a:visited, a:active , a:hover{outline:none}

* {padding:0;margin:0}


html {height: 100%;}

body {
 color:#504f4f;
 min-width: 973px;
 height: 100%;
 background: #F9F9F6 url(images/bg1.gif) repeat-x top;
 background: #F3F4EE;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;}
 
#wrapper { 
 margin: 0 auto;
 width: 971px;
 border-left: 6px solid #fff;
 border-right: 6px solid #fff;
 background: #fff;
 border-bottom: 6px solid #fff;}
 
.faux {
width:100%;
overflow: auto;
margin:10px 0;}

#header {
 height: 165px;
 color: #009FF5;
 width: 971px;
 padding: 10px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 background: #f5fbfe;}
 
#leftcolumn {
 font-family: Arial, Helvetica, sans-serif !important;
 background: transparent;
 display: inline;
 color: #000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 240px;
 float: left;}
 
#rightcolumn { 
 background: transparent;
 float: right;
 font-size:14px;
 line-height: 19px;
 text-align:justify;
 color: #0f3e58;
 padding: 0px;
 margin: 0px 10px 20px 0px;
 width: 720px;
 display: inline;
 position: relative;
 font-weight:bold;}
 
#footer { 
 width: 971px;
 clear: both;
 color: #fff;
 background: #85d4ff;
 margin: 0px 0px 0px 0px;
 padding: 20px 0px 20px 0px;}
 
.clear {clear:both;background:none}

p{
font-size:14px;
line-height: 19px;
text-align:justify;
color: #0f3e58;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;}

h1 {
margin: 0px 0px 10px 0px;
font-family: Arial , Arial, Helvetica, sans-serif;
font-size: 28px;
text-align: center;
color: #fff;
background: #54C3FF;
padding:15px 0;
border:#009FF5 1px solid}


h2 {
font-family: Arial Black, Arial, Helvetica, sans-serif;
margin: 20px 2px 1px 2px;
padding: 0px 0px 5px 0px;
border-bottom:0px solid #85D4FF;
font-size: 15px;
font-weight: normal;
text-align: left;
color: #0f3e58;}

h3 {
margin: 20px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
font-family: Arial Black, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
color: #000;}

h3 span{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px}

td, th {font-size:13px}

#rightcolumn td, th {
text-align:left;
padding:3px;}

#leftcolumn h3 {
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 3px;
font-size: 11px;
font-weight: normal;
text-align: left;
color: #b1e4ff;}

#leftcolumn ul{
text-align:left;
margin: 0px 0px 0px 5px;
padding: 0px 30px 0px 0px;}

#leftcolumn li {
color: #54C3FF;
font-size: 14px;
list-style-type: none;
padding: 0px 0px 1px 0px;
margin: 0px 0px 3px 0px;
border-bottom: #c6e8fb solid 1px;}

#leftcolumn ul li a {
display: block;
width:210px;
padding: 2px 0px 5px 10px;
color: #54C3FF;
text-decoration:none;}

#leftcolumn a:hover, #leftcolumn .current_page_item  a{
color: #009FF5;
text-decoration:none;}

#leftcolumn a.current {cursor:default}


#rightcolumn ul {
margin: 0px 0px 10px 5px;
padding: 0px 0px 0px 0px;
list-style: none;}

#rightcolumn ul li{
background: url(images/dot.gif) no-repeat 1px 6px;
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 13px;}

#rightcolumn a {
color: #91d403;
text-decoration:underline;}

#rightcolumn a:hover {
color: #91d403;
text-decoration:none;}

#footer ul{
font-family: Arial Narrow, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}

#footer li {
color: #d7effc;
font-size: 1.1em;
display: inline;
list-style-type: none;
padding: 0px 3px 0px 9px;
margin: 0px 0px 0px 4px;
border-left: #d7effc solid 1px;}

#footer a {
padding: 0px 0px 1px 0px;
color: #fff;
text-decoration:none;}

#footer a:hover {
color: #CCFF00;
text-decoration:none;}

#footer li.noborder {
padding: 0px 2px 0px 7px;
margin: 0;
border: 0;}

.get_quote {
float: left;
margin: 0px 0px 0px 30px}

.call {
float: left;
margin: 5px 0px 0px 42px}

.the_post {
width:336px;
display:inline;
float:left;
background:#f7fcfe;
border: #85D4FF solid 1px;
margin:0 3px 6px 3px;
padding:5px 8px}

.the_post h2{
margin-top:0;
padding-top:0;}

/*--Search box styles--*/
#search_button {
color: #fff;
text-decoration: none;
display: block;
background: url('images/search_button.gif') no-repeat top right;
height: 25px; 
width: 42px;
padding: 5px 0 0 0;
margin: 5px 0 0 0; }
	
#search_box {
width: 224px;
text-align: right;
height: 25px;
float:right;
margin-right:10px;
background: url('images/bg_search_box.gif');}

#search_box #s {
float: left;
padding: 0;
margin: 5px 0 0 6px;
border: 0;
width: 159px;
background: none;}

#search_box #searchsubmit {
float: right;
margin: 3px 4px 0 0;
padding: 5px 3px 0 0;}

#search_box p {
padding:0;
margin:0}

a:active {outline: none;}

.headerleft { 
 background: #f5fbfe;
 height:153px;
 text-align: left;
 width: 183px;
 float: left;
 display: inline;
 padding: 0px 0px 0px 8px;
 margin: 0px 0px 0px 5px;}

.headerright {
 height:159px;
 background: #f5fbfe;
 position: relative;
 text-align: right;
 width: 770px;
 float: left;
 display: inline;
 font-size: 11px;
 padding: 0px 3px 0px 0px;
 margin:0;}



hr {
margin: 10px 0px 0px 10px;
border-top: #85d4ff solid 1px;
border-bottom: none;
border-left: none;
border-right: none;
height:0;}

/*Top navigation links*/
#topnavigation {
margin: 5px 0px 10px 10px;
padding: 0px 0px 10px 0px;
width:100%;}

#topnavigation h2 {
font-size: 14px;
margin: 0px 0px 6px 2px;
color:#8fd4f9;
padding:0;
border:none;}

#topnavigation td {
margin: 10px 0px 0px 10px;
padding: 0px 0px 3px 4px;
vertical-align: top;
text-align: left;
border-right: #A0EB00 solid 1px;}

#topnavigation ul {
text-align: left;
margin: 0px 0px 0px -11px;
padding: 0px 0px 0px 0px;}

#topnavigation li {
color: #008fdd;
font-size: 13px;
list-style-type: none;
padding: 0px 3px 0px 9px;
margin: 0px 0px 4px 4px;}

#topnavigation a {
display: block;
width:130px;
padding: 0px 0px 0px 0px;
color: #008fdd;
text-decoration:none;}

#topnavigation a:hover, #topnavigation .current_page_item a, #topnavigation .current_page_ancestor a , #topnavigation .current_page_parent a  {
color: #A0EB00;
text-decoration:none;}

#topnavigation td.narrow a {
display: block;
width:100px;}

p {
font-weight:bold;
text-align:justify;
margin: 0px 0px 10px 0px;}





/* Form styles */
label em {color:red}
input:focus, textarea:focus {outline: none} 

/* Sitemap styles */
#forms .sitemap {line-height: 1.5em;margin-left:10px}
#forms .sitemap b{font-family: Arial Black, Helvetica, sans-serif;color:#000}
#forms .sitemap span.none, .sitemap span.vert, .sitemap span.last, .sitemap span.midd {background:transparent 0px 0px no-repeat;width: 24px;height: 18px;display: block;float: left;margin-left: 1em}
#forms .sitemap span.vert {background-image: url('images/map_vert.gif')}
#forms .sitemap span.last {background-image: url('images/map_last.gif')}
#forms .sitemap span.midd {background-image: url('images/map_midd.gif')}
#forms .sitemap ul, #forms .sitemap li {list-style-type: none;background: none;margin: 0;padding: 0}
#forms .sitemap a {text-decoration:none}
#forms .sitemap a:hover {text-decoration:underline}


#rightcolumn .pagination {margin: 25px 0 8px 0px;font-size: 14px;text-align:center;width:100%;}
        
#rightcolumn .pagination a {padding: 4px;font-weight:bold}

#rightcolumn .pagination span {padding: 4px;font-weight:bold;color:#000}

#rightcolumn .pagination a:hover, #rightcolumn .pagination .current.prev:hover, #rightcolumn .pagination .current.next:hover {background:#fff}

/*#rightcolumn .pagination .current {}

#rightcolumn .pagination .current.prev, #rightcolumn  .pagination .current.next{}*/



/* Homepage styles */
#home {
background: #fff url(images/home_bg.jpg) no-repeat top center;}

#home p {
color:#0f3e58;
font-size:20px;
line-height:40px;
font-weight:normal}

#home #leftcolumn {
width: 474px;
margin-left: 10px;}

#home  #rightcolumn {
background: url('images/bg2.png');
padding:15px;
margin:10px 10px 10px 0;
width: 495px;
min-height:594px;}

.buttons {
margin-top:20px;
text-align:center}

.buttons a{
margin:0 10px;}

#home  .logos {
margin-top:60px;
text-align:center}

#home  .logos img{
margin:0 6px}




.wpsc_buy_button {
background:#A0EB00;
color:#fff;
border:0;
padding:5px;
margin-top:5px}


.ngg-galleryoverview {
float:left;
margin: 1px 6px 3px 0;}

#rightcolumn table {margin: 0 0 10px 0}

#rightcolumn td {
border: #fff solid 1px;
background: #F0F0F0;
padding:4px;
vertical-align:top}

#rightcolumn td b{color:#000;}

#rightcolumn th {
border: #fff solid 1px;
background: #009FF5;
color:#fff;
padding:1px 4px 1px 4px;}



#leftcolumn #shopping-cart h2{
background: url(images/cart.gif) no-repeat 0px 3px;
border-bottom: 1px dotted #009FF5;
text-align:left;
color: #009FF5;
margin: 3px 0 3px 0;
padding: 1px 0 5px 20px;
font-size: 17px;
line-height: 19px;
font-weight: bold;
font-family:Arial,serif;}

#leftcolumn p{
font-family:Arial,serif;
line-height: 16px;
text-align:justify;
color: #009FF5;
font-weight:bold;
font-size:12px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;}

#product, #quantity, #price {
width:60px}

#leftcolumn td, #leftcolumn th {
border-bottom: 1px solid #85D4FF;
padding: 3px 2px}

.wpsc_buy_button {
background: #54C3FF;
padding:6px 4px;
border:0;
color:#fff;
cursor:pointer;
margin:15px 0 1px 0}

.productdisplay  {
border-bottom: 1px solid #54C3FF;}

#leftcolumn .product_image  {
padding:2px;
border: 1px solid #54C3FF;}

.wpsc_empty_the_cart {
background: url(images/x.gif) no-repeat 0px 4px;
padding: 0px 0 7px 7px;}

#leftcolumn .emptycart a{
font-size:12px;
text-decoration:none;}

#leftcolumn .emptycart a:hover{
text-decoration:underline;}


.gocheckout {
background: url(images/thick.gif) no-repeat 0px 4px;
padding: 0px 0 0px 7px;}

#leftcolumn .gocheckout a{
text-decoration:none;
font-size:12px;}

#leftcolumn .gocheckout a:hover{
text-decoration:underline;}



/* Form styles */
#rightcolumn .wpcf7 {
border:1px solid #ddd;
background:#F3F4EE;
padding:10px !important;
margin: 5px 0 !important;}

#rightcolumn .wpcf p em {
color:#E25112 !important;
font-weight:bold;}

#rightcolumn .wpcf7 label{
font-weight:bold;
cursor:pointer}

#rightcolumn .wpcf7 input{
width:595px;
height:21px;
padding:4px;
font-family: Arial, Helvetica, sans-serif;}

#rightcolumn .wpcf7 .submit{text-align:center;}

#rightcolumn .wpcf7 .submit input{
font-weight:bold;
width:200px;
height:45px;
padding:5px;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;}

#rightcolumn .wpcf7 textarea{
width:595px;
padding:4px;
font-family: Arial, Helvetica, sans-serif;}

input:focus, textarea:focus {outline: none}

#rightcolumn div.wpcf7 input:focus, #rightcolumn div.wpcf7 input.error:focus, #rightcolumn div.wpcf7 textarea:focus {
background-color: #FFC;
border-color: #FC6}

#rightcolumn .wpcf7 p.quiz  {
font-size:16px!important;}

#rightcolumn .wpcf7 input#quiz  {
width:50px!important;}

div.wpcf7-mail-sent-ok {
background: #398f14;
color:#fff;}

div.wpcf7-validation-errors {
background: #fff;}
/* End Form styles */