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

body{
	/*background-image:url(../images/background.jpg);*/
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#dadada;
	color:#555;
	
}

a{
	text-decoration:none;
}

.boxed {
  border: 10px groove lightblue ;
  background-color:#fcfcfc;
  padding:20px;
}

/*-------------------------Lightbox-----------------*/
.preview{
	color:#555;
	font-size:10px;
	background-image:url(../images/view.png);
	background-repeat:no-repeat;
	height:40px;
	line-height:25px;
	width:30px;
	display:block;
	-moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

.preview:hover{
	color:#29c;
	font-size:12px;
	font-weight:bold;
	background-image:url(../images/viewHovered.png);
	background-repeat:no-repeat;
	-moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:url(../images/lightboxBackground.png) repeat;
	z-index:11;
    /*display:none;*/
	/*background-color:#FFF;*/
}

#lightboxContent{
	max-width:700px;
	width:80%;
	height:500px;
	background-color:#FFF;
	padding:20px;
	margin-top:3%;
	margin-left:25%;
	border:2px solid #29c;
	text-align:left;
	line-height:20px;
	border-radius:8px;
	-moz-border-radius:8px;
	background-color:#dadada;
	
}

#lightboxContentContainer{
	height:350px;
	background-color:#FFF;
	padding:10px;
	margin-top:3%;
	overflow:auto;
	border:2px solid #999;
	text-align:left;
	line-height:20px;
	background-color:#FFF;
	list-style:disc;
	margin-bottom:10px;
}

#lightboxContent .lightboxSubmit{
	background-color:#900;
	padding:7px;
	border-radius:8px;
	-moz-border-radius:8px;
	color:#FFF;
	font-weight:bold;
	margin-top:15px;
	display:block;
	float:left;
	min-width:100px;
	margin-right:15px;
	border:2px solid #900;
	transition: all .3s ease-in-out;
}

#lightboxContent .lightboxSubmit:hover{
	background-color:#FFF;
	color:#900;
	border:2px solid #900;
	transition: all .3s ease-in-out;
}



#lightboxc {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:url(../images/lightboxBackground.png) repeat;
	z-index:11;
    /*display:none;*/
	/*background-color:#FFF;*/
}

#lightboxContentc{
	max-width:700px;
	width:80%;
	height:180px;
	background-color:#FFF;
	padding:20px;
	margin-top:10%;
	margin-left:25%;
	border:2px solid #29c;
	text-align:left;
	line-height:20px;
	border-radius:8px;
	-moz-border-radius:8px;
	background-color:#dadada;
	
}

#lightboxContentContainerc{
	height:120px;
	background-color:#FFF;
	padding:10px;
	margin-top:3%;
	overflow:auto;
	border:2px solid #999;
	text-align:left;
	line-height:20px;
	background-color:#FFF;
	list-style:disc;
	margin-bottom:10px;
}



#closePreview{
	color:#555;
	text-decoration:none;
	margin-left:620px;
	position:absolute;
}
#closePreviewc{
	color:#555;
	text-decoration:none;
	margin-left:420px;
	position:absolute;
}
#closePreview img{
	float:left;
	height:20px;
	margin-right:5px;
}

/*-----------------------------------------------*/

header{
	padding:10px;
	background-repeat:no-repeat;
	max-width:1294px;
	width:97%;
	height:100px;
	margin:10px 10px 5px 10px;
	border:solid 1px #a7a7a7;
	-moz-box-shadow: 0px 0px 7px #a7a7a7;
	-webkit-box-shadow: 0px 0px 7px #a7a7a7;
	box-shadow: 0px 0px 7px #a7a7a7;
	border-radius:8px;
	-moz-border-radius:8px;
	background-color:#FFF;
	display:block;
}

.headerFinalForm{
	background-repeat:no-repeat;
	width:900px;
	height:auto;
	margin-left:30px;
		
} 

.headerImage{
	max-height:150px;
	max-width:200px;
	border:none;
}

.headerTitle{
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:34px;
}

.headerText{
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
	line-height:20px;
}

.copyright{
	float:right;
	margin-top:-10px;
}

.copyright a{
	color:#777;
	text-decoration:none;
	font-size:10px;
}

/*-----------------------Update Log-------------------*/

.headerBlock{
	float:left;
	/*border:solid 1px #009;*/
	margin:5px;
	
}

.logTitle{
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

.updateLog{
	text-decoration:none;
	color:#333;
}

.messageBox{
	/*border:1px solid #999;*/
	background-color:#dadada;
	padding:10px;
	max-width:380px;
	max-height:80px;
	overflow:auto;
	margin-left:20px;
}

.goodMessage{
	color:#393;
	font-size:12px;
}

.badMessage{
	color:#900;
	font-size:12px;
}

.dataUpdate p{
	display:block;
	line-height:40px;
	background-color:#6C0;
	color:#FFF;
	font-size:14px;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	z-index:100;
}

.dataUpdate2 p{
	display:block;
	line-height:40px;
	background-color:#f00;
	color:#FFF;
	font-size:14px;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	z-index:100;
}

/*------------------Scrollbar------------------*/
.jspTrack
{
    background: #777; /* changed from #dde */
    position: relative;
}
 
.jspDrag
{
    background-color:#333; /* changed from #bbd */
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

::-webkit-scrollbar {
      width: 7px;
	  height:7px;
} 

::-webkit-scrollbar-track {
      background-color: #777;
} /* the new scrollbar will have a flat appearance with the set background color */
 
::-webkit-scrollbar-thumb {
      background-color:#333; 
} /* this will style the thumb, ignoring the track */
 
::-webkit-scrollbar-button {
      background-color: #333;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 
::-webkit-scrollbar-corner {
      background-color: black;
}

/*----------------------Top Menu----------------*/

#topMenu, #topMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#topMenu{
	max-width:1294px;
	width: 97%;
	margin: 0px 0 5px 10px;
	border: 1.5px solid #29c;
	background-color: #111;
	background-image: linear-gradient(#00ccff, #218bb2);
	border-radius: 8px;
	box-shadow: 0 1px 1px #777;
	height:40px;
	padding:0 10px 0 10px;
	
}

#topMenu:before,
#topMenu:after {
	content: "";
	display: table;
}

#topMenu:after {
	clear: both;
}

#topMenu {
	zoom:1;
}

#topMenu li {
	float: left;
	/*border-right: 1px solid #222;*/
	/*box-shadow: 1px 0 0 #444;*/
	position: relative;
}

#topMenu a {
	float: left;
	padding: 12px 30px;
	color: #FFF;
	text-transform: uppercase;
	font: 14px "bank", Arial;
	text-decoration: none;
	/*text-shadow: 0 1px 0 #fff;*/
}

#topMenu li:hover > a {
	color: #fff;
}



#topMenu ul {
	margin: 20px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 1;    
	background: #444;	
	background-image: linear-gradient(#000, #000);
	/*box-shadow: 0 -1px 0 rgba(255,255,255,.3);*/	
	border-radius: 7px;
	transition: all .2s ease-in-out;  
}

#topMenu li:hover > ul {
	opacity: 0.85;
	visibility: visible;
	margin: 0;
}

#topMenu ul ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/
	box-shadow: -1px 0 0 rgba(255,255,255,.3);		
}

#topMenu ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
	box-shadow: 0 1px 0 #111, 0 2px 0 #777;
}

#topMenu ul li:last-child {   
	box-shadow: none;    
}

#topMenu ul a {    
	padding: 10px;
	width: 180px;
	_height: 10px; /*IE6 only*/
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
}

#topMenu ul a:hover {
	background-color: #0186ba;
	background-image: linear-gradient(#00ccff, #218bb2);
}

#topMenu ul li:first-child > a {
	border-radius: 3px 3px 0 0;
}

#topMenu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -7px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #444;
}

#topMenu ul ul li:first-child a:after {
	left: -7px;
	top: 50%;
	margin-top: -7px;
	border-left: 0;	
	border-bottom: 7px solid transparent;
	border-top: 7px solid transparent;
	border-right: 7px solid #3b3b3b;
}

#topMenu ul li:first-child a:hover:after {
	border-bottom-color: #04acec; 
}

#topMenu ul ul li:first-child a:hover:after {
	border-right-color: #0299d3; 
	border-bottom-color: transparent; 	
}

#topMenu ul li:last-child > a {
	border-radius: 0 0 3px 3px;
}

/*------Left Menu-------*/
.leftMenu{
	border:solid 1px #a7a7a7;
	-moz-box-shadow: 0px 0px 7px #a7a7a7;
	-webkit-box-shadow: 0px 0px 7px #a7a7a7;
	box-shadow: 0px 0px 7px #a7a7a7;
	border-radius:8px;
	-moz-border-radius:8px;
	background-color:#eceaea;
	display:block;
	padding:10px;
	width:200px;
	float:left;
	margin-left:10px;
}

.leftMenuButn{
	width:190px;
	height:35px;
	line-height:35px;
	/*background-image:url(../images/leftMenu_passive.png);
	background-repeat:no-repeat;*/
	vertical-align:middle;
	display:block;
	cursor:pointer;
	z-index:2;
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   border-bottom:solid 1px #29c;
   color:#555;
   padding-left:10px;
   

}

.leftMenuButn:hover{
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   background-color:#29c;
   color:#FFF;
   padding-left:30px;
   font-weight:bold;
   margin-left:-10px;
   height:40px;
	line-height:40px;
   
}

.leftMenuButn:hover{
	/*background-image:url(../images/leftMenu_hovered.png);
	background-repeat:no-repeat;*/
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   background-color:#29c;
   color:#FFF;
   padding-left:30px;
   font-weight:bold;
   margin-left:-10px;
   height:40px;
	line-height:40px;
   
}

.leftMenuButn2{
	width:190px;
	height:35px;
	line-height:35px;
	/*background-image:url(../images/leftMenu_passive.png);
	background-repeat:no-repeat;*/
	vertical-align:middle;
	display:block;
	cursor:pointer;
	z-index:2;
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   border-bottom:solid 1px #29c;
   color:#555;
   padding-left:10px;
   

}
.leftMenuButn2:hover{
   color:#000;
   font-weight:bold;
      
}



.leftMenu_Text{
	padding-left:15px;
	/*font-weight:bold;*/
	color:#555;
	font-family:Arial;
	text-transform:capitalize;
	font-size:12px;
	line-height:30px;
	margin:0;
	/*text-shadow:#333 2px 2px 3px;*/
}

.leftMenu_subText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:15px;
	margin-top:-25px;
	color:#FFF;
	width:230px;
}


.leftMenuButn_Featured{
	height:34px;
	width:260px;
	background-image:url(../images/leftMenu_featured.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	line-height:34px;
	list-style:none;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
}

.jobcardCount{
	display:block;
	/*border:1px solid #29c;*/
	width:40px;
	height:30px;
	margin-left:150px;
	text-align:center;
	margin-top:-33px;
	color:#FFF;
	font-weight:bold;
	background-color:#777;
}


/*-------Sub Top Menu---------*/

#sub_topMenu{
	position:absolute;
	
	
}

/*----------------------Tabs--------------------*/
.tabs{
	margin-bottom:-10px;
	display:block;
}

.tab{
	background-image: linear-gradient(#00ccff, #218bb2);
	display:block;
	border-radius: 8px 8px 0 0;
	border:2px solid #218bb2;
	line-height:40px;
	text-align:center;
	color:#FFF;
	float:left;
	padding:0 25px 0 25px;
	cursor:pointer;
	margin:0 0 -5px -10px;
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
.tab:hover{
	background-image: linear-gradient(#555, #777);
	border:2px solid #555;
	line-height:50px;
	margin:-10px 0 -5px -10px;
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

/*----------------------YearMenu----------------*/

#yearMenu, #yearMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#yearMenu{
	width: 100%;
	margin: 0px 0px 5px 0px;
	border-radius: 8px;
	box-shadow: 0px 0px 5px #333;
	height:40px;
	background-image: linear-gradient(#CCC, #777);
	zoom:1;
}

#yearMenu a.activeYear{
	background-image: linear-gradient(#00ccff, #218bb2);
	display:block;
	border-radius: 8px 0 0 8px;
	box-shadow: -3px 0px 5px #333;
	
}

#yearMenu a.activeYear2{
	width:65px;
	background-image: linear-gradient(#00ccff, #218bb2);
	display:block;
	border-radius: 8px 0 0 8px;
	box-shadow: -3px 0px 5px #333;
	
}


#yearMenu a.inactiveYear2{
	width:65px;
	background-image: linear-gradient(#CCC, #777);
	display:block;
	border-radius: 8px 0 0 8px;
	margin-left:-5px;
	box-shadow: -3px 0px 5px #333;
	
}

#yearMenu a.activeYear3{
	width:130px;
	background-image: linear-gradient(#00ccff, #218bb2);
	display:block;
	border-radius: 8px 0 0 8px;
	box-shadow: -3px 0px 5px #333;
	
}


#yearMenu a.inactiveYear3{
	width:130px;
	background-image: linear-gradient(#CCC, #777);
	display:block;
	border-radius: 8px 0 0 8px;
	margin-left:-5px;
	box-shadow: -3px 0px 5px #333;
	
}


#yearMenu a.activeYear4{
	width:140px;
	background-image: linear-gradient(#00ccff, #218bb2);
	display:block;
	margin: 0px -40px 0px 0px;
	border-radius: 8px 0 0 8px;
	box-shadow: -3px 0px 5px #333;
	
}


#yearMenu a.inactiveYear4{
	width:140px;
	background-image: linear-gradient(#CCC, #777);
	display:block;
	margin: 0px -40px 0px 0px;
	border-radius: 8px 0 0 8px;
	margin-left:-5px;
	box-shadow: -3px 0px 5px #333;
	
}

#yearMenu a.activeYearcap{
	width:190px;
	background-image: linear-gradient(#00ccff, #218bb2);
	display:block;
	margin: 0px -40px 0px 0px;
	border-radius: 8px 0 0 8px;
	box-shadow: -3px 0px 5px #333;
	
}

#yearMenu a.inactiveYearcap{
	width:50px;
	background-image: linear-gradient(#CCC, #777);
	display:block;
	margin: 0px -20px 0px 0px;
	border-radius: 8px 0 0 8px;
	margin-left:-5px;
	box-shadow: -3px 0px 5px #333;
	
}

#yearMenu a.inactiveYear{
	background-image: linear-gradient(#CCC, #777);
	display:block;
	border-radius: 8px 0 0 8px;
	margin-left:-5px;
	box-shadow: -3px 0px 5px #333;
	
}

#yearMenu:before,
#yearMenu:after {
	content: "";
	display: table;
}

#yearMenu:after {
	clear: both;
}


#yearMenu li {
	float: left;
	/*border-right: 1px solid #222;*/
	/*box-shadow: 1px 0 0 #444;*/
	position: relative;
	
}

#yearMenu a {
	float: left;
	padding: 12px 30px;
	color: #FFF;
	text-transform: uppercase;
	font: 14px "bank", Arial;
	text-decoration: none;
	/*text-shadow: 0 1px 0 #fff;*/
	
}

#yearMenu li:hover > a {
	color: #fff;
	
}


#yearMenu ul {
	margin: 20px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 1;    
	background: #444;	
	background: linear-gradient(#000, #000);
	/*box-shadow: 0 -1px 0 rgba(255,255,255,.3);*/	
	border-radius: 7px;
	transition: all .2s ease-in-out;  
}

#yearMenu li:hover > ul {
	opacity: 0.85;
	visibility: visible;
	margin: 0;
}

#yearMenu ul ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/
	box-shadow: -1px 0 0 rgba(255,255,255,.3);		
}

#yearMenu ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
	box-shadow: 0 1px 0 #111, 0 2px 0 #777;
	
}

#yearMenu ul li:last-child {   
	box-shadow: none;    
}

#yearMenu ul a {    
	padding: 10px;
	width: 180px;
	_height: 10px; /*IE6 only*/
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	
}

#yearMenu ul a:hover {
	background-color: #0186ba;
	background-image: linear-gradient(#00ccff, #218bb2);
}

#yearMenu ul li:first-child > a {
	border-radius: 7px 7px 0 0;
}

#yearMenu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -7px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #444;
}

#yearMenu ul ul li:first-child a:after {
	left: -7px;
	top: 50%;
	margin-top: -7px;
	border-left: 0;	
	border-bottom: 7px solid transparent;
	border-top: 7px solid transparent;
	border-right: 7px solid #3b3b3b;
}

#yearMenu ul li:first-child a:hover:after {
	border-bottom-color: #04acec; 
}

#yearMenu ul ul li:first-child a:hover:after {
	border-right-color: #0299d3; 
	border-bottom-color: transparent; 	
}

#yearMenu ul li:last-child > a {
	border-radius: 0 0 7px 7px;
}

/*------Main Menu-------*/

.menu_list {
	position:absolute;
	float:left;
	margin-top:0px;
	width: 250px;
	margin-left:10px;
	margin-top:20px;
}

.menu_header{
	width:200px;
	padding: 5px 0 12px 10px;
	cursor: pointer;
	position: relative;
	margin:0px;
	margin-left:-10px;
    font-weight:bold;
    background-image:url(../images/mM_categoryHead.png);
	background-repeat:no-repeat;
	color:#29c;/*--------------------------------PTemplate Colour*//*-------Main Menu Header-------*/
	font-family:"Bank", Arial;
	font-size:20px;
	font-variant:small-caps;
	
	height:18px;
}

.menu_head {
	width:200px;
	height:20px;
	padding: 5px 1px;
	cursor: pointer;
	position: relative;
	margin:0px;
	font-variant:small-caps;
    font-family:"Bank", Arial;
    
	/*background-image:url(../images/mM_Category.png);*/
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#29c;
	border-bottom-style:solid;
	border-bottom-color:#29c;
	border-bottom-width:1.5px;
	
	
}

p:hover.menu_head {
	background-color:#dadada;
	
	
}

.menu_body {
	display:none;
	/*background-image:url(../images/mM_body.png);*/
	background-repeat:no-repeat;
	
	
}

.menu_body a{
	width:200px;
  	display:block;
  	color:#777;
  	font-family:"Bank", Arial;  	
  	font-weight:bold;
  	text-decoration:none;
  	padding:5px 0 5px 5px;
	font-size:10px;
}

.menu_body a:hover{
  color: #fff;
  /*text-decoration:underline;*/
  font-family:"Bank", Arial;
  background-color:#29c;
  width:177px;
  }
  
a.mM_link{
	text-decoration:none;
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
	font-family:"Bank", Arial;
	
}

a:hover.mM_link{
	text-decoration:none;
	color:#29c;
	font-family:"Bank", Arial;
}

.mM_image{
	border:none;
	
}

.menu_footer{
	width:250px;
	padding: 12px 12px;
	cursor: pointer;
	position: relative;
	margin:0px;
    font-weight:bold;
    background-image:url(../images/mM_categoryFoot.png);
	background-repeat:no-repeat;
	
}
  
.orderBasket {
	position:relative;
	float:left;
	
	width: 250px;
} 

.paidQuote{
	
	color:#F00; 
	font-weight:bold;
	font-size:12px;
}

.captureBtn{
	max-width:130px;
	text-align:center;
	background-color:#F00;
	color:#FFF;
	line-height:15px;
	vertical-align:middle;
	border:#F00 solid 2px;
	border-radius:8px;
	-moz-border-radius:8px;
	font-weight:bold;
	cursor:pointer;
	display:block;
	padding:5px;
	-moz-transition: all .50s ease-in-out;
   -webkit-transition: all .50s ease-in-out;
}

.captureBtn:hover{
	background-color:#FFF;
	color:#F00;
	border:#F00 solid 2px;
	cursor:pointer;
	-moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

.unclaimBtn{
	max-width:80px;
	text-align:center;
	background-color:#F00;
	color:#FFF;
	line-height:15px;
	vertical-align:middle;
	border:#F00 solid 2px;
	border-radius:8px;
	-moz-border-radius:8px;
	font-weight:bold;
	cursor:pointer;
	display:block;
	padding:5px;
	-moz-transition: all .50s ease-in-out;
   -webkit-transition: all .50s ease-in-out;
}

.unclaimBtn:hover{
	background-color:#FFF;
	color:#F00;
	border:#F00 solid 2px;
	cursor:pointer;
	-moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}


.captureCancel{
	font-size:10px;
	color:#F00;
}

.captureCancel:hover{
	font-size:10px;
	color:#777;
}

.dueDates{
	position:absolute;
	margin-left:550px;
	top:200px;
}


/*--------------------------Product Edit------------------------*/

.editText{
	color:#555;
	font-weight:bold;
	background-image:url(../images/edit.png);
	background-repeat:no-repeat;
	display:block;
	height:30px;
	line-height:27px;
	font-size:12px;
	width:30px;
	
}

.editText:hover{
	color:#29c;
	background-image:url(../images/editHovered.png);
	background-repeat:no-repeat;
}


.menu_head_Products {
	width:900px;
	height:20px;
	padding: 5px 1px;
	cursor: pointer;
	position: relative;
	margin:0px;
	font-variant:small-caps;
    font-family:"Bank", Arial;
    
	/*background-image:url(../images/mM_Category.png);*/
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#29c;
	border-bottom-style:solid;
	border-bottom-color:#29c;
	border-bottom-width:1.5px;
	
	
}

p:hover.menu_head_Products {
	background-color:#dadada;
	
	
}

.menu_body_Products {
	display:none;
	/*background-image:url(../images/mM_body.png);*/
	background-repeat:no-repeat;
	
	
}

.menu_body_Products a{
	width:900px;
  	display:block;
  	color:#777;
  	font-family:"Bank", Arial;  	
  	font-weight:bold;
  	text-decoration:none;
  	padding:5px 0 5px 5px;
	font-size:10px;
}

.menu_body_Products a:hover{
  color: #fff;
  /*text-decoration:underline;*/
  font-family:"Bank", Arial;
  background-color:#29c;
  width:900px;
  }

/*---------------ORDERS-------------------*/

.allOrders{
	display:block;
	width:180px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	background-color:#29c;
	color:#FFF;
	border-radius:8px;
	-moz-border-radius:8px;
	float:left;
	margin-right:10px;
}

.infoBlock_Month_Previous{
	width:370px;
	display:inline-block;
}
.infoBlock_Month_Current{
	width:570px;
	display:inline-block;
}

.infoBlock{
	display:block;
	width:165px;
	height:70px;
	border-radius:8px;
	-moz-border-radius:8px;
	-moz-box-shadow: 1px 1px 7px #999;
	-webkit-box-shadow: 1px 1px 7px #999;
	box-shadow: 1px 1px 7px #999;
	margin-right:5px;
	float:left;
	
	
}

.infoBlock_3lines{
	display:block;
	width:165px;
	height:90px;
	border-radius:8px;
	-moz-border-radius:8px;
	-moz-box-shadow: 1px 1px 7px #999;
	-webkit-box-shadow: 1px 1px 7px #999;
	box-shadow: 1px 1px 7px #999;
	margin-right:5px;
	float:left;
	
	
}

.infoBlock2{
	display:inline-table;
	width:170px;
	height:33px;
	border-radius:8px;
	-moz-border-radius:8px;
	-moz-box-shadow: 1px 1px 7px #999;
	-webkit-box-shadow: 1px 1px 7px #999;
	box-shadow: 1px 1px 7px #999;
	margin-right:10px;
	margin-top:10px;
	
}

.infoBlockHead{
	color:#29c;
	font-size:18px;
	line-height:25px;
}

.infoBlockContent{
	color:#777;
	font-size:18px;
	line-height:25px;
}

.orderUpdate{
	background-color:#29c;
	background-image: linear-gradient(#00ccff, #218bb2);
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	display:inline-table;
	width:150px;
	height:70px;
	border-radius:8px;
	-moz-border-radius:8px;
	-moz-box-shadow: 1px 1px 7px #999;
	-webkit-box-shadow: 1px 1px 7px #999;
	box-shadow: 1px 1px 7px #999;
	margin-right:10px;
	border:none;
	cursor:pointer;
	font-variant:small-caps;
}

.orderUpdate:hover{
	background-color:#FFF;
	color:#29c;
	font-size:20px;
	font-weight:bold;
	display:inline-table;
	width:150px;
	height:70px;
	border:2px solid #29c;
	border-radius:8px;
	
}

.leftMenuButts{
	background-color:#29c;
	background-image: linear-gradient(#00ccff, #218bb2);
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	display:inline-table;
	width:180px;
	height:40px;
	border-radius:8px;
	-moz-border-radius:8px;
	-moz-box-shadow: 1px 1px 7px #999;
	-webkit-box-shadow: 1px 1px 7px #999;
	box-shadow: 1px 1px 7px #999;
	margin-left:10px;
	margin-bottom:10px;
	cursor:pointer;
	font-variant:small-caps;
}

.leftMenuButts:hover{
	background-color:#FFF;
	color:#228bb2;
	font-size:16px;
	font-weight:bold;
	display:inline-table;
	width:180px;
	height:40px;
	border:2px solid #218bb2;
	border-radius:8px;
	
}

.yewTabs1{
	background-color:#29c;
	background-image: linear-gradient(#00ccff, #218bb2);
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	display:inline-table;
	width:90px;
	height:30px;
	border-radius:8px;
	-moz-border-radius:8px;
	-moz-box-shadow: 1px 1px 7px #999;
	-webkit-box-shadow: 1px 1px 7px #999;
	box-shadow: 1px 1px 7px #999;
	
	margin-bottom:1px;
	cursor:pointer;
	font-variant:small-caps;
}

.yewTabs1:hover{
	background-color:#FFF;
	color:#228bb2;
	font-size:16px;
	font-weight:bold;
	display:inline-table;
	width:180px;
	height:40px;
	border:2px solid #218bb2;
	border-radius:8px;
	
}

.leftMenuButtsDisabled{
	background-color:#29c;
	background-image: linear-gradient(#c0c0c0, #808080);
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	display:inline-table;
	width:180px;
	height:40px;
	border-radius:8px;
	-moz-border-radius:8px;
	-moz-box-shadow: 1px 1px 7px #999;
	-webkit-box-shadow: 1px 1px 7px #999;
	box-shadow: 1px 1px 7px #999;
	margin-left:10px;
	margin-bottom:10px;
	cursor:pointer;
	font-variant:small-caps;
}

.leftMenuButtsDisabled:hover{
	background-color:#FFF;
	color:#808080;
	font-size:16px;
	font-weight:bold;
	display:inline-table;
	width:180px;
	height:40px;
	border:2px solid #808080;
	border-radius:8px;
	
}

textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

 /*--------Quote Month---------*/
 
.yearSelected{
	border:solid 2px #29c;
	background-color:#29c;
	color:#FFF;
	text-decoration:none;
	display:inline-block;
	width:55px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	font-weight:bold;
}

.yearDeselected{
	border:solid 1px #999;
	background-color:#FFF;
	color:#777;
	text-decoration:none;
	display:inline-block;
	width:55px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
}
 
.formsMonthName{
	font-weight:bold;
	display:block;
	height:100%;
	vertical-align:middle;
	line-height:35px;
}

 .formsMonth td{
	 border-bottom:solid 1px #999;
	 color:#555;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
 }
 
.formsMonthHeaders td{
	border:1px solid #FFF;
	background-color:#999;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	height:35px;
	
}

.formsMonthName{
	color:#29c;
	font-weight:bold;
}
 
 .statisticsTable{
	 margin-left:110px;
 }
 
 .statisticsRow{
	 color:#29c;
	 font-weight:bold;
	 font-size:18px;
	 
 }
 
 .statisticsRowHeaders{
	background-color:#999;
	 color:#FFF;
	 font-weight:bold;
	 font-size:12px;
	 height:40px;
	 border:1px solid #FFF;
	 padding-bottom:-10px;
	 
 }
 
 
 
 /*----------------in month------------------*/
 
 .inMonth_TotalQuotes{
	 display:table-cell;
	 position:absolute;
	 margin-left:100px;
	 margin-top:-20px;
	 width:79px;
	 height:25px;
	 line-height:25px;
	 vertical-align:middle;
	 border-right:1px solid #CCC;
	 font-size:14px;
	border-left:1px solid #CCC;
	padding-left:7px;
 }
 
 .inMonth_Accepted{
	 display:table-cell;
	 position:absolute;
	 margin-left:188px;
	 margin-top:-20px;
	 width:58px;
	 height:25px;
	 line-height:25px;
	 vertical-align:middle;
	 border-right:1px solid #CCC;
	padding-left:7px;
 }
 
  .inMonth_ratio{
	 display:table-cell;
	 position:absolute;
	 margin-left:252px;
	 margin-top:-20px;
	 width:53px;
	 height:25px;
	 line-height:25px;
	 vertical-align:middle;
	 border-right:1px solid #CCC;
	 text-align:right;
	padding-right:7px;
 }
 
  .inMonth_Total{
	 display:table-cell;
	 position:absolute;
	 margin-left:312px;
	 margin-top:-20px;
	 width:97px;
	 height:25px;
	 line-height:25px;
	 vertical-align:middle;
	 border-right:1px solid #CCC;
	 text-align:right;
	padding-right:7px;
 }
 
 /*----------------out month------------------*/
 
 .outMonth_Accepted{
	 display:table-cell;
	 position:absolute;
	 margin-left:440px;
	 margin-top:-20px;
	 width:60px;
	 height:25px;
	 line-height:25px;
	 vertical-align:middle;
	 border-right:1px solid #CCC;
	 border-left:1px solid #CCC;
	padding-left:7px;
 } 
 
 .outMonth_Ratio{
	 display:table-cell;
	 position:absolute;
	 margin-left:508px;
	 margin-top:-20px;
	 width:55px;
	 height:25px;
	 line-height:25px;
	 vertical-align:middle;
	 border-right:1px solid #CCC;
	 text-align:right;
	padding-right:7px;
 } 
 
 .outMonth_Total{
	 display:table-cell;
	 position:absolute;
	 margin-left:575px;
	 margin-top:-20px;
	 width:103px;
	 height:25px;
	 line-height:25px;
	 vertical-align:middle;
	 border-right:1px solid #CCC;
	 text-align:right;
	padding-right:7px;
 }
 
  /*----------------Average------------------*/
 
 .avgMonth_Accepted{
	 display:table-cell;
	 position:absolute;
	 margin-left:710px;
	 margin-top:-20px;
	 width:63px;
	 height:25px;
	 line-height:25px;
	 vertical-align:middle;
	 border-right:1px solid #CCC;
	 border-left:1px solid #CCC;
	 padding-left:7px;
 } 
 
 .avgMonth_Ratio{
	 display:table-cell;
	 position:absolute;
	 margin-left:780px;
	 margin-top:-20px;
	 width:53px;
	 height:25px;
	 line-height:25px;
	 vertical-align:middle;
	 border-right:1px solid #CCC;
	 text-align:right;
	padding-right:7px;
 } 
 
 .avgMonth_Total{
	 display:table-cell;
	 position:absolute;
	 margin-left:845px;
	 margin-top:-20px;
	 width:107px;
	 height:25px;
	 line-height:25px;
	 vertical-align:middle;
	 border-right:1px solid #CCC;
	 text-align:right;
	 padding-right:7px;
	
 }
 
 /*---------------------------------------------*/
.quotesMonth_TableHeaders{
	color:#999;
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
}

.quotesMonth_MonthName{
	width:200px;
	display:table-cell;
}

.quotesMonth_AcceptedCount{
	display:table-cell;
	width:200px;
	font-weight:bold;
	font-size:12px;
	font-variant:small-caps;
	margin-left:170px;
	color:#29c;
	position:absolute;
	
}

.quotesMonth_AcceptedSum{
	display:table-cell;
	width:200px;
	font-weight:bold;
	font-size:12px;
	font-variant:small-caps;
	margin-left:300px;
	color:#29c;
	position:absolute;
}

.quotesMonth_TotalCount{
	display:table-cell;
	width:200px;
	font-weight:bold;
	font-size:12px;
	font-variant:small-caps;
	margin-left:480px;
	color:#29c;
	position:absolute;
}

.quotesMonth_AcceptanceRatio{
	display:table-cell;
	width:200px;
	font-weight:bold;
	font-size:12px;
	font-variant:small-caps;
	margin-left:630px;
	color:#29c;
	position:absolute;
}

.quotesMonth_PendingCount{
	display:table-cell;
	width:200px;
	font-weight:bold;
	font-size:12px;
	font-variant:small-caps;
	margin-left:770px;
	color:#29c;
	position:absolute;
}

.quotesMonth_Value{
	display:table-cell;
	width:150px;
}
 
.quotesMonthRow{
	width:1200px;
	height:50px;
	border-bottom:1px solid #CCC;
	display:block;
	
}
.quotesMonthDate{
	
	float:left;
	width:80px;
	font-size:12px;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}
.quotesMonthQNO{
	float:left;
	width:100px;
	font-size:12px;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
	
}

.quotesMonthCompany{
	float:left;
	width:150px;
	font-size:12px;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}

.quotesMonthContact{
	float:left;
	width:150px;
	font-size:12px;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}

.quotesMonthContactNo{
	float:left;
	width:100px;
	font-size:12px;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}
.quotesMonthEmail{
	float:left;
	width:200px;
	font-size:12px;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}

.quotesMonthTotal{
	float:left;
	width:100px;
	font-size:12px;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}

.quotesMonthStatus{
	
	float:left;
	width:100px;
	font-size:12px;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;	
}

a.quoteMonthLink{
	font-size:12px;
	color:#29c;
}

.menu_list2 {
	position:absolute;
	float:left;
	margin-top:0px;
	width: 100%;
	margin-left:10px;
	margin-top:20px;
}

.menu_header2{
	width:100%;
	padding: 5px 0 12px 10px;
	cursor: pointer;
	position: relative;
	margin:0px;
	margin-left:-10px;
    font-weight:bold;
    background-image:url(../images/mM_categoryHead.png);
	background-repeat:no-repeat;
	color:#29c;/*--------------------------------PTemplate Colour*//*-------Main Menu Header-------*/
	font-family:"Bank", Arial;
	font-size:20px;
	font-variant:small-caps;
	
	height:18px;
}

.menu_head2 {
	width:1000px;
	height:20px;
	padding: 5px 1px;
	cursor: pointer;
	position: relative;
	margin:0px 0 8px;
	font-variant:small-caps;
    font-family:"Bank", Arial;
    
	/*background-image:url(../images/mM_Category.png);*/
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#29c;
	border-bottom-style:solid;
	border-bottom-color:#29c;
	border-bottom-width:1.5px;
	
	
}

p:hover.menu_head2 {
	background-color:#dadada;
	
	
}

.menu_body2 {
	display:none;
	/*background-image:url(../images/mM_body.png);*/
	background-repeat:no-repeat;
	width:1100px;
	
	
}


  
a.mM_link2{
	text-decoration:none;
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
	font-family:"Bank", Arial;
	
}

a:hover.mM_link2{
	text-decoration:none;
	color:#29c;
	font-family:"Bank", Arial;
	
	
	
}

.mM_image2{
	border:none;
	
}

.menu_footer2{
	width:250px;
	padding: 12px 12px;
	cursor: pointer;
	position: relative;
	margin:0px;
    font-weight:bold;
    background-image:url(../images/mM_categoryFoot.png);
	background-repeat:no-repeat;
	
}
  
.orderBasket2 {
	position:relative;
	float:left;
	
	width: 250px;
}  

/*-------------------------Orders Month--------------*/

.menu_list3 {
	position:absolute;
	float:left;
	margin-top:0px;
	width: 100%;
	margin-left:10px;
	margin-top:20px;
}

.menu_header3{
	width:100%;
	padding: 5px 0 12px 10px;
	cursor: pointer;
	position: relative;
	margin:0px;
	margin-left:-10px;
    font-weight:bold;
    background-image:url(../images/mM_categoryHead.png);
	background-repeat:no-repeat;
	color:#29c;/*--------------------------------PTemplate Colour*//*-------Main Menu Header-------*/
	font-family:"Bank", Arial;
	font-size:20px;
	font-variant:small-caps;
	
	height:18px;
}

.menu_head3 {
	width:1100px;
	height:20px;
	padding: 5px 1px;
	cursor: pointer;
	position: relative;
	margin:0px 0 8px;
	font-variant:small-caps;
    font-family:"Bank", Arial;
    
	/*background-image:url(../images/mM_Category.png);*/
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#29c;
	border-bottom-style:solid;
	border-bottom-color:#29c;
	border-bottom-width:1.5px;
	
	
}

p:hover.menu_head3 {
	background-color:#dadada;
	
	
}

.menu_body3 {
	display:none;
	/*background-image:url(../images/mM_body.png);*/
	background-repeat:no-repeat;
	width:1100px;
	
	
}

/*----------------AccountS Month-----------------------*/

.incomeMonth_IncomeTotal{
	display:table-cell;
	width:200px;
	font-weight:bold;
	font-size:12px;
	font-variant:small-caps;
	margin-left:210px;
	color:#29c;
	position:absolute;
	
}

.incomeMonth_IncomeCounts{
	display:table-cell;
	width:200px;
	font-weight:bold;
	font-size:12px;
	font-variant:small-caps;
	margin-left:370px;
	color:#29c;
	position:absolute;
	
}

.incomeMonth_IncomeBalance{
	display:table-cell;
	width:200px;
	font-weight:bold;
	font-size:12px;
	font-variant:small-caps;
	margin-left:570px;
	color:#29c;
	position:absolute;
}

.incomeMonth_Value{
	display:table-cell;
	width:200px;
}

.td_size {    
  width:20px; 
  max-width:250px;
  
  
}

.tableHeaders{
	background-color:#999;
	color:#FFF;
	font-weight:bold;
	
}

/*------Page Content-------*/

.pageContainer{
	display:block;
	max-width:1100px;
	width:97%;
	/*border:solid 1px #29c;*/
	margin:0 0 0 231px;
	
	
}

.page{
	padding:10px 10px 10px 10px;
	width:97%;
	max-width:1100px;
	
	margin:5px 5px 5px 5px;
	border:solid 1px #a7a7a7;
	-moz-box-shadow: 0px 0px 7px #a7a7a7;
	-webkit-box-shadow: 0px 0px 7px #a7a7a7;
	box-shadow: 0px 0px 7px #a7a7a7;
	border-radius:8px;
	-moz-border-radius:8px;
	background-color:#eceaea;
	display:block;
	overflow:auto;
}

.pageHalf{
	padding:10px;
	width:50%;
	max-width:517px;
	border:solid 1px #a7a7a7;
	-moz-box-shadow: 0px 0px 7px #a7a7a7;
	-webkit-box-shadow: 0px 0px 7px #a7a7a7;
	box-shadow: 0px 0px 7px #a7a7a7;
	border-radius:8px;
	-moz-border-radius:8px;
	background-color:#eceaea;
	display:inline-block;
	margin:0 0px 5px 5px;
	float:left;
}

.departmentDetails{
	border:1px solid #CCC;
	margin:0px 10px 0 0px;
	width:100%;
	
}

.departmentTitle{
	float:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#29c;
	font-variant:small-caps;
	margin-bottom:10px;
	margin-right:10px;
}

.requestQuote{
	width:825px;
}

#pageContent{
	position:absolute;
	width:1080px;
	padding: 10px 10px 20px 10px; /*top right bottom left*/
	margin-top:0px;
	margin-left:230px;
	height:auto;
	text-align:left;
	margin-bottom:130px;
	border:solid #CCC 1px;
	background-color:#FFF;
}

.pageContentFinal{
	height:297mm;
	width:210mm;
	page-break-after:always;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	color:#999;
	font-variant:small-caps;
	margin:0px 0 0px 0px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#29c;
	font-variant:small-caps;
	margin-bottom:10px;
	margin-top:0;
}

h3.page_subTitle{
	font-family:Arial, Helvetica, sans-serif;
	
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#777;
	
}

strong{
	color:#29c;
}

.contactText{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#06F;
}

img{
	border:none;
}

button{
	border:none;
}

.dateTime{
	color:#777;
	font-size:12px;
}


/*----------Product Forms-------------*/

.formTopMenu{
	min-height:100%;
	display:block;
	width:215px;
	float:left;
	margin-left:10px;
	margin-right:10px;
}

.formTopMenuLink{
	width:200px;
	height:35px;
	color:#555;
	border-bottom:solid 1px #29c;
	text-decoration:none;
	line-height:35px;
	vertical-align:middle;
}

.formTopMenuLink {
	
	color:#555;
	
	text-decoration:none;
	
}

.formTopMenuLink2{
	width:500px;
	height:35px;
	color:#555;
	border-bottom:solid 1px #29c;
	text-decoration:none;
	line-height:35px;
	vertical-align:middle;
}

.formLabel{
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
}

.formLabel2{
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:12px;
	font-weight:bold;

	overflow:hidden;
	width:70px;
}


.formInput{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#555;
}

select.categorySelect{
	width:320px;
	color:#555;
	
}

.errorText{
	color:#F00;
	font-size:10px;
	width:auto;
}

.boldInfo{
	color:#29c; /*-----------------------------------Template colour*//*---------Bold Text-------*/
	font-size:16px;
	font-weight:bold;
}

.addSuccess{
	width:100%;
	background-color:#096;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	padding-left:20px;
	padding-top:7px;
	height:25px;
	margin-top:20px;
	border-style:solid;
	border-color:#6C9;
	border-width:2px;
	font-variant:small-caps;
}

.confirmButton{
	background-color:#29c;/*-------------------------Template Colour*//*---------Confirm Buttons------*/
	color:#fff;
	width:120px;
	border-color:#6C9;
	border-radius:8px;
	-moz-border-radius:8px;
	font-weight:bold;
	height:35px;
}

.confirmButton:hover{
	background-color:#CCC;/*-------------------------Template Colour*//*---------Confirm Buttons------*/
	color:#29c;
	width:120px;
	border-color:#dadada;
	font-weight:bold;
	border-style:solid;
	
}

a.productEditLink{
	color:#29c;/*---------------------------------Template Colour*//*------------Product Edit Link------*/
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
}

a:hover.productEditLink{
	color:#777;/*---------------------------------Template Colour*//*------------Product Edit Link------*/
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

.productEditRow td{
	border-bottom-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:1px;
	font-size:12px;
	height:30px;
	color:#333;
	line-height:17px;
}

.orderDue td{
	border-bottom-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:1px;
	font-size:12px;
	height:30px;
	color:#FFF;
	line-height:17px;
	background-color:#C66;
}

.orderOverdue td{
	border-bottom-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:1px;
	font-size:12px;
	height:30px;
	color:#FFF;
	line-height:17px;
	background-color:#C33;
}

.productUpdate{
	color:#999;
	font-style:oblique;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.productUpdateSelect{
	width:320px;
	color:#999;
	font-style:oblique;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.productUpdateValidate{
	height:70px;
	width:250px;
	color:#29c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border:none;
	font-weight:bold;
}

.productEdit_Code{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
	background-color:#CCC;
	font-weight:bold;
}

.productEdit_Name{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
	background-color:#CCC;
	font-weight:bold;
}

.productEdit_Subject{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
	background-color:#CCC;
	font-weight:bold;
}

.productEdit_Category{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
	background-color:#CCC;
	font-weight:bold;
}

.productEdit_Status{
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
	background-color:#CCC;
	font-weight:bold;
}

.productEdit_Price{
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
	background-color:#CCC;
	font-weight:bold;
}
.productEditItem{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
}

.productEditMain{
	color:#29c;/*---------------------------------Template Colour*//*------------Product Edit Link------*/
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
	

.productEdit_Featured{
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
	background-color:#CCC;
	font-weight:bold;
}

.editBtn{
	color:#09C;
	border:none;
	height:15px;
	width:50px;
	background-color:#d7d7d7;
	font-size:10px;
	margin-bottom:3px;
	cursor:pointer;
}

/*---------------Login--------------------------*/

.loginForm{
	margin-top:150px;
	border-color:#CCC;
	border-style:solid;
	border-width:2px;
	width:350px;
	height:250px;
	border-radius:8px;
	-moz-border-radius:8px;
	background-color:#FFF;
}


.loginLegend{
	font-family:Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color:#29c;
}

.loginLabel{
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-variant:small-caps;
	padding-right:20px;
}

li.loginLabel{
	padding-bottom:10px;
	padding-top:20px;
	
}

li{
	list-style:none;
}
	
/*----------------Client Forms------------------*/

.productRow td{
	border-bottom:solid #CCC 1px;
	padding:5px 0 0px 5px;
	font-size:12px;
	color:#777;
}

.descriptionText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555;
	margin-top:3px;
	margin-bottom:5px;	
	overflow:auto;
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	word-wrap: break-word;                 /* IE 5.5+ and up */
	/* overflow-x: auto; */                /* Firefox 2 only */
	/* width: 99%; */
	
	
}

.requestLabels{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#29c;
	width:120px;
}

.extraInfo{
	color:#999;
	font-size:12px;
	padding-left:10px;
}

.continueBtn{
	border:solid 2px #29c;
	color:#777;
	background-color:#FFF;
	padding:10px;
	display:block;
	cursor:pointer;
	border-radius:8px;
	-moz-border-radius:8px;
	margin-bottom:7px;
	font-weight:bold;
	font-size:14px;
}

.continueBtn:hover{
	border:solid 2px #29c;
	color:#FFF;
	background-color:#29c;
	font-weight:bold;
}

.clearBtn{
	border:solid 2px #29c;
	color:#FFF;
	background-color:#29c;
	padding:5px;
	display:inline-block;
	float:left;
	cursor:pointer;
	border-radius:8px;
	-moz-border-radius:8px;
	margin-top:7px;
	font-weight:bold;
	font-size:14px;
}

.clearBtn:hover{
	border:solid 2px #29c;
	color:#777;
	background-color:#FFF;
	font-weight:bold;
}

.clearBtn2{

	color:#FFF;
	background-color:#29c;
	background-image: linear-gradient(#00ccff, #218bb2);
	display:block;
	width:178px;
	line-height:38px;
	cursor:pointer;
	border-radius:8px;
	-moz-border-radius:8px;
	border:solid 2px #fff;
	margin-top:7px;
	margin-left:10px;
	
	font-size:16px;
	font-weight:bold;
	font-variant:small-caps;
	text-align: center;
}

.clearBtn2:hover{
	border:solid 2px #218bb2;
	color:#218bb2;
	background-color:#000;
	font-weight:bold;
}

.clearBtn3{

	color:#FFF;
	background-color:#29c;
	background-image: linear-gradient(#00ccff, #218bb2);
	display:block;
	width:178px;
	line-height:19px;
	cursor:pointer;
	border-radius:8px;
	-moz-border-radius:8px;
	border:solid 2px #fff;
	margin-top:7px;
	margin-left:10px;
	
	font-size:16px;
	font-weight:bold;
	font-variant:small-caps;
	text-align: center;
}

.clearBtn3:hover{
	border:solid 2px #218bb2;
	color:#218bb2;
	background-color:#000;
	font-weight:bold;
}

.redBtn{
	color:#FFF;
	background-color:#f00;
	display:block;
	width:160px;
	line-height:20px;
	border-radius:8px;
	-moz-border-radius:8px;
	margin-top:1px;
	margin-left:20px;
	font-size:14px;
	font-variant:small-caps;
	text-align: center;
}

.yelBtn{
	color:#FFF;
	background-color:#dd0;
	display:block;
	width:160px;
	line-height:20px;
	border-radius:8px;
	-moz-border-radius:8px;
	margin-top:1px;
	margin-left:20px;
	font-size:14px;
	font-variant:small-caps;
	text-align: center;
}

.grnBtn{
	color:#FFF;
	background-color:#6c0;
	display:block;
	width:160px;
	line-height:20px;
	border-radius:8px;
	-moz-border-radius:8px;
	margin-top:1px;
	margin-left:20px;
	font-size:14px;
	font-variant:small-caps;
	text-align: center;
}
	

.butt{ 
	float:left;
    
}

/*-------------------Final Form------------------*/
.formPage{
	padding:10px;
	max-width:97%;
	margin:10px 10px 5px 10px;
	border:solid 1px #a7a7a7;
	-moz-box-shadow: 0px 0px 7px #a7a7a7;
	-webkit-box-shadow: 0px 0px 7px #a7a7a7;
	box-shadow: 0px 0px 7px #a7a7a7;
	border-radius:8px;
	-moz-border-radius:8px;
	background-color:#FFF;
	display:block;
	margin-left:230px;
	
}

.belowForm{
	width:850px;
}

.formFieldset{
	height:120px;
	width:393px;
}

.formProduct{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#777;
}

.form_Title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-variant:small-caps;
	color:#999;
	margin-top:5px;
	margin-bottom:5px;
	padding:10px;
	max-width:97%;
	margin:10px 10px 5px 10px;
	border:solid 1px #a7a7a7;
	-moz-box-shadow: 0px 0px 7px #a7a7a7;
	-webkit-box-shadow: 0px 0px 7px #a7a7a7;
	box-shadow: 0px 0px 7px #a7a7a7;
	border-radius:8px;
	-moz-border-radius:8px;
	background-color:#FFF;
	display:block;
	margin-left:230px;
}

.formTotals{
	margin-left:616px;
	border-style:solid;
	border-color:#999;
	border-width:1px;
	width:220px;
	padding:5px 5px 5px 5px;
	
	
}

.formTotals2{
	margin-top:7px;
	width:230px;
	display:block;
	margin-left:99%;
}

.formTotalsData_Head{
	
	background-color:#29c;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:25px;
	
}

.formTotalsData{
	border-style:solid;
	border-color:#999;
	border-width:1px;
	color:#999;
	font-weight:bold;
	
}

.finalForm_TC{
	position:relative;
	padding-left:10px;
	padding-top:10px;
	width:600px;
	/*border: solid #CCC 1px;*/
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
}

.finalForm_TC_Title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#999;
	margin-top:-5px;
	margin-bottom:7px;
}

.textArea_TC{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	margin-top:3px;
	margin-bottom:5px;	
	overflow:auto;
	width:580px;
	font-family:Arial, Helvetica, sans-serif;
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	word-wrap: break-word; 
	line-height: 18px;
}

.tableHeadings td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	background-color:#29c;
	background-image: linear-gradient(#00ccff, #218bb2);
	color:#FFF;
	height:30px;
	padding:5px;
}

.bankingDetails1{
	width:120px;
	color:#29c;
	font-weight:bold;
	font-size:12px;
}

.bankingDetails2{
	width:120px;
	color:#777;
	font-size:12px;
}

/*----------Footer-----------*/

.footer{
	
	height:400px;
	width:1335px;
	/*background-image:url(../images/footer.png);*/
	background-repeat:no-repeat;
	background-position:center;
	
}

.footer_Content{
	text-align:center;
	padding-top:15px;
	padding-right:50px;
	font-size:13px;
	width:650px;
	
	
	
}

a.fC_Link{
	text-decoration:none;
	width:650px;
	color:#667;
	
	
}

a:hover.fC_Link{
	text-decoration:none;
	width:650px;
	color:#09F;
	
	
}