@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:55px;
	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:#F00;
	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:#fff;}
	

.navigation ul li a{
	text-decoration:none;
	padding:0 13px;			
	font-weight:bold;
	color:#fff;}
	
	

.navigation ul li a:hover{	
	text-decoration:none;
	color:#494949;}
	

.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-repeat:repeat-x;
	height:180px;
	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;
}