/*Prime Style sheet to be used for Precision Garage Door template site; all styles and classes should be condensed onto this soul page*/

/*
*****************************************************************
*****************************************************************
changes to over all appearence and primary layout go here*/

body {
	/*background: green url(../../images/siteParts/bg-grad-dot.png) repeat top left;*/
	background: rgb(201,222,150); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(201,222,150) 0%, rgb(138,182,107) 44%, rgb(57,130,53) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(201,222,150)), color-stop(44%,rgb(138,182,107)), color-stop(100%,rgb(57,130,53))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(201,222,150) 0%,rgb(138,182,107) 44%,rgb(57,130,53) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(201,222,150) 0%,rgb(138,182,107) 44%,rgb(57,130,53) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(201,222,150) 0%,rgb(138,182,107) 44%,rgb(57,130,53) 100%); /* IE10+ */
background: linear-gradient(top,  rgb(201,222,150) 0%,rgb(138,182,107) 44%,rgb(57,130,53) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */

    
	margin: 0;
	padding: 0;
}
a:active {
  position: relative;
  top: 1px;
}

img {
	border:none;
}
/*this ID adds the black gradient at the top of the page*/
#grade {
	background:url(images/topgradeBG.png);
	background-repeat:repeat-x;
	height: 600px;
}
/*this ID sets the page width and positioning*/
#page {
	width: 946px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	/*	position:relative*/
}

/****************************************************************
*****************************************************************
stuff for the header goes here*/

/*this class sets the Z index to 10*/
.headerLogo {
	/*position:absolute;*/
	width: 946px;
	height: 162px;
	float: left;
	/*left: auto;
	z-index: 10;*/
	padding: 0;
	margin: 0px;
	background-image:url(images/headerBG.png);
	background-repeat:no-repeat;
}
.headerLogo img {
	height: 143px;
	width: 250px;
	z-index: 10;
	background-image: url(images/header_logo.png);
	background-repeat:no-repeat;
}
/*this ID moves the flash header next to the logo but keeps it on the base level*/
#flashHeader {
	padding: 0px;
	margin: 0px;
	/*margin-left: 282px;
	position:relative;*/
}
/****************************************************************
*****************************************************************
stuff for the navigation goes here*/
/*this ID is the container for the navigation*/
#navigation {
	width: 193px;
	margin-top: 0px;
	margin-left: -10px;
	margin-right: 10px;
	margin-top: -10px;
	margin-bottom: 15px;
	font-family:"Comic Sans MS", cursive;
	font-size:14px;
	color:#330;
}
#navigation a {
	color: #330;
	text-decoration:none;
}
#navigation a:hover {
	text-decoration:underline;
}
/*this ID sets the left end cap*/
#navigation #leftEnd {
	background-image:url(images/navBG.png);
	background-position: -191px 0px;
	width: 192px;
	height:25px;
	float:left;
}
#navigation #middle {
	background-image:url(images/navBG.png);
	background-position: top left;
	width: 190px;
	padding-left: 2px;
	height:auto;
	float:left;
}
/*this ID sets the right end cap*/
#navigation #rightEnd {
	background-image:url(images/navBG.png);
	background-repeat:no-repeat;
	background-position: -381px 0px;
	width: 193px;
	height:46px;
	float:left;
}
#navigation .checked {
	border: 0px;
	margin-top: 4px;
	margin-bottom: -4px;
	background-image: url(images/checkboxs.png);
	background-position: -20px 0px;
	background-repeat:no-repeat;
}
#navigation .unchecked {
	border: 0px;
	margin-top: 4px;
	margin-bottom: -4px;
	background-image: url(images/checkboxs.png);
	background-position: 0px 0px;
	background-repeat:no-repeat;
}
/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	/*font-family:"Comic Sans MS", cursive;
	font-size: 14px;*/
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

#rightColumn .CollapsiblePanelTab{
		text-align: center;
	margin: 0px;
	padding: 0px;
	cursor: pointer; /*make the cursor a hand in N6+*/
	cursor: hand; /*for IE 5.0+*/
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	font-weight: 500;
	font-size:16px;
	height: 100px;/*the panel content won't display in IE8 or FF3 unless a height is set*/
}


.CollapsiblePanelTab .phone {
	font-size: 17px;
}
.CollapsiblePanelTab .countyName {
	/*float: left;*/
}
.CollapsiblePanelTab .starSmall {
	clear:both;
	float: left;
	margin-left:50px;
}
#rightColumn .CollapsiblePanelTab a {
	font-weight: normal;
	font-size: 13px;
	text-decoration:none;
	display:block;
	color:#FFF;
}
/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	padding-left: 10px;
	font-size:12px;
}

#rightColumn .CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	width:200px;
}

#rightColumn .CollapsiblePanelContent a {
	color:#5A4D3C;
	text-decoration:none;
}
#rightColumn .CollapsiblePanelContent a:hover {
	color:#937D62;
	text-decoration: underline;
}
#rightColumn .CollapsiblePanelContent a:visited {
	color:#000;
	text-decoration: none;
}
#rightColumn .CollapsiblePanelContent ul {
	margin-top:0px;
	margin-bottom:1em;
	list-style:none;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	/*background-color: #EEE;*/
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	/*text-decoration:underline;*/
	/*background-color: #CCC;*/
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	/*background-color: #3399FF;*/
}

/****************************************************************
*****************************************************************
stuff for the content section goes here*/

/*this ID creates the top of the content section*/
#contentTop {
	/*height: 30px;
	width: 946px;
	background-image:url(images/content_ends.png);
	background-position:top;
	margin-top: 20px;*/
}
/*this ID creates the middle of the content section*/
#contentMiddle {
	width: 946px;
	float:left;
	background-image:url(images/mainBG.png);
}

/*this ID creates the left column of the content section*/
#leftColumn {
	width: 160px;
	float:left;
}
/*this ID creates the center column of the content section*/
#centerColumn {
	width: 550px;
	padding-left: 25px;
	padding-right: 10px;
	float:left;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
#centerColumn h1 {
	color: #0E634E;
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 1em;
	display:block;
	font-weight: bold;
	text-align:center;
}

#centerColumn h2 {
	color: #0E634E;
	font-size: 1.15em;
	line-height: 1em;
	margin-bottom: 1em;
	display:block;
	/*font-weight: bold;*/
	text-align:center;
}
#centerColumn h3 {
	color: #0E634E;
	margin-top: 40px;
	margin-bottom: 0px;
	padding: 0px;
	margin-left: -2px;
}
#centerColumn h4 {
	color: #0E634E;
	margin-top: 40px;
	margin-bottom: 0px;
	padding: 0px;
	margin-left: -2px;
}

#centerColumn p {
	margin-bottom: 1em;
	margin-top: 1em;
	line-height: 1.125em;
	font-size: .875em;
}
#centerColumn .steps {
	font-size:13px;
	padding: 15px;
	border: #265126 1px solid;
	background-color:#DEEFDE;
}
#centerColumn .steps span {
	padding-top: 10px;
	padding-left: 5px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	display: block;
}

#centerColumn a {
	color: #0E634E;
}
#centerColumn a:hover {
	text-decoration: none;
}
#centerColumn #margin_bottom_box {
	margin-bottom: 30px;
}
/*this ID creates the right column of the content section*/
#rightColumn {
	float:right;
	width: 200px;
}
/*this class governs the P tags in the right column*/
#rightColumn p {
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}
/*this class governs the A tags in the right column*/
#rightColumn a {
	color:#5A4D3C;
}
/*this class governs the em tags in the right column*/
#rightColumn #addy {
	padding-left: 25px;
	padding-right: 20px;
	font-style:italic;
}
/*this ID creates the bottom of the content section*/
#contentBottom {
	width: 920px;
	background-image:url(images/mainBG.png);
	background-repeat:repeat-y;
	float:left;
	padding: 20px 20px 0px 20px;
	text-align:center;
}
#bottomEdge {
	/*width: 960px;
	height: 40px;
	background-image:url(images/content_ends.png);
	background-position:bottom;
	float:left;
	font-size: 1px;*/
}
#footer {
	position:relative;
	float: left;
	width: 786px;
	height: auto;
	background-image: url(images/footerBG.png);
	background-repeat:no-repeat;
	padding-top: 25px;
	padding-left: 160px;
	font-variant:small-caps;
	font-size:12px;
	color:#FFF;
}
#footer a{
	color:#FFF;
	text-decoration:none;
}
#footer a:hover {
	background-color: #ABCA9F;
	color: #466C3D;
}

/**********************************************************************
***********************************************************************/
/*here is the styles for the boxes in the left column*/
/*this class contains the 160 box*/
.box160 {
	float:inherit;
	width: 160px;
	margin-left: 5px;
	margin-right: -5px;
	margin-bottom: 20px;
}
.box160middle {
	width: 130px;
	background-image:url(images/160_box.png);
	background-repeat:repeat-y;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0px;
	float:left;
}
.box160top {
	width:160px;
	height: 18px;
	background-image:url(images/160_box.png);
	background-repeat:no-repeat;
	background-position:right top;
	margin:0px;
	float:left;
}
.box160bottom {
	width:160px;
	height: 22px;
	background-image:url(images/160_box.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	float:left;
}
/**********************************************************************
***********************************************************************/
/*here is the styles for the boxes in the left column*/
/*this class contains the 160 box*/
.box200 {
	margin-left: 10px;
	margin-right: -10px;
}
.box200middle {
	width: 184px;
	background-image:url(images/200_box.png);
	background-repeat:repeat-y;
	padding-left: 5px;
	padding-right: 10px;
	float:left;
}
.box200middle p {
	color:#FFF;
	margin: 0px;
}
.box200top {
	width:200px;
	height: 13px;
	background-image:url(images/200_box.png);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
}
.box200bottom {
	width:200px;
	height: 24px;
	background-image:url(images/200_box.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	float:left;
}

/*****************************************************************************************
*******************************************************************************************/
/*extras*/

/*these classes govern the coupon section (i_coupon.php)*/
#coupon {
/*	border:#2E8B57 thin dashed;
	padding: 5px;*/
	width: 145px;
	margin:0px;
}
#coupon form {
	padding:0px;
	margin:0px;
}
/*for big important words in the coupon*/
#coupon .big {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#0E634E;
}
/*for the other words in the coupon*/
#coupon p, #widget .title {
	margin-bottom: 0px;
	margin-top: 8px;
	font-size: 13px;
	font-weight: 800;
	display: block;
	width: 130px;
	color:#FFF;
}
#coupon .field, #widget input[type=text], #widget textarea {
	font-size: 12px;
	width: 125px;
	background-color: #F5FFFA;
	color: #0B4A3A;
	font-family:"Courier New", Courier, monospace;
	font-variant:small-caps;
	border: #000 solid 1px;
}
#coupon .greenTxt, #widget label {
	font-size: 12px;
	color: #0E634E;
	font-family:"Courier New", Courier, monospace;
	font-variant:small-caps;
}
#coupon .smallTxt {
	font-size: 12px;
	color:#FFF;
}
#coupon a, #widget a {
	font-size: 10px;
	color: #0E634E;
}
#coupon select, #widget select { 
 font: 12px "Courier New", Courier, monospace;
 font-variant:small-caps;
 background-color: #F5FFFA; 
 color: #0B4A3A; 
 border: 1px solid #000;
 width: 125px;
}
#coupon input[type=submit], #widget input[type=submit] {
	height: 30px;
	width: 100px;
	background: transparent;
	background-image: url(images/greenButton.gif);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-size:14px;
	color:#000;
	border: #E0F4FE thin solid;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
	margin-left:15px;
}
#widget .small {
	text-align:center;	
}
/*this class is for hiding images at the bottom for the purpose of preloading them into the cache*/
.hiddenPic {
	display:none;
}

/*these classes govern the list of counties and phone numbers at the bottom of each page (i_phoneNumbers.php)*/
.phone_numbers {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	/*display: inline-table;
	background-color:#00F;
	border: #0F0 1px solid;*/
}

.phone_numbers ul {
	/*text-align: center;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 370px;*/
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding: 0px;
}
.phone_numbers  ul  li    {
	list-style-type: none;
	float: left;
	padding: 0px;
	margin-top: 15px;
	width: 180px;
	color: #5A4D3C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
.phone_numbers  ul  li a   {
	color: #5A4D3C;
	text-decoration:none;
}
.phone_numbers  ul  li a:hover  {
	text-decoration:underline;
}

/*this set of classes create a drop shadow effect for the contents of the div*/
.shadow {
  /*width: 90%;*/
  float:left;
  background: url(images/dropshadow.gif) no-repeat bottom right !important;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.shadow div {
  background: none !important;
  background: url(images/dropshadow_top.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
#img_row {
	width: 383px;
	margin-right: auto;
	margin-left: auto;
}
#img_row img {
	margin-left: 23px;
}
#dog_house {
	float: right;
	width: 190px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#dog_house p {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	padding-top: 0px;
	margin-top: 1px;
}

#centerColumn .contact_list {
	margin-top: 30px;
	line-height: 1.2em;
	margin-bottom: 30px;
	margin-left: 40px;
}
.contact_list li {
	margin-bottom: 10px;
}
.contact_list_two {
	float: left;
	width: 200px;
}
.contact_list_two li {
	line-height: 1.2em;

	margin-bottom: 10px;
	width: 200px;
}

#office {
	margin-left: 60px;
}
#contact {
	width: 361px;
	margin-left: 90px;
  }
  #contact .top {
	  height: 46px;
	  width: 361px;
	  background-image: url(images/contactBG.png);
	  background-repeat:no-repeat;
	  background-position: -361px 0px;
	  margin: 0px;
	  padding: 0px;
	  float:left;
  }
  #contact .middle {
	  background-image: url(images/contactBG.png);
	  background-repeat:repeat-y;
	  margin: 0px;
	  padding: 0px;
	  height:auto;
	  width: 361px;
	  float:left;
  }
  #contact .content {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	font-family:"Comic Sans MS", cursive;
	color:#3C1E00;
  }
  #contact .content #Cname, #Cemail, #Cmessage {
	margin-left: 5px;
	width: 325px;
	border:#A5946C solid 1px;
	background-color:#F1E3B6;
	font-family:"Comic Sans MS", cursive;
	color:#3C1E00;
  }
  #contact .content #Cphone, #Ctown {
	margin-left: 5px;
	border:#A5946C solid 1px;
	background-color:#F1E3B6;
	font-family:"Comic Sans MS", cursive;
	color:#3C1E00;
  }
  #contact .content input[type=submit], input[type=reset] {
	width: 75px;
	border: 0px;
	height: 30px;
	background: transparent;
	background-image: url(images/navigation_bg.gif);
	/*background-position: 0px -35px;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-size:14px;
	color:#FFF;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
  }
  #contact .bottom {
	  height: 46px;
	  width: 361px;
	  background-image: url(images/contactBG.png);
	  background-repeat:no-repeat;
	  background-position: -721px 0px;
	  margin: 0px 0px 50px 0px;
	  padding: 0px;
	  float:left;
  }
#centerColumn .ind_emphasis {
	width: 500px;
	margin-left: 40px;
}
#centerColumn .caps {
	color: #0E634E;
	font-weight: bold;
	font-size: 15px;
}
#centerColumn .smallcaps {
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
}
#centerColumn #pests {
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #333333;
}
#centerColumn #pests li {
	float: left;
	width: 127px;
	font-size: 12px;
}
#centerColumn #pests p {
	text-align: center;
}
#about_img .about_img_text {
	font-size: 9px;
	margin-top: 2px;
	text-align: center;
}
#centerColumn .entoms {
	margin-bottom: 0em;
	color: #0E634E;
}

#about_img {
	width: 170px;
	padding: 5px;
	border: thin solid #000000;
	float: left;
	margin-left: 60px;
	height: 170px;
	margin-bottom:25px;
}
#resume_container {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #D4D4D4;
}
#resume_container  img {
	padding-top: 15px;
	margin-bottom: 10px;
}
.resume {
	float: left;
	width: 300px;
	clear: left;
	margin-right: 20px;
}

#centerColumn .about_long_par {
	float: left;
	width: 280px;
	margin-right: 25px;
}
#centerColumn ul {
	line-height: 1.3em;
}
#centerColumn li {
	margin-bottom: 10px;
}

#long_par_img p {
	font-size: 9px;
	text-align: center;
	margin-top: 2px;
}
#long_par_img {
	width: 170px;
	float: left;
}
#ant_img {
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
}
#grade #page #contentMiddle #centerColumn #carpenter-bee-image img {
	width: 452px;
	margin-right: auto;
	margin-left: auto;
}
#centerColumn .calltoday {
	font-size: 1.5em;
	text-align: center;
}
#centerColumn .subhead {
	font-size: 15px;
	font-style: italic;
	color: #0E634E;
	margin-top: -1em;
}

#centerColumn .protection-list {
	list-style:none;
	padding:0;
	margin:0;
}
	#centerColumn .protection-list li{
		float:left;
		width: 137px;
	}
#centerColumn   td {
	border: 1px solid #333333;
	padding-left:5px;
}
#centerColumn table {
	border: 1px solid #000000;
}
#centerColumn th {
	text-align: center;
}

/*extras*/

/*this is the class for showing the star background for reviews, full starSmall is 75*15; full starMed is 100*20; and full starLg is 150*30 */

.starSmall {
	background-image:url(images/stars.png);
	background-position: 0px -130px;
	background-repeat:repeat-x;
	width: 75px;
	height: 15px;
	text-align: left;
}
.starSmall img{
	background-image:url(images/stars.png);
	background-position: 0px -145px;
	background-repeat:repeat-x;
	height: 15px;
	border: none;
}
.starMed {
	background-image:url(images/stars.png);
	background-position: 0px -90px;
	background-repeat:repeat-x;
	width: 100px;
	height: 20px;
	text-align: left;
}
.starMed img {
	background-image:url(images/stars.png);
	background-position: 0px -110px;
	background-repeat:repeat-x;
	height: 20px;
	border: none;
}
.starLg {
	background-image:url(images/stars.png);
	background-position: 0px -30px;
	background-repeat:repeat-x;
	width: 150px;
	height: 30px;
	text-align: left;
}
.starLg img {
	background-image:url(images/stars.png);
	background-position: 0px -60px;
	background-repeat:repeat-x;
	height: 30px;
	border: none;
}


/*this class is for hiding images at the bottom for the purpose of preloading them into the cache*/
.hiddenPic {
	display:none;
}

/*Use this class to display credit card logos*/
.credit, .credit.vert{
	width:245px;
	height:38px;
	background-image:url(/images/content/creditCards.png);
	background-repeat:no-repeat;
}
	.credit.vert{
		width:60px;
		height:156px;
	}

/*this set of classes create a drop shadow effect for the contents of the div*/
.shadow {
  /*width: 90%;*/
  float:left;
  background: url(images/dropshadow.png) no-repeat bottom right  !important;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.shadow div {
  background: none !important;
  background: url(images/dropshadow_top.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }
  
.shadow p {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin: -6px 6px 6px -6px !important;
	margin: 0;
}

.shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}
#barGraph {
	padding:0;
	margin:0px 0px 0px 5px;
	list-style:none;
	line-height:12px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}
#barGraph a {
	color:#fff;
	text-decoration:none;
}
#barBg {
	display:inline-block;
	background-image:url('/images/bargraph/bg_bar.gif');
	width:75px;
	height:8px;
	margin:0;
	vertical-align:middle;
}
#barBgColor {
	display:inline-block;
	width:75px;
	height:8px;
	background:url('/images/bargraph/bar.gif') no-repeat;
	top:0;
}
#heat{
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.25),inset 0px 0px 5px #275127;
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.25),inset 0px 0px 5px #275127;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25),inset 0px 0px 5px #275127;
}
	#heat h4{font-size:18px; text-align:center; margin:0 0 15px;}
		#heat h4 em{font-size:16px; display:block;}
	#heat ol{margin:0; padding:0;}
		#heat li{float:right; margin:0; width:355px;}
	#heat .image{
		float:left;
		margin:0 10px 10px 0;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border:#000 1px solid;
		width:135px;
		height:80px;
	}
.clear{clear:both;}