html,
body {
   margin:0;
   padding:0;
   height:100%;
}

* html #container { height: 100%;}
#container {
   min-height:100%;
   position:relative;
}


body {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	margin: 0; padding: 0;
	background: url(../images/bg.png) repeat-y top center #1b3281;
}

#container {
	width: 1194px;
	margin: 0 auto; padding: 0 0 20px 0;
	clear: both;
}

#container-header {
	width: 1080px; height: 234px;
	text-align: center;
	margin: 0 auto; padding: 0;
}

#header {
	width: 1040px; height: 218px;
	text-align: center;
	margin: 0 auto; padding: 0 20px;
	background: url(../images/bg-header.png) no-repeat top right;
	clear: both;
}

#header .leftPanel	{ width: 394px; margin: 0 20px 0 0; padding: 20px 0 0 0; text-align: left; }
#header .rightPanel	{ width: 626px; padding-top: 100px;  text-align: left; }

#container-navbar {
	width: 1000px; height: 70px;
	text-align: left;
	margin: 0 auto; padding: 0 40px;
	background: url(../images/bg-bar.png) no-repeat center top;
}


#NavBar ul	{ margin: 0; padding: 0; text-align: center;  }

#NavBar li { display:inline; padding:0; margin:0; }

#NavBar a:link,
#NavBar a:visited {
	width: auto; height: 35px;
	margin: 0 auto;
	padding: 15px 22px 0 68px;
	float: left;
	color:#FFFFFF; text-align: center;
	font-weight: bold;
	text-decoration:none;
}

#NavBar a:hover {
	color:#FFFFFF; text-align: center;
	font-weight: bold;
	background: url(../images/nav_o.png) no-repeat left center;
}

#nav-home li.nav-home a,
#nav-products li.nav-products a,
#nav-security li.nav-security a,
#nav-about li.nav-about a,
#nav-news li.nav-news a,
#nav-specials li.nav-specials a,
#nav-contact li.nav-contact a {
	background: url(../images/nav_d.png) no-repeat left center; /* THIS SETS THE ACTIVE STATE */
}


#container-banner {
	width: 1040px;
	text-align: center;
	margin: 0 auto; padding: 0 20px;
	clear: both;
}

#banner {
	width: 1000px;
	text-align: center;
	margin: 0 auto; padding: 5px 20px;
	background: #F3F3F3;
}



#container-body {
	width: 1040px;
	margin: 0 auto; padding: 0 20px 20px 20px;
	min-height: 550px;
	height: auto !important;
	height: 550px;
	overflow: auto;
	clear: both;
}

#container-body .leftPanel	{ width: 330px; margin: 0 20px 0 0; padding: 0; text-align: left; }
#container-body .rightPanel	{ width: 690px; margin: 0;  padding: 0; }

#container-body .leftPanel .leftCol, #container-body .leftPanel .rightCol { width: 335px; padding: 0; margin: 0; }


#container-footer {
	width: 1080px; height: auto;
	margin: 0 auto; padding: 0;
	font-size: 11px;
}

.footerTop {
	width: 1040px; height: 30px;
	text-align: center;
	margin: 0 auto; padding: 0 0 10px 0;
	clear: both;
}


.footerMid {
	width: 1040px; height: 105px;
	margin: 0 auto; padding: 0 20px;
	background: url(../images/footerTop.png) no-repeat center bottom;
	clear: both;
}

.footerBot {
	width: 1040px; height: 90px;
	padding: 10px 20px 0 20px; margin: 0 auto 50px auto;
	background: url(../images/bg-bar.png) no-repeat center bottom;
	 color: #000;
	clear: both;
}

.footerBot .leftPanel	{ width: 110px; margin: 0 20px 0 0; padding: 0 0 0 20px; text-align: center; color: #FFF; }
.footerBot .leftPanel img { padding-top: 10px; }
.footerBot .rightPanel	{ width: 890px; margin: 0; padding: 45px 0 20px 0; text-align: left; color: #FFF; }

.footerBot .rightPanel .leftCol		{ width: 625px; margin: 0; padding: 0 0 20px 0; text-align: left; }
.footerBot .rightPanel .rightCol	{ width: 265px; margin: 0; padding: 0 0 20px 0; text-align: right; }


.footerBot .rightPanel .leftCol	ul li	{ float: left; list-style: none; padding: 5px 10px 0 10px; display: block; }
.footerBot .rightPanel .leftCol	ul li a	{ color: #FFF; padding: 0 10px; }


a img { border: none; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 24px; margin: 0 0 7px 0; padding: 0; color: #1b3281; text-align: left; } /* MAIN HEADING FOR BODY TEXT - HelvNeue */
h2 { font-size: 18px; margin: 0; padding: 0; color: #1b3281; text-align: left; } /* SUB HEADING FOR BODY TEXT and HEADINGS FOR HOME PAGE BOXES - HelvNeue */
h3 { font-size: 28px; margin: 0; padding: 0; color: #1b3281; text-align: left;} /* PHONE NUMBER UP THE TOP - HelvNeue */
h4 { font-size: 24px; margin: 0 0 7px 0; padding: 0; color: #FF0000; text-align: center;} /* FORM HEADER- HelvNeue */
.top h4 strong { color: #FFFFFF; text-align: center;} /* CATEGORY HEADER - HelvNeue */
h5 { font-size: 16px; margin: 0 0 15px 0; padding: 0; color: #333333; text-align: center; } /* FORM THANKYOU TEXT - NO SIFR */
h6 { font-size: 20px; margin: 10px 0; padding: 0; color: #333333; text-align: center } /* BANNER TEXT - HelvNeue */


hr {
	background: none;
	clear: both;
	float: none;
	width: 100%;
 	height: 1px;
	margin: 30px 0 0 0; padding: 0;
	border-top: 1px dashed #D5DADC;
	border-left: none;
	border-bottom: none;
	border-right: none;
}

/* Text elements
-------------------------------------------------------------- */

p		{ margin: 10px 0 ; text-align: left; }
ul      { margin: 5px 0 5px 20px; padding: 0; text-indent: -20px; text-align: left; list-style-position: inside; list-style-type: square; }


/* Some default classes
-------------------------------------------------------------- */

.leftPanel, .midPanel, .leftCol	{ float: left; display: inline; }
.rightPanel, .rightCol 			{ float: right; display: inline; }
.small					{ font-size: 11px; }
.top					{ margin-top: 10px; }
.clr					{ clear: both; }
.bottom_img				{ margin: 80px 0 20px 0; }
.centre					{ text-align: center; }

.categories 		{ width: 330px; margin: 0 0 20px 0; color: #333; }
.categories .top	{ height: 30px; background: url(../images/categoryTop.jpg) no-repeat center top; padding: 10px 15px; margin: 0; }
.categories .bot	{ min-height: 100px; height: 100%; background: #ffb2b2; padding: 15px; margin: 0; }
.categories li		{ margin: 5px 0; }
.categories li a	{ color: #333; text-decoration: none; }
.categories li a:hover	{ color: #FF0000; text-decoration: underline; }

.welcome, .specials_news	{ width: 690px; margin-bottom: 20px; clear: both; }
.welcome .leftCol	{ width: 335px; padding: 0; margin: 0 20px 0 0; }
.welcome .rightCol	{ width: 335px; padding: 0; margin: 0; }

.specials			{ width: 335px; padding: 0; margin: 0; float: left; display: inline; }
.specials .leftCol, .specials .rightCol	{ width: 160px; padding: 0; margin: 0; }
.specials .top		{ background: url(../images/specialTop.jpg) no-repeat left top; height: 30px; padding: 10px 15px 0 15px; }
.specials .bot		{ background: #fff9d1; min-height: 50px; padding: 10px 15px; }
.specials .price	{ background: #fff9d1; min-height: 25px; padding: 10px 15px; text-align: right; font-weight: bold; font-size: 16px; }


.latest 			{ width: 335px; padding: 0; margin: 0; float: right; display: inline; }
.latest .leftCol, .latest .rightCol	{ width: 160px; padding: 0; margin: 0; }
.latest .top		{ background: url(../images/newsTop.jpg) no-repeat left top; height: 30px; padding: 10px 15px 0 15px; }





/** FORM STYLES                                                 **/

form			{ margin: 0; padding: 0; }
.formTop		{ width: 300px; height: 30px; background:url(../images/formTop.jpg) no-repeat center top; padding: 10px 15px; margin: 0; }
.formBot		{ width: 300px; min-height: 420px; height: 100%; background: #fff5b2; padding: 15px; margin: 0; }
.label			{ font-size: 12px; text-align: left; }
.error			{ text-align: left; margin: 7px 0 15px 0; font-size: 14px; font-weight: bold; }
#captchaimg		{ float: left; display: inline; margin-right: 4px; }


INPUT.Cat_TextBox, INPUT.Cat_TextBox_Sm, INPUT.Cat_TextBox_M, INPUT.Cat_TextBox_L, SELECT.Cat_DropDown, SELECT.Cat_DropDown_L, TEXTAREA.Cat_ListBox, TEXTAREA.Cat_ListBox_L {
	color: 	#333333;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; font-weight: normal;
	border: 1px solid #C4BFBC;
	margin-bottom: 6px;
	background: #FFFFFF !important;
}

INPUT.Cat_TextBox, SELECT.Cat_DropDown {
	WIDTH: 178px;
}

INPUT.Cat_TextBox_Sm {
	width: 84px;
	margin-top: 6px;
}

INPUT.Cat_TextBox_M {
	width: 128px;
}

INPUT.Cat_TextBox_L, SELECT.Cat_DropDown_L {
	width: 278px;
}

TEXTAREA.Cat_ListBox {
	width: 178px;
	height: 40px;
}

TEXTAREA.Cat_ListBox_L {
	width: 294px;
	height: 40px;
}


/* Button Classes */

.button {
	width:109px;
	height:34px;
	background: url(../images/but-submit.gif) no-repeat;
	outline: none; border: none;
	margin: 5px 0;
	cursor: pointer;
	text-align: center;
}

.button:hover {
	background: url(../images/but-submit_d.gif) no-repeat;

}

.blog_button {
	width:100px;
	height:23px;
	background: url(/images/but-blog.png) no-repeat center bottom;
	outline: none; border: none;
	padding: 7px 0 0 0; margin-left: 275px;
	cursor: pointer;
	text-align: center; font-weight: bold;
}

.blog_button:hover {
	background: url(/images/but-blog_d.png) no-repeat center bottom;
}

 /* @group Links */

a:link, a:visited {
	color: #333333;
	text-decoration: none;
}

a:hover, a:active {
	color: #FF0000;
	text-decoration: underline;
}


a.special:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a.special:visited {
	color: #CDE9D1;
	text-decoration: none;
}
a.special:hover {
	color: #CDE9D1;
	text-decoration: underline;
}


.blog_button a:hover, .blog_button a:active {
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
}

/*images in posts*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
       max-width: 100%; /* When images are too wide for containing element, force them to fit. */
       height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
       display: inline;
       float: left !important;
       margin-right: 24px;
       margin-top: 4px;
}
.alignright,
img.alignright {
       display: inline;
       float: right !important;
       margin-left: 24px;
       margin-top: 4px;
}
.aligncenter,
img.aligncenter {
       clear: both;
       display: block;
       margin-left: auto;
       margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
       margin-bottom: 12px;
       margin-top: 12px;
}
.wp-caption {
       background: #f1f1f1;
       line-height: 18px;
       margin-bottom: 20px;
       max-width: 632px !important; /* prevent too-wide images from breaking layout */
       padding: 4px;
       text-align: center;
}
.wp-caption img {
       margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
       color: #888;
       font-size: 12px;
       margin: 5px;
}