body, div, p, ul, li, form, h1, h2, h3, h4{
	margin: 0px;
	padding: 0px;
}
.clear{
	clear: both;
}
.both{ padding: 5px; clear:both;}
#main{
	width: 100%;
	background: #eeeeee url(images/bg-main.jpg) repeat-x;
}

#container{
	width: 982px;
	margin: auto;
}
/*------------- header ------------------*/
#header{
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
}

#logo{
	float: left;
	margin: 5px 0 0 0;
}

#header-right{
	float: right;
	width: 271px;
}

#sb{
	background: url(images/bg-sb.jpg) no-repeat;
	width: 221px;
	line-height: 26px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000001;
	padding: 0 0 0 50px;
}

#sb a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000001;
	text-decoration: none;
}

#sb a:hover{
	color: #567803;
	text-decoration: underline;
}

#sb a.on{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #567803;
	text-decoration: underline;
}

#callnow{
	float: right;
	width: 241px;
	margin: 10px 0 0 0;
}

/* -------------- mainmenu ------------------*/

.leftNav{ 
	width: 10px; 
	float: left; 
	height: 33px; 
	background: url(images/lc-mainmenu.jpg) no-repeat left top; 
	margin-top: 14px; 
	}
.rightNav{
	width: 10px; 
	float: left; 
	height: 33px; 
	background: url(images/rc-mainmenu.jpg) no-repeat right top; 
	margin-top: 14px; 
	}

#mainmenu{
	width: 962px;
	float: left;	
	background: url(images/bg-mainmenu.jpg) repeat-x center top;
	margin-top: 14px;
	}
	
#mainmenu ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#mainmenu ul li{
	float: left;	
	padding-left: 35px;
	line-height: 33px;
	}
	
#mainmenu ul li a{
	color: #c0c0c0;
	font-size: 14px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	
#mainmenu ul li a:hover{
	color: #fff;
	font-size: 14px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	
#banner{
	float: none;
}

/* -------------- body ------------------*/

#body{
	border: 1px solid #c6c6c6;
	border-top: 1px solid #afafaf;
	margin-top: 14px;
	*margin-top: 10px;
	padding-top: 27px;
	overflow: hidden;
	background: #fff url(images/grey.jpg) no-repeat center top;
}


/* -------------- body-left ------------------*/


#left{
	float: left;
	margin: 0 13px 9px 9px;
	width: 241px;
}

#left-box{
	float: left;
	background: url(images/bg-left-box.jpg) repeat-y;
	width: auto;
}

.left-box{
	float: left;
	background: url(images/bg-left-box.jpg) repeat-y;
	width: auto;
}

#left-box-top{
	float: left;
	background: url(images/top-left-box.jpg) no-repeat;
	width: 241px;
	height: 7px;
}

.left-box-top{
	float: left;
	background: url(images/top-left-box.jpg) no-repeat;
	width: 241px;
	height: 7px;
}

#left-box-content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
	padding: 0 11px;
	width: 219px;
}

.left-box-content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
	padding: 0 11px;
	width: 219px;
}

#left-box-content div.head{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}

.left-box-content div.head{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}

#left-box-content ul{
	list-style: none;
}

.left-box-content ul{
	list-style: none;
}

#left-box-content ul li{
	background: url(images/arrow.jpg) no-repeat left 8px;
	padding:5px 5px 5px 28px;
}

.left-box-content ul li{
	background: url(images/arrow1.jpg) no-repeat 3px 8px;
	padding:5px 5px 5px 25px;
	border-bottom:1px solid #e4dcc9;
}

#left-box-content ul li a{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}

.left-box-content ul li a{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}

#left-box-content ul li a:hover{
	color: #40a5db;
	text-decoration: none;
}

.left-box-content ul li a:hover{
	color: #40a5db;
	text-decoration: none;
}

#more{	
	float: right;
	background: url(images/plus.png) no-repeat left 5px;
	height: 18px;
}

a{
	outline: none;
}

#more a{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #309dcf;
	text-decoration: none;
	padding-left: 16px;
	line-height: 20px;
}

#left-box-content form input.input{
	width: 203px;
	height: 19px;
	background: url(images/input.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #858486;
	border: 0px;
	padding: 3px 0 0 3px;
	margin: 10px 0;
}

.left-box-content form input.input{
	width: 203px;
	height: 19px;
	background: url(images/input.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #858486;
	border: 0px;
	padding: 3px 0 0 3px;
	margin: 10px 0;
}

#left-box-bottom{
	background: url(images/bottom-left-box.jpg) no-repeat center bottom;
	width: 241px;
	height: 5px;
	clear: both;
}

.left-box-bottom{
	background: url(images/bottom-left-box.jpg) no-repeat center bottom;
	width: 241px;
	height: 5px;
	clear: both;
}

/* -------------- body-right ------------------*/

#right{
	float: right;
	margin: 0 10px 9px 0;
	width: 705px;
}

#right_new{
	float: right;
	margin: 0 10px 9px 0;
	width: 705px;
}

#right_new a{
text-decoration: none;
}

strike{ color: #cc0000; text-decoration:line-through; font-weight: bold;}

#right_new a:hover{
text-decoration: none;
color: #000000;
}


#dartnell{
	background: url(images/light-grey.jpg) no-repeat center bottom;
	padding-bottom: 14px;
	margin-top: 10px;

}

#content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	float: left;
}


#right-box{
	width: 223px;
	float: left;
	margin: 0 5px;
}

.right-box{
	width: 223px;
	float: left;
	margin: 0 5px;
}
#right-box-top{
	background: url(images/top-right-box.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	line-height: 31px;
}

#right-box-content{
	background: #cbcecf url(images/content-right-box.jpg) no-repeat left bottom;
}
.right-box-content{
	background: #cbcecf url(images/content-right-box.jpg) no-repeat left bottom;
}


/* -------------- management ------------------*/

#management{
	float: left;
}

#management a{
	color: #0078FF;
	font-weight: normal;
	text-decoration: underline;
}

#management a:hover{
	color: #0078FF;
	font-weight: normal;
	text-decoration: none;
	border-bottom:1px dashed #000;
}

#management-top{
	background: url(images/bg-management.jpg) repeat-x;
	height: 40px;
}

#management-top ul li{
	float: left;
	list-style: none;
	height: 40px;
}
#management-top ul li.arrow{
	padding-top: 5px;
}

#management-top ul li.head{
	padding-top: 5px;
	width: 633px;
	text-align: center;
}

#management-content{
	background: #fff;
	width: 699px;
	margin: auto;
}

#management-content div.content{
	background: #fff;
	overflow: hidden;
	height: 430px;
	border-left: 1px solid #a9a7a7;
	border-right: 1px solid #a9a7a7;	
}

#management-content-box-left{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6f6f6e;
	width: 330px;
	padding-right:5px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}

#management-content-box-left div img{ padding-right: 5px;}
.management-content-box-left{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6f6f6e;
	width: 330px;
	padding-right:5px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}

.management-content-box-left div img{ padding-right: 5px;}
#management-content-box-right div img{ padding-right: 5px;}

#management-content-box-right{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6f6f6e;
	width: 330px;
	float: right;
	padding-right: 5px;
	border-left:1px solid #A9A7A7;
	padding-left: 10px;
	padding-top: 5px;
}
.management-content-box-right div img{ padding-right: 5px;}

.management-content-box-right{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6f6f6e;
	width: 330px;
	float: right;
	padding-right: 5px;
	border-left:1px solid #A9A7A7;
	padding-left: 10px;
	padding-top: 5px;
}

#price{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000001;
	padding: 5px; 0 0 5px;
}

.price{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000001;
	padding: 5px; 0 0 5px;
}

#quantity{
	float: right;
}

#quantity form ul li{
	float: left;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #470098;
	padding: 5px;
}

#quantity form ul li input.input{
	background: #fffefe;
	border: 1px solid #7e7b7b;
	width: 32px;
	height: 15px;
	padding: 3px 0 0 3px;
}

.buy{
	border: 1px solid #3990fc;
	background: url(images/bg-buy.jpg) repeat-x left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	width: 72px;
	height: 20px;
}


/* -------------- footer ------------------*/



#footerarea{
	width:982px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#afafaf;
	text-align: left;
	line-height: 16px;
	background: url(images/footer.gif) repeat-x center top;
	margin: auto;
	overflow:hidden;
}

#footerarea p b{ line-height: 25px;}

#footerarea a{
	color:#000;
	text-decoration: none;
}

#footerarea a:hover{
	color:#309dcf;
	text-decoration: none;
}

#footerarea .footerrow{

	overflow:hidden;
	text-align:center;
	font-size:11px;
}
#footerarea .footerrow b{font-weight:normal;}
h1
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
font-weight:normal;

}
.h1-t
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
font-weight:normal;
}
.normals
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
.normal
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
}

.totalcount{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #cc0000; 
	font-weight: bold; 
	border: none; 
	background: none; 
	width:100px;
}

.normalH{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px; 
color: #000;
}

#shw_div_lib{
	position:absolute;
	top:130px;
	visibility:hidden;
	z-index:1000;
	width: 180px;
	background: #44474C;
}

.margint{
	border-top:1px solid #CCCCCC;
	padding-left: 10px;	
}

.price_tag{background: url(images/base.gif) no-repeat left top; height:27px; padding-top: 6px;}
.price_tagN{background: url(images/baseN.gif) no-repeat left bottom; height: auto; padding-top: 6px;}
/** RESOURCES CLASSES **/
.teaser_head_new{border-bottom:1px solid #333; text-align: left; line-height: 35px; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #333; clear: both; margin:0 10px 0 10px;}
.teaser_head_new h2{line-height: 35px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-weight: bold; color: #333333; margin:0px; padding:0px; display: inline;}

.resources{ text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding:8px 10px 8px 10px; clear: both;}
.resources a{ font-weight: bold; color: #004F75; text-decoration: none;}
.resources a:hover{ font-weight: bold; color: #40A5DB; text-decoration: none;}

.titleoff{font-size:16px; color:#fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background: #333;}
.titleoff h2{font-size:16px; color:#fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; display: inline;}
table.tableclass{border:1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;}
table.tableclass img{ padding-top:5px; padding-bottom:5px;}
table.tableclass a{ color: #000; font-weight: bold; text-decoration: none; font-size: 12px; line-height:17px;}
table.tableclass a:hover{ color:#CC0000; text-decoration: none;}
.button{ background: url(images/buy.jpg) repeat-x; font-size:16px; line-height:44px; height:44px; color: #fff; cursor: pointer; font-weight: bold;}

.offerprice{font-size:14px; font-weight: normal; color:#0f1115;}
.offerprice b{font-size:20px; font-weight: bold; color: #0f1115;}
.offerprice span{font-size:20px; font-weight: bold; color: #ff0000;}

.dtnlspof{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#000;}
.dtnlspoff{ font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color:#333; line-height: 30px;}
.dtnlspoffn{ font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; color:#333;}
.dtnlspoffb{ font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; color:#333;}
.dtnlspoffr{ font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color:#729b02;}
.dtnlspoffg{ font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color:#ff0000;}
.starOffer{background: url(images/star.gif) no-repeat 2px -8px; height:37px; width:55px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000; font-weight: bold; position: absolute; text-align: center; line-height:15px; padding:5px 0 0 0;}
h2.normaltext{ font-weight: bold; margin:0px; padding:0px; display: inline; font-size: 12px;}

.sub_menu{background:#eeeeee; border:1px solid #CCCCCC; padding:8px; text-align: left; line-height: 18px; overflow: hidden;}
.sub_menu .ofl{ float: left;}
.sub_menu .ofr{ float: right;}
.both{ clear: both;}
.inputboxx{width:20px; padding:4px; border:1px solid #999999; text-align:center; font-weight: bold; color:#666; outline: none; margin-bottom: 10px;}

.classb{color:#0080C0; font-weight: bold; font-family: tahoma, Arial, Helvetica, sans-serif; font-size:13px;}
.classb a{color:#0080C0; text-decoration: none; background: #eeeeee; padding:4px;} .classb a:hover{color:#333; text-decoration: underline;}