﻿/* CSS Document */
body{
	background:#0a0b10 url(../images/bodyBG.jpg) repeat-x left top;
	padding:0px;
	margin:0px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	behavior: url(csshover3.htc);
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.cl{
	clear:both;
}
.vAlign{
	vertical-align:middle;
}
a{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.wrapper{
	width:100%;
	margin:0 auto;
	padding:0;
}
.wrapper .topLine{
	padding:0px;
	margin:0px;
	background:url(../images/topLineBG.jpg) repeat-x left top;
	height:10px;
}
img, div, h2{
	behavior: url("iepngfix.htc")
}
input {
	behavior: url("iepngfix.htc")
}
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {display: inline-block;}  /* for IE/Mac */


/* header css starts here */
.header{
	padding:0px;
	width:950px;
	margin:0 auto;
}
.topLeft{
	width:178px;
}
.topRyt{
	width:772px;
}
.firstRow{
	height:75px;
}
.topLinks{
	background:url(../images/topLinkBG.jpg) repeat-x left top;
	height:58px;
	width:505px;
}
.topLinks p{
	padding:17px 0px 0px 0px;
	margin:0px;
}
.topLinks a{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#b3cbda;
	text-decoration:none;
	margin:10px 0px 0px 0px;
}
.topLinks a:hover{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#b3cbda;
	text-decoration:underline;
}
.topLinks span{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#567d9d;
	padding:0 10px 0 10px;
}
.cartCont{
	width:267px;
}
.cartBG{
	background:url(../images/cartBG.png) repeat-x left top;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#bec1c5;
	height:73px;
	width:260px;
	_width:242px;
}
.cartCont p {
	padding:15px 0px 0px 15px;
	~padding:15px 0px 0px 15px;
	margin:0px;
	line-height:22px;
}
.cartCont p img{

	margin:0px 15px 0px 0px;
}
.searchCont{
	width:195px;
	padding-top:20px;
}
.searchTxt{
	background:url(../images/searchBG.gif) repeat-x left top;
	height:29px;
	border:0px;
	width:133px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#60676f;
	padding:4px 0px 0px 0px;
}


.navigation {
	line-height:25px;
	padding:0px 0px 0px 0px;
	margin:0px;
	position:absolute;
	top:148px;
}/* navigation starts here 
.navigation ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
	color: #ffffff;
	font: bold 13px Helvetica, Arial, sans-serif;
}
.navigation ul li {
	float: left;
	margin: 0px;
	padding: 0;
	display: inline;
	line-height: 25px;
}
.navigation li:hover{
	background:url(../images/down_arrow.gif) no-repeat 50% bottom;
	z-index:1000!important;
}
.navigation a {
	float: left;
	color: #ffffff;
	text-decoration: none;
	padding:0px 4px 0px 6px;
	margin:0 0 0 3px;
	cursor: pointer;
	outline: none;
	background:url(../images/nav-left-img.gif) no-repeat 0% 5px;
}
.navigation a:hover {
	color: #18232f;
	text-decoration: none;
	background:url(../images/nav-left-img_hover.gif) no-repeat 0% 5px;
	outline: none;
}
.navigation a span {
	float: left;
	color: #ffffff;
	text-decoration: none;
	padding:10px 18px 10px 12px;
	background:url(../images/nav-right-img.gif) no-repeat right 5px;
}
.navigation a:hover span {
	color: #18232f;
	text-decoration: none;
	background:url(../images/nav-right-img_hover.gif) no-repeat right 5px;
}
.navigation .active a {
	color: #18232f;
	text-decoration: none;
	background:url(../images/nav-left-img_hover.gif) no-repeat 0% 5px;
	font: bold 13px Helvetica, Arial, sans-serif;
}
.navigation .active a span {
	color: #18232f;
	text-decoration: none;
	background:url(../images/nav-right-img_hover.gif) no-repeat right 5px;
}
 navaigation ends here */

 /**********top navigation start here*******************/

#navigation{
	margin:0 auto;
	padding:0;
	width:950px;
}
#navigation ul{
	margin:0;
	padding:0;
}
#navigation ul li{
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
	float:left;
}
#navigation ul li a{
	text-align:center;
	text-decoration:none;
	margin:0;
	padding:0;
	display:block;
}
#navigation ul li strong{
	visibility:hidden;
}
#freezer_refrigeration, #freezer_refrigeration a{
	background:url(../images/freezer_dflt.gif) no-repeat left top;
	width:158px;
	height:29px;
}
#freezer_refrigeration a:hover, #freezer_refrigeration a.select{
	background:url(../images/freezer_hover.gif) no-repeat left top;
}
#replacement_Parts, #replacement_Parts a{
	background:url(../images/replacement_dflt.gif) no-repeat left top;
	width:137px;
	height:29px;
}
#replacement_Parts a:hover, #replacement_Parts a.select{
	background:url(../images/replacement_hover.gif) no-repeat left top;
}
#cooking_and_warming, #cooking_and_warming a{
	background:url(../images/cooking_dflt.gif) no-repeat left top;
	width:143px;
	height:29px;
}
#cooking_and_warming a:hover, #cooking_and_warming a.select{
	background:url(../images/cooking_hover.gif) no-repeat left top;
}
#smallwares, #smallwares a{
	background:url(../images/smallwares.gif) no-repeat left top;
	width:96px;
	height:29px;
}
#smallwares a:hover, #smallwares a.select{
	background:url(../images/smallwares_hover.gif) no-repeat left top;
}
#food_preparation_parent, #food_preparation_parent a{
	background:url(../images/food_dflt.gif) no-repeat left top;
	width:127px;
	height:29px;
}
#food_preparation_parent a:hover, #food_preparation_parent a.select{
	background:url(../images/food_hover.gif) no-repeat left top;
}
#beverage, #beverage a{
	background:url(../images/baverages_dflt.gif) no-repeat left top;
	width:86px;
	height:29px;
}
#beverage a:hover, #beverage a.select{
	background:url(../images/baverages_hover.gif) no-repeat left top;
}


#plumbing, #plumbing a{
	background:url(../images/plumbing_dflt.gif) no-repeat left top;
	width:82px;
	height:29px;
}
#plumbing a:hover, #plumbing a.select{
	background:url(../images/plumbing_hover.gif) no-repeat left top;
}
#shelving, #shelving a{
	background:url(../images/shelving_dflt.gif) no-repeat left top;
	width:76px;
	height:29px;
}
#shelving a:hover, #shelving a.select{
	background:url(../images/shelving_hover.gif) no-repeat left top;
}

		
			
/**********top navigation ends here*******************/

.middleArea{
	width:950px;
	margin:0 auto;
	padding:0px;
}
.boxCont{
	padding:0px;
	margin:0px;
	width:953px;
}
.boxTop{
	background:url(../images/boxTop.png) repeat-x left top;
	height:4px;
}
.boxBG{
	background:#ffffff;
	width:938px;
	margin:0 auto;
	height:292px;
	min-height:292px;
	height:auto!important;
	padding:2px;
}
.boxBG_text{
	background:#ffffff;
	width:935px;
	margin:0 auto;
/*	margin:0px 0px 10px 0px;
	~margin:0px 0px 10px 0px;*/
	height:292px;
	min-height:292px;
	height:auto!important;
	padding:2px;
}
.imgBorder{
	border:1px solid #cfcfcf;
	position:static;
}
.boxBG ul{
	padding:0px;
	margin:0px;
	list-style-type:none;
}
.boxBG li{
	padding:0px;
	margin:0px 2px 0px 0px;
	float:left;
	position:relative;
}
.boxBG h2{
	background:url(../images/head_bg.png) repeat-x left top;
	padding:10px 0px 0px 10px;
	color: #2f83ba!important;
	font: bold 12px Helvetica, Arial, sans-serif;
	height:36px;
	position:absolute;
	z-index:1000;
	top:-5px;
	~top:1px;
	width:221px;
	right:1px;
	left:1px;
}
/* footer starts here */
.footer{
	background:url(../images/footerBG2.jpg) repeat-x left top;
	height:150px;
	padding:50px 30px 10px 30px;
	width:884px;
	margin:0 auto;
}
.footer p{
	padding:0px;
	margin:0px;
	color:#ffffff;
	font:bold 11px/28px "Rockwell", Arial, Helvetica, sans-serif;
}
.footer a{
	color:#71808f;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.footer a:hover{
	text-decoration:underline;
}
.footer span{
	color:#71808f;
	padding:0px 10px 0px 10px;
}
.footer span.copyright{
	color:#71808f;
	font:bold 13px/28px "Rockwell", Arial, Helvetica, sans-serif;
	padding:0;
}

/****************************/

/* internal css starts here */

/** Left Menu ***/

.lft-menu {
	width: 243px;
	margin: 0px;
}
.lft-menu a {
	color: #091f36;
	text-decoration: none;
}

.lft-menu a:hover {
	color: #091f36;
	text-decoration: underline;
}

.lft-content {
	background:url(../images/lft_menu_bg.png) repeat-y left top;
	min-height:565px;
	height:auto!important;
}

.lft-menu ul{
	margin: 0 10px;
	padding: 0 5px;
}

.lft-menu li{
	margin: 0;
	padding: 0 0 3px 12px;
	list-style-type: none;
	background:url(../images/bullet_img.jpg) no-repeat left 5px;
	color: #091f36;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

.lft-menu li a {
	color: #091f36;
	text-decoration: none;
}

.lft-menu li a:hover {
	color: #091f36;
	text-decoration: underline;
}

.lft-top {
 background:url(../images/lft_menu_top.png) no-repeat left top;
 width: 243px;
 height: 13px;
 font-size:1px;
}

.lft-bot {
	background:url(../images/lft_menu_bot.png) no-repeat left bottom;
	width: 243px;
	height: 9px;
}

/*** Right Content ***/

.rght_content {
	width: 706px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	color: #091f36;
	background:url(../images/right_bg.png) repeat-y left top;
	min-height:580px;
	height:auto!important;
}

.right_top {
 background:url(../images/right_top.png) no-repeat left top;
 height:4px;
 font-size:1px;
}

.product_desc {
	border-bottom: 1px dotted #71777d;
	padding: 20px 0px 40px 0px;
	margin: 0 auto 10px auto;
	width: 670px;
}

.product_desc ul{
	margin: 0px 5px;
	padding: 0px;
}

.product_desc li{
	margin: 0px;
	padding: 0px 0px 2px 22px;
	list-style-type: none;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	background:url(../images/tick_img.gif) no-repeat left 4px;
	color: #0f1a27;
}

.product_desc li a{
	color: #0f1a27;
	text-decoration: none;
}

.product_desc li a:hover{
	color: #0f1a27;
	text-decoration: underline;
}

h1 {
	font: bold 22px Rockwell, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
	padding: 0 0 20px 0;
}

.thumb {
	width: 280px;
	margin: 0px;
	padding: 0px;
}

.thumb-big {
	border: 6px solid #dbdbdb;
	background-color: #FFFFFF;
}

.product_content {
	width: 320px;
	margin: 0px 0 0 10px;
	padding: 0px;
}


.price{
	font: bold 20px Rockwell, Verdana, Arial, Helvetica, sans-serif;
	color: #3185bd;
	margin: 0;
	padding: 0 0 10px 0;
}
.pageNavigation {
	padding:5px 0px 5px 10px;
	margin:0px 10px;
	border-bottom:1px dashed #0F2034;
}
.pageNavigation a{
	color:#091F36;
	text-decoration:none;
}
.pageNavigation a:hover{
	color:#091F36;
	text-decoration:underline;
}



.pageNavItem {
}
.pageNavItem a{
	color:#0066FF;
	text-decoration:underline;
}
.pageNavItem a:hover{
	color:#0066FF;
	text-decoration:underline;
}



.midContent {
 width: 908px;
 margin: 0 auto 5px;
 padding: 20px;
 color: #091f36;
 background:url(../images/content_bg.png) repeat-y left top;
  	min-height:570px;
	height:auto!important;
}

.midContent a{
color:#091F36;
text-decoration:none;
font-weight:bold;
}
.midContent a:hover{
color:#091F36;
text-decoration:underline;
}
.content_top {
 background:url(../images/content_top.png) no-repeat left top;
 height:4px;
 font-size:1px;
}

/* left navlink css starts here */

.left_navLink{
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 10px;
	width:213px;
}
.left_navLink img{
	padding:0px 3px 0px 0px;
}
.left_navLink a{
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #045b94;
}
.left_navLink td{
	padding:6px 0px 6px 0px;
	margin:0px 0px 0px 0px;
	border-bottom:1px dotted #c7c7c7;
}
.subHead{
	margin:3px 0px 0px 2px;
}
.subHead th{
	padding:7px 0px 7px 5px;
	margin:0px 0px 0px 0px;
	background:#dcdcdc;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #091F36;
	text-align:left;
	border-bottom:1px dotted #c7c7c7;
}
.subHead th a{
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
}
.subHead a{
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #091F36;
}

.ProductSubtitle { color:#000000; font-weight:bold;}



.formFieldSet{
	border:1px solid #89a8ad;
	margin-top:0px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	/*border-style: outset;*/
	padding-bottom:10px;

}

.formContent{
	clear:both;
	float:left;
	padding-left:0px;
	width:99%;
}

.formSeparator{
	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	background-color:#F0F0F0;
	padding:6px;
	color:#000000;
}

.formHeader{
	clear:both;
	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#000000;
	padding:5px;
}

.formLine{
	clear:both;
	float:left;
	width:100%;
}

.formCaption{
	font-family:verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#333333;
	float:left;
	padding:5px;
	margin-top:3px;
	text-align:right;
	width:40%;
}

.formControl{
	font-family:verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#333333;
	float:left;
	padding:5px;
}

.formSpace{
	font-family:verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#333333;
	float:left;
	padding:5px;
	padding-left:15px;
}

.formControlText{
	font-family:arial;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	width:144px;color:#32465E;
}

.formControlSelect{
	font-family:arial;
	#font-size:11px;
	font-style:normal;
	font-weight:normal;
	width:150px;color:#32465E;
}

.formButtons{
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	clear:both;
	float:left;
	width:99%;
}
/**NEW FORM END**/

.FormItems{
	font-family:verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	padding:2px;
	color:#32465E;
}

.formRemark{
	font-family:verdana;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	color:#32465E;	
}

.ProductSubtitle{
	font-family:verdana;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	margin:0px;
}
blockquote a {
color:#091F36;
font-weight:bold;
text-decoration:none;
}

blockquote a:hover {
color:#091F36;
font-weight:bold;
text-decoration:underline;
}

/* left navlink css ends here */
/*&contact form*/
.contact-main{
	width:907px;
	height:490px;
	float:left;
	background:url(../images/contact-bg-1.jpg) no-repeat left top;
}
.contact-form{
	width:320px;
	float:left; height:400px;
	padding-left:80px; padding-top:48px;
	font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; font-weight:bold;
}
.input-bg{
	width:303px;
	height:43px;
	background:url(../images/input-bg-1.gif) no-repeat left top;
	padding-top:0px;
	color:#868c95;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	border:none;
	margin-bottom:10px;
	padding-left:10px;
}
textarea{
	border:none;
	color:#868c95;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/contact-textarea.gif) no-repeat left top;
	width:303px; height:88px;
	padding-left:10px;
	padding-top:10px;
}
.contact-submit{
	float:left;
	padding-left:65px;
	padding-top:15px;
}



.contact-main-1{
	width:400px;
	float:right;
	height:150px;
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#ffffff;
	padding-top:90px; padding-right:46px;
}	


.contact-main-1 .contact-phone{
	float:left;
	color:#FFFFFF; line-height:30px;
}
.contact-main-1 .contact-phone span{ color:#35c5ff;}

.contact-main-1 .contact-phone a{
	color:#FFFFFF; text-decoration:none;   font-size: 18px;
}
.contact-main-1 .contact-phone a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
	


/* contact form end here  */
