/* CSS Document */

/* HTML Elements */


*{font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;}
A:link {text-decoration:none;color:Black;font-weight:bold;}
A:visited {color:Black; font-weight:bold;}
a{color: #000;text-decoration:none;	}

/* Customer Sales Rep Elements */

/* Set the limits for all other div's - Container Div is the master!!! */
.HeaderContainer{width:950px;height:60px;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px;}
.Headerleft{float:left;width:700px;height:45px;margin-top:7px;margin-bottom:5px;margin-left:20px;margin-right:0px;border:1px solid #cad2e2;color:#160f0f; font-size:16px;font-weight:bold;text-align:center;}
.HeaderRight{float:left;width:210px;height:55px;margin-top:5px;margin-bottom:5px;margin-right:5px; padding-left:2px; padding-top:2px;}

.Container{width:950px;height:90%;margin-top:5px;margin-left:auto;margin-right:auto;overflow:hidden;}
.DataHeader{width:100%;height:100px;}
.DataHeaderSmall{width:100%;height:25px;border-bottom:1px solid black;font-weight:bold;}
.DataHeaderTop{float:left;width:100%;height:60px;margin-top:5px;margin-bottom:5px;}
.DataHeaderTopLeft{float:left;width:300px;height:50px;margin-top:5px;margin-bottom:5px; border:1px solid Blue;}
.DataHeaderTopCenter{float:left;width:300px;height:50px;margin-top:5px;margin-bottom:5px; border:1px solid Yellow;}
.DataHeaderTopRight{float:left;width:300px;height:50px;margin-top:5px;margin-bottom:5px; border:1px solid Green;}
.DataHeaderBottom{float:left;width:100%;height:30px;border-bottom:1px solid black;font-weight:bold;}
.Data{width:100%;height:600px;overflow-y:auto;border-bottom:2px solid grey;} 
.DataNoHeader{width:100%;height:650px;overflow-y:auto;border-bottom:2px solid grey;} 
.DataDisplay{width:100%;height:580px;margin-left:auto;margin-right:auto;margin-bottom:5px;margin-top:5px;padding-bottom:5px;overflow:auto;}
.DataHeaderTopDisplay{width:100%;height:55px;margin-left:3px;margin-right:2px;margin-top:3px;margin-bottom:2px;background-color:blue;}
.DataHeaderBottomDisplay{width:100%;height:25px;margin-left:3px;margin-right:2px;margin-top:3px;margin-bottom:2px;}

.DataHeaderButton{Width:75px; height:60px; margin-top:20px; margin-left:5px; border:1px solid #201C4D; background-color:#3134E4; color:#F1EBEB;}

/* Customer Page */
.CustSearch{width:100%;height:50px;margin-left:auto;margin-right:auto;margin-bottom:10px;margin-top:5px;padding-bottom:5px;border-bottom:1px solid grey;}


.CustMasterHeader{width:100%; height:80px; margin-top:1px; margin-bottom:2px; border-bottom:1px dashed red;}
.CustMasterName{float:left; width:840px; height:30px;text-align:center;font-size:14px; font-weight:bold; padding-top:5px;}
.CustMasterTabNav{float:left; width:840px; height:30px; margin-left:30px;}

.CustContainer{ width:950px;height:200px;background:yellow;}
.CustDetails{width:650px; height:450px; margin-left:5px;}

.CustSearchHeader{width:950px;height:65px;margin-top:2px;margin-left:10px;margin-bottom:2px;border-bottom:1px dashed black;}
.CustSearchContainer{width:950px;height:550px;margin-left:10px;margin-top:5px;overflow-y:auto;}
.CustSearchLabel{width:900px;height:25px;margin-left:auto; margin-right:auto;font-size:13px;font-weight:bold;text-align:left;}

.CustomerOrders{width:950px;height:500px;}
.CustomerOrderLabels{width:950px;height:50px;}
.CustomerOrderData{width:950px;height:475px;overflow-y:auto;}



/* Catalog Page */
.CatSplit{float:left;width:400px; height:640px; margin-left:35px; margin-top:5px;}
.CatHeader{Width:100%;height:40px;font-weight:bolder; text-align:center; font-size:24px;}
.CatCover{ width:350px; height:460px; margin-left:25px; margin-right:25px; border:1px outset grey;}
.CatFiles{float:left;width:350px;height:35px; margin-left:25px; margin-top:5px; font-size:24px}
.CatFiles1{float:left;width:174px;height:90px;margin-top:2px; margin-left:25px;}
.CatFiles2{float:left;width:174px;height:90px;margin-top:2px; margin-left:2px;}
.CatFooter{width:100%; height:140px; }


#table1
{
	width:100%;
	top:10px;
	border: 1px solid #DFDFDF;
	background-color: #F9F9F9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
	overflow:hidden;
}
#table1 td, #table1 th 
{
	border-top-color: white;
	border-bottom: 1px solid #DFDFDF;
}
#table1 th 
{
	top:0px;
	left:auto;
	right:auto;
	text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
	font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
	padding: 3px 3px 5px;
	text-align: center;
	line-height: 1.3em;
	font-size: 0.873em;
	font-weight:bold;
	background-color:#CCC;
}
#table1 td 
{
	font-size: 0.81em;
	padding: 4px 7px 2px;
	vertical-align: central;
	text-align: center;
	font-weight: normal;

}
/*#table1 tr:hover td 
{
	text-decoration:underline;
	font-weight:bold;
}*/

#table1 th.hmaster 
{
	font-size:0.98em;
	background-color:#FFF;
}
div#clear
{
  clear:both;
}
/* New Layout */

Div#Line
{
	width:1100px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
}

Div#box
{
	height: auto;
	width:1075px;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-weight:bold;
}
Div#box1
{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:1075px;
	height:160px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 3px 3px #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
Div#box1OS
{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:1075px;
	height:360px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 3px 3px #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
Div#box1LOrders /* Built for Sales Rep Open Orders Top Div - Holds The calendar */
{
	float:left;
	margin-top:10px;
	margin-left:20px;
	width:500px;
	height:140px;
	background-color: #FFF;
}
div#box1P
{
	float:left;
	margin-top:15px;
	margin-left:10px;
	width:800px;
	height:160px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 3px 3px #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
div#box1PH1
{
	width:50px;
	height:100%;
	background-color:#CCC;
	text-align:center;
	vertical-align: middle;
	background-image:url(../Images/PROMO/CPD.png);
	background-repeat:no-repeat;
	background-position:center;
}
div#box1PH2
{
	width:50px;
	height:100%;
	background-color:#CCC;
	text-align:center;
	vertical-align: middle;
	background-image:url(../Images/PROMO/PDL.png);
	background-repeat:no-repeat;
	background-position:center;
}
div#box1PH3
{
	width:50px;
	height:100%;
	background-color:#CCC;
	text-align:center;
	vertical-align: middle;
	background-image:url(../Images/PROMO/CLO.png);
	background-repeat:no-repeat;
	background-position:center;
}
div#box1PH4
{
	width:50px;
	height:100%;
	background-color:#CCC;
	text-align:center;
	vertical-align: middle;
	background-image:url(../Images/PROMO/DS.png);
	background-repeat:no-repeat;
	background-position:center;
}
div#box1PI1
{
	float:left;
	margin-left:60px;
	margin-top:3px;
	width:735px;
	height:155px;
}
div#box1PI2
{
	float:left;
	margin-left:20px;
	margin-top:3px;
	width:100px;
	height:125px;
	background-color:#F00;
	background-repeat:no-repeat;	
}
div#box1PI3
{
	float:left;
	margin-left:20px;
	margin-top:3px;
	width:100px;
	height:125px;
	background-color:#F00;
	background-repeat:no-repeat;	
}
div#box1PI4
{
	float:left;
	margin-left:20px;
	margin-top:3px;
	width:100px;
	height:125px;
	background-color:#F00;
	background-repeat:no-repeat;
}
div#box1PI5
{
	float:left;
	margin-left:20px;
	margin-top:3px;
	width:100px;
	height:125px;
	background-color:#F00;
	background-repeat:no-repeat;
}
div#box1PI6
{
	float:left;
	margin-left:20px;
	margin-top:3px;
	width:100px;
	height:125px;
	background-color:#F00;
	background-repeat:no-repeat;	
}
div#box1PL
{
	float:left;
	margin-top:15px;
	margin-left:60px;
	width:270px;
	height:685px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 3px 3px #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
div#box1PLH
{
	width:100%;
	height:40px;
}
Div#box1In
{
	margin-top:5px;
	margin-left:268px;
	margin-right:269px;
	width:538px;
	height:155px;
}
div#box1SSL
{
	float:left;
	width:250px;
	height:130px;
	margin-top:10px;
	margin-left:283px;
}
div#box1SSR
{
	float:left;
	width:250px;
	height:130px;
	margin-top:10px;
	margin-left:10px;
	margin-right:282px;
}
div#box1SSH
{
	width:100%;
	height:65px;
}
Div#box2
{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:1075px;
	height:575px;
	-moz-box-shadow: 0 0 3px 3px  #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
Div#box2OS /* uSED TO SPLIT THE SCREEN FOR OPEN ORDERS TOP AND LAST YEAR ORDERS BOTTUM */
{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:1075px;
	height:360px;
	-moz-box-shadow: 0 0 3px 3px  #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
Div#box2NL
{
	margin-top:20px;
	margin-left: auto;
	margin-right:auto;
	width:700px;
	height:625px;
	-moz-box-shadow: 0 0 3px 3px  #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
	background-color:#FFF;
}
Div#box2S
{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:1075px;
	height:480px;
	-moz-box-shadow: 0 0 3px 3px  #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
Div#box2ST
{
	float:left;
	margin-top:20px;
	margin-left:36px;
	margin-right:auto;
	width:530px;
	height:525px;
	-moz-box-shadow: 0 0 3px 3px  #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
Div#box2SB
{
	float:left;
	margin-top:20px;
	margin-left:16px;
	width:530px;
	height:525px;
	-moz-box-shadow: 0 0 3px 3px  #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
div#boxHeader
{
	width:100%;
	height:70px;
	text-align:center;
}
div#boxHeader2
{
	width:100%;
	height:105px;
	text-align:center;
}
div#boxContent
{
	width:100%;
	height:500px;
	overflow-y:auto;
}
div#boxContent2
{
	width:100%;
	height:468px;
	overflow-y:auto;
}
div#boxContent3
{
	width:100%;
	height:460px;
	overflow-y:auto;
}
div#boxContent4
{
	width:100%;
	height:455px;
	overflow-y:auto;
}
div#boxContent4S
{
	width:100%;
	height:375px;
	overflow-y:auto;
}
div#boxContent2L
{
	width:100%;
	height:540px;
	overflow-y:auto;
}
div#boxSmall
{
	float:left;
	width:35%;
	margin-left:10%;
}
div#boxTHeader
{
	width:100%;
	height:20px;
	text-align:center;
	background-color:transparent;
	font-weight:bold;
}
div#boxTiny
{
	float:left;
	width:100%;
	height:75px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:auto;
}
div#boxN
{
	float:left;
	width:345px;
	height:550px;
	margin-left:33px;
	margin-top:15px;
	-moz-box-shadow: 0 0 3px 3px  #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
div#boxN1
{
	float:left;
	width:345px;
	height:530px;
	margin-left:23px;
	margin-top:15px;
	-moz-box-shadow: 0 0 3px 3px  #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
div#boxNC
{
	width:100%;
	height:550px;
	overflow-y:auto;
}
Div#box1B
{
	float: left;
	margin-top:20px;
	margin-left:20px;
	width:711px;
	height:275px;
	-moz-box-shadow: 0 0 3px 3px  #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
Div#box1BC
{
	margin-top:2px;
	width:711px;
	height:210px;
	overflow-y:auto;
}
div#box1BH
{
	width:100%;
	height:57px;
	text-align:center;
	background-color:transparent;
	font-weight:bold;
}
Div#box2B
{
	float:left;
	margin-top:20px;
	width:346px;
	height:252px;
	-moz-box-shadow: 0 0 3px 3px   #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
Div#box2B1
{
	float:left;
	margin-top:20px;
	margin-left:17px;
	width:346px;
	height:252px;
	-moz-box-shadow: 0 0 3px 3px   #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
div#box2BH
{
	width:100%;
	height:60px;
	text-align:center;
	background-color:transparent;
	font-weight:bold;
}
div#box2BC
{
	width:100%;
	height:190px;
	text-align:center;
	background-color:transparent;
	overflow-y:auto;
}
div#box3L
{
	float:left;
	width: 538px;
	height: 162px;
	margin-top:3px;
	margin-left: 2px;
}
div#box3LD
{
	float:left;
	width: 600px;
	height: 195px;
	margin-top:3px;
	margin-left: 2px;
}
div#box3LH
{
	float:left;
	width: 525px;
	height: 162px;
	margin-top:3px;
	margin-left: 8px;
}
div#box3
{
	float:left;
	width: 260px;
	height: 162px;
	margin-top:3px;
	margin-left:5px;
}
div#box3H
{
	width:100%;
	height:45px;
}
div#box3C
{
	width:100%;
	height:105px;
	margin-top:5px;
	overflow-y:auto;
}
div#boxDY
{
	float:left;
	width:500px;
	height:300px;
	margin-left:20px;
	margin-right:auto;
	margin-top:10px;
}
div#boxDYH
{
	width:100%;
	height:50px;
}

div#boxDYC
{
	margin-top:10px;
	width:498px;
	height:440px;
	overflow: auto;
}

div#boxOH
{
	width:800px;
	height:300px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
div#boxOHH
{
	width:100%;
	height:50px;
}
div#boxOHC
{
	width:798px;
	height:440px;
	margin-top:10px;
	overflow-y:auto;
}
div#boxDI
{
	float:left;
	margin-left:25px;
	margin-top:10px;
	width:500px;
	height:500px;
}
div#boxDIH
{
	width:100%;
	height:50px;
}
div#boxDIC
{
	margin-top:10px;
	width:498px;
	height:498px;
	overflow-y:auto;
}
div#boxCS1
{
	float:left;
	margin-top:10px;
	margin-left:125px;
	width:400px;
	height:140px;
}
div#boxCS2
{
	float:left;
	margin-top:10px;
	margin-left:25px;
	width:400px;
	height:140px;
}
div#boxCSH
{
	width:400px;
	height:70px;
}
Div#boxifn
{
	margin-top:5px;
	margin-left: auto;
	margin-right:auto;
	width:700px;
	height:515px;
	-moz-box-shadow: 0 0 3px 3px  #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
	background-color:#FFF;
}
Div#boxifnh
{
	width:700px;
	height:65px;
}
Div#boxifnc
{
	width:700px;
	height:449px;
	overflow-y:auto;
}
Div#boxif
{
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	width:1075px;
	height:525px;
}
Div#boxif1
{
	float:left;
	margin-top:5px;
	margin-left:5px;
	width:520px;
	height:515px;
	-moz-box-shadow: 0 0 3px 3px  #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
Div#boxif2
{
	float:left;
	margin-top:5px;
	margin-left:25px;
	width:520px;
	height:515px;
	-moz-box-shadow: 0 0 3px 3px  #CCCCCC;
	-webkit-box-shadow: 0 0 3px 3px  #CCCCCC;
	box-shadow: 0 0 3px 3px #CCCCCC;
	border-radius:5px 5px 5px 5px;
}
div#boxifh
{
	width:520px;
	height:75px;
}
div#boxifc
{
	width:520px;
	height:440px;
	overflow-y:auto;
}