/*
    Body & some defaults
*/
    body { font: 12px Arial, Helvetica, sans-serif; color: #363636; background: #5AA526 url("../images/bg_tile.jpg") repeat-x; overflow-x: hidden; }
    p, h1,h2, ul { margin-bottom: 15px; }
    a { text-decoration: none }
    a:hover { text-decoration: underline }
/*
    Header Styles
*/
    h1 { color: #5F6A9F; font-size: 24px; line-height: 32px; padding: 0 0 20px 0; }
    h2 { color: #5F6A9F; font-size: 20px; font-weight: normal }
/*
    Paragraph
*/
    p, ul li { color: #000; font-size: 14px; line-height: 18px; }
	.purple {color:#4c3c80;}
/*
    Background Wrap
*/
    div#bg_wrap { margin: 0 auto; background: url("../images/bg_image.jpg") no-repeat 0 0;  }
/*
    Page Container
*/
    div#page_shadow { margin: 0 auto; width: 743px; background: url("../images/page_shadow.png") 0 0 repeat-y; text-align: center; }
    div#container { width: 712px; margin: 0 15px; text-align: left; background: #FFF; }
/*
    Header
*/
    div#header { height: 292px; background: url("../images/header.jpg") no-repeat 0 0; }
	#header_socialmedia {
	width:206px;
	height:52px;
	float:right;
	padding:3px 0 0 3px;
	margin:0;
	}
/*
    Navigation with hover/active states
*/
    div#navigation ul { margin-bottom: 0 ;}
    div#navigation ul li { float: left; list-style:none; }
    div#navigation ul li a {  text-indent: -9999px; display: block; height: 31px; background-image: url("../images/nav_sprite-nov17.jpg"); background-repeat: no-repeat;  }

    div#navigation ul li#home a { width: 83px; background-position: 0 0;  }
    div#navigation ul li#home a:hover,
    div#navigation ul li#home a.active
    { background-position: 0 -31px; }

    div#navigation ul li#guide a { width: 121px; background-position: -83px 0;  }
    div#navigation ul li#guide a:hover,
    div#navigation ul li#guide a.active
    { background-position: -83px -31px;  }

    div#navigation ul li#fire a { width: 67px; background-position: -204px 0;  }
    div#navigation ul li#fire a:hover,
    div#navigation ul li#fire a.active
    { background-position: -204px -31px;  }

    div#navigation ul li#emergency a { width: 102px; background-position: -271px 0;  }
    div#navigation ul li#emergency a:hover,
    div#navigation ul li#emergency a.active
    { background-position: -271px -31px;  }

   /* div#navigation ul li#competition a { width: 95px; background-position: -316px 0;  }
    div#navigation ul li#competition a:hover,
    div#navigation ul li#competition a.active
    { background-position: -316px -31px;  }*/

    div#navigation ul li#testimonials a { width: 86px; background-position: -373px 0;  }
    div#navigation ul li#testimonials a:hover,
    div#navigation ul li#testimonials a.active
    { background-position: -373px -31px;  }

    div#navigation ul li#downloads a { width: 81px; background-position: -459px 0;  }
    div#navigation ul li#downloads a:hover,
    div#navigation ul li#downloads a.active
    { background-position: -459px -31px;  }

    div#navigation ul li#shop a { display: none;  }
    /*div#navigation ul li#shop a:hover,
    div#navigation ul li#shop a.active
    { background-position: -540px -31px;  }*/

    div#navigation ul li#links a { width: 172px; background-position: -540px 0;  }
    div#navigation ul li#links a:hover,
    div#navigation ul li#links a.active
    { background-position: -540px -31px;  }
	
	div.backbutton { float: right; padding: 0 0 20px 20px;}
/*
    Content Area
*/
    div#contentMain { margin: 2px; min-height: 750px; height: auto !important; height: 750px; }
    div#contentMain .left { float: left; width: 183px; }
    div#contentMain .left img { margin: 2px 0; display: block; }
    div#contentMain .right { float: right; width: 475px; margin-right: 20px; display:inline; padding: 20px 0; }

/*
    UL Style inside content area
*/
    div#contentMain ul { margin-left: 30px; }
    div#contentMain ul li { list-style-image: url("../images/bullet_point.jpg"); color: #000; margin: 5px 0;  }
/* 
    Content links
*/
    div#contentMain a { color: #000; font-weight: bold; }
/*
    Shop Specific CSS
*/
    div#contentMain table p { font-size: 12px; margin-bottom: 6px; }
    div#contentMain table strong { display:block; margin-bottom: 6px; }
    div#contentMain table tr { display:block; padding: 5px 0;  }
    div#contentMain table td { vertical-align: middle; padding: 5px; border: 1px dashed #CCCCCC; width: 315px; }
    div#contentMain table td.img { width: 130px; text-align: center; }
    div#contentMain table label { font-size: 12px; display: block; width: 80px; float: left;}
/*
    Footer
*/
    div#footer { padding: 0 15px; }

    div#footer ul li { float: left; padding: 0 5px; border-right: 1px solid #000; }
    div#footer ul li a {  color: #000; font-size: 10px; }

    div#footer p { margin-top: 5px; }
    div#footer p span { color: #78B54E;font-size: 10px; font-weight: bold; }
    div#footer p span#copyright { float: left; width: 200px;  }
    div#footer p a { color: #78B54E; font-size: 10px; }
    div#footer p span#terms { float: right; width: 100px; }

    div#footer_shadow { width: 743px; margin: 0 auto; height: 20px; background: url("../images/footershadow.png") no-repeat 0 0; position: relative; left: -1px;  }
/*
    Spans
*/
    span.label1 { display: block; background: #FFFAAF; border: 1px solid #000; padding: 2px 5px; color: #000; }
/*
    Utility Classes
*/
    .clear  { clear: both; }
    .fl     { float: left; }
    .fr     { float: right; }
    .large  { font-size: 18px; }
    .bold   { font-weight: bold; }
    .red    { color: #CC0033;}
	.mbl20 { margin:0 0 20px 20px; }


/*
    Links Page Specific
*/
    body.links div#contentMain div.link { margin-bottom: 15px; }
    body.links div#contentMain div.link p { margin-bottom: 3px; }
    body.links div#contentMain div.link p a { font-weight: normal; margin-bottom: 5px; color: #107E2C; }

/*
    Comp Form
*/
body.competition form label { float: left; display: block; width: 120px; }
body div.errors { background: #FFDFE0; padding: 5px; border: 1px solid #EF9599; margin-bottom: 15px; padding-bottom: 0; }
body div.errors p { color: #8F474A; margin-bottom: 5px; }
#brandBox { width:236px; margin: 150px 0 0 0;}