/*
	Site: 
	Date: 
	Author: Larry Chartier
	Description: Core CSS File
	Additional CSS Files: SpryMenuBarHorizontal.css

	WEB COLORS USED FOR THIS SITE
	---------------------------------------------------------------------
	#4f77be		Color		Used for: 
	#666666		Color		Used for: 
	#4a5447		Color		Used for: 
	#3f421e		Color		Used for: 
	#728100		Color		Used for: 
	#000000		Color		Used for: 
	#000000		Color		Used for: 	
	---------------------------------------------------------------------
*/

/* Base style removal, global fixes and browser/platform fixes */

:link, :visited { text-decoration: none }
ul,ol { list-style: none }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,dl,dt,dd,input { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }
a, a:link, a:visited, a:hover, a:active { outline: 0; }


/*	Custom styles begin */


body {font-family: Verdana,sans-serif;background: #223460;}

div.wrapper {width: 960px;margin: 0 auto;}

br.clear {clear: both;}

/* --------------------------Header */

div#topBar {background: url(topbanner.gif) repeat-x;height: 79px;width: 100%;padding: 53px 0 0 0;}
div#topBar h1 a.logo {width: 200px;height: 55px;background: url(blake-logo.gif) no-repeat;float: left;text-indent: -9999px;display: block;margin-left: 20px;}

div#topBar div#mainNav {width: 600px;float: right;display: inline;padding: 54px 20px 0 0;}

/* Nav */
div#topBar div#mainNav a.home {width: 50px;height: 25px;display: block;text-indent: -9999px;background: url(home-g.gif) no-repeat;margin:0 1px 0 0;}
div#topBar div#mainNav a.home:hover {background: url(home-r.gif);}
div#topBar div#mainNav a.homeActive {width: 50px;height: 25px;display: block;text-indent: -9999px;background: url(home-r.gif) no-repeat;margin:0 1px 0 0;}

div#topBar div#mainNav a.products {width: 75px;height: 25px;display: block;text-indent: -9999px;background: url(products-g.gif) no-repeat;margin:0 1px 0 0;}
div#topBar div#mainNav a.products:hover {background: url(products-r.gif);}
div#topBar div#mainNav a.productsActive {width: 75px;height: 25px;display: block;text-indent: -9999px;background: url(products-r.gif) no-repeat;margin:0 1px 0 0;}

div#topBar div#mainNav a.news {width: 48px;height: 25px;display: block;text-indent: -9999px;background: url(news-g.gif) no-repeat;margin:0 1px 0 0;}
div#topBar div#mainNav a.news:hover {background: url(news-r.gif);}
div#topBar div#mainNav a.newsActive {width: 48px;height: 25px;display: block;text-indent: -9999px;background: url(news-r.gif) no-repeat;margin:0 1px 0 0;}

div#topBar div#mainNav a.about {width: 71px;height: 25px;display: block;text-indent: -9999px;background: url(about-g.gif) no-repeat;margin:0 1px 0 0;}
div#topBar div#mainNav a.about:hover {background: url(about-r.gif);}
div#topBar div#mainNav a.aboutActive {width: 71px;height: 25px;display: block;text-indent: -9999px;background: url(about-r.gif) no-repeat;margin:0 1px 0 0;}

div#topBar div#mainNav a.contact {width: 86px;height: 25px;display: block;text-indent: -9999px;background: url(contact-g.gif) no-repeat;}
div#topBar div#mainNav a.contact:hover {background: url(contact-r.gif);}
div#topBar div#mainNav a.contactActive {width: 86px;height: 25px;display: block;text-indent: -9999px;background: url(contact-r.gif) no-repeat;}

/* Nav End */

/* --------------------------Body */

div#main-body-top {width: 100%;border-bottom: 1px solid #cdccc9;clear: both;padding: 15px 0;background: white;}
div#main-body-top div#focal {background: url(focal-bg.gif) no-repeat;width: 960px;height: 292px;}

div#main-body {width: 100%;background: url(main-body-bg-home.gif) repeat-x;min-height: 300px;border-top: 1px solid #fff;border-bottom: 1px solid #223460;padding: 10px 0;}

div#main-body h1 {color: #223460;font-size: 18px;line-height: 24px;font-weight: normal;padding: 20px 20px 0 20px;margin-bottom: 5px;}
div#main-body p {color: #666;font-size: 12px;line-height: 17px;padding: 0 20px;margin-bottom: 5px;}
div#main-body ul {color: #666;font-size: 12px;line-height: 17px;list-style: disc;margin-left: 20px;padding: 0 20px 0 15px;margin-bottom: 5px;}
div#main-body ul li {margin-bottom: 3px;}

div#main-body p a {color: #284894;}
div#main-body p a:hover {color: #333;}



div#main-body div.home-box {width: 306px;float: left;margin-right: 21px; }
div#main-body div.home-box-last {float: right;display: inline;width: 306px;}


div#main-body div#secondary {background: url(secondary-bg.gif) no-repeat;width: 960px;height: 221px;margin-top: 20px;}

div#main-body div#secondary a {color: #284894;}
div#main-body div#secondary a:hover {color: #333;}


div#main-body div#secondary h3 {font-size: 12px;line-height:17px;font-weight: bold;color: #223460;padding: 15px 20px 10px 20px;}
div#main-body div#secondary h5 {font-size: 10px;font-weight: bold;color: #333;padding-left: 20px;}
div#main-body div#secondary p {font-size: 10px;line-height: 15px;}
div#main-body div#secondary ul.news {margin-left: 20px;padding: 0 20px 0 0;list-style: none;font-size: 10px;}

div#main-body div#secondary img.testimonial-thumb {float: left;margin: 0 5px 150px 20px;padding: 2px;border: 1px solid #ccc;}

div#main-body div#secondary dl.testimonial {background: url(testimonial.gif) bottom no-repeat;width: 241px;padding-bottom: 10px;float: left;display: inline;}
div#main-body div#secondary dl.testimonial dt {background: url(testimonial.gif) top;padding-top: 10px;padding: 10px 10px 5px 30px;font-size: 10px;color: #666;font-style: italic;height: 120px;display: block;}
div#main-body div#secondary dl.testimonial dt b {color: #223460;font-style: normal;}
div#main-body div#secondary dl.testimonial dt span {font-style: normal;}

div#main-body div#secondary dl.testimonial dd.name {font-size: 10px;font-weight: bold;color: #223460;}


/* Inside Pages */

div#main-body-top-inside {width: 100%;border-bottom: 1px solid #cdccc9;clear: both;padding: 25px 0;background: white;}
div#main-body-top-inside h1 {font-size: 24px;line-height:30px;font-weight: normal;color: #90ac3e;padding: 0 20px;float: left;}
div#main-body-top-inside p {float: right;display: inline;width: 500px;font-size: 11px;line-height: 18px;color: #666;line-height: 30px;text-align: right;padding: 0 20px 0 0;}

div#main-body-top-inside ul#menu {float: right;display: inline;width: 700px;font-size: 11px;color: #666;line-height: 11px;margin:10px 0 0 0;}
div#main-body-top-inside ul#menu li {float: right;text-align: right;padding: 0 5px;border-right: 1px solid #666;}
div#main-body-top-inside ul#menu li.last {padding-right: 20px;border: none;}


div#main-body-top-inside a {color: #284894;text-decoration: underline;}
div#main-body-top-inside a:hover {color: #333;}


div#internal-pg {background: url(blake-interior-bg.jpg) center top no-repeat;padding: 25px 0;}
div#order-pg {padding: 25px 0;}


div#order {background: url(order-bg.jpg) top repeat-x #fafaf9;}
div#main-body-internal {background: url(blake-interior-bg.jpg) center top no-repeat #fafaf9;}

div#main-body-internal a {color: #284894;}
div#main-body-internal a:hover {color: #333;}

div#main-body-internal h2 {padding: 0 20px;font-size: 16px;line-height:20px;font-weight: normal;color: #284894;margin: 0 0 7px 0;}
div#main-body-internal h2 span {font-size: 10px;color: #666;}
div#main-body-internal p {padding: 0 20px;font-size: 12px;line-height: 18px;color: #666;margin-bottom: 7px;}
div#main-body-internal p.newsdate {border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;line-height: 28px;background: #fff;}
div#main-body-internal p.newsdate span {font-weight: bold;color: #284894;}
div#main-body-internal p.geo {color: #90ac3e;clear: both;font-weight: bold;margin-top: 20px;}
div#main-body-internal p.adp {font-size: 10px;}

div#main-body-internal ul {font-size: 12px;color: #666;margin-bottom: 7px;margin: 0 0 0 40px;list-style: disc;}
div#main-body-internal ul li {margin-bottom: 4px;}

/*div#main-body-internal hr {background-color: none; border: 1px dotted #ccc; border-style: none none dotted;margin: 0 20px; }*/
div#main-body-internal hr {color: #fff; background-color: #fff; border: 1px dotted #ccc; border-style: none none dotted;margin: 0 20px;}

div#main-body-internal div#product {width: 557px;float: left;}

div#main-body-internal div#product img.product {float: right;margin: 0 0 10px 20px;}

div#main-body-internal div#product dl.whitebox {width: 557px;background: url(whitebox-dl-bg.jpg) bottom no-repeat;padding-bottom: 10px;margin: 20px 0;}
div#main-body-internal div#product dl.whitebox dt {background: url(whitebox-dl-bg.jpg) top;padding-top: 10px;}
div#main-body-internal div#product dl.whitebox dd table {margin: 0 auto;}
div#main-body-internal div#product dl.whitebox dd table td {font-size: 10px;color: #666;padding-bottom: 7px;}
div#main-body-internal div#product dl.whitebox dd table td.title {color: #284894;font-weight: bold;}

div#main-body-internal div#content {width: 557px;float: left;}
div#main-body-internal div#content img.title-image {float: left;padding: 2px;border: 1px solid #ccc;margin: 0 10px 10px 18px;}
div#main-body-internal div#content h3 {font-size: 16px;line-height:22px;font-weight: bold;color: #223460;padding: 15px 20px 10px 20px;}


/* ORDER FORM */
div#order div#content {width:700px;float: left;min-height: 300px;}
div#order div#content table.products {text-align: left;font-size: 11px;margin: 0 0 10px 20px;border-bottom:3px double #ccc;border-left:3px double #ccc;width:680px;}
div#order div#content table.products td,div#order div#content table.products th {border-top:1px solid #ccc;border-right:1px double #ccc;padding: 3px 5px;background: #fff;}
div#order div#content table.products th {color: #fff;background: #333;}
div#order div#content table.products input.qty {width: 70px;}

div#order div#content input.add {margin: 0 0 0 20px;}


div#order ul#categories {float: right;display: inline;width: 220px;background: #fff;border: 1px solid #eee;}
div#order ul#categories li.heading {font-size: 13px;font-weight: bold;padding:10px 0 10px 20px;}

div#order ul#categories li a {font-size: 12px;padding:2px 0 2px 20px;border-top:1px solid #eee;display: block;color: #333;}
div#order ul#categories li a:hover {color: #fff;background: #284894;}

div#order h3 {margin: 0 0 10px 20px;color: #223460;}
div#order h4 {margin: 20px 0 10px 20px;color: #333;font-size: 14px;}


div#order form.search {margin: 0 0 20px 20px;width:660px;background: #fff;padding: 5px 10px 8px 10px;border: 1px solid #ccc;}
div#order form.search p {font-size: 13px;line-height: 30px;}

div#order form.details {margin: 0 0 0 20px;padding: 20px 0 0 0;font-size: 12px;line-height: 18px;color: #333;}
div#order form.details table td {padding: 0 0 5px 0;}

div#order table.past-order {margin: 0 0 20px 20px;padding: 0;font-size: 12px;line-height: 18px;color: #333;}
div#order table.past-order td {padding: 0 0 5px 0;}
div#order table.past-order td.title {font-weight: bold;}

div#order div.account {padding: 10px;background: white;border: 1px solid #ddd;width: 680px;}
div#order div#content div.account p {padding: 0 10px;margin-bottom: 0;}
div#order div#content div.account p.top {border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;}
div#order div#content div.account p b {color: #333;}

div#order div#content a.button {float: left;padding: 4px 7px;border: 1px solid #ccc;margin-left: 5px;background: #284894;color:#fff;font-size: 12px;}
div#order div#content a.button:hover {background: #333;}
div#order div#content a.first {margin-left: 20px;}

div#order div#content p {padding: 0 20px;font-size: 12px;line-height: 18px;color: #666;margin-bottom: 7px;}

div#order div#content div.welcome {width: 680px;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;margin: 0 0 20px 20px;padding: 10px 0px;background: #fff;}
div#order div#content div.welcome p {padding: 0 5px;font-size: 11px;}
div#order div#content div.welcome p.intro {font-size: 14px;}


div#order div#content ul#menu {font-size: 11px;color: #666;line-height: 11px;margin: 0 0 40px 20px;}
div#order div#content ul#menu li {float: left;text-align: left;padding: 0 5px;border-right: 1px solid #666;}
div#order div#content ul#menu li.first {padding-left: 0;color: #333;}
div#order div#content ul#menu li.last {padding-right: 20px;border: none;}

div#order div#content ul#menu li a {color: #284894;text-decoration: underline;}
div#order div#content ul#menu li a:hover {color: #333;}




div#main-body-internal div#sidebar {float: right;display: inline;width: 342px;padding: 0 20px;}
div#main-body-internal div#sidebar h4 {font-size: 14px;font-weight: normal;color: #284894;margin: 0 0 12px 0;}
div#main-body-internal div#sidebar h5 {font-size: 10px;font-weight: bold;color: #333;}
div#main-body-internal div#sidebar p {font-size: 10px;line-height: 16px;padding: 0;}
div#main-body-internal div#sidebar p.test2 {color: #333;}
div#main-body-internal div#sidebar img.fp {float: left;margin: 0 20px 10px 0;}
div#main-body-internal div#sidebar img.thumb {float: left;margin: 0 20px 10px 0;padding: 2px;border: 1px solid #ccc;}
div#main-body-internal div#sidebar hr {margin: 10px 0;}

/* --------------------------Footer */

div#footer {border-top: 1px solid #284894;background: #223460;min-height: 100px;}

div#footer p {font-size: 10px; color: white;padding: 10px 20px;}
div#footer p a {color: white;}
div#footer p a:hover {color: #0b1326;}


div#footer p.nav {float: left;width: 300px;}
div#footer p.copy {color: #475780;width: 300px;float: right;text-align: right;}
div#footer p.copy a {color: #475780;}
div#footer p.copy a:hover {color: #0b1326;}