/* CSS Document */

body {
        text-align: center;
        padding: 0;
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        background-color: #F7F7F7;
        }

a {
        text-decoration: none;
        color: blue;
        }

a:hover {
        color: #FB9D21;
        }
        
div#main {
        margin: auto;
        width: 804px;
        background-color: #FFF;
        }

div#banner {
        border: none;
        }

div#banner img {
        border: none;
        }


div#navwrap {
        float: left;
        width: 135px;
        max-width: 135px;
        text-align: left;
        margin-left: 1px;
        }
div#rightnavwrap {
        float: right;
        width: 135px;
        max-width: 135px;
        text-align: left;
        margin-left: 1px;
        }
div#navigation {
        border: 1px solid #445B56;
        background: url(gradbkgd.jpg) repeat-y;
        margin-bottom: 15px;
        }

div#searchbar {
		background: #FFF url(/images/search_bar.gif);
		background-repeat: no-repeat;
        /*border: 1px solid #5C60A7;*/
        background-color: #7C898A;
        color: #000000;/*#FDEBD4*/
		margin-left: 2px;
		margin-top: 3px;
		width: 585px;
		height: 38px;
		padding-top: 5px;
        }

div#searchbar p {
        margin: 0;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 5px;
        padding-left: 10px;
        color: #ffffff;
        }

div#searchbar form {
        margin-top: 0px;
        margin-bottom: 4px;
        margin-left: 0px;
        padding: 0;
        }
		
div#searchbar select {
		font-size: 12pt;
}
		
div#menubar {
        border: 1px solid #5C60A7;
        background-color: #7C898A;
        color: #ffffff;
        }

div#menubar p {
        margin: 0;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 5px;
        padding-left: 10px;
        color: #ffffff;
        }

div#menubar form {
        margin-top: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
        padding: 0;
        }
        
div#menubar input {
        border: 1px solid #FB9D21;
        margin-top: 0px;
        margin-left: 5px;
        padding: 0;
        }

div#newsbar {
		background-image: url(/images/latest_news_bar.gif);
		background-repeat: no-repeat;
        /*border: 1px solid #5C60A7;*/
       /* background-color: #7C898A; */
	    height: 25px;
        color: #ffffff;
        margin-top: 7px;
        padding-top: 1px;
        width: 135px;
        }

div#newsbar p {
        margin: 0;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 5px;
        padding-left: 10px;
        color: #ffffff;
        }

ul.navul {
        list-style: none;
        margin: 0;
        padding: 10px;
        }

ul.navul li {
        margin-bottom: 8px;
        }

ul.navul li a {
       /* background-image: url(graduline.jpg); */
        background-repeat: no-repeat;
        background-position: left bottom;
        text-decoration: none;
        margin: 0;
        color: #2B463F;
        }

ul.navul li a:hover {
        color: #FB9D21;
        }

ul.navul li a:active {
        color: red;
        }

div#news {
      /*  border: 1px solid #445B56; */
       /* margin-top: 20px; */
      /*  background: #FFF url(gradbkgd.jpg) repeat-y; */
        width: 135px;
        overflow: hidden;
        }

div#cartbar {
        float: right;
        width: 585px;
		height: 50px;
        text-align: center;
        margin-right: 1px;
        margin-bottom: 0px;
        }

div.cartmenu {
        /*float: right;*/
        background-color: #F7F7F7;
        border: 1px solid #5C60A7;/*1px solid black;*/
        width: 150px;
        margin-top: 3px;
        margin-bottom: 1px;
        margin-right: 10px;
        padding-right: 3px;
        padding-top: 1px;
        padding-bottom: 2px;
        }

div.cartmenu img {
        border: none;
        }

div#cartbar a {
        text-decoration: none;
        color: black;
        }

div#cartbar a:hover {
        color: #FB9D21;
        }

div#cartbar a:active {
        color: red;
        }

div#contentwrap {
        float: left;
        width: 444px;
        text-align: left;
        margin-top: 7px;
        margin-left: 5px;
        padding: 0px;
        margin-bottom: 15px;
        }

div#searchwrap {
        float: left;
        width: 450px;
        text-align: left;
        margin-top: 7px;
        margin-left: 5px;
        padding: 0px;
        margin-bottom: 15px;
        }
        
.searchResult {
        border: 1px solid #FDEBD4;
        padding: 10px;
        padding-top: 0px;
        margin: 5px;
        margin-bottom: 10px;
		width: 400px;
        }
        
.searchResult h3 {
        margin-top: 4px;
        margin-bottom: 0px;
        }
        
.searchResult p {
        margin-top: 4px;
        margin-bottom: 0px;
        }        


div.motto {
        background: #F7F7F7;
        padding: 10px;
        padding-top: 5px;
        margin-bottom: 10px;
		margin-left: 5px;
        }

div.motto h4 {
        font-size: 16px;
        margin-top: 1px;
        margin-bottom: 1px;
        padding-top: 2px;
        padding-bottom: 0px;
        }

div.motto {
        background: #F7F7F7;
        padding: 10px;
        padding-top: 5px;
        margin-bottom: 10px;
        }

div.motto h4 {
        font-size: 16px;
        margin-top: 1px;
        margin-bottom: 1px;
        padding-top: 2px;
        padding-bottom: 0px;
        }

div.motto p {
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: justify;
           }
          

div.topstories {
        padding: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        /*border: 2px solid #FB9D21;*/
        }

div.newsflashhead {
        /*background-color: #FB9D21;*/
		background-image: url(/images/news_flash_bar.gif);
		background-repeat: no-repeat;
		height: 25px;
		width: 439px;
        margin-bottom: 0px;
        font-size: 11pt;
        font-weight: bold;
        padding-top: 3px;
        padding-bottom: 0px;
        padding-left: 10px;
        color: #FFFFFF;
        margin-top: 0px;
		vertical-align: middle;
        }
        

div.topstories h4 {
        font-size: 12px;
        margin-top: 1px;
        margin-bottom: 1px;
        padding-top: 0px;
        padding-bottom: 0px;
        }
        
.topstories ul {
        font-size: 14px;
        font-weight: bold;
        margin: 0px;
        margin-left: 5px;
        margin-top: 3px;
/*        border: 1px solid black;*/
        padding: 0px;
        list-style: none;
/*        list-style-position: inside;*/
/*        list-style-image: url("http://www.qsoftguide.com/qsgbullet.jpg")*/
        }
        
.topstories li {
        margin: 0px;
        padding: 0px;
        padding-bottom: 10px;
        }
        
.topstories a {
        margin: 0px;
        padding: 0px;
        color: #9B3D01;
        }

.topstories a:hover {
        color: #FB9D21;
        }

.topstories a:active {
        color: red;
        }

        

        

div.content {
/*        border: 1px solid #FDEBD4;*/
       /* border: 2px solid #5C60A7;*/
        margin-top: 2px;
        margin-left: 5px;
        margin-right: 5px;
        background-color: #FFF;
        padding: 0px;
        }

div.content p {
        margin-left: 10px;
        margin-right: 10px;
        }

div.content h3 {
        margin-left: 10px;
        margin-right: 10px;
        }

div.directory {
       /* background-color: #5C60A7;*/
	    background-image: url(/images/directory_bar.gif);
		background-repeat: no-repeat;
		height: 35px;
		width: 439px;
        margin-bottom: 0px;
        font-size: 11pt;
        font-weight: bold;
        padding-top: 5px;
        padding-bottom: 4px;
        padding-left: 2px;
        color: #FFFFFF;
        margin-top: 0px;
        }

div.directory p {
        font-size: 11pt;
        font-weight: bold;
        padding-top: 3px;
        padding-bottom: 3px;
        color: #FFFFFF;
        margin-top: 0px;
        margin-bottom: 0px;
        }

div.directory a {
        color: #FFFFFF;
        }

div.directory a:visited {
        color: #FFFFFF;
        }

div.directory a:hover {
        color: #FB9D21;
        }

div.guarantee {
        background-color: #F7F7F7;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 0px;
        padding: 0px;
        }

div.guarantee h4 {
        padding-top: 17px;
        padding-bottom: 0;
        }

div.guarantee p {
        margin: 0px;
        padding-top: 3px;
        padding-bottom: 3px;
        }

div.dirleft {
        float: left;
        text-align: left;
        width: 205px;
        }
        
div.dirright {
        float: right;
        text-align: left;
        width: 205px;
        }

.categories {
        float: left;
        margin-left: 0px;
        display: block;
        background: transparent;
        }
        
.categories a:link {
  color: #0000FF;
  text-decoration: none;
  }

.categories a:visited {
  color: #0000FF;
  text-decoration: none;
  }

.categories a:hover {
  color: #FB9D21; 
  text-decoration: none;
  }

.categories table {
        width: 428px;
        margin: 2px;
        padding: 2px;
        }

.categories td {
        vertical-align: top;
        width: 50%;
        margin: 2px;
        border: 3px solid white;
        background-color: #FFFFFF;
        text-align: left;
        }

.categoriesRow1 {
        border: 3px solid white;
        background-color: #FFFFFF;
        width: 50%;
        margin: 2px;
        vertical-align: top;
        text-align: left;
        padding-bottom: 10px;
        }
        
.categoriesRow2 {
        border: 3px solid white;
        background-color: #FFFFFF;
        width: 50%;
        vertical-align: top;
        margin: 2px;
        text-align: left;
        padding-bottom: 10px;
        }
        
.topCategory {
        font-size: 16px;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        }

.subCategory {
        font-size: 12px;
        }

.subCategory ul {
        margin-left: 5px;
        margin-top: 0px;
        padding-top: 0px;
        padding: 0px;
        list-style: none;
        }

.subCategory li {
        margin-left: 5px;
        padding: 0px;
        }
        

        
div.guarantee {
        background-color: #F7F7F7;
        margin-left: 5px;
        margin-right: 5px;
        clear: both;
        }

div.guarantee p {
        padding-top: 3px;
        padding-bottom: 3px;
        }

div#specialswrap {
        float: right;
        width: 210px;
        text-align: left;
        border: 1px solid #3A4963;
        background: #494C85 url(specialbar.jpg) repeat-y;
        margin-top: 7px;
        padding: 0;
        margin-bottom: 15px;
        padding-bottom: 10px;
        }
div#leftspecialswrap {
        float: left;
        width: 210px;
        text-align: left;
        /*border: 1px solid #3A4963;*/
        /*background: #494C85 url(specialbar.jpg) repeat-y;*/
        margin-top: 3px;
        padding: 0;
        margin-bottom: 15px;
        padding-bottom: 10px;
        }
div#specialstitle {
		background-image: url(/images/specials_bar.gif);
		background-repeat: no-repeat;
		height: 44px;
		width: 210px;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
		padding-top: 10px;
		padding-bottom: 1px;
		padding-left: 15px;
        color: #FFF;
		font-size:11pt;
		font-weight:bold;
        }
div#specialstitle p {
	margin-left:10px;
	margin-right:10px;
}

div.specials {
        background-color: #FFF;
        width: 190px;
        margin-top: 9px;
        margin-bottom: 3px;
        margin-left: 7px;
		text-align: left;
        border: 1px dotted green;
/*        border: 1px solid red;*/
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
		font-size: 8.5pt;
        }

div.specials img {
        border: none;
        float: left;
        padding-right: 5px;
        }

.specialProdName {
        font-size: 12px;
        font-weight: bold;
        }
        
.buttonlink {
        margin-top: 20px; 
        text-align: center;
        border: none;
        }
        
.buttonlink img {
        border: none;
        }
        
div.specials a:link {
  color: #000000;
  text-decoration: none;
  }

div.specials a:visited {
  color: #000000; 
  text-decoration: none;
  }

div.specials a:hover {
  color: #FB9D21; 
  text-decoration: none;
  }
        
div#footnav {
        clear: both;
      /*  background-color: /*#2B463F;*//*#7C898A;*/
	  background-image: url(/images/top_menu_bar.gif);
        width: 794px;
        padding: 5px;
        color: #FDEBD4;
		/*border: 1px solid #5C60A7;*/
        }

div#footnav a {
        color: #FFF;
        text-decoration: none;
        padding-right: 10px;
        margin-left: 1px;
        margin-right: 1px;
        }

div#footnav a:hover {
        color: #FB9D21; /*will have to change latter*/
        }

div#footnav a:active {
        color: red;
        }

div.footlinks {
        float: left;
        margin-left: 5px;
        }
        
div.footphone {
      /*  float: center;*/

        margin-right: 12px;
        }

div.clear {
        clear: both;
        }
        
.articleText {
        display: block;
        width: 599px;
        margin: 2px;
        padding: 2px;
        background-color: #FFFFFF;
        }
        
.finePrint p {
        font-size: 9px;
        }
        
.shout {
       color: #FF0000;
       font-weight: bold;
       }
       
.emphasis {
       color: #0050A0;
       font-weight: bold;
        }
        
.marginlink a:link {
  color: #5E5A80;
  text-decoration: none;
  }

.marginlink a:visited {
  color: #5E5A80; 
  text-decoration: none;
  }

.marginlink a:hover {
  color: #FB9D21; 
  text-decoration: underline;
  }
        

.buttonbar ul {
        list-style: none;
        margin: 0;
        margin-left: 8px;
        padding: 0px;
        padding-top: 5px;
        }                

.buttonbar li {
        padding: 0px;
        padding-top:    5px;
        padding-bottom: 5px;
        }
        
        
/* Fix IE. Hide from IE Mac \*/
* html body div.cartmenu {
        width: 210px;
        margin-top: 3px;
        padding-top: 1px;
        padding-bottom: 2px;
        }

* html body div#footnav {
        width: 800px;
        padding: 2px;
        }
/* End */




div.linksarea {
        background-color: #F7F7F7;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 0px;
        padding: 0px;
        }

div.linksarea h4 {
        padding-top: 17px;
        padding-bottom: 0;
        }

div.linksarea p {
        margin: 0px;
        padding-top: 3px;
        padding-bottom: 3px;
        }
        
div.linksarea li {
        padding-bottom: 20px;
        }
		
div#topmenu {
	padding-top: 10px;
	margin-top: 5px;
	height: 35px;
	background-image: url(/images/top_menu_bar.gif);
	background-repeat: no-repeat;
	float: center;
	/*height:35px;*/
	text-align: left;
	
	
}
div#topmenu a
{
	color: #FFFFFF;
	font-weight: bold;
}
div#topmenu a:hover
{
	
}
.expandcontract{
	border:1px dotted #dedede;
	background-color:#EBE4F2;
	margin:0 0 .5em 0;
	padding:0.4em;
} 

div.tree{
	background: #fff;
	padding:1em;
	margin-top:1em;
}