@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; background:#fff url(../img/bg.jpg) repeat-x; color:#161616; font-size:14px; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin:0; padding:0; list-style-type:none; }
img, fieldset { border:0; float:left; outline:none; margin:0; padding:0; }
a { outline:none; border:none; }
.FloatLeft { float:left }
.FloatRight { float:right }
.display { display: none }
input { outline:none; }
.clearboth { clear:both; }
a.common{font-size:11px; color:#026a9d; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../img/underline.gif) bottom center repeat-x; padding-bottom:2px; float:left;}
a.common:hover{text-decoration:none;}

a.link{font-size:11px; color:#026a9d; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../img/underline.gif) bottom center repeat-x; padding-bottom:2px;}
a.link:hover{text-decoration:none;}

/*************Wrapper**************/
#Wrapper { width:998px; height:auto; margin:0 auto;}

/***************************/
#Wrapper div#LogoHeader { width:998px; height:auto; float:left;}
#LogoHeader h1{ width:278px; height:126px; float:left; background:url(../img/logo.jpg) no-repeat; }
#LogoHeader h1 a{ width:278px; height:126px; float:left; }
.rightHeaderContainer{float:left; width:720px;}
.rightHeader{ padding:30px 0 0 0; float:right; width:560px;}

.register{width:140px; height:24px; float:left; color:#FFFFFF; background:url(../img/reg_icon.png) 0 5px no-repeat; padding:7px 0 0 24px;}
.cart{ height:24px; float:left; color:#FFFFFF; background:url(../img/cart.png) 0 5px no-repeat; padding:7px 0 0 24px;}
a.regLink{ font-size:14px; color:#51a5dd; text-decoration:underline;}
a.regLink:hover{text-decoration:none;}
.dividerRight{ background:url(../img/divider_top.png) top right no-repeat; float:left;height:38px; overflow:hidden; width:2px;margin-left:5px;}
#headerSearch{width:244px;float:right;position:relative;}
#headerSearchBg{width:244px; top:-1px; position:absolute; z-index:1;  height:27px; padding:6px 0 0 0px;float:right;}
#headerSearchBg .inputRnd{background:url(../img/search_bg.png) 0 0 no-repeat; width:145px; height:27px; float:left; padding:5px 0 0 10px; }
#headerSearchBg label{  padding:3px 13px 0 0; float:left; color:#c7c7c7; font-size:14px;}
#headerSearchBg .inputRnd .inputbg{width:130px; background:none; height:18px; font-size:12px; line-height:18px; color:#8f9192; border:none;}
#headerSearchBg .submitBtn{width:32px; float:left;}

/*********Navigation edited on 091111 for .Navigation li.active*******************/

#Wrapper div#NavHeader { width:720px; height:49px; float:left;}
#NavHeader div.Navigation { width:auto;height:43px; float:right; padding:15px 0 0 0; }
.Navigation ul { width:auto; height:43px; float:right; margin:0; padding:0; text-transform:uppercase; }
.Navigation li { float:left; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; font-weight:bold;}
.Navigation li a {float:left; background:url(../img/nav_bg.jpg) left top repeat-x; padding:13px 20px 13px 20px;color:#444444; text-decoration:none;}
.Navigation li a:hover, .Navigation li.active {float:left; background:url(../img/nav_bg_hover.jpg) left bottom repeat-x; padding:13px 20px 13px 20px;color:#FFFFFF;  }
.Navigation li.home a{float:left; background:url(../img/home.gif) left top no-repeat; }
.Navigation li.home a:hover, .Navigation li.homeactiv {float:left; background:url(../img/home.gif) left bottom no-repeat;padding:13px 20px 13px 20px; }
.Navigation li.divider {float:left; background:url(../img/nav_divider.gif) top right no-repeat; width:1px; height:43px;}
.Navigation li.contact a{float:left; background:url(../img/contact.gif) right top no-repeat; padding:13px 28px 13px 20px;color:#444444; text-decoration:none;}
.Navigation li.contact a:hover, .Navigation li.contactactiv {float:left; background:url(../img/contact.gif) right bottom no-repeat; padding:13px 28px 13px 20px; color:#FFFFFF;  }


/*****Header*****/
#Wrapper div.Header { width:998px; height:257px;float:left; padding:26px 0 17px 0; background:url(../img/header_bg.jpg) top left no-repeat; }

/*****Content*****/
#content{ width:998px; float:left; padding:16px 0 30px 0;}
#content div.leftContent, #content div.hotItems{width:287px; float:left; background:url(../img/head_bg.jpg) top left no-repeat; padding-bottom:10px;}
div.hotContent{float:left; padding:0;}
div.hotItems h2, div.latestNews h2, div.inventory h2,div.newsAll h2,div.newsPage h2{font-size:30px; float:left;color:#303030; font-weight:normal; padding:8px 0 3px 32px; line-height:35px;}
div.hotItems div.dotted{background:url(../img/dotted_head.gif) 18px bottom no-repeat; width:287px; float:right;}
div.hotItems h2 span.font19, div.latestNews h2 span.font19, div.supplierForm h2 span.font19{ font-size:19px;}


div.hotContent span.leftBg{ background:url(../img/left_section_left.jpg) top left no-repeat; width:10px; height:270px; float:left;}
div.hotContent div.middle{ background:#fefefe url(../img/left_section_mid.jpg) top left repeat-x; width:275px;height:270px;float:left; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
div.hotItems span.bottom{ background:url(../img/left_section_btm.jpg) top left no-repeat; height:15px; width:287px; float:left;}
span.hotItemsImage{ float:left; padding:16px 0 0 25px;}
img.border{ border:1px solid #CCCCCC;}
div.hotContent div.middle p{ width:236px; float:left;font-size:13px; padding:14px 0 0 25px; color:#4d4d4d;}
span.link{ float:right; padding:10px 15px 0 0;}
span.link2{ float:right; padding:0px 0px 4px 0;}
span.link3{ float:right; padding:12px 0px 4px 0;}
/*******Right Content*******/
#content .rightContent{ float:left; padding:0 0 0 15px; width:690px;}
.newsContainer{ float:left; border-bottom:1px dashed #CCCCCC; padding:10px 0 0 5px; width:395px;}
.latestNews{ float:left;width:400px;}
.bordernone{ border:none;}
div.latestNews h2{ padding:0px 0 0 5px; width:300px;}
span.date{ color:#004961; font-size:12px;}
div.latestNews p{ float:left; padding:0 0 0 12px; width:284px;}
.supplierForm{ float:right; width:278px; background:url(../img/form_top.jpg) top left no-repeat;}
div.supplierForm h2{font-size:30px; float:left;color:#014d72; font-weight:normal; padding:8px 0 10px 32px; line-height:30px;}
div.supplierForm div.dotted{background:url(../img/form_divider.gif) left bottom no-repeat; width:278px; float:right;}
.supplierContent{ float:left;width:278px;overflow:hidden;}
div.supplierContent div.middle{ background:url(../img/form_bg.jpg) top left no-repeat; width:250px;float:left;padding:0 0 50px 28px;}
div.supplierForm div.bottom{ background:url(../img/form_btm.jpg) left bottom no-repeat;width:267px; float:left; overflow:hidden;}
span.newsImage{ float:left;border:1px solid #F0F0F2;}
/*****Form******/
div.supplierContent form.formContent{ float:left; width:248px; padding-top:19px;}
div.supplierContent div.middle fieldset{ float:left; padding:0 0 12px 0; width:200px;}
div.supplierContent div.middle label{ width:150px; float:left; padding-bottom:3px;}
div.supplierContent div.middle span.inputBg{ background:url(../img/input_bg.gif) top left no-repeat; width:229px;float:left; padding:0 0 0 2px; height:24px;}
div.supplierContent div.middle input.input_here{background:none; border:none; padding:3px; width:218px;}
div.supplierBg{ background:url(../img/form_btm_bg.jpg) top left  repeat-y; width:278px; float:left;}
a.forgot{font-size:12px; color:#0272be; text-decoration:underline;float:left;}
a.common:hover{text-decoration:none;}

/***Footer***/
div#FooterWrapper { width:100%;float:left; padding:0; background:#c9cacd url(../img/footer_bg.jpg) top left repeat-x;}
div#FooterWrapper div#Footer { width:988px;margin:0 auto;padding:0 0 0 10px; }
#Footer ul { width:988px;float:left; padding:27px 0 0 0; margin:0; }
#Footer li {float:left; padding:0; margin:0; font-size:11px; color:#818181; line-height:20px; }
#Footer li a { float:left; font-size:12px; color:#818181; text-decoration:none; text-transform:uppercase; }
#Footer li a:hover { text-decoration:underline; }
#Footer li span { padding:0 13px; float:left; }
#Footer p { width:900px;font-size:12px; color:#818181; float:left; padding:0 0 21px 0; margin:0; line-height:20px; }


/************Inventory Page*************/
div.inventory{ float:left;width:690px;}
div.inventory h2{ padding:0px 0 0 0; width:685px;}
div.inventory p{ float:left; padding:10px 0 10px 0; width:690px; line-height:16px;}
div.inventory span.inventImage{float:left;}

/**Left Inventory****/
div.inventoryLeft{ width:345px; float:left; padding-right:15px;}
div.inventoryLeft div.inventoryContainer{ float:left; border-bottom:1px dashed #CCCCCC; padding:15px 0 8px 0; width:335px;}
div.inventoryLeft p{ float:left; padding:0 0 6px 5px; width:223px; font-size:13px;}
div.inventoryLeft span.name a{ padding:0px 0 8px 5px;font-size:15px; float:left;color:#026a9d; font-weight:bold;width:223px;}

/**Right Inventory****/
div.inventoryRight{ width:330px; float:left;}
div.inventoryRight div.inventoryContainer{ float:left; border-bottom:1px dashed #CCCCCC; padding:15px 0 8px 0; width:330px;}
div.inventoryRight p{ float:left; padding:0 0 6px 5px; width:219px; font-size:13px;}
div.inventoryRight span.name a{ padding:0px 0 8px 5px;font-size:15px; float:left;color:#026a9d; font-weight:bold;width:219px;}

/************Polystyrene******/
div.hotContent ul.leftList{ float:left; width:233px; padding:20px 0 10px 20px;}
ul.leftList li{ background:url(../img/right_arrow.gif) 0 3px no-repeat; padding:0 0 0 13px; line-height:20px;}
ul.leftList li a{ color:#00619a;}
div.hotContent span.leftBgList{ background:url(../img/left_section_list_left.jpg) top left no-repeat; width:10px; height:212px; float:left;}
div.contentTable{ float:left; width:688px;}
div.contentTable table th{ text-transform:uppercase;color:#014d72; font-weight:bold;}
div.contentTable table td{ color:#606060; font-weight:bold;}
div.contentTable table td a{ color:#606060; font-weight:bold;}
div.contentTable table td a:hover{ color:#606060; font-weight:bold;}

div.contentTable table .bginput{background:url(../img/thead_bg.gif) top left repeat-x;}
div.contentTable table .bg{background:url(../img/thead_bg.gif) top left repeat-x;}
div.contentTable table .tdBg{border-bottom:1px solid #b0eaff;}
div.contentTable table .tdBg2{background:url(../img/lower_td_bg.gif) top left repeat-x;}

/************************Border Class***********************/
.bgt{border:1px solid red;}

.newsContainerLarge{ float:left; border-bottom:1px dashed #CCCCCC; padding:10px 0 0 5px; width:670px;}
.pagination
{
padding:20px 10px;
float:left;
font-size:15px;
}
.current {
	color: #000;
	font-weight: bold;

}
 .pagination span a{
	color: #026A9D;
	text-decoration:none;
}
 .pagination span a:hover{
	color: #026A9D;
	text-decoration:none;

}
/************News Page*************/
div.newsAll{ float:left;width:680px;}
div.newsAll h2{ padding:0px 0 0 0; width:675px;}
div.newsAll p{ float:left; padding:0 0 0 12px; width:550px; }
div.newsAll span.inventImage{float:left;}

div.newsAll h3{ padding:0px 0 0 0; font-size:25px}

/************View News Page*************/
div.newsPage{ float:left;width:680px;}
div.newsPage h2{ padding:0px 0 0 0; width:675px;}
div.newsPage p{ float:left;  }
div.newsPage span.inventImage{float:left;}
span.name{color:#026A9D;float:left;font-size:15px;font-weight:bold;padding:6px 0 6px 0px; line-height:16px;text-decoration:none;} 

.noBorder{border:0px;}

span.viewnewsdata{padding:12px 0 0 0px;text-align:justify;}

.nameWidth{width: 357px;}

.title{float:left;width:284px;text-decoration:none;color:#161616;}

.imgArea{height:110px;float:left;}

.text-dec-none{text-decoration:none;}

/************About Us Page*************/
div.staticPage{ float:left;width:690px;}
div.staticPage h2{ padding:0px 0 0 0; width:685px;}
div.staticPage p{ float:left; padding:10px 0 10px 5px; width:690px; line-height:16px;}


/************Contact Us Page*************/
div.contactPage{ float:left;width:660px;padding:10px 0 0 0;}
div.contactPage2{ float:left;width:430px;padding:10px 0 0 0;}
div.contactInfo{width:690px;float:left;padding:10px 0 10px 10px;font-size:16px;}

.width{width:660px;}
.width100p{width:100%;float:left;;}
.contactEmail{padding-bottom:30px;}
div.contactPage h2{ padding:10px 0 0 0; width:685px;}
div.contactPage p{ float:left; padding:10px 0 10px 5px; width:690px; line-height:16px;}

span.inputBgPhone{ background:url(../img/phonefill.gif) top left no-repeat; width:159px;float:left; padding:0 0 0 2px; height:24px;}
input.input_here_contact{background:none; border:none; padding:3px; width:314px;}
.msg_contact{background:none; border:none; padding:3px; width:332px;height:95px;}
input.input_here{background:none; border:none; padding:3px; width:150px;}
span.inputBgMessage{ background:url(../img/messagefill.gif) top left no-repeat; width:341px;float:left; padding:0 0 0 2px; height:100px;}
span.inputBgName{ background:url(../img/namefill.gif) top left no-repeat; width:341px;float:left; padding:0 0 0 2px; height:24px;}


input.input_here_contact2{background:none; border:none; padding:3px; width:272px;}
.msg_contact2{background:none; border:none; padding:3px; width:272px;height:72px;}
span.inputBgMessage2{ background:url(../img/multi_fill.gif) top left no-repeat; width:283px;float:left; padding:0 0 0 2px; height:79px;}
span.inputBgName2{ background:url(../img/single_fill.gif) top left no-repeat; width:283px;float:left; padding:0 0 0 2px; height:24px;}

span.inputBgSmall{ background:url(../img/quantity_bg.gif) top left no-repeat; width:57px;float:left; padding:0 0 0 2px; height:24px;}
.qtybox{border:0;width:53px;height:15px;margin-top:4px;text-align:right;}
.err{margin:0 0px 5px 10px;}
.red{color:red;}

.1D1814{color:#1D1814;}

.required{padding-top:5px;color:#939495;}

#tablelist{
	width:100%;
	background: #fff;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
}
tr.displayhead{
	background: #BCBCBC;
	color: #333333;
	text-align:left;
}
tr.display1{
	background: #E9E9E9;
	color: #333333;
	text-align:left;	
}

tr.display2{	
	background: #F6F6F6;
	color: #333333;
	text-align:left;	
}
#heading{
	float:left;
	position:relative;
	margin:0px;
	padding-bottom:4px;
	width:98%;
	border-bottom:1px solid #ccc;
}

.addProductLink{border-bottom:1px dashed #ccc;height:40px;padding-top:15px;padding-left:70px;width:600px;}
.addProductLink2{border-bottom:1px dashed #ccc;height:40px;padding-top:15px;width:600px;float:left;}
.addProductLink3{margin:15px 0 0 130px;width:150px;float:left;text-align:right;}

.latestNewsMargin{margin-right:120px;}

#tableform{
	margin-top:10px;
	float:left;
}
.borderHeading{border-bottom:1px dashed #ccc;height:30px;padding-bottom:15px;width:665px;}

.noNews{margin:20px 0 0 10px;;float:left;}

.cursorPointer{cursor:pointer;}

.borderSelect{border:2px solid #6ECEFA;}

.borderSelectEdit{border:2px solid #A2A0A0;}

.clear_div {clear:both; font-size:1px; height:1px; }
.clear_div10px {clear:both; font-size:1px; height:10px; }