@charset "utf-8";





* {

	margin: 0;

	padding: 0;

}

body {

	margin: 0;

	padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	color: #505050;

	font-size: 12px;

}

p {

	margin: 0;

	padding: 0 0 20px 0;

}

img {
	border:none;
}

h1 {

	color: #FFF;	

	margin: 0 0 20px 0;

	font-size: 20px;

}

.heading-left p {
	color: #FFF;	
	margin: 0 0 20px 0;
	font-size: 20px;
	font-weight:bold;
}

h2 {

	color: #009140;	

	margin: 0 0 15px 0;

	font-size: 19px;

	font-weight: bold;

}

h2 {

margin: 0 0 15px 0;
font-size: 15px;
font-weight: bold;

}



a:link, a:visited, a:active {

	color: #009140;

	text-decoration: none;

}

a:hover {

	color: #015727;	

}

.clear {

	margin: 0;

	padding: 0;

	clear: both;

}

form {

	margin: 0;

	padding: 0;

}

.input-main {

	width: 230px;

	height: 20px;

	background: #fafafa;

	border: 1px solid #c7ccc9;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}

.input-mid {

	width: 100px;

	height: 20px;

	background: #fafafa;

	border: 1px solid #c7ccc9;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}

.textarea-main {

	width: 500px;

	height: 110px;

	background: #fafafa;

	border: 1px solid #c7ccc9;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}

.table-main {

	margin: 0 0 25px 0;

	padding: 0;

	border-collapse: collapse;

}

.table-main tr td {

	padding: 5px;	

}

#header {

	width: 960px;

	height: 140px;

	margin: 0 auto;

	background: url(../images/header-background.jpg) 0 0 no-repeat;

}

#header-left {

	width: 442px;

	padding: 51px 0 0 0;

	float: left;

	position: relative;

}

.logo {

	width: 170px;

	height: 135px;

	position: absolute;

	left: 30px;

	top: 20px;

	z-index: 1337;

}

.logo a:link, .logo a:visited, .logo a:active {

	width: 170px;

	height: 135px;

	background: url(../images/logo-safe-t-where.jpg) 0 0 no-repeat;

	text-indent: -900em;

	display: block;

	outline: none;

}

a.phone-email:link, a.phone-email a:visited, a.phone-email a:active {

	width: 222px;

	height: 67px;

	display: block;

	overflow: hidden;

	background: url(../images/phone-email.jpg) top right no-repeat;

	text-indent: -900px;

	/*margin: 0 0 0 220px;&*/

	position: absolute;

	left: 220px;

	outline: 0;

}

a.phone-email:hover {

	background-position: top left;	

}

#top-nav {

	/*width: 518px;*/

	width: 483px;

	float: left;

	padding: 0 35px 0 0;

}

#top-nav ul {

	margin: 0;

	padding: 70px 0 0 0;

	float: right;

	list-style-type: none;

}

#top-nav ul li {

	margin: 0;

	padding: 0;

	float: left;

}

#top-nav ul li a:link, #top-nav ul li a:visited, #top-nav ul li a:active {

	margin: 0 0 0 20px;	

	padding: 0 0 0 10px;

	color: #535252;

	font-size: 14px;

	background: url(../images/top-nav-arrow.gif) 0 5px no-repeat;

	font-weight: bold;

	outline: 0;

}

#top-nav ul li a:hover {

	color: #000;

	background: url(../images/top-nav-arrow-hi.gif) 0 5px no-repeat;

}

/* Feature */

#feature {

	clear: both;

	width: 990px;

	/*height: 363px;*/

	height: 268px;

	background: url(../images/feature-background.jpg);

	margin: 0 auto;

	padding: 95px 0 0 0;

}

#feature h1 {

	padding: 0 0 0 60px;

	width: 345px;

}

#feature p.view-our-products {

	padding: 0 0 0 57px;

	margin: 0 0 50px 0;

}

#feature p.view-our-products a:link, #feature p.view-our-products a:visited, #feature p.view-our-products a:active {

	width: 184px;

	height: 38px;

	background: url(../images/view-our-products.jpg) 0 0 no-repeat;

	display: block;

	text-indent: -900em;

	outline: 0;

}

#feature p.view-our-products a:hover {

	background-position: left bottom;	

}



/* Search Home */

#search-home {

	padding: 0 0 0 57px;	

}

#search-home .feature-search-table {

	width: 320px;

	height: 20px;

	margin: 0;

}

#search-home p.search-text {

	width: 102px;

	height: 20px;

	margin: 0;

	padding: 0;

	text-indent: -900em;

	display: block;

	background: url(../images/search-text.jpg) 0 0 no-repeat;

}

#search-home .search-input {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	/*width: 158px;

	height: 20px;*/

	width: 155px;

	height: 18px;

	padding: 2px 0 0 3px;

	margin: 0 5px 0 0;

	background: url(../images/search-input.gif) 0 0 no-repeat;

	border: none;

	background-color: transparent;

}

#search-home .search-button {

	width: 57px;

	height: 20px;

	display: block;

	background: url(../images/search-search.gif) 0 0 no-repeat;

	border: 0;

	padding: 0;

	overflow: hidden;

	text-indent: -900em;

	font-size: 0px;

}

/* Search Home End */



/* Feature End */



/* Layout */

#container {

	width: 960px;

	margin: 0 auto;

	padding: 0 0 15px 0;

	min-height: 230px;

	height: auto !important;

	height: 230px;

}

#heading {

	width: 960px;

	height: 79px;

	background: url(../images/heading-background.jpg) 0 0 no-repeat;

	margin: 34px auto 30px auto;

}

.heading-left {

	/*width: 590px;*/

	width: 545px;

	float: left;

	padding: 28px 0 0 45px;

}

.heading-right {

	width: 370px;

	float: left;

	padding: 28px 0 0 0;

}



/* Search Heading */

.heading-right .heading-search-table {

	width: 320px;

	height: 20px;

	margin: 0;

}

.heading-right p.search-text {

	width: 104px;

	height: 20px;

	margin: 0;

	padding: 0;

	text-indent: -900em;

	display: block;

	background: url(../images/search-text2.jpg) 0 0 no-repeat;

}

.heading-right .search-input {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	/*width: 158px;

	height: 20px;*/

	width: 155px;

	height: 18px;

	padding: 2px 0 0 3px;

	margin: 0 5px 0 0;

	background: url(../images/search-input.gif) 0 0 no-repeat;

	border: none;

	background-color: transparent;

}

.heading-right .search-button {

	width: 57px;

	height: 20px;

	display: block;

	background: url(../images/search-search.gif) 0 0 no-repeat;

	border: 0;

	padding: 0;

	overflow: hidden;

	text-indent: -900em;

	font-size: 0px;

}

/* Search Heading End */



#mainbody-left {

	width: 645px;

	float: left;

	padding: 0 30px 0 0;

}

#mainbody-right {

	width: 285px;

	float: left;

}

#mainbody-right img.right-image {

	border: 1px solid #7d7c7d;

	margin: 0 0 10px 0;

}

#mainbody-right p.view-our-products a:link, #mainbody-right p.view-our-products a:visited, #mainbody-right p.view-our-products a:active {

	width: 285px;

	height: 42px;

	background: url(../images/view-our-products2.jpg) 0 0 no-repeat;

	display: block;

	margin: 0 0 15px 0;

	text-indent: -900em;

}

#mainbody-right p.view-our-products a:hover {

	background-position: bottom left;	

}

/* Layout End */



/* Products Layout */



/* Products */

.products-row {

	padding: 0;

	/*background: url(../images/products-row-background.gif) left bottom no-repeat;*/

}

.productRowDiv {

	clear: both;	

}



#left-nav-col {

	width: 225px;

	padding: 0 30px 0 0;

	float: left;

}

#left-nav-top {

	width: 225px;

	height: 40px;

	background: url(../images/left-nav-top.jpg) 0 0 no-repeat;

}

#left-nav-bottom {

	width: 225px;

	height: 50px;

	background: url(../images/left-nav-bottom.jpg) 0 0 no-repeat;

}

#left-nav ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

#left-nav ul li {

	margin: 0;

	padding: 0;

}

#left-nav ul li a:link, #left-nav ul li a:visited, #left-nav ul li a:active {

	/*width: 225px;*/

	width: 205px;

	padding: 4px 0 5px 20px;

	margin: 0;

	background: url(../images/left-nav-level-1.png) 0 0 no-repeat;

	color: #FFF;

	display: block;

	border-bottom: 1px solid #FFF;

}

#left-nav ul li a:hover {

	/*background-position: 0 -72px;	*/

	background-color:#4d4c4c;

}

#left-nav ul li.active a:link, #left-nav ul li.active a:visited, #left-nav ul li.active a:active {

	/*width: 225px;*/

	width: 205px;

	padding: 4px 0 5px 20px;

	margin: 0;

	background: url(../images/left-nav-level-1.png) 0 -72px no-repeat;

	color: #FFF;

	display: block;

	border-bottom: 1px solid #FFF;

}

#left-nav ul li ul.second-level li a:link, #left-nav ul li ul.second-level li a:visited, #left-nav ul li ul.second-level li a:active {

	/*width: 225px;*/

	width: 195px;

	padding: 4px 0 5px 30px;

	margin: 0;

	background: url(../images/left-nav-level-2.png) 0 -1px no-repeat;

	color: #FFF;

	display: block;

	border-bottom: 1px solid #FFF;

	font-size: 11px;

}

#left-nav ul li ul.second-level li a:hover {

	/*background-position: 0 -73px;	*/

	background-color:#4d4c4c;

}

#rightbody-col {

	width: 705px;

	float: left;

}

#rightbody-col ul {

	margin: 0 0 20px 0;

	padding: 0 0 0 30px;

}

.category-description {

	font-size: 15px;	

}

.product-item {

	width: 215px;

	float: left;

	padding: 0 0 10px 0;

	margin: 0 20px 25px 0;

}

.product-item-image {

	width: 213px;

	height: 150px;

	border: 1px solid #a3a2a2;

	margin: 0 0 20px 0;

	text-align: center;

	overflow: hidden;

}

.product-item-image img {

	margin: 0;

	border: 0;

}

p.product-item-title {

	font-size: 14px;

	font-weight: bold;

	color: #009140;

	margin: 0;

	padding: 0;

}

p.product-item-title a:link, p.product-item-title a:visited, p.product-item-title a:active {

	color: #4a4a4a;

}

p.product-item-title a:hover {

	color: #000000;

}

p.product-item-description {

	font-size: 12px;

}

.product-item p {

	margin: 0;

	padding: 0;

}

#product-left {

	/*width: 385px;*/

	width: 365px;

	padding: 0 20px 0 0;

	float: left;

}

p.product-detail {

	font-size: 13px;	

}

li.product-detail-list {

	font-size: 12px;	

}

#product-right {

	width: 318px;

	border: 1px solid #a3a2a2;

	text-align: center;

	float: left;

	margin: 0 0 25px 0;

}

/* Products Layout End */



/* Brands */

#brands {

	width: 960px;

	margin: 0 auto;

	height: 85px;

}

p.brands-container {

	width: 960px;

	text-align: center;

}

p.brands-container img {

	padding: 0 20px;		

}

span.brand-divide {

	background: url(../images/brands-divider.gif) top right no-repeat;

	height: 62px;

}

/* Brands End */



#bottom-details {

	clear: both;

	width: 960px;

	height: 69px;

	background: url(../images/bottom-details-background.jpg) 0 0 no-repeat;

	margin: 0 auto 32px auto;

}

#bottom-details p {

	font-size: 14px;

	text-align: center;

	padding: 27px 0 0 0;
	font-weight:bold;

}



#footer {

	width: 960px;

	margin: 0 auto;

	padding: 00;

	clear: both;

	height: 20px;

}

#footer p {

	font-size: 11px;

}

#footer p a:link, #footer p a:visited, #footer p a:active {

	color: #505050;

}

#footer p a:hover {

	color: #009140;

}

.footerleft {

	width: 70%;

	float: left;

}

.footerright {

	width: 30%;

	float: left;

	text-align: right;

}

.mooty {

	padding: 1px 0 0 0;

	display: inline;

	height: 14px;

	line-height: 40px;

	float: right;

}

.mooty a {

	display: block;

	width: 167px;

	height: 14px;

	background: url(../images/mooty.gif) 0 0 no-repeat;

	overflow: hidden;

}

.mooty a:hover {

	background-position: bottom left;

}



.GSTprice {

	float:right;

	color:#FF0000;

	font-weight:bold;

}
