﻿@charset "utf-8";

/* CSS Document */



body{

	padding:0;

	margin:0;

	background-image:url(../images/bg.png);

	background-repeat:repeat-x;

	background-color:#eeeeee;	

}



@font-face {

    font-family: "trebuc";

    font-style: normal;

    font-weight: normal;

	src: url('TrebuchetMS.eot');

    src: local("☺"), url("TrebuchetMS.woff") format("woff"), url("trebuc.ttf") format("truetype"), url("TrebuchetMS.svg") format("svg");

}



@font-face {

    font-family: "AmbrosiaDemo";

    font-style: normal;

    font-weight: normal;

	src: url('AmbrosiaDemo.eot');

    src: local("☺"), url("AmbrosiaDemo.woff") format("woff"), url("AmbrosiaDemo.ttf") format("truetype"), url("AmbrosiaDemo.svg") format("svg");

}



a{

	outline:none;

	text-decoration:none;	

}





/*h1, h2, h3, h4, h5, h6{font-family:"trebuc"; color#ffb200;}*/



h1{	

	font-size:35px;

	color:#330099;

}



h2{	

	font-size:22px;

	color:#ffb200;

	font-weight:normal;

	

}











h3{	

	font-size:17px;

	color:#ffb200;

	font-weight:normal;

	padding:0 0 0 0;

	margin:0 0 0 0;	

}



h4{	

	font-size:18px;

	color:#5a5a5a;

	font-weight:normal;	

}



h5{	

	font-size:16px;

	color:#5a5a5a;

	font-weight:normal;	

}



h6{	

	font-size:14px;

	color:#5a5a5a;

	font-weight:normal;}

	

	



p{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	line-height:23px;

}





#wrapper{

	margin:0 auto;

	width:950px;

}



.header{

	float:left;

	width:950px;

	/*height:219px;*/

	background-image:url(../images/top_map.png);

	background-repeat:no-repeat;

	background-position:top left;

	margin:7px 0 0 0;

}



.header h1{

	padding:0 0 0 0;

	margin:0 0 0 0;

	color:#fff;

	

}





.logo{

	float:left;

	width:440px;

	margin:40px 0 0 0px;}

	

.logo h1{

	font-family: "Trebuchet MS";

	font-size:30px;

	font-weight:normal;

	color:#fff;}	

	





.logo a{

	color:#fff;

	font-weight:normal;}

	

	



.telNo{

	float:right;

	width:241px;

	margin:5px 0 0 0;

	font-family:AmbrosiaDemo;

	font-size:30px;

	text-align:right;

	color:#fff;}

	



.socialIcons img{	

	margin:0 0 0 12px;}





.brother_tags{

	float:left;

	clear:both;

	width:440px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#f7edd5;

	margin:0 0 0 0px;

	}

	

	

	

.navigation{

	float:left;

	width:950px;

	clear:both;

	margin:16px 0 0;

	text-align:center;}

	

/*@-moz-document url-prefix() { .navigation { margin:51px 0 0 0px; } }	*/







.navigation ul{

	padding:0 0 0 0;

	margin:0 0 0 0;}

	



.navigation ul li{

	list-style:none;

	display:inline;

	padding:0 0px 0 0;

	margin:0 0 0 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;	

	color:#000000;}

	



.navigation ul li a{

	text-decoration:none;

	padding:0 13px;			

	font-weight:bold;

	color:#000;}

	

	



.navigation ul li a:hover{	

	text-decoration:none;

	color:#fff;}

	



.navigation ul li a.active{	

	background-color:#494949;}

	

	

.container{

	float:left;

	width:950px;}

	



.scroller{

	float:left;

	width:950px;

	margin:25px 0 0 0;

}



.leftCol{

	float:left;

	width:212px;

	margin:15px 0 0 0;

}



.block{

	float:left;

	width:212px;

	border-top:6px solid #F7EDD5;

	background-color:#fff;

	margin-bottom:10px;

	



}



.block h2{

	color: #343434;

    font-family: arial;

    font-size: 9pt;

    font-weight: bold;

    margin: 0;

    padding: 5px 0 0 10px;

}



.block ul{

	margin:10px 10px 0 10px;

	padding:0 0 0 0;



}





.block ul li{

	clear:both;

	list-style:none;

	border-top:1px solid #e2e2e2;

	display:block;

	line-height:25px;



}



.block ul li a{

	font-family:arial;

	color:#494949;

	text-decoration:none;

	font-size:12px;

}



.block ul li a:hover{

	color:#000;



}



.mainArea{

	float:left;

	width:705px;

	margin:15px 0 0 25px;

}



.mainArea h1{

	font-family:Calibri;

	font-size:15pt;

	color:#000;

	padding:0 0 0 0;

	margin:0 0 0 0;

}



.mainArea h2{

	font-family:Calibri;

	font-size:13pt;

	color:#ffb200;

	padding:0 0 0 0;

	margin:0 0 0 0;

}



.mainArea h3{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	line-height:23px;

	margin:10px 0 0 0;	

}





.content{

	float:left;

	width:705px;

	margin:10px 0 30px 0px;

}







.content h1{

	font-size:22px;

	color:#ffb200;

	font-weight:normal;

}



.content h2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	line-height:23px;

	margin:10px 0 0 0;	

}









.content .img{

	float:left;

	width:200px;

	height:150px;

}



.content .img img{

	border:8px solid #F7EDD5;



}



.content .txt{

	float:left;

	width:485px;

	margin:0;	

}

/*******************************/



.content .txt h1{

	font-size:20px;

	color:#000000;

	font-weight:normal;	

}



.content .txt h2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	line-height:23px;

	margin:10px 0 0 0;

	font-weight: normal;

}

/*******************************/

.content .txt a{

	font-family:arial;

	font-size:12px;

	color:#494949;

	font-weight:bold;

	text-decoration:none;

}



.content .txt a:hover{

	font-family:arial;

	font-size:12px;

	color:#000;

	font-weight:bold;

	text-decoration:none;

}







.content .label_maker_txt{

	float:left;

	width:705;

	margin:10px 0 0 0px;}





.content .label_maker_txt h1{

	font-size:22px;

	color:#343434;

	font-weight:normal;	

}





.content .label_maker_txt h2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	line-height:23px;		

	margin:10px 0 0 0;		

}







.content .label_maker_txt .img img{

	border:8px solid #f7edd5;

	margin:15px 0 15px 40px;}



.content .label_maker_txt a{

	font-family:arial;

	font-size:12px;

	color:#494949;

	font-weight:bold;

	text-decoration:none;}

.content .label_maker_txt a:hover{

	font-family:arial;

	font-size:12px;

	color:#000;

	font-weight:bold;

	text-decoration:none;}









.content .txt p{

	padding:0 0 0 0;

	margin:0 0 0 0;

}





h2{

	padding:0 0 0 0;

	margin:0 0 0 0;

	font-family:arial;

	color:#ffb200;



}



.footerWrap{

	float:left;

	width:100%;

	background-image:url("../images/footer_bg.png");
	background-color:#494949;

	background-repeat:repeat-x;
	padding-bottom:15px;


	margin:10px 0 0 0;

}



.footerInner{

	margin:0 auto;

	width:950px;



}



.footerTopTxt{

	float:left;

	width:950px;

	margin:-5px 0 0 0;

	text-align:center;

}



.footerTopTxt p{

	font-family:arial;

	font-size:12px;

	color:#ffffff;

	padding:0;

	margin:0;

	letter-spacing:0.4px;

}







.footerNav{

	float:left;

	width:130px;

	margin:15px 0 0 0px;



}



.footerNav h1{

	font-size:12px;

	color:#fff;

	padding:0 0 0 5px;

	margin:0 0 0 0;

	font-family:Arial, Helvetica, sans-serif;



}



.footerNav ul{

	margin:10px 0 0 0px;

	padding:0 0 0 0;



}





.footerNav li{

	clear:both;

	list-style:none;

	display:block;	

	border-top:1px solid #6d6d6d;

	line-height:24px; 



}



.footerNav ul li a{

	font-family:Arial, Helvetica, sans-serif;

	color:#ccc;

	text-decoration:none;

	font-size:12px;



}



.footerNav ul li a:hover{

	color:#000;



}



.supllies{

	float:left;

	width:135px;

	margin:10px 0 0 50px;



}



.supllies h1{

	font-size:12px;

	color:#fff;

	padding:0 0 0 10px;

	margin:5px 0 0 0;

	font-family:Arial, Helvetica, sans-serif;



}



.supllies ul{

	margin:10px 0 0 0px;

	padding:0 0 0 0;



}





.supllies ul li{

	clear:both;

	list-style:none;

	display:block;	

	 border-top:1px solid #6d6d6d;

	line-height:24px;



}



.supllies ul li a{

	font-family:Arial, Helvetica, sans-serif;

	color:#ccc;

	text-decoration:none;



}



.supllies ul li a:hover{

	color:#000;



}



.accessories{

	float:left;

	width:730px;

	margin:10px 0 0 0px;	

}



.accessories h1{

	font-size:12px;

	color:#fff;

	padding:0 0 10px 10px;

	margin:5px 0 0 0;

	text-allign:center;

	font-family:Arial, Helvetica, sans-serif;



}



.accessories ul{	

	float:left;

	width:210px;

	margin:10px 0px 0 0;

	padding:0 0 0 0;



}





.accessories ul li{

	clear:both;

	list-style:none;

	display:block;	

	border-top:1px solid #6d6d6d;

	line-height:24px;

 



}



.accessories ul li a{

	font-family:Arial, Helvetica, sans-serif;

	color:#ccc;

	font-size:12px;

	text-decoration:none;



}



.seprator{

	float:left;

	width:20px;

	margin:42px 5px 0 20px;



}



.accessories ul li a:hover{

	color:#000;



}



.footerRight{

	float:right;

	width:206px;

	font-size:11px;

	color:#fff;

	font-family:arial;

	margin:55px 0 0 0;

}



.footerRight a{

	font-weight:bold;

	color:#000;



}



.footerRight a:hover{

	font-weight:bold;

	color:#fff;



}

.clr{

	clear:both;

}







/*************** aupplies page css *********************/



.supplies_content2{

		float:left;

		width:700px}





.supplies_content2_txt{

	float:left;

	width:500px;

	font-family:arial;

	color:#000;

	text-decoration:none;

	font-size:12px;

	line-height:24px;

	}



.supplies_content2_pic{

	float:left;

	width:140px;

	margin-left:50px;}





.supplies_content2_pic img{

	border:8px solid #f7edd5;



}



.supply_txt{

	float:left;

	width:700px;

	font-family:arial;

	color:#000;

	clear:both;

	text-decoration:none;

	font-size:12px;}

	

	

.supply_txt h1{

	font-size:22px;

	color:#ffb200;

	font-weight:normal;}	

	



.supply_txt h2{

font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	line-height:23px;}	

	





	

	

.supply_txt a{

	font-family:arial;

	color:#ffb200;

	text-decoration:none;

	font-size:12px;}	



.supply_txt a:hover{

	font-family:arial;

	color:#000;

	text-decoration:none;

	font-size:12px;}	

	

.supplies_content2_link{

	float:left;

	margin:10px 0 10px 0;

	width:150px;}





.supplies_content2_link a{

	font-family:arial;

	color:#494949;

	text-decoration:none;

	font-size:16px;

	font-weight:bold;}



.supplies_content2_link a:hover{

	font-family:arial;

	color:#ffb200;

	text-decoration:none;

	font-size:16px;

	font-weight:bold;}

	

	

	

	





/*************** aupplies page css *********************/







/*************** tz tapes page css *********************/



.content .tapes_sizes{

	float:left;

	width:700px;

	margin:10px 0 0 0px;	

}







.content .tapes_sizes .tz_tapes_left{

	float:left;

	width:280px;

	border-right:1px solid #b9b9b9;

	margin:0px 0 0 0px;}



.content .tapes_sizes .tz_tapes_left a{

	float:left;

	width:290px;

	font-size:12px;

	color:#494949;

	font-family: Arial, Helvetica, sans-serif;

	font-weight:bold;

	text-decoration:none;}





.content .tapes_sizes .tz_tapes_left a:hover{

	color:#ffb200;

	font-family: Arial, Helvetica, sans-serif;

	font-weight:bold;

	text-decoration:none;}









.content .tapes_sizes .tz_tapes_right{

	float:left;

	text-align:center;

	width:320px;

	font-size:12px;

	color:#494949;

	font-family: Arial, Helvetica, sans-serif;

	margin:65px 0 0 40px;}







.txt_blk_bold{

	font-size:18px;

	color:#494949;

	font-family: Arial, Helvetica, sans-serif;

	font-weight:bold;}









.content .tz_tapes_sizes2{

	float:left;

	width:700px;

	clear:both;

	margin:50px 0 0 0px;	

}





.content .tz_tapes_sizes2 .tz_tapes_sizes2_left{

	float:left;

	width:310px;

	margin:0px 0 0 0px;

	font-size:12px;

	color:#000;

	line-height:24px;

	font-family: Arial, Helvetica, sans-serif;



}





.content .tz_tapes_sizes2 .tz_tapes_sizes2_right{

	float:left;

	width:310px;

	margin:0px 0 0 40px;

	font-size:12px;

	color:#000;

	line-height:24px;

	font-family: Arial, Helvetica, sans-serif;



}









.content .tz_tapes_sizes3{

	float:left;

	width:700px;

	clear:both;

	margin:80px 0 50px 0px;

	font-size:12px;

	color:#000;

	line-height:18px;

	font-family: Arial, Helvetica, sans-serif;}





/*************** tz tapes page css End *********************/













/*************** TC Tapes page css *********************/

.content .tapes_sizes .tz_tapes_right_tc{

	float:left;

	text-align:center;

	width:320px;

	font-size:12px;

	color:#494949;

	font-family: Arial, Helvetica, sans-serif;

	margin:0px 0 0 40px;}











/*************** TC Tapes Page Css End *********************/











/*************** TX Tapes page css *********************/

.content .tapes_sizes .tz_tapes_right_tx{

	float:left;

	text-align:center;

	width:320px;

	font-size:12px;

	color:#494949;

	font-family: Arial, Helvetica, sans-serif;

	margin:15px 0 0 40px;}











/*************** TX Tapes Page Css End *********************/









/*************** M Tapes page css *********************/

.content .tapes_sizes .tz_tapes_right_m{

	float:left;

	text-align:center;

	width:320px;

	font-size:12px;

	color:#494949;

	font-family: Arial, Helvetica, sans-serif;

	margin:0px 0 0 40px;}





.txt_blk_bold_underline{

	font-size:12px;

	color:#494949;

	text-decoration:underline;

	font-family: Arial, Helvetica, sans-serif;

	font-weight:bold;}





/*************** M Tapes Page Css End *********************/











/*************** Accessories page css *********************/



.content .tapes_sizes .tz_tapes_left_access{

	float:left;

	width:280px;

	margin:0px 0 0 0px;}



.content .tapes_sizes .tz_tapes_left_access a{

	float:left;

	width:290px;

	font-size:12px;

	color:#494949;

	font-family: Arial, Helvetica, sans-serif;

	font-weight:bold;

	text-decoration:none;}





.content .tapes_sizes .tz_tapes_left_access a:hover{

	color:#ffb200;

	font-family: Arial, Helvetica, sans-serif;

	font-weight:bold;

	text-decoration:none;}











/*************** Accessories Page Css End *********************/











/*************** Contact Us page css *********************/



.content .contactus_txt{

	float:left;

	width:400px;

	font-size:12px;

	color:#494949;

	line-height:20px;

	font-family: Arial, Helvetica, sans-serif;}

	



.content .contactus_txt a{

	font-size:12px;

	color:#ffb200;

	font-family: Arial, Helvetica, sans-serif;

	text-decoration:none;}

	

	

.content .contactus_txt a:hover{

	font-size:12px;

	color:#494949;

	font-family: Arial, Helvetica, sans-serif;

	text-decoration:none;}

	

	



.contactus_txt_bold{

	font-size:14px;

	color:#494949;

	font-weight:bold;

	font-family: Arial, Helvetica, sans-serif;}

	



/*************** Contact Us Page Css End *********************/



/*************** tape seprator page css *********************/



.tapseprator_txt{

	float:left;

	width:700px;

	}

	

.tapseprator_txt h2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	line-height:23px;

	margin:10px 0 0 0px;

}	





.tapseprator_pic{

	float:left;

	clear:both;

	text-align:center;

	width:600px;

	margin:40px 0 40px 0;}



.tapseprator_btn{

	clear:both;

	text-align:center;

	width:70px;

	height:21px;

	line-height:21px;

	background-image:url(../images/odernow_bg.jpg);

	background-repeat:no-repeat;

	margin-left:270px;}





.tapseprator_btn a{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#fff;

	text-decoration:none;}





.tapseprator_btn a:hover{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#000;

	text-decoration:none;}



/*************** tape seprator page css *********************/





/*************** Services page css *********************/







.services_txt{

	float:left;

	width:700px;

	margin:10px 0 0 0px;

	}

	

.services_txt h1{

	font-size:22px;

	color:#ffb200;

	font-weight:normal;}	

	

.services_txt h2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	line-height:23px}	







.services_txt2{

	float:left;

	width:700px;

	margin:10px 0 0 0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	text-align:center;

	color:#000;

	font-weight:bold;

	line-height:32px;

	margin-top:30px;}







.services_txt2 a{

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#000;

	font-weight:bold;}







.services_txt2 a:hover{

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#ffb200;

	font-weight:bold;}





.service_pic{

	float:left;

	clear:both;

	width:700px;

	text-align:center;

	}







.service_pic img{

	border:8px solid #f7edd5;

	margin-top:30px;

	}



.service_links{

	float:left;

	clear:both;

	width:250px;

	margin:20px 0 0 80px;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	font-weight:bold;

	}

.service_links2{

	float:left;

	width:300px;

	margin:20px 0 0 0px;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	font-weight:bold;

	}

	

.service_links3{

	float:left;

	width:700px;

	margin:20px 0 0 0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	font-weight:bold;

	}

	

.service_links3 a{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	font-weight:bold;

	text-decoration:none;

	}

	

.service_links3 a:hover{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#ffb200;

	font-weight:bold;

	text-decoration:none;

	}			

	

/*************** Services page css *********************/











/*************** not sure page css *********************/



.notsure_txt{

	float:left;

	width:705px;

}

	

.notsure_txt h1{

	font-size:22px;

	color:#ffb200;

	font-weight:normal;}	

	

.notsure_txt h2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	line-height:23px;}	

	

	

	



.notsure_table{

	float:left;

	width:705px;

	clear:both;

	margin:20px 0 0 0;}





.notsure_txt_blk_bold{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	font-weight:bold;



}



.notsure_txt_blk_normal{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;





}



/*************** not sure page css *********************/









/*************** ordring help page css *********************/





.ordring_txt{

	float:left;

	width:705px;

	}

	

	

.ordring_txt h1{

	font-size:22px;

	color:#ffb200;

	font-weight:normal;}	

	

	

.ordring_txt h2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	line-height:23px;}	

		

	

	

	

	



.ordring_txt2{



	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#000;

	font-weight:bold;}





.ordring_txt a{



	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#000;

	font-weight:bold;}





.ordring_txt a:hover{



	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#ffb200;

	font-weight:bold;}







.ordring_items{

	float:left;

	clear:both;

	width:705px;

	margin-top:50px;}



.ordring_items_1{

	float:left;

	width:200px;

	text-align:center;

	margin-left:70px;}





.ordring_items_1_pic{

	float:left;

	width:200px;



	}





.ordring_items_1_pic img{

	border:8px solid #f7edd5;

	}





.ordring_items_1_txt{

	float:left;

	width:200px;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	margin-top:10px;

	font-weight:bold;}





.ordring_items_1_link{

	float:left;

	width:200px;

	text-align:center;	

	margin-top:10px;

	}





.ordring_items_1_link a{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#ffb200;

	font-weight:bold;

	text-decoration:none;	}





.ordring_items_1_link a:hover{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	font-weight:bold;

	text-decoration:none;

	}





/*************** ordring help page css *********************/







/*************** Technical Support page css *********************/





.technicalsupport_txt{

	float:left;

	width:630px;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	margin-top:10px;}













.technicalsupport_txt2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#000;

	font-weight:bold;}





.technicalsupport_pic{

	float:left;

	width:630px;

	text-align:center;	

	margin-top:20px;}





.technicalsupport_pic img{

	border:8px solid #f7edd5;}







/*************** Technical Support page css *********************/











/**************** Sohail Style ***************/ 

 .orangeBdr{

 border:8px solid #f7edd5;

 }













.ni_card_btn{

	clear:both;

	text-align:center;

	width:70px;

	height:21px;

	line-height:21px;

	background-image:url(../images/odernow_bg.jpg);

	background-repeat:no-repeat;

	margin-left:53px;

	margin-top:10px;

	float:left;}





.ni_card_btn a{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#fff;

	text-decoration:none;}





.ni_card_btn a:hover{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#000;

	text-decoration:none;

}



.tablular{

	background-color:#fff;

	border:1px solid #ccc;

}

.tablular td{

	border-right:1px solid #ccc;

	border-bottom:1px solid #ccc;

	padding:0 0 0 10px;

}



.estimateShipping {

	border-top:1px solid #bfbfbf;

	border-left:1px solid #bfbfbf;

}



.estimateShipping th{

	font-size:13px;

	font-weight:bold;

	color:#fff;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

}



.estimateShipping td{

	border-bottom:1px solid #bfbfbf;

	border-right:1px solid #bfbfbf;

	padding:0 0 0 10px;

}

ul {

	list-style: square outside none;margin: 0;padding: 0 0 0 16px;

}

ul li {

	color: #000000;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 12px;

    line-height: 23px;

}

