/*Common Classes*/

body {
	margin: 0 auto;
	padding: 0;
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	background-color: #cccccc;
}

/*  -- End Common Classes --  */


/*  -- Main Structure Style --  */

#container {
	margin: 0 auto;
	width: 760px;
	font-size: 1.2em;
	text-align: left;
	background-color: #ffffff;
}

#header:after,
#bodyshell:after,
#footer:after,
#footer .text:after{
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	content: ".";
}

/*  -- End Main Structure Style --  */


/*  -- Header --  */

div#header {
	padding: 0;
}

div.header-top {
	float: left;
	padding: 8px 0 8px 0;
}

div.logo-area {
	float: left;
	width: 316px;
	border-right: 1px solid #b2b2b2;
}

div.logo-area img {
	display: block;
}

div.tag-line-text {
	float: left;
	padding: 24px 0 0 0;
	width: 434px;
	font-size: 1.4em;
	color: #464540;
	text-align: right;
}

div.top-nav-area {
	position: relative;
	z-index: 99;
	clear: both;
	width: 760px;
}

ul#top-nav {
	float: left;
	width: 760px;
	list-style-type: none;
	background: url(top-nav-bkgd.gif) bottom repeat-x;
}

ul#top-nav li * {
	vertical-align: middle;
}

ul#top-nav li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	background: url(left-corner-bkgd.gif) left no-repeat;
}

ul#top-nav li.home {
	background: url(right-corner-bkgd.gif) right no-repeat;
}

ul#top-nav li a {
	float: left;
	padding: 7px 15px 0 15px;
	height: 21px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background: url(right-corner.gif) right no-repeat;
}

* html ul#top-nav li a {
	height: 28px;
}

ul#top-nav li.order a {
	background: none;
}

ul#top-nav li a:hover {
	background: url(right-corner-hover.gif) right no-repeat;
}

ul#top-nav li:hover a,
ul#top-nav li.sfhover a {
	background: url(right-corner-hover.gif) right no-repeat;
}

ul#top-nav li:hover,
ul#top-nav li.sfhover {
	background: url(left-corner-bkgd-hover.gif) left no-repeat;
}

ul#top-nav li.home a:hover {
	background: url(right-corner-bkgd-hover.gif) right no-repeat;
}

ul#top-nav li.order a:hover {
	background: url(left-corner-bkgd-hover.gif) left no-repeat;
}

ul#top-nav li ul {
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	margin-top : 28px;
	margin-left: -1200px;
	padding: 8px 6px 8px 6px;
	width: 174px;
	list-style-type: none;
	background-color: #4a5fae;
	overflow: hidden;
}

ul#top-nav li ul li {
	padding: 0 15px 0 15px;
	width: 144px;
	background: none;
}

ul#top-nav li ul li.divider {
	margin: 0;
	padding: 0;
	width: 174px;
	height: 1px;
	line-height: 1px;
	border-bottom: 1px solid #6e7fbe;
}

* html ul#top-nav li ul li.divider {
	width: 162px;
}

ul#top-nav li ul li a {
	display: block;
	margin: 0;
	padding: 6px 0 6px 0;
	width: 100%;
	height: 16px;
	color: #ffffff;
	background: none;
}

ul#top-nav li:hover ul li a,
ul#top-nav li.sfhover ul li a {
	background: none;
}

ul#top-nav li ul li a:hover {
	text-decoration: underline;
	background: none;
}

ul#top-nav li:hover ul,
ul#top-nav li.sfhover ul {
	position: absolute;
	z-index: 99;
	top: 0px;
	left: 0px;
	overflow: visible;
	margin-left: 0px;
	width: 174px;
}

ul#top-nav ul li:hover,
ul#top-nav ul li.sfhover {
	width: 144px;
	background: none;
	overflow: visible;
}

/*  -- End Header --  */


/*  -- Body --  */

#bodyshell {
	clear: left;
	float: left;
	width: 760px;
	background: url(body-bkgd.gif) repeat-y;
}

#bodycontent {
	float: right;
	width: 589px;
}

.bodypad {
	padding: 10px;
}

* html .bodypad {
	width: 100%;
}

/*  -- End Body --  */


/*  -- Index Page --  */

div.index-intro-area {
	float: right;
	width: 589px;
	min-height: 359px;
	background: #282721 url(index-photo.jpg) left bottom no-repeat;
}

* html div.index-intro-area {
	height: 359px;
}

div.index-intro-area img {
	display: block;
}

div.index-intro-text-area {
	position: relative;
	z-index: 1;
	float: right;
	padding: 5px 0 0 0;
	width: 368px;
	min-height: 359px;
}

* html div.index-intro-text-area {
	height: 359px;
}

div.intro-inset-photo {
	width: 368px;
}

div.intro-text {
	padding: 0 10px 0 3px;
	color: #ffffff;
}

div.intro-text span {
	font-weight: bold;
	color: #e6c247;
}

div.learn-more {
	position: absolute;
	bottom: 0px;
	right: 5px;
}

div.message-text {
	clear: right;
	padding: 14px 14px 0 14px;
}

div.featured-products {
	padding: 0 14px 0 14px;
}

div.home-contents {
	padding: 10px;
}

* html div.home-contents {
	width: 100%;
}

/*  -- End Index Page --  */


/*  -- Left Navigation  -- */

div#left-nav {
	float: left;
	padding: 0 2px 0 0;
	width: 169px;
}

* html div#left-nav {
	width: 171px;
}

div#htmltop {
	padding: 15px 0 0 0;
	background: url(htmltop-bkgd.gif) top no-repeat;
}

form#search-area {
	margin: 0;
	padding: 16px 0 18px 10px;
	background: url(search-bkgd.gif) repeat-x;
}

form#search-area * {
	vertical-align: middle;
}

form#search-area fieldset {
	margin: 0;
	padding: 0 0 3px 0;
	font-weight: bold;
	color: #ffffff;
	border: 0;
}

form#search-area #query {
	padding: 1px 0 0 5px;
	width: 115px;
	height: 20px;
	font: normal .9em Verdana, Arial, sans-serif;
	color: #122b70;
	border: 2px inset #808080;
}

form#search-area #search-submit {
	padding: 0 0 0 5px;
}

div#left-nav ul {
	padding: 12px 0 0 0;
	list-style-type: none;
}

div#left-nav li {
	margin: 0;
	padding: 0 25px 4px 0;
	width: 144px;
	height: 46px;
	background: url(left-nav-bkgd.gif) left top no-repeat;
}

* html div#left-nav li {
	width: 169px;
	height: 50px;
}

div#left-nav li img {
	float: left;
	padding: 4px 10px 0 18px;
}

* html div#left-nav li img {
	margin: 4px 10px 0 18px;
	padding: 0;
}

div#left-nav li a.two-lines {
	display: block;
	padding: 8px 0 0 0;
	font-size: .9em;
	color: #ffffff;
	text-decoration: none;
}

div#left-nav li a.one-line {
	display: block;
	padding: 15px 0 0 0;
	font-size: .9em;
	color: #ffffff;
	text-decoration: none;
}

div#left-nav li a:hover {
	text-decoration: underline;
}

#htmlbottom{
	padding: 25px 0 0 35px;
	font-weight: bold;
	color: #ffffff;
}

div.phone-number {
	padding: 5px 0 40px 0;
	font-size: 1.3em;
}

/*  -- End Left Navigation --  */


/*  -- Footer --  */

div#footer {
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	height: 50px;
	font-size: .9em;
	background: url(body-bkgd.gif) repeat-y;
}

div.yahoo-badge img {
	display: block;
	position: absolute;
	left: 44px;
	bottom: 55px;
}

div.designby {
	float: left;
	padding: 20px 2px 0 0;
	width: 169px;
	color: #6f85be;
	text-align: center;
}

* html div.designby {
	width: 171px;
}

div.designby a {
	font-size: .8em;
	color: #6f85be;
}

div.right-footer-area {
	float: right;
	width: 589px;
	height: 50px;
	background: url(footer-bkgd-right.gif) repeat-x;
}

div#footer .links {
	float: left;
	padding: 20px 0 0 0;
	width: 275px;
}

div#footer .links * {
	vertical-align: middle;
}

div#footer .links img {
	padding: 0 2px 0 20px;
}

* html div#footer .links img {
	margin: 0 2px 0 20px;
	padding: 0;
}

div#footer .links a {
	display: inline;
	padding: 0;
	font-size: 1.1em;
	color: #122b70;
	text-decoration: underline;
}

div#footer .links a:hover {
	text-decoration: none;
}

div.copyright {
	float: left;
	padding: 20px 20px 0 0;
	width: 294px;
	color: #000000;
	text-align: right;
}

* html div.copyright {
	width: 314px;
}

/*  -- End Footer --  */


/*  -- Related Links --  */

#seo-related-links {
    width: 95%;
    }
    #seo-related-links:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        }
    #seo-related-links h3 {
		padding: 10px 0 10px 0;
        color: #000;  
        font: bold 13px/1.2 verdana, arial, sans-serif;
        text-align: center;
        }
    #seo-related-links ul {
        margin:0; padding: 0;
        list-style: none;
        }
    #seo-related-links ul.seo-links li {
        width: 49%;
        float: left;
        display: inline;
        background: url(dot.gif) 5px center no-repeat;
        margin:0; 
        padding:0;
        }
        #seo-related-links ul.seo-links li a {
            text-decoration: none;
            padding-left: 25px;
            display: block;
            _width: 100%;
            }
            #seo-related-links ul.seo-links li a:hover {
                text-decoration: underline;
                }

/*  -- End Related Links --  */


/*  -- Solid Breadcrumbs --  */

div#breadcrumbs {
	padding: 10px;
}

div#breadcrumbs a {
	text-decoration: underline;
}

div#breadcrumbs a:hover {
	text-decoration: none;
}

/*  -- End Solid Breadcrumbs --  */


/*  -- Categorized Site Map --  */

.sitemap-header {
	display: block;
	padding: 25px 0 0 0;
	font: bold 14px verdana;
	color: #122b70;
}

.sitemap-1 {
	display: block;
	padding: 5px 0 0 25px;
	font: bold 12px verdana;
	color: #0e3293;
}

.sitemap-2 {
	display: block;
	padding: 2px 0 0 50px;
	font: bold 12px verdana;
	color: #000000;
}

.sitemap-3 {
	display: block;
	padding: 2px 0 0 75px;
	font: normal 10px verdana;
	color: #000000;
}

.sitemap-4 {
	display: block;
	padding: 1px 0 0 100px;
	font: normal 8px verdana;
	color: #000000;
}

/*  -- End Categorized Site Map --  */