/*
 * C.T. Williams Contractors stylesheet
 */

body { margin: 0 15px 0 15px; padding:0px; font: 80%/155% Georgia, "Times New Roman", Times, serif; background: #725843 url(bg.png) repeat-y center; color: #333; }
img { border: none; }
br { height: 1px; }
dd { margin-bottom: 1em; }
a { color: #1d2a3a; text-decoration: none; }
a:hover { text-decoration: underline; }

#everything { background:white; 
width:800px; 
margin-left: auto; 
margin-right: auto; 
height: 1%; }

#header { height: 130px;  background: url(header.png) no-repeat; }
#header img { float: left; margin: 6px 0 0 15px; }
#header h1 { font-family: Georgia, "Times New Roman", serif; font-weight: normal; text-transform:capitalize; display:none; }

#toplogin { float: right; margin: 10px 5px 0 0; padding: 0; font-size: 80%; text-align: center; }
#toplogin form { margin: 0; padding: 0; }
#toplogin-actions { padding: .33em; }

#navcontainer { background: #C5C1AF url(topnavbg.png) top center;  }
#navcontainer ul { padding: 5px 0 5px 0; margin: 0; list-style-type: none; width: 100%; text-align: center; }
#navcontainer li { border-left: 1px solid #E0DFCD; display: inline; font-size: 110%; line-height: 90%; }
#navcontainer li.last { margin: 0; padding: 5px 0 5px 0; }
#navcontainer li a.first { border-left: none; }
#navcontainer li a { font-family: "Bookman Old Style", Bookman, "Book Antiqua", "Times New Roman", serif; padding: .5em 1.75em .5em 1.75em; text-decoration: none; color:#132e4c; font-weight: bold;  }
#navcontainer li a:hover { background: #C5C1AF url(topnavbg.png) bottom center;  color: #ffffff; }

#uncredited_banner { margin: 0; text-align: center; background: #eee; border-bottom: 1px solid #aaa; }
#uncredited_banner p { margin:0; padding:1em; }

#contentSpace { height: 1%; border-left: 12px solid #112d4c; }

#titleSpace { height: 1%; padding-left:6px; padding-right:6px; }
#titleSpace h2 { font-size: 120%; font-family: Georgia, "Times New Roman", serif; text-transform: uppercase; color: #112d4c; line-height: 100%;border-bottom: 1px dashed #A9A9A9; margin-top: 10px; padding-top:.2em; padding-left:.2em; padding-right:.2em; }
#titleSpace h2:first-letter { font-size: 160%; } 

#secondaryNav { margin:0; padding:0; width:155px; height: 100%; float:left; }
#secondaryNav ul { margin: 0px; padding: 0px; }
#secondaryNav li { font-size: 1em; list-style: none; margin: 0px; }
#secondaryNav li.title { font-size: 1em; color:#333; background: url(sidenav_title.gif) bottom center; padding-left:.5em; }
#secondaryNav li.first { font-size:90%; background:#eee; border-top:1px solid #aaa; padding-left:.75em; }
#secondaryNav li.second {  font-size: 80%; line-height: 120%; padding-left:1em; }
#secondaryNav li.third { font-size: 70%; line-height: 130%; padding-left:1.5em; }
#currentnav { text-decoration:underline; }

#secondaryNav li a { color:black; text-decoration:none; display: block; width: 100%; }
#secondaryNav li a:hover { color:#333; }
#secondaryNav li.second a:hover, #secondaryNav li.third a:hover { color: #000; background-color: #ebebe3; }
#secondaryNav li.first a { padding-top: 5px; padding-bottom: 5px; }
#secondaryNav li.second a { padding-top:.25em; padding-bottom:.25em; }
#secondaryNav li.third a { padding-top:.10em; padding-bottom:.10em; }
#secondaryNav li.title a { padding-top: .75em; padding-bottom: .75em; }

html>body #secondaryNav a { width: auto; }

#searchBox form p { font-size: 90%; line-height: 75%; padding: 0px; }
#searchBox h4 { margin: 0; }
#searchBox input { margin: 5px 0; display: block; }

#sidenav-content { height: 1%; margin-left:172px; margin-right:6px; line-height: 165%; }
#sidenav-content h3 { font-family: Georgia, "Times New Roman", serif; color: #112d4c; padding: .33em .2em .33em .2em; margin-top: 0; }
#sidenav-content p { padding-top:2px; padding-bottom:5px; }
#sidenav-content li { margin-left: -1.85em; line-height: 125%; } 
#sidenav-content .right-box { float: right; width: 146px; padding: 7em .5em 1em .5em; margin: 1em; font-size: 90%; background: #E7E7D5 url(img-capital.gif) no-repeat; }
#sidenav-content .right-box-contact { float: right; width: 230px; padding: 1em; margin: 1em; font-size: 90%; background: #E7E7D5;  }
#sidenav-content .right-box h3 { border-top: none; }

#sidenav-content div h4 { margin: 0; }

.mon-green { background-color: #ccffcc; }
.mon-yellow,.expires-soon { background-color: #ffffcc; }
.mon-disabled { background-color: #ffffcc; }
.mon-red,.expired { background-color: #ffcccc; }

.kb_example { background: #eeeeee; border: 1px solid #aaaaaa; padding: 15px 15px 15px 15px; }
.sslnote { text-align: center;  background: #eeeeee;  border: 1px solid #aaaaaa;  padding: 3px; font-size: x-small;	}

.note { text-align: center;  background: #eeeeee; border: 1px solid #aaaaaa; padding: 3px; }
.hilite_box { margin: 0 2em 2em 2em; padding: 0 1em; border-left: 2px solid #c00; background: #fff1ab; width: 250px; font-size: 87%; line-height: 1.5; /*Eric Meyer -- unitless line-height: multiplier and valid */ }

.hilite_box ul { margin-left:0; padding-left:0; list-style: none; }
.hilite_box ul li { margin-bottom: .3em; }
.hilite_box h4 { font-size: 1.2em; margin-bottom: 0; padding-bottom: 0; }

.error { color: #ff0000; font-size: x-small; }
.errorbox { text-align: center;  background: #ffc; border: 1px solid #f00; padding: 3px; color: #ff0000; }

.faces { float: left; border: solid 1px #666; margin-right: 6px; margin-bottom: 6px; }
.nobr { white-space: nowrap; }
.nomargin { margin: 0; padding: 0;}
.notation { font-size: .8em; font-style: italic; }
.right-align { text-align: right; }
.center-align { text-align: center; }

table { width: 99%; }
table.bottom-marg {	margin-bottom: 1.5em; }
ul.nospace p { margin-top: 0; line-height: 100%; }
dl.search dt { font-weight: bold; }

#sidenav-content table { width: 100%; }
#sidenav-content tr { line-height: 150%; }
#sidenav-content th { background: #ccc; border: 1px #ccc solid; }
#sidenav-content th a.sort { color: #000 !important; }
#sidenav-content .striped_even { background: #eee; }

#sidenav-content .right-actions { padding: 6px 0 0 0; font-size: x-small; float: right; }
* html #sidenav-content .right-actions { margin-top: .75em; }  
#sidenav-content .page-actions { text-align: right; }
.table-actions,.page-actions { padding:0; margin:0; font-size: x-small;	 }
.more-detail { display: block; padding: .5em 0 1em 0; text-align: right; font-size: x-small; }

#footer { 
clear: both; 
font-size: 10px; 
text-align: center; 
margin: 0; 
padding: 0; 
background: #f3f3f3; 
border-top:6px solid #aaa; }

#cl_stats { background: #ccc; border: 1px #ccc solid; margin-right: 1em; }
#cl_stats ul { margin: 0; padding: 0; }
#cl_stats ul li { font-size:1em; font-weight: bold; list-style: none;  text-indent: .2em; }
#cl_stats ul li ul { padding-left: 1em;  background: #fff; }
#cl_stats ul li ul li { list-style: none; font-weight: normal; text-indent: -.5em; }
#cl_stats a.clean { text-decoration: none; }
#cl_stats a img { vertical-align:middle; margin: .5em; }
#cl_scshts { float: right; margin-bottom: 1em; border-left: .25em solid white; background: #fff; }
#cl_scshts img { display:block; border: none; margin-bottom: 1em; }
#cl_scshts p { text-align: center; font-weight: bold; font-size: 1.25em; }

table.contact th { padding-top: 0; width: 1px; }
table.contact th p { height: 10em; vertical-align: top; margin: 0; padding: 0; }
table.contact td { vertical-align: top;  padding: 0 3px 3px 3px; }
table.contact td p.error { vertical-align: top;  padding: 0; margin: 0; }
table.contact .contact-box { text-align: left; background: #eee; border: 1px solid #aaa; padding: 3px; font-size: x-small; line-height: 110%; vertical-align: top; white-space: nowrap; }
table.contact .contact-box-highlight { text-align: left; background: #ffc; border: 1px solid #aaa; font-size: x-small; line-height: 110%; padding: 3px; vertical-align: top; white-space: nowrap; } 


#linkbar { margin:0 auto 1.5em auto; padding:0; text-align: center; width: 85%;}
#linkbar ul { margin:0; padding:0; list-style-type: none;}
#linkbar ul li { margin: 0 1em;  display: inline; white-space: nowrap; line-height: 2.5em;} 
#linkbar ul li { background-color: #eee; padding:0;}
#linkbar ul li a { text-decoration: none; padding: 0 .5em; }
#linkbar ul li a:link, #linkbar ul li a:visited { border-bottom: 2px solid #aaa; }
#linkbar ul li a:hover { border-bottom: 2px solid #f00; }

.important {
	text-align: center;
	background: #ffffcc;
	border: 1px solid #ff0000;
	padding: 3px;
}

.red{ color: #c00; }
.red a {color: #c00; }

.page-actions div#scan_logo {
	display:block;
	margin-top: 6px;
}

#cart {
	width: 165px;
	background: #fff url('cart_widget.gif') no-repeat 0% 50%;
	margin-top: .75em;
}

#cart h4 {
	font-size: small;
	margin-top: .20em;
	margin-bottom: 0;
	padding-left: 1em;
}

#cart h4 a {
    text-decoration: none;
    color: #000 !important;
}

#cart p {
	font-size: .8em;
	padding-bottom: .25em;
	padding-left: 1em;
	padding-top: 0;
}

#cart p span {
	padding-left: 12px;
}


fieldset.delta legend {
	font-weight:  bold;
	color: #000;
}

fieldset.delta {
	border: none;
	border-top: 1px solid #999;
	margin-bottom:  1em;
	background: #fafafa;
}

fieldset.delta label {
	display: inline-block;
  	width: auto;
	width:  160px;
}
fieldset.delta th {
	text-align: right;
	width: 165px;
}
fieldset.delta td {
	text-align: left;
}
fieldset.delta td.helper_left {
	line-height:125%;
	font-size:  xx-small;
	padding: 0 0 0 20px;
	margin: 0;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: #eee;
}

.service_apps {
	width: 48%;
}
.service_apps h4 {
	margin-top: 0;
	padding-left: 2em;
	background: url('1px999.gif') repeat-x center;
	color: #333;
}
.service_apps h4 span {
	padding: 0 6px;
	background: #fff;
}

.service_apps ul {
	list-style:none; 
	margin-left: 1em; 
	margin-top: 0;
	padding-left:0;
	padding-top: 0;
}
.app_block_holder {clear: right;}
.app_block_holder h3 {margin-bottom: .25em; }

#blendyboxcont { background: url(bluebar.png); padding: .5em;  border: #aaa solid 1px; float: right; height: auto; text-align: center; margin: 0 0 0 1em;}
#blendyboxcont p { margin: .33em 0 .33em 0; padding: 0; }
#blendyboxcont ul { list-style: none; margin: 0; padding: 0; }
#blendyboxcont li { margin: .33em 0 .66em 0; padding: 0; }
#blendyboxcont a { text-decoration: none; color: #333; }
#blendyboxcont a:hover { text-decoration: underline; }
.grad img { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; }
.box { border: solid #aaa 1px; position: relative; width: 165px; padding: 5px; height: 2em; text-align: center; margin: 0 0 1em 0; }
.box * { margin: 0px; position: relative; z-index: 1; }
* html .grad { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='grad_white.png', sizingMethod='scale'); }
* html .grad img { display: none; } 
* html .box { position:static; } 
.yellow { background-color: #fc0; }

#searchform { width: 75% }
#searchform td { vertical-align: top; }

.flash-green {color: #090; text-align: center;  background: #eeeeee; border: 1px solid #aaaaaa; padding: 3px; font-weight:bold;}
.flash-red {color: #c00; text-align: center;  background: #eeeeee; border: 1px solid #aaaaaa; padding: 3px; font-weight:bold;}

#sidenav-content .changes {
	color: #060;
}



#sidenav-content h3.changes {
	font-weight: normal;
	text-align: center;
	background:none;
	border: none;
}

table.top td, table.top th, table form td, table form th, form table td, form table th { vertical-align: top; }
table form td.vmid, table form th.vmid, form table td.vmid, form table th.vmid { vertical-align: middle;  }



.checkout-form {
	margin-bottom: 2em;
	position: relative;
	width: 100%;
}

/*\*/ * html .checkout-form { width: 99.9%; } /**/

.checkout-form table {
	margin: 0;
	border-collapse: collapse;
	width: 100%;
}

.checkout-form table th {
	border-left: 2px solid white !important;
}

.checkout-form table .narrow    { width: 11% }
.checkout-form table .subtract1 { width: 89% }
.checkout-form table .subtract2 { width: 78% }

.checkout-form table .cbox, .checkout-form table .center-align, .checkout-form table .refunded {
	text-align: center;
}

.checkout-form .columns  { width: 100%; float: right; position: relative; }

.columns dt, .columns dd { margin: 0 0 4px .3em; padding: 0; }

.columns dl { float: right; display: block; width: 100%; position: relative; margin: 0; padding: 0 }

.columns dt, .columns .a { float: left; clear: left; }
.columns .a  { width: 50%; }
.columns .b  { float: left; width: 50%; }

/*\*/ * html .columns .a { margin-right: -100%; } /**/
/*\*/ * html .columns .b { margin-left: 50%; display: inline;  } /**/

*:first-child+html .columns .a { margin-right: -100%; }
*:first-child+html .columns .b { margin-left: 50%; display: inline;  }


.columns dt  { width: 45%; font-weight: bold; }
.columns dd  { margin-left: 46% }

.checkout-form .dollars {
	text-align: right !important;
	padding-right: .3em;
}

.columns dd.dollars { width: 4em; }
.dollars span.m { margin-right: -.3em; }
.checkout-form .fin { clear: right; border-bottom: 1px solid white; }

.checkout-form table .refunded, .checkout-form table .em, .checkout-form .expires {
	font-style: italic;
	font-size:  90%;
}

checkout-form table .right-align {
	text-align: right;
	padding-right: .3em;
}

.checkout-form .dollars, .checkout-form dt {
	white-space: nowrap; 
}

.checkout-form h4 { font-size: 1em; margin: 0; padding: 0 }
.checkout-form h4.mtop { margin: 1em 0 0 0 !important; }
.checkout-form td.mtop { padding-top: 1em; }
.checkout-form h4.bg   { background-color: #ccc; margin: 0 1px 2px 1px !important; padding: 2px 0; }

.checkout-form h4 span {
	font-weight: normal;
}

.checkout-form .new {
	color: #555;
}

.checkout-form .descr {
	padding-left: 1.5em;
}

.checkout-form table td.dombreak {
	font-weight: bold;
	background-color: #eee !important;
	border-top: 7px solid white;	/* fake a margin */
	padding: 2px 0 4px 1em;
}

.checkout-form .totals {
	font-weight: bold;
}

/*
 *  Googlicious colors for Google pseudologo
 */

.style1 {color: #0033CC}
.style2 {color: #CC3333}
.style3 {color: #FFFF66}
.style4 {color: #FFDF7C}
.style5 {color: #FFCC00}
.style6 {color: #33CC33}
.style7 {color: #82302F;
}