/*
THEME NAME: Thompson_Tank
THEME URI: http://www.fluxar.com/
DESCRIPTION: Custom theme developed for Thompson Tank by Fluxar Studios Inc.
VERSION: 1.0.0
AUTHOR: <a href="http://www.fluxar.com/">Fluxar Studios Inc.</a> By <a href="http://www.mneilsworld.com/">Michael Neil</a>
AUTHOR URI:
TAGS: thompson tank, tanks
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-r.css');
#wrapper div.sidebar input#s, #s-no-results, #s-404{background:#FFCC00;color:#231F20;border:none;height:26px;float:left;margin:9px 0;padding:8px 0 0 5px;vertical-align:top;width:145px;font-size:12px;}
input.button{border:none;background:url(images/search-btn.gif) no-repeat top left;height:52px;width:50px;float:left;margin:0;padding:0;outline:none;cursor:pointer;}
	
#searchform-no-results{position:relative;margin-bottom:-30px;}
	
html{width:100%;height:100%;overflow:auto;}
body{width:100%;height:100%;margin:0;border:none;padding:0;background:#d3d3d3;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#ffffff;}
a, input, img, :focus, :hover{outline:none;}
form.wpcf7-form textarea{font-family:Arial, Helvetica, sans-serif;border:1px solid #cccccc;font-size:12px;padding:2px 0 3px 7px;}
form.wpcf7-form input[type=text]{border:1px solid #cccccc;font-size:12px;padding:2px 0 3px 7px;width:199px;margin-right:17px;}
form.wpcf7-form input[type=submit]{background:url(images/submit-btn.gif) no-repeat 0 1px;width:94px;height:22px;border:none;cursor:pointer;padding:0 0 0 10px;margin-left:113px;}
form.wpcf7-form input[type=submit]:hover{background-position:bottom;color:#ffffff;}
a, img{border:none;}
#content a.more-link{background:url(images/more-btn.gif) no-repeat top left;height:18px;width:124px;display:block;color:#231f20;padding:4px 0 0 25px;margin-top:10px;}
#content a.more-link:hover{background-position:bottom left;color:#ffffff;}

h3{font-weight:bold;fone-size:14px;margin:0;}
.entry-content p{margin:0 0 15px 0;}

#primary h2.side-head{background:url(images/sidebar-header.gif) no-repeat;padding:9px 0 2px 10px;margin:0;color:#231F20;}
#primary div#side-content{background:url(images/sidebar-bg.gif) repeat-y;color:#ffffff;padding:6px 25px 10px 10px;}


#wrapper{margin:0 auto;width:860px;padding:0 6px;background:url(images/page-bg.gif) repeat-y;min-height:100%;}

#header{background:url(images/header-bg.gif) no-repeat;height:145px;text-align:left;color:#231f20;}

#footer{background:url(images/footer-bg.gif) repeat-x top left;margin:20px 0 0 0;color:#7c7c7c;font-size:11px;}
#footer ul{padding-left:0px;font-size:11px;margin:20px 0 12px 0;}
#footer ul li{display:inline-block;#float:left;padding:0 5px;border-left:1px solid #231f20;}
#footer ul li:first-child{padding:0 5px 0 0;border-left:none;}
#footer ul li a{color:#231f20;text-decoration:none;}
#footer ul li a:hover{color:#4A4646}
#footer a{color:#231f20;text-decoration:none;}
#footer a:hover{color:#4A4646;}

#wrapper div#container{padding:0 1px;width:858px;margin-top:1px;}

a.head-link{display:block;float:left;width:225px;height:145px;}
div.head-date{display:block;background:#ffcc00;font-size:15px;float:right;font-family:Georgia, "Times New Roman", Times, serif; padding:0px 7px 5px 7px;margin-bottom:10px;}

#blog-description{display:block;float:right;text-align:right;padding:0 20px 0 0;}
#blog-description p{margin:10px 0;}

#request-quote{background:url(images/index/quote-gb.gif) no-repeat;width:231px;height:185px;float:left;margin-top:10px;padding:10px 35px 0 20px;}
a.view-services{display:block;background:url(images/index/services-btn.gif) no-repeat top left; width:129px;height:18px;color:#000000;text-decoration:none;padding:4px 0 0 26px;}
a.view-services:hover{background-position:bottom left;color:#ffffff;}
#primary h2{font-size:17px;font-family:Georgia, "Times New Roman", Times, serif;}


h2.page-header{background:#231f20;color:#ffffff;font-family:Georgia, "Times New Roman", Times, serif;float:left;width:204px;text-align:right;padding:3px 5px 3px 0;font-size:17px;font-weight:300;margin:17px 0;}

.small{font-size:9px;}
.bold{font-weight:900;}
.thin{font-weight:300;}
.indent{padding-left:30px;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.grey{color:#231f20;}
.yellow{color:#ffcc00;}

.wpcf7-not-valid-tip, .wpcf7-response-output{color:#ff0000;}
/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}
/*
div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}
*/
.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
margin-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}
/*div#menu ul li,*/
div.gallery dl,div.navigation div.nav-previous {
float:left;
}


input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}








#access{margin:0 1px;background:#231f20;}
.menu li.current_page a{background:#FFCC00;color:#231F20;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:847px;padding-left:10px; height:35px; position:relative; z-index:100;border-right:1px solid #000; font-family:Georgia, "Times New Roman", Times, serif;text-transform:uppercase;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:858px; w\idth:857px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; height:31px; padding:2px 13px 0 13px; line-height:29px;margin:1px 0;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {/*width:149px; w\idth:138px;*/}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#4a4646;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#4a4646;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}




/*Backup quote page css
hr{border:none;border-top:none;border-bottom:1px solid #cccccc;}
	form.wpcf7-form p{margin:13px 0;}
	input[type=text]{}
	form.wpcf7-form input[name=bid-due-date]{width:123px;}
	form.wpcf7-form input[name=state]{width:50px;}
	form.wpcf7-form input[name=zip]{width:75px;}
	form.wpcf7-form input[name=country]{width:140px;}
	form.wpcf7-form input[name=tank-date]{width:130px;}
	form.wpcf7-form input[name=tank-qty]{width:100px}
	form.wpcf7-form input[name=capacity]{width:70px;}
	form.wpcf7-form select[name=gallons-barrels], form.wpcf7-form select[name=tank-diameter], form.wpcf7-form select[name=liquid-stored], form.wpcf7-form select[name=seizmic-zone], form.wpcf7-form select[name=shell-size]{margin-right:15px;}
	form.wpcf7-form select[name=interior-ladder-dropdown], form.wpcf7-form select[name=exterior-ladder-dropdown]{margin:0 15px 0 30px;}
	form.wpcf7-form input[name=wind-load], form.wpcf7-form input[name=deck-load]{width:30px;margin-right:4px;}
	input[name=complete-foundation]{margin-left:15px;}
	div.tank-nozzle-section input[type=text]{width:30px;}
	div.tank-nozzle-section div{height:60px; padding:15px 25px 0 0;margin-right:25px;text-align:right;}
	form.wpcf7-form textarea{margin-right:15px;width:500px;height:80px;overflow:auto;}
	form.wpcf7-form input[type="submit"]{margin:10px 0 0 0;}
*/