/* CSS Document */

/*  Banner/Include Styles  */
#banner a {display:block; width:550px; height:55px; margin:0 auto; padding:0; text-align:center; background:#8b1717 url(graphics/banner-xmas07.gif) no-repeat; text-indent:-3000px; font-size:0.1em; color:white}
#bannerXX a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8}
#bannerXX a:active {filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5}
#note {font-size:1.1em; color:red; background:white; padding:10px; margin:10px auto; display:block; border:solid 2px red; text-align:center; width:530px}
#note-small {font-size:0.7em; color:red; background:white; padding:7px; margin:10px auto; display:block; border:solid 1px red; text-align:center; width:536px}

.forthebots {display:none; visibility:hidden}



/*  Site Styles  */
html, body {padding:0; margin:0; height:100%}
h1, h2, h3, h4, h5, h6, p {padding:0; margin:0}
.skiplink {display:none}
#topnav {position:absolute; top:0; left:0; height:33px; width:100%; margin:0; text-align:center; background:url(graphics/topnavbar.gif) top repeat-x; z-index:100}
html>body #topnav {background: url(graphics/topnavbar.png)}
#topnav ul {margin:0; padding:0; list-style:none; font-family:'Gill Sans MT', 'Gill Sans', Tahoma, Arial, Helvetica, sans-serif; font-size:12px; height:25px}
#topnav ul li {display:inline}
#topnav ul li a {display:block; white-space: nowrap; float:left; text-decoration: none; padding-top:3px; color:#d9d9d9; background:url(graphics/topnavbar.gif) top left repeat-x; width:19.96%; height:25px; heigh\t:22px}
#topnav ul li a:hover {color:white; background-position:0 -33px}
#topnav ul li a:active {color:yellow}

#content {position:relative; width:94%; margin:0 auto; max-width:1200px; min-width:740px}
#main {margin:0 170px 0 0; padding:0}
#content, #main, #maincontainer, #mainleftedge, #mainrightedge {min-height:100%; height:auto !important; height:100%}
* html #maincontainer {margin-left:5%; margi\n-left:0}
* html #mainleftedge {width:100%; w\idth:92.1%}
* html #mainrightedge {width:100%; w\idth:93%}
#maincontainer {width:95%}
#mainleftedge {width:92.1%; padding-left:8%}
#mainrightedge {width:93%; padding-right:8%; padding-top:40px}
#mainrightedge h1 {text-align:center; font-size:130%; line-height:200%; margin-top:20px; margin-bottom:3%}
#mainrightedge h5 {line-height:210%; font-size:80%; margin:2%}
#mainrightedge p {padding:0.5%; margin:2%; font-size:75%; line-height: 170%}
#mainrightedge a {text-decoration:none}
#mainrightedge a:hover {text-decoration:underline}
#mainrightedge a:active {color:black}

div.cleaner {clear:both; height:1px; margin:-1px 0 0 0; padding:0; border:none}
div.cleaner hr {display:none}
.clear {clear:both; font-size:50%; width:80%; text-align:center; margin:auto}

#newlogo {position:absolute; top:45px; right:-25px; width:229px; height:78px; background:url(graphics/2graphic-newlogo.png) no-repeat}

#sidebar {float:right; width:170px; margin:135px 0 0 0; padding:0}
#sidebartop {width:170px; height:22px; background:url(graphics/side-nav-top.gif) top}
#sidebarbtm {width:170px; height:22px; background:url(graphics/side-nav-btm.gif) bottom}
#mainnav {margin-top:-10px; background:#D6D6EB url(graphics/side-nav-bg.gif) center repeat-y}
#mainnav ul {margin:10px 0 0 0; padding:0; list-style:none; font-family:'Gill Sans MT', 'Gill Sans', Tahoma, Arial, Helvetica, sans-serif; font-size: 80%;}
#mainnav ul li {display:inline}
#mainnav ul li a {display:block; width:170px; text-align:center; text-decoration:none; color:black}
#mainnav ul li a:hover {color:#333399; background:url(graphics/side-nav-over.jpg) center center no-repeat}
#mainnav ul li a:active {color:yellow}
#mainnav h2 {width:119px; height:71px; margin:17px 0 0 27px; background:url(graphics/2graphic-logo.gif) center center no-repeat}
#mainnav h2 span, #testimonial h3 span, .quarter h5, #newlogo span {display:block; width:0; height:0; overflow:hidden}
#testimonial {margin-top:30px}
#testimonial h3 {width:170px; height:50px}
#testimonial p {font-size:12px; line-height:18px; margin:12px 10px; color:#333366; text-align:center; font-family:'Apple Chancery', 'URW Chancery L', 'Comic Sans MS', serif}
#testimonial h6 {width:170px; height:28px; margin-top:0px; font-size:11px; font-family:'Courier New', Courier, mono; font-weight:normal; text-align:center}

#footer {width:100%; clear:both;}
#footer h4 {display:block; margin-top:-10px; font-size:10px; padding-top:10px; white-space:nowrap}
div.hr {height:19px; margin-top:15px; margin-bottom:5px}
div.hr hr {display:none}
#footer .larger {font-size:15px; line-height:24px; letter-spacing:-1px}
#contact {float:left; min-width:110px; width: 110px; w\idth:25%}
#contact a {text-decoration:none}
#contact a:hover {text-decoration:none}
#footernav {margin-top:10px; height:25px; width:48%; float:left}
#footernav ul {margin:0; padding:0; text-align: center; list-style: none; font-family:'Gill Sans MT', 'Gill Sans', Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; height: 15px}
#footernav ul li {display:inline}
#footernav ul li a {display:block; white-space:nowrap; float:left; text-decoration:none; padding:0 2% 2px 2%; color: blue; width: 32%; widt\h: 28.9%; height: 15px; heigh\t: 12px}
#footernav ul li a:hover {color:black; text-decoration:underline}
.copyright, .caption {display:block; clear:both; color:#777777; font-size:10px; font-family: 'Gill Sans MT', 'Gill Sans', Tahoma, Arial, Helvetica, sans-serif; text-align:center; text-decoration:none}
.copyright {padding-bottom:3%}
.copyright a {color:#777777; text-decoration:none}
#validhtml {width:23%; min-width:110px; height:33px; top:0px; margin-top:6px; float:right}
#validhtml img {text-align:right}

/* These are standard sIFR styles */
.sIFR-flash {visibility: visible !important; margin: 0}
.sIFR-replaced {visibility: visible !important}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; letter-spacing: 0}
/* These "decoy" styles are used to hide the browser text before it is replaced.. */
.sIFR-hasFlash h1 {visibility: hidden}
.sIFR-hasFlash h4 {visibility: hidden}
.sIFR-hasFlash #testimonial p {font-size:17px; letter-spacing:-0.1em; visibility: hidden}
.sIFR-hasFlash .quarter h4 {font-weight:normal; font-size:55%; line-height:260%; visibility: hidden}
.sIFR-hasFlash .price code {font-size:17px; line-height:28px; letter-spacing:-0.1em; visibility: hidden}

/* photos */
.photo-pa, .photo-la, .photo-lcenter {float:right; z-index:5; text-align:center}
.photo-pb, .photo-lb, .photo-plb {float:left; z-index:3; text-align:center}
.photo-pa {margin-bottom:12px; width:55%; min-width:266px}
.photo-pb {margin:25px 3% 53px 0; width: 41%; min-width:215px}
.photo-la {margin: 2% 0 3% 4%; width:51%; min-width:366px; padding-top:8px}
.photo-lb {margin:0 3% 2% 0; width: 41%; min-width:300px}
.photo-plb {margin:0 2% 1% 0; width: 41%; min-width:300px}
.photo-lcenter {margin: 2% 0 3% 0; width:99%; min-width:366px; padding-top:8px}
.photo-pb img, .photo-pa img, .photo-lb img, .photo-la img, .half2 img, .photo-lcenter img {background:#cccccc url(graphics/loading.gif) center center no-repeat}
.photo-pa img, .photo-la img, .photo-lcenter img {border:solid white 8px; filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='1', OffY='1', Color='#cccccc', Positive='true')}
.imageleft {float:left; margin:1% 5% 2% 0}
.imageright {float:right; margin:0 5% 2% 1%}
.address {margin-left:26%; margin-top: -15px; width: 50%; padding-left: 8%}
.nb {display:block; color:#777777; font-size:10px; font-family: 'Gill Sans MT', 'Gill Sans', Tahoma, Arial, Helvetica, sans-serif; text-align:center; text-decoration:none}

/* extras */
#order123 p {margin-left:5%}
.boxout a, #boxp {display:block; float:right; color:black; text-decoration:none; padding:8px 20px; font-size:100%;
	font-weight:bold; margin:5px 10px 25px 10px; text-align:center}
.boxout a:visited {color:black}
.boxout a:hover {background-position:0 -66px; text-decoration:none !important}
.prlist {padding:0.5%; font-size:85%; line-height: 130%; color:#333300; margin-left:30px}
.nobullet {list-style:url(graphics/spacer.gif) none; font-size:1.2em; font-weight:bold}
.smaller {font-size:60%}
.quarter {position:relative; float:left; width:22.5%; margin:1%; min-width:105px; text-align:center}
.quarter h4 {font-weight:normal; font-size:75%}
.quarter p {line-height:100% !important}
html>body .quarter p a {display:block; padding-top:10px; padding-bottom:10px}
html>body .quarter p a:hover {background-position:0 -66px; text-decoration:none !important}
.half, .half2 {position:relative; float:left; width:47.5%; margin:1%; min-width:210px}
.half .address {margin-left:10%; margin-top:0; width:80%}
.half h5 {padding:1px}
.half ul {font-size:80%; line-height:130%; margin-top:0}
.half ul ul {font-size:90%; margin-left:15px; padding-left:0}
.half2 {text-align:center; margin-top:2% !important; margin-bottom:2% !important}
.half2 h4 {line-height:190%;font-size:90%; padding-top:3px}
.half2 a img {border:5px solid white; filter:progid:DXImageTransform.Microsoft.dropShadow (OffX='1', OffY='1', Color='#cccccc', Positive='true')}
.half2 a:hover img  {border-color:#333399; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; filter:progid:DXImageTransform.Microsoft.dropShadow (OffX='1', OffY='1', Color='#cccccc', Positive='true')}
acronym, abbr, dfn {cursor:help; border-bottom:1px dotted #999966}
.payments p {padding:0 !important; margin:0 !important; font-size:69% !important; line-height:110% !important}
.payments h5 {margin:0 !important}
.payments img {border:5px solid #0076cc; margin-right:20px}
.payments a:hover img {border-color:white}
.larger-heading {padding:3px}
.price {float:right; clear:both; width:30%; margin:3%; border:1px solid #9e1d1d; text-align:center;}
html>body .price {clear:none}
.price code {display:block; font-weight:bold; width:100%; font-size:90%; padding:0.5% 1%; line-height:32px; background-color:#9e1d1d; color:white}
html>body .price code {width:98%}

#gte-box {float:right; width:30%; margin:6% 3% 5% 1%; font-family:'Gill Sans MT', 'Gill Sans', Tahoma, Arial, Helvetica, sans-serif}
#gte-box h3, #gte-btm {font-size:65%; line-height:12px; padding:6px 0 6px 0;margin:0; text-align:center; color:white; background:#0076CC url(graphics/guarantee.gif) 0 0 repeat-x;}
#gte-box h3 b {font-size:170%}
#gte-btm {background:#E7F4FF url(graphics/guarantee.gif) center bottom repeat-x; color:black; font-size:90%; padding:15px 10px 15px 10px}
#gte-btm a {display:block; text-align:right; margin-right:10px}

div.row {clear:both; padding-top:1px; height:20px}
div.row label {float:left; width:120px; text-align:right}
div.row span.formw {float:right; width:240px; text-align:left}
div.row span.formw input {width:180px}

.imgbtn {text-align:center; margin:auto}
.imgbtn a:hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;}
.imgbtn a:active {filter:alpha(opacity=40); -moz-opacity:0.4; opacity: 0.4;}