/* Style Sheet for Safetypoint */
/*******************************/

* {
	margin: 0;
	padding: 0;
}

body {
	padding: 0px;
	width: 902px;
	margin: 0 auto 20px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: #D6DDF4;
}


table td {
	padding: 3px;
	font-size: 12px;
	
}

ul {
	margin-left: 25px;
	margin-bottom: 10px;
	list-style-image: url(../images/bullet.jpg);
}

li {
	margin-bottom: 5px;
	
}

img {
	display: block;
	margin: 0;
	border:0;
}

form {
	padding: 0;
	margin: 0;
}

h1 {
	font-weight: bold;
	font-size: 16px;
	color: #000;
	margin: 0;
	padding-bottom: 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin: 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #66AC66;
	font-weight:normal;
	margin-top: 0px;
	text-align:left;
	margin: 0;
	padding: 0;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	font-weight:normal;
	margin-top: 0px;
	text-align:left;
	margin: 0 0 10px 0;
	padding: 0;
}

p {
	margin:0;
	padding:0;
}

a {
	font-weight: normal;
	color: #18436F;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

input, textarea, select {
	margin: 0;
	padding: 2px 1px;
	border: 1px solid #C5C6B3;
}

/****************IDs****************/
/**********************************/

#container {
	float: left;
	width: 900px;
	padding: 0 1px 1px 1px;
	background: #969797;
}

#header-img {
	float: left;
}

#menu-bar {
	float: left;
	width: 902px;
	height: 29px;
	background: url(../images/menu-bar.jpg) no-repeat;
}

#main-section {
	width: 900px;
	float: left;
	background: url(../images/main-bg.jpg) repeat-y 0px 140px;
}

#shop-cat-bar {
	width: 148px;
	float: left;
	background: url(../images/left-bg.jpg) repeat-y;
	margin-left: 10px;
	display: inline;
	padding: 0 18px 10px 18px;
}

#shop-cat-bar h1  {
	margin: 0;
	padding: 0;
}

#shop-cat-bar h1 span {
	display: none;
}

#shop-cat-bar h1.shop {
	background: url(../images/shop-online.jpg) no-repeat;
	width: 134px;
	height: 30px;
}

#shop-cat-bar h1.search {
	background: url(../images/product-search.jpg) no-repeat;
	width: 137px;
	height: 25px;
}

#shop-cat-bar h1.information {
	background: url(../images/information.jpg) no-repeat;
	width: 137px;
	height: 25px;
	clear: both;
}

#searchfield {
	margin: 0 0 0 3px;
	width: 125px;
}

#search-btn {
	float: right;
	background: none;
	border: none;
	font-weight: bold;
	font-size: 11px;
	margin: 2px 13px 10px 0;
	color: #959595;
}

#cart-bar { 
	float: right;
	width: 184px;
	margin: 0 5px 0 0;
	display: inline;
}

#cart {
	float: left;
	width: 148px;
	height: 89px;
	background: #fff url(../images/cart-bg.jpg) no-repeat; 
	padding: 0 18px 15px 18px;
}

#cart h1 {
	margin: 3px 0 0 50px;
}

#cart p {
	margin: 0 0 0 50px;
}

#cart a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}

#news {
	float: left;
	width: 143px;
	background: url(../images/news-bg.jpg) no-repeat; 
	padding: 18px 23px 0 18px;
}

#news h1  {
	margin: 0;
	padding: 0;
}

#news h1 span {
	display: none;
}

#news h1.news {
	background: url(../images/latest-news.jpg) no-repeat;
	width: 134px;
	height: 30px;
}

#news h1.featured {
	background: url(../images/featured.jpg) no-repeat;
	width: 134px;
	height: 30px;
}

.feature-img {
	border: 1px solid #959595;
}

#news h1.newsletter {
	background: url(../images/newsletter.jpg) no-repeat;
	width: 134px;
	height: 50px;
	margin: 10px 0 0 0;
}

#news a.article-title {
	text-decoration: underline;
	color: #000;
}

#news a.article-title:hover {
	text-decoration: none;
}

#news a.read-more {
	text-decoration: none;
	color: #959595;
	font-weight: bold;
	font-size: 11px;
}

#news a.read-more:hover {
	color: #0472C9;
}

#news p {
	margin: 0 3px 2px 3px;
}

#news h2 {
	margin: 0 3px 5px 3px;
}

#newsletterfield {
	margin: 5px 0 0 0;
	width: 125px;
}

#voucherfield {
	width: 125px;
	border: 1px solid #ccc;
}

#newsletter-btn {
	float: right;
	background: none;
	border: none;
	font-weight: bold;
	font-size: 11px;
	margin: 2px 0 10px 0;
	color: #959595;
}

#main-txt-bar {
	float: left;
	width: 490px;
	margin: 10px 0 0 10px;
	color: #959595;
	text-align: justify;
	font-size: 14px;
	line-height: 20px;
}

#main-txt-bar a.home-lnk {
	font-size: 14px;
	color: #14A5EC;
	font-weight: bold;
	text-decoration: none;
}

#main-txt-bar a.home-lnk:hover {
	color: #F6D21C;
}

#main-txt-bar p {
	margin: 0 0 10px 0;
}

#main-txt-bar .product {
	float: left;
	width: 92px;
	font-size: 12px;
	margin: 5px 0 0 0;
}

#main-txt-bar .pad {
	margin: 5px 0 0 5px;
}

#main-txt-bar .product img {
	border: 1px solid #959595;
	padding: 3px;
}

.page-img {
	float: right;
	margin: 0 0 0 10px;
}

.prods {
	float: left;
	width: 130px;
	margin: 0 0 8px 0;
	display: inline;
	text-align: left !important;
	margin-left: 20px;
}

.prods  img {
	border: 1px solid #959595;
}

.left-pad {
	margin-left: 40px;
}

#prodImg {
	float: left;
	width: 192px;
}

.prod-main-img {
	border: 1px solid #959595;
	padding: 3px 0 0 0;
}

.prodSub {
	float: left;
	width: 88px;
	border: 1px solid #959595;
	margin: 10px 0 0 0;
}

.prodSub2 {
	float: left;
	width: 88px;
	border: 1px solid #959595;
	margin: 10px 0 0 10px;
}

#prodDes {
	float: right;
	width: 280px;
}

#prodDes p {
	margin: 0 0 10px 0;
}

#prodDes h1 {
	margin: 0 0 10px 0;
}

.cartBtn {
	background: #14A5EC;
	color: #fff;
	border: 0;
	padding: 3px;
	font-size: 12px;
}

.related {
	clear: both;
	padding: 20px 0 10px 0;
	color: #959595;
	font-size: 14px;
}

.search {
	margin: 0 0 10px 0;
}

#footer {
	width: 900px;
	height: 25px;
	float: left;
	background: #C9C8B6;
	color: #222;
}

.pop-prods {
	background: url(../images/safety-signs-banner.jpg) no-repeat;
	text-align: center;
	font-size: 22px;
	border-top: 10px solid #fff;
	height: 60px;
	margin: 0 0 5px 0;
}

.pop-prods span {
	display: none;
}

#footer p {
	float: left;
	margin: 4px 0 0 10px;
}

#footer a {
	color: #222;
}


.signs {	
	float: left;
	width: 100%;
	margin-bottom: 5px;
	text-align: center !important;
	font-size: 12px;
	line-height: 16px;
	background: url(../images/signs-bg.jpg) no-repeat;
	height: 115px;
}

.signs:hover {
	background: url(../images/signs-bg-over.jpg) no-repeat;
}

.signs img {
	float: right;
	margin: 0 5px;
	padding: 10px;
	width: 86px;
	height: 92px;
}

.signs h2 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 17px 0 0 0;
}

/************Top NAV****************/
/***************************************/

ul.top-navigation {
	float: right;
	padding: 5px 5px 5px 0;
	margin: 0;
	text-align: center;
	list-style:none;
}
ul.top-navigation li {
	display:inline;
	padding: 0;
	margin: 0;
	color: #222;
	list-style-image: none;
}
ul.top-navigation li a {
	padding: 0 4px;
	color: #222;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
ul.top-navigation li a:hover {
	text-decoration: underline;
}

/************Shop NAV****************/
/***************************************/

ul#shop-navigation {
	padding: 0;
	margin: 0 0 20px 5px;
	text-align: left;
	list-style:none;
}
ul#shop-navigation li {
	padding: 0;
	width: 120px;
	margin: 0;
	color: #fff;
	text-align: left;
	list-style-image: none;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #95D9F8;
}

ul#shop-navigation li a {
	display: block;
	width: 120px;
	margin: 5px 0 0 0;
	color: #000;
	font-weight: bold;
	text-decoration:none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
ul#shop-navigation li a img { margin: 0 auto; border: 1px solid #666; }

ul#shop-navigation li a:hover {
	color: #F5D31C;
}

/************Info NAV****************/
/***************************************/

ul#info-navigation {
	padding: 0;
	margin: 0 0 10px 5px;
	text-align: left;
	list-style:none;
}
ulinfo-navigation li {
	padding: 0;
	width: 120px;
	margin: 0;
	color: #666;
	text-align: left;
	list-style-image: none;
	padding: 0 0 5px 0;
	
}

ul#info-navigation li a {
	display: block;
	width: 120px;
	margin: 0;
	padding: 4px 0;
	color: #000;
	font-weight: bormal;
	text-decoration:none;
	border-bottom: 1px dotted #000;
	font-family: Arial, Helvetica, sans-serif;
}

ul#info-navigation li a:hover {
	color: #0472C9;
}

/*************Classes***************/
/***********************************/

.clearfix {
	clear:both;
}

.no-border {
	border: 0
}

.right {
	text-align: right;
}



/*********** Cart *****************/
#cartHeader{
	width: 490px;
	overflow:hidden;
	padding: 3px 0;
	color: #000;
	font-size: 12px;
	font-family: Arial, "Times New Roman", Times, serif;
	background: #F6D21C;
	border-bottom: 3px solid #E7E7E7;
}
.cartItem{
	float:left;
	width: 205px;
	font-size: 12px;
	padding-left:5px;
}
.cartPrice{
	float:left;
	font-size: 12px;
	width: 80px;
}
.cartQty{
	float:left;
	width: 80px;
	font-size: 12px;
	z-index:3;
}
#chooseDel{
	float:left;
	width: 200px;
	padding-bottom:3px;
	z-index:3;
}
.cartTotal{
	float:left;
	font-size: 12px;
	width: 80px;
}
.cartRemove{
	float:left;
	width: 29px;
	text-align:center;
}
.cartRowItem{
	width: 490px;
	overflow:hidden;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom: 1px dotted #ccc;
}
.cartRow{
	width: 200px;
	overflow:hidden;
	padding-bottom:3px;
	padding-top:3px;
}
.cartRow2{
	float:left;
	width: 490px;
	overflow:hidden;
	padding-bottom:3px;
	text-align:center;
	padding-top:5px;
	font-size: 12px;
}

.cartRow2 input {
	border: none;
}
div#cartPriceSpacer{
	float:left;
	width: 100px;
}
.cartPriceTotal{
	float:left;
	width: 100px;
	font-size: 12px;
}
hr{
	background-color:  #c7cbce;
	color:  #c7cbce;
	width:490px;
	height:2px;
	border:0px;
	margin-bottom:10px;
}

#return{
	float:left;
	width:240px;
	text-align:right;
	padding-right:5px;
	padding-top:5px;
	font-size: 12px;
}
#checkout{
	float:right;
	width: 245px;
	text-align:left;
	padding-top:5px;
	font-size: 12px;
}
#checkout input[type="button"] { margin-bottom: 10px; }
#cards{
	float:left;
	width:290px;
	height: 10px;
	text-align:center;
	padding-top: 20px;
	text-align: left;
}
#prices{
	float:left;
	width:160px;
	text-align:left;
	overflow:hidden;
}
.cartheadertxt{
	color:#552D52;
	font-weight:bold;
}

/*** Contact Form ***/
.noPad{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	overflow:hidden;
	font-size: 11px;
}
label {
	width: 80px;
	float: left;
	text-align: left;
	margin-top:1px;
	margin-right: 0.5em;
	display: block;
	font-weight:bold;
}
.buttonSub {
	margin-left: 57px;
	color: #fff;
	background: #71949B;
}
fieldset {
	margin-left: 0px;
	border:0px;
}
legend {
	padding: 2px 6px;
	color: #71949B;
}

.noBorder {
	border: 0;
	background: none;
}

#attributes {
	width: 100%;
	margin: 10px 0;
	clear: both;
}

.attCol {
	float: left;
	width: 75px;
	margin: 0 5px 0 0;
	font-size: 12px;
	text-align: center !important;
}

.attBreak {
	width: 100%;
	clear: both;
	height: 1px;
	margin: 5px 0;
	background: #ccc;
	overflow: hidden;
}

.attBox {
	width: 40px;
	text-align: center;
}

.qtys {
	border-right: 1px dotted #ccc;
	height: 50px;
}

.optionHeader { font-weight: bold; font-size: 14px; margin: 10px 0 !important; }
h4 { color: #00bcf2; margin-bottom: 10px; }