body {
	background: url("/_ima/bg.jpg") repeat-x #EBEBE3;
	margin: 0px; 
	padding: 0px;
	color: #000;	
	font: 11px/22px Verdana, sans-serif;
	}

/*____________________________________________________________________________________________ Links _*/

a:link {
	color: #486a7f;
	text-decoration: underline;
	}
a:visited {
	color: #486a7f;
	text-decoration: underline;
	}
a:hover {
	color: #000;
	text-decoration: underline;
	}
a:active {
	color: #000;
	text-decoration: underline;
	}
	
/*____________________________________________________________________________________________Helpers_*/

.clearer { clear: both; line-height: 0px; font-size: 0px; width: 1px; height: 0px; margin: 0px; padding: 0px; }}

.wtf { border: 1px solid red; }

.display-block { display: block; margin: 0px; padding: 0px; }

.show-btn { cursor: pointer; color: red; }


/*____________________________________________________________________________________________ Fixed Presets _*/

p { margin: 0px 0px 0px 0px; padding: 7px 0px 7px 0px; }

	
/*____________________________________________________________________________________________ Main Layout _*/

#container {
	width: 930px;
	height: 100%;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	}
#content-bg {
	background: url("/_ima/content-bg.jpg") no-repeat top center;
	width: 930px;
	height: 100%;
	margin: 0px auto;
	padding: 25px 0px 0px 0px;
	}
	#content {
		background-color: #FAFAFA;
		width: 900px;
		height: 100%;
		margin: 0px auto;
		}
		.logo {
			margin: 10px 0px 0px 40px;
			float: left;
			}

.navigation {
	width: 650px;
	float: right;
	padding: 15px 0px 10px 0px;
	}		
	.phone-number {
		float: right;
		margin: 0px 0px 22px 0px;
		}
	a.customer-login {
		background: url("/_ima/customer-login.jpg") no-repeat;
		width: 108px;
		height: 25px;
		float: right;
		margin: 0px 11px 22px 0px;
		}
		a.customer-login:hover {
			background-position: 0px -25px;
			}
	a.nav-home {
		background: url("/_ima/nav-home.jpg") no-repeat bottom;
		width: 66px;
		height: 22px;
		float: right;
		}
	a.nav-products {
		background: url("/_ima/nav-products.jpg") no-repeat bottom;
		width: 84px;
		height: 22px;
		float: right;
		}
	a.nav-service {
		background: url("/_ima/nav-service.jpg") no-repeat bottom;
		width: 75px;
		height: 22px;
		float: right;
		}
	a.nav-company {
		background: url("/_ima/nav-company.jpg") no-repeat bottom;
		width: 88px;
		height: 22px;
		float: right;
		}
	a.nav-contact {
		background: url("/_ima/nav-contact.jpg") no-repeat bottom;
		width: 78px;
		height: 22px;
		float: right;
		}
		a.nav-hover:hover {
			background-position: 0px 0px;
			}
		a.nav-hover-on {
			background-position: 0px 0px;
			}
		
.tight-budget {
	background: url("/_ima/tight-budget-bg.jpg") no-repeat;
	width: 833px;
	height: 52px;
	margin: 0px auto;
	padding: 145px 55px 0px 0px;
	}
	a.learn-more {
		background: url("/_ima/learn-more.jpg") no-repeat;
		width: 113px;
		height: 29px;
		float: right;
		}
		a.learn-more:hover {
			background-position: 0px -29px;
			}
		
/*____________________________________________________________________________________________ Index _*/

.actual-content {
	width: 874px;
	height: 100%;
	margin: 0px auto;
	}
.grey-tl {
	background: url(/_ima/grey-tl.gif) no-repeat top left #E5E7E9;
	width: 100%;
	height: 100%;
	}
.grey-tr {
	background: url(/_ima/grey-tr.gif) no-repeat top right;
	width: 100%;
	height: 100%;
	}
.grey-br {
	background: url(/_ima/grey-br.gif) no-repeat bottom right;
	width: 100%;
	height: 100%;
	}
.grey-bl {
	background: url(/_ima/grey-bl.gif) no-repeat bottom left;
	width: 100%;
	height: 100%;
	}

.grey-02 {
	clear: both;
	padding: 10px 0px 0px 0px;
	line-height: 16px;
	}
.grey-02 ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
.grey-02 ul li {
	background: url(/_ima/list-arrow-2.gif) no-repeat 0px 7px;
	padding: 0px 0px 0px 13px;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
	}
	.grey-02 a:link, .grey-02 a:visited {
		color: #5b5b45;
		text-decoration: underline;
		}
	.grey-02 a:hover, .grey-02 a:active {
		color: #508EB5;
		text-decoration: underline;
		}
	
.grey-section {
	background-color: #E5E7E9;
	width: 230px;
	height: 100%;
	float: left;
	}
.grey-section ul {
	list-style: none;
	padding: 5px 0px 10px 0px;
	margin: 0px;
	}
.grey-section ul li {
	background: url(/_ima/list-arrow.gif) no-repeat 8px 6px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	width: 85px;
	float: left;
	display: block;
	}
	.grey-section a:link, .grey-section a:visited {
		color: #5b5b45;
		text-decoration: underline;
		}
	.grey-section a:hover, .grey-section a:active {
		color: #508EB5;
		text-decoration: underline;
		}

	.index-search {
		width: 203px;
		color: #666;
		text-align: right;
		}
	.index-search-2 {
		width: 239px;
		color: #666;
		text-align: right;
		}
	.index-go {
		float: right;
		margin: 3px 0px 0px 0px;
		}
.cream-section {
	background-color: #F4F4E1;
	width: 627px;
	height: 100%;
	float: right;
	}
	.section-padding {
		padding: 10px 10px 10px 10px;
		}
.cream-section ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	}
.cream-section ul li {
	background: url(/_ima/list-arrow-2.gif) no-repeat 0px 7px;
	padding: 0px 0px 0px 13px;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
	width: 270px;
	float: left;
	display: block;
	}
	.cream-section a:link, .cream-section a:visited {
		color: #5b5b45;
		text-decoration: underline;
		}
	.cream-section a:hover, .cream-section a:active {
		color: #508EB5;
		text-decoration: underline;
		}
	a.click-here-special-deals {
		background: url("/_ima/click-here-special-deals.jpg") no-repeat;
		width: 358px;
		height: 32px;
		float: left;
		margin: 15px 0px 10px 120px;
		}
		a.click-here-special-deals:hover {
			background-position: 0px -32px;
			}
	
ul.list-3 {
	list-style: none;
	padding: 5px 0px 10px 0px;
	margin: 0px;
	}
ul.list-3 li {
	background: url(/_ima/list-arrow-3.gif) no-repeat 4px 7px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	width: 85px;
	float: left;
	display: block;
	}
	 .list-3 a:link,  .list-3 a:visited {
		color: #5b5b45;
		text-decoration: none;
		}
	 .list-3 a:hover, .list-3 a:active {
		color: #5b5b45;
		text-decoration: underline;
		}
	
#footer {
	padding: 5px 20px 20px 20px;
	color: #888888;
	font-size: 10px;
	height: 20px;
	}
	.footer-left {
		width: 500px;
		float: left;
		}
	.footer-right {
		width: 300px;
		float: right;
		text-align: right;
		}
	#footer a:link, #footer a:visited {
		color: #888888;
		text-decoration: none;
		}
	#footer a:hover, #footer a:active {
		color: #4283A9;
		text-decoration: none;
		}
		
/*____________________________________________________________________________________________ Products _*/

#inside-left {
	width: 155px;
	height: 100%;
	float: left;
	padding: 5px 0px 0px 0px;
	}
	.sub-nav-dots {
		width: 100%;
		height: 0px;
		line-height: 0px;
		font-size: 0px;
		border-bottom: 1px dotted #cfcfcf;
		clear: both;
		}

	.sub-nav-item {
		background: url(/_ima/list-arrow.gif) no-repeat 0px 9px;
		width: 143px;
		height: 23px;
		float: left;
		padding: 0px 0px 0px 12px;
		font-size: 11px;
		}
		.sub-nav-item a:link, .sub-nav-item a:visited {
			color: #486A7F;
			text-decoration: none;
			}
		.sub-nav-item a:hover, .sub-nav-item a:active {
			color: #cd7702;
			text-decoration: underline;
			}
	.sub-nav-item-on {
		background: url(/_ima/list-arrow.gif) no-repeat 0px 9px;
		width: 143px;
		height: 23px;
		float: left;
		padding: 0px 0px 0px 12px;
		font-size: 11px;
		}
		.sub-nav-item-on a:link, .sub-nav-item-on a:visited {
			color: #cd7702;
			text-decoration: none;
			}
		.sub-nav-item-on a:hover, .sub-nav-item-on a:active {
			color: #cd7702;
			text-decoration: underline;
			}

#inside-right {
	width: 711px;
	float: right;
	padding: 0px 0px 0px 0px;
	}
	.cream-02 {
		width: 265px;
		float: left;
		margin: 16px 0px 10px 0px;
		line-height: 15px;
		}
	.cream-03 {
		width: 430px;
		float: right;
		margin: 15px 0px 10px 0px;
		}
		.category-select {
			width: 410px;
			}
	.cream-tl {
		background: url(/_ima/cream-tl.gif) no-repeat top left #F7F7ED;
		width: 100%;
		height: 100%;
		}
	.cream-tr {
		background: url(/_ima/cream-tr.gif) no-repeat top right;
		width: 100%;
		height: 100%;
		}
	.cream-br {
		background: url(/_ima/cream-br.gif) no-repeat bottom right;
		width: 100%;
		height: 100%;
		}
	.cream-bl {
		background: url(/_ima/cream-bl.gif) no-repeat bottom left;
		width: 100%;
		height: 100%;
		}

.left-10 { width: 10%; float: left; }
.left-15 { width: 15%; float: left; }
.left-20 { width: 20%; float: left; }
.left-25 { width: 25%; float: left; }
.left-30 { width: 30%; float: left; color:#607e9e}	
.left-40 { width: 40%; float: left; }	
.left-50 { width: 50%; float: left; }	
.left-60 { width: 60%; float: left; }	
.left-70 { width: 70%; float: left; }	
.left-80 { width: 80%; float: left; }	
.left-90 { width: 90%; float: left; }	
.left-100 { width: 100%; float: left; }	

.right-10 { width: 10%; float: right; }
.right-15 { width: 15%; float: right; }
.right-20 { width: 20%; float: right; }	
.right-30 { width: 30%; float: right; }	
.right-35 { width: 35%; float: right; }	
.right-40 { width: 40%; float: right; }	
.right-50 { width: 50%; float: right; }	
.right-60 { width: 60%; float: right; }	
.right-70 { width: 70%; float: right; }	
.right-80 { width: 80%; float: right; }	
.right-90 { width: 90%; float: right; }	
.right-100 { width: 100%; float: right; }	

.row-0 {
	background-color: #e9edeb;
	height: 40px;
	clear: both;
	padding: 3px 5px 3px 5px;
	}
.row-1 {
	background-color: #fafafa;
	height: 40px;
	clear: both;
	padding: 3px 5px 3px 5px;
	}
	.row-text {
		padding: 10px 0px 0px 0px;
		}

a.add-to-cart {
	background: url("/_ima/add-to-cart.jpg") no-repeat;
	width: 71px;
	height: 25px;
	float: left;
	margin: 8px 0px 0px 0px;
	}
	a.add-to-cart:hover {
		background-position: 0px -25px;
		}

.more-btn {
	width: 100%;
	color: #486A7F;
	text-decoration: underline;
	cursor: pointer;
	border-bottom: 1px solid #e4e4e4;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	}

	.more-btn:hover {
		text-decoration: underline;
		color: #CD7702;
		}
	.more {
		background-color: #e4e4e4;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}
		.more p {
			padding: 10px 10px 10px 10px;
			}
/*____________________________________________________________________________________________ Products Details _*/

.product-left {
	width: 445px;
	height: 100%;
	float: left;
	padding: 0px 0px 0px 10px
	}
	.product-title {
		font-size: 16px;
		color: #286b8c;
		font-weight: bold;
		padding: 10px 0px 0px 0px;
		}
	.orange-text {
		font-size: 14px;
		color: #df8203;
		}

.grey-03 {
	clear: both;
	padding: 10px 0px 0px 0px;
	line-height: 16px;
	}
.grey-03 ul {
	padding: 0px 0px 0px 15px;
	margin: 0px;
	}
.grey-03 ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
	}
	.grey-03 a:link, .grey-03 a:visited {
		color: #5b5b45;
		text-decoration: underline;
		}
	.grey-03 a:hover, .grey-03 a:active {
		color: #508EB5;
		text-decoration: underline;
		}
		
.arrow-item {
	list-style: none;
	background: url(/_ima/list-arrow.gif) no-repeat 1px 9px;
	padding: 0px 0px 0px 15px;
	margin: 0px 20px 0px 0px;
	line-height: 20px;
	}
	.arrow-item a:link, .arrow-item a:visited {
		color: #df8203;
		text-decoration: none;
		}
	.arrow-item a:hover, .arrow-item a:active {
		color: #df8203;
		text-decoration: underline;
		}
	
.product-right {
	width: 220px;
	float: right;
	padding: 15px 0px 0px 0px;
	}
	.details-pic {
		border: 1px solid #486a7f;
		}
	a.details-pic-mini img {
		border: 1px solid #486a7f;
		margin: 0px 20px 10px 0px;
		}
	a.details-pic-mini img:hover {
		border: 1px solid #FFA300;
		margin: 0px 20px 10px 0px;
		}
	
#product-top {
	width: 100%;
	height: 202px; 
	}

/*____________________________________________________________________________________________Contact Layout_*/

.contact-left {
	width: 540px;
	float: left;
	}
	#form-section {
		float: left;
		}
	.input-names {
		width: 160px;
		height: 20px;
		padding: 0px 0px 0px 0px;
		padding: 3px 0px 0px 0px;
		margin: 0px 0px 10px 0px;
		float: left;
		font-size: 11px;
		}
	.inputs {
		width: 200px;
		height: 20px;
		padding: 3px 0px 0px 5px;
		float: left;
		font-size: 16px;
		border: 1px solid #CFC9C2;
		}
	.selects {
		width: 209px;
		height: 25px;
		padding: 2px 0px 2px 0px;
		float: left;
		font-size: 16px;
		border: 1px solid #CFC9C2;
		}
	.textareas {
		width: 369px;
		height: 65px;
		padding: 2px 0px 2px 5px;
		float: left;
		font-size: 16px;
		font-family: verdana;
		border: 1px solid #CFC9C2;
		}
	#submit-btn input {
		width: 71px;
		height: 25px;
		color: #000;
		margin: 10px 0px 0px 160px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		float: left;
		}
	
/*____________________________________________________________________________________________Form Validation_*/
	
.validation-inline-error-message { 
	width: 160px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 5px;
	color: #D36800;
	font-size: 10px;
	}

div#username-wrap,
div#password-wrap {
	position:relative; 
	margin-right:3px;
	margin: 2px 0px 0px 0px;
	}
label.overlabel {
	position: absolute;
	margin: 2px 0px 0px 0px;
	color:#999;
	}
	label.overlabel-apply {
		position:absolute;
		top:0px;
		right:5px;
		z-index:1;
		color:#999;
	}
#password-wrap {
	width: 203px;
	}
	#password-wrap input#password {
			width: 203px;
			color: #666;
			}

/*____________________________________________________________________________________________ FCM _*/
	
	.footer-left a:link {
		color: #ddd;
		text-decoration: none;
		}
	.footer-left a:visited {
		color: #ddd;
		text-decoration: none;
		}
	.footer-left a:hover .fcm-full {
		color: #FF00C7;
		text-decoration: none;
		}
	.footer-left a:hover .fcm-city {
		color: #A8F800;
		text-decoration: none;
		}
	.footer-left a:hover .fcm-media {
		color: #21A9F7;
		text-decoration: none;
		}
	.footer-left a:active {
		color: #ddd;
		text-decoration: none;
		}