/* CSS Document */

body{
margin:0px;
padding:0px;
background: url(images/ody_bg.gif) top left repeat-x; 


}

TH,TD,DIV{font-family: "trebuchet MS", verdana, sans-serif; font-size:12px; color:#000000;}
A,A:link,A:visited,A:active{color:#000000; text-decoration:none; font-weight:normal; font-family: "trebuchet MS", verdana, sans-serif;}
A:hover{color:#009900; text-decoration:underline; font-family: "trebuchet MS", verdana, sans-serif;}

.mainwidth{
margin:auto;
width:960px;
text-align:left;
background-color:#000000;
}

.mainwidthbot{
margin:auto;
width:960px;
padding: 0px 0px 0px;
text-align:left;
background-color:#ffffff;
}

.logintext{
color:#009900;
font-family:"trebuchet MS",verdana,sans-serif;
font-size:18px;
padding-top:10px
}

.bottom_bg{
background:url(images/bot_bg.gif) top left repeat-x;
height:79px;
}

/******************* Control Panel styles *********************/
.controlpanel{ background:#FFF; border:#ADADAD solid; border-width:0px 0px 2px; }
.controlpanel IMG{ margin:15px 5px 0px; }
.controlpanel TD TD TD TD IMG{ margin:0px; }
.controlpanel TD TD TD{ width:auto; }
.controlpanel DIV{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; }
.controlpanel TD.SubHead{ background:#CCC; font-size:12px; color:#000; font-weight:bold; }
.controlpanel TD TD TD .SubHead{ background:transparent; border:0px; color:#333; }
.controlpanel TD TD TD input{ background:#EFEFEF; color:#000; font-weight:bold; padding-left:4px; }
.controlpanel TD TD TD select{ background:#EFEFEF; color:#333;}
.controlpanel A.CommandButton{ font-size:10px;}
.controlpanel A.CommandButton:link{ color:#000; }
.controlpanel A.CommandButton:visited{ color:#000; }
.controlpanel A.CommandButton:active{ color:#000; }
.controlpanel A.CommandButton:hover{ color:#FF9900; text-decoration:underline;}
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{	color:#CB0133;}
A.CommandButton:hover{ color:#CB0133; text-decoration:underline;}

/******************* Container styles *********************/
.Head{ font-size:12px; font-weight:bold; color:#53cbed;}
.SubHead{ color:#53cbed; }
.SubSubHead{color:#53cbed;}
.Normal{color:#53cbed; line-height:120%; letter-spacing: .5px;}

/******************* other styles *********************/
#wrapper{ position:relative; height:258px; }
#logo{ position:absolute; top:29px; left:29px; width:228px; height:31px; z-index:3; }
#user{ position:absolute; height:18px; top:8px; right:8px; text-align:right; z-index:3; }
#header{ position:absolute; bottom:40px; z-index:2; width:100%; background:url(headerbg.gif); }
#menu{ position:absolute; background:url(menubg.jpg); width:auto; height:54px; bottom:0px; z-index:1;}

/* ********** Pane Style ************** */
.LeftPane {padding:0px 10px 0px 0px; width:33%;}
.RightPane {padding:0px 0px 0px 10px; width:33%;}
.MiddlePane {
padding:0px 0px 0px 2px;

}
.TopPane {padding:0px 0px 0px 0px;}
.ContentPane {padding:0px 0px 0px 0px; width:50% }
.BottomPane {padding:10px 0px 0px 0px; }


#SearchContainer Input{padding:0px; border:#FFFFFF; WIDTH:120px; HEIGHT:16px; background:#FFFFFF; padding:2px 0px 0px 3px; margin-right:0px; font-size:9px; color:#000000;}

#SearchContainer A,#SearchContainer A:link,#SearchContainer A:visited,#SearchContainer A:active{ color:#0054A3;}
#SearchContainer A:hover{ color:#009900;}


.srchtxt{font-size:12px; font-family:"trebuchet MS",verdana,sans-serif; padding-right:5px;  color:#ffffff; text-decoration:none; }

.user,a.user:link,a.user:active,a.user:visited {font-family: "trebuchet MS", verdana, sans-serif; font-size:11px; font-weight:bold; color:#dedede; text-decoration:none;}
a.user:hover{color:#009900;}

/* ********** Link Style **************/
.links,a.links:link,a.links:active,a.links:visited{font-family: "trebuchet MS", verdana, sans-serif; font-size:12px; color:#3b3b3b; text-decoration:none; font-weight:normal;}
a.links:hover{color:#d6b5cd;}

/* ********** Footer Index ************** */
.footer, a.footer:link, a.footer:active, a.footer:visited{font-family: "trebuchet MS", verdana, sans-serif; font-size:12px; color:#3b3b3b; text-decoration:none; font-weight:bold;}

/* ********** Breadcrumb Style ***************/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{ font-family: "trebuchet MS", verdana, sans-serif;; font-size:11px; color:#333333; text-decoration:none; font-weight:bold;}
a.Breadcrumb:hover{color:#f36722;}

/* ********** Date Style ************** */
.date,a.date:link,a.date:active,a.date:visited{font-family: "trebuchet MS", verdana, sans-serif;; font-size:10px; color:#676767; text-decoration:none; font-weight:bold;}
a.date:hover{ color:#676767;}


/* r.a.d.menu Dnn skin */

/* ********** Menu Style ************** */
.RadMenu_Dnn .link
{
	text-decoration:none;
	font-family: "trebuchet MS", verdana, sans-serif;
	color:#ffffff;
	font-size: 11px;
	font-weight:normal;
	line-height:32px;
	padding:7px 12px 0 12px;	
	text-align: center;
	text-transform:uppercase;
	cursor:pointer;
}

.RadMenu_Dnn .link:hover,
.RadMenu_Dnn .focused,
.RadMenu_Dnn .expanded
{
	text-decoration:none;
	font-family: "trebuchet MS", verdana, sans-serif;
	color: #df633b;
	font-size: 11px;
	font-weight:normal;
	line-height:32px;
	padding:7px 12px 0 12px;	
	text-align: center;
	text-transform:uppercase;
	cursor:pointer;
	outline:none;
}

.RadMenu_Dnn .rootGroup .disabled:hover
{
	
	color: #df633b;
}

.RadMenu_Dnn .text
{
	color: #ffffff;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
}

.RadMenu_Dnn  .link:hover .text, 
.RadMenu_Dnn  .focused .text 
{
	color:#009900;
}

/* Submenu of menu */

.RadMenu_Dnn .group
{
	border: solid 1px #000000;
	background:#000000;
}

.RadMenu_Dnn .group .text
{
	color: #000000;
	font-size:10px;
	font-weight:normal;
	padding-left: 9px;
}      

.RadMenu_Dnn .group .link
{
	margin-top:0px;
	margin-bottom:0px;
	background:#ffffff;
	line-height: 21px;
	text-align: left;
	padding:0px 11px 0px 3px;
}

.RadMenu_Dnn .group .link .text 
{
	color: #000000;
}

.RadMenu_Dnn .group .link:hover .text, 
.RadMenu_Dnn .group .focused .text 
{
	color:#FFFFFF;
}

.RadMenu_Dnn .group .link:hover,
.RadMenu_Dnn .group .focused,
.RadMenu_Dnn .group .expanded
{
	background:#000000;
	line-height: 21px;
	text-align: left;
	border: 0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px 11px 0px 3px;
}

.RadMenu_Dnn .expandLeft,
.RadMenu_Dnn .expandRight
{
	background: transparent url(images/groupImage.gif) right center no-repeat;
	padding:0 10px;
}


/**************** Link tab *****************/
#link_tab{margin:0; padding:0; float:left;}
#link_tab table{margin:0px 0 0 0px; padding:0px; }
#link_tab td{font-size:0px; line-height:0px; margin:0px; padding:0; height:1px;}
#link_tab img{margin:0px;}
#link_tab div{margin:0px;}
#link_tab a{display:block; font-family: "trebuchet MS", verdana, sans-serif;; font-size:12px; font-weight:normal; color:#ffffff; margin:0px; padding:9px 17px 0px 5px; text-align:left; height:19px; line-height:1.5em; background:url(blue_arrow.gif) no-repeat center right;}
#link_tab a:link{text-decoration:none; color:#ffffff;}
#link_tab a:visited{text-decoration:none; color:#ffffff;}
#link_tab a:hover{color:#009900;}
#link_tab a:active{color:#009900; outline:none;}


.black{font-family:"trebuchet MS",verdana,sans-serif; font-size:13px; font-weight:bold; color:#000000;}
.con_black{font-family:"trebuchet MS",verdana,sans-serif; font-size:11px; font-weight:normal; color:#000000;}
.mail_black{font-family:"trebuchet MS",verdana,sans-serif; font-size:12px; font-weight:bold; color:#000000;}
.mail_black_nor{font-family:"trebuchet MS",verdana,sans-serif; font-size:12px; font-weight:normal; color:#000000;}
.slogan{font-family:"trebuchet MS",verdana,sans-serif; font-size:30px; font-weight:bold; color:#7f8083;}
@charset "UTF-8";


/* resetting default styles */
UL LI   {list-style-type:    none ;}

UL LI LI    {list-style-type:    none;}

UL LI LI LI {list-style-type:    none;}

OL LI   {list-style-type:    none;}

OL OL LI    {list-style-type:    none;}

OL OL OL LI {list-style-type:    none;}

OL UL LI   {list-style-type:    none;}

html
{
	height:100%;
}
/* CSS Document */
BODY
{
	height:100%;
	text-align:center;
}

/* MAIN DIV All content could appear within in this div, to enable it to be centred or ranged left etc.*/
.infPageContainer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	font-family: "trebuchet MS", verdana, sans-serif;
	text-align:left;
}

/*--------------------------*/
.wireframeLeftColumnBG{
	background-color: #E7E7E7;
	float: left;
	width:408px;
	min-height:622px;
	height:auto;
	border-top: solid 7px #666666;
}
.wireframeRightColumnBG{
	background-color: #E7E7E7;	
	min-height:622px;
	min-width:500px;
	padding: 0px 25px 0px 25px;
	margin-top: 0px;
	
}
.UploadBG{
	background-color: #E7E7E7;	
	/*min-height:500px;*/
	padding: 10px 25px 0px 25px;
	/*margin-top: 5px;*/
	font-family: "trebuchet MS",verdana,sans-serif;
	font-size: 11pt;
	color: #000000;
}
.UploadBG tr td
{
	float: none;
	margin-right: 15px;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
}
.UploadBGPrices
{
	padding: 10px 10px 10px 0px;
}
.Pager, .Pager td table tbody tr td
{
	font-family: "trebuchet MS",verdana,sans-serif;
	font-size: 12;
}
.wireframemenu
{
	*font-size:11px;
	background-color: #ECECEC;
	width: 299px;
	border-left: solid 0px #C0C0C0;
	border-bottom: solid 0px #C0C0C0;
	border-right: solid 0px #C0C0C0;
	border-top: solid 0px #C0C0C0;
	padding: 0px;
	margin: 0px;*/
}

.wireframemenu ul{
	*padding: 0;
	margin: 0;
	*font: 11px;
	list-style-type: none;*/
}

.wireframemenu ul li a{
	/*font: 11px;
	display: block;
	width: 100%;*/
	/*text-decoration: none;
	border-bottom: 1px solid #C0C0C0;
	padding: 4px 3px 4px 25px;
	^padding: 4px 3px 4px 0px;
	line-height: 20px;
	color: #000000;*/
}



.wireframemenu ul li ul li a{
	/*display: block;
	width: 251px; 
	text-decoration: none;
	border-bottom: 1px solid #C0C0C0;
	padding: 4px 3px 4px 45px;
	^padding: 4px 3px 4px 10px;
	background: url(./images/product_menu_bullet.gif) no-repeat center left;*/ /*custom bullet list image*/
	/*background-color: #FFFFFF;
	font-size: 11px;
	line-height: 20px;
	color: #000000;*/
}

.wireframemenu ul li ul ul li  a{
	/*display: block;
	width: 231px; 
	^width:100%;
	text-decoration: none;
	border-bottom: 1px solid #C0C0C0;
	padding: 4px 3px 4px 65px;
	^padding: 4px 3px 4px 10px; 
	background-color: #FFFFFF;
	font-size: 11px;
	line-height: 20px;
	color: #000000;
	background-image: url(./images/product_menu_bullet.gif);
	background-repeat: no-repeat;
	background-position: 20px center;*/
}
.wireframemenu table
{
	/*background-color: #ECECEC;*/
	text-align: left;
	/*^width: 100%;*/
	/*width: 298px;*/
}
.wireframemenu div
{
	background-color: #FFFFFF;	
}
.wireframemenu div table
{
	/*^width: 100%;*/
}

.wireframemenu table tbody tr /*menu top and second level rows*/
{
	width: 298px;
	^width: 278px;
	font-size: 11px;
	display: block;
	text-align: left;
	text-decoration: none;
	line-height: 20px;
	padding: 2px 0px 2px 0px;
	/*border-bottom: 1px solid #C0C0C0;*/
	/*background-color: #ECECEC;*/
	/*background-position: -20px center;*/
	/*^padding: 4px 0px 4px 0px;*/ /*ie only*/
}
.wireframemenu div table tbody tr /*menu other rows*/
{ 
	width: 298px;
	^width: 278px;
	font-size: 11px;
	/*font-style: italic;*/
	display: block;
	text-align: left;
	text-decoration: none;
	line-height: 20px;
	padding: 2px 0px 2px 0px;
	background-color: inherit;
	/*color: #000000;*/
	/*background-color: #FFFFFF;*/
	/*background-position: -20px center;*/
	/*margin-left: 10px;*/
	/*border-bottom: 1px solid #C0C0C0;*/
	/*^padding: 4px 0px 4px 0px;*/ /*ie only*/
	
}


.wireframemenu table tbody tr td
{
	/*^border-bottom: 1px solid #C0C0C0;*/

	
}

.wireframemenu table tbody tr td a img
{
}
.wireframemenu div table tbody tr
{
	width: 288px;
	padding-left: 10px;
}
.wireframemenu table tbody tr td
{
	padding-left: 9px;
	^padding-left: 7px;
}
.wireframemenu table tbody tr td a
{
	padding-left: 1px;
	/*^padding-left: 5px;*/
}
.wireframemenu div table tbody tr td
{
	padding-left: 9px;
	^padding-left: 7px;
}
.wireframemenu div table tbody tr td a
{
	padding-left: 1px;
	/*^padding-left: 5px;*/
}

.wireframemenu div div table tbody tr td
{
	padding-left: 9px;
	^padding-left: 7px;
}

.wireframemenu div div table tbody tr td a
{
	padding-left:1px;
	/*^padding-left: 5px;*/
}
.wireframemenu div div div table tbody tr td
{
	padding-left:9px;
	^padding-left:7px;
}
.wireframemenu div div div table tbody tr td a
{
	padding-left:1px;
	/*^padding-left: 5px;*/
}
.wireframemenu div div div div table tbody tr td
{
	padding-left:9px;
	^padding-left:7px;
}
.wireframemenu div div div div table tbody tr td a
{
	padding-left:1px;
	/*^padding-left: 5px;*/
}
.wireframemenu div div div div div table tbody tr td
{
	padding-left:9px;
	^padding-left:7px;
}
.wireframemenu div div div div div table tbody tr td a
{
	padding-left:1px;
	/*^padding-left: 5px;*/
}


.wireframemenu table tbody tr:hover /*menu top and second level rows hover status*/
{
	/*background-color: #DDDDDD;*/
}

.wireframemenu div table tbody tr:hover /*menu other rows hover status*/
{
	/*background-color: #DDDDDD;*/
}

.wireframemenu a:visited
{
	color:#009900;
	font-size: 11px;
}

html>body .wireframemenu a
{	/*Non IE rule*/
	/*width: auto;*/
}

.wireframemenu a:hover
{
	color: #009900;
	text-decoration: none;
	font-size: 11px;
}
/****************************/
.ProductInformation
{
	background-image: url(./images/infobutton.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	text-align:center;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	line-height:16px;
	border: none;
	background-color: Transparent;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	float:right;
}
.OrderButton
{
	background-image: url(./images/standardButtonGreen50.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 20px;
	border: none;
	background-color: Transparent;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	float:left;
}
.SearchButton
{
	background-image: url(./images/standardButtonGreen50.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 20px;
	border: none;
	background-color: Transparent;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.RedButton50
{
	background-image: url(./images/standardButtonRed50.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 20px;
	border: none;
	background-color: Transparent;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.RedButton75
{
	background-image: url(./images/standardButtonRed75.png);
	background-repeat: no-repeat;
	width: 75px;
	height: 20px;
	border: none;
	background-color: Transparent;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.RedButton100
{
	background-image: url(./images/standardButtonRed100.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 20px;
	border: none;
	background-color: Transparent;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.GreyButton50
{
	background-image: url(./images/standardButtonGrey50.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 20px;
	border: none;
	background-color: Transparent;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.GreyButton75
{
	background-image: url(./images/standardButtonGrey75.png);
	background-repeat: no-repeat;
	width: 75px;
	height: 20px;
	border: none;
	background-color: Transparent;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.GreyButton100
{
	background-image: url(./images/standardButtonGrey100.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 20px;
	border: none;
	background-color: Transparent;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.GreyButton150
{
	background-image: url(./images/standardButtonGrey150.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 20px;
	border: none;
	background-color: Transparent;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.GreenButton50
{
	background-image: url(./images/standardButtonGreen50.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 20px;
	border: none;
	background-color: Transparent;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.GreenButton75
{
	background-image: url(./images/standardButtonGreen75.png);
	background-repeat: no-repeat;
	width: 75px;
	height: 20px;
	border: none;
	background-color: Transparent;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.GreenButton100
{
	background-image: url(./images/standardButtonGreen100.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 20px;
	border: none;
	background-color: Transparent;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.GreenButton150
{
	background-image: url(./images/standardButtonGreen150.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 20px;
	border: none;
	background-color: Transparent;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.TextBlack
{
	color: #000000;
	font-weight: normal;
}

/*--------------------------*/
.infHelpBox {
	float: right;	
	src:url("./images/help.png");
}

.infDataHeading th ,.infDataHeadingDG
{
	border-bottom: solid 1px #FFFFFF;
	background-color: #333333;
	padding: 0px 5px 0px 0px;
	font-size: 10px;
	text-align: center;
	
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 35px;
	text-decoration: none;
}
.infDataHeadingSmall th
{
	border-bottom: solid 1px #FFFFFF;
	background-color: #333333;
	padding: 0px 2px 0px 2px;
	font-size: 12px;
	text-align: center;
	
	font-weight: bold;
	color: #FFFFFF;
	
	line-height: 20px;
	text-decoration: none;
}
.infDataHeading th a:visited, .infDataHeading th a
{
	border-bottom: solid 1px #FFFFFF;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #333333;
	font-size: 12px;
	line-height: 35px;
	text-decoration: none;
}
.infDataHeading th a:hover
{
	text-decoration: underline;
}

.infFormBoxes {
	float: none;
	margin-right: 15px;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	
}
.infFormBoxesSmall {
	float: none;
	margin-right: 15px;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	width: 40px;	
}

.infLogoBrandingArea {
	width: 960px;
	min-height:200px;
	height:200px;
	position:absolute;
	top:0;
	z-index:0;
	
}
.infLogo
{
	margin: 0px 0px 0px 0px;
}
.infMenu
{
	position:relative;
	top:110;
	z-index:10;	
}
.ControlPanel
{
	z-index:1;
	position:absolute;
	top:0;
}


/******************* Menu styles *********************/

.MainMenu_MenuContainer{ background:transparent; width:100%; margin:0px auto; }
.MainMenu_MenuBar{}
.MainMenu_MenuIcon{ display:none; }
.MainMenu_MenuArrow{ display:none; }
.MainMenu_RootMenuArrow{ display:none; }

/*---------Root Menu Seperator Style------------*/
.MainMenu_MenuBreak{ display:block; border-bottom:1px solid #AEAEAE; border-top:1px solid #9F9F9F;}

/*---------Make Menu Background Transparent------------*/
.ModuleTitle_MenuItemSel {background-color: transparent;}

/*------sub menu display style-------*/
.MainMenu_MenuItem{
	/*color:#333333;
	font-weight:normal;
	padding:2px 7px 2px 7px;
	border-width:1px 0px;
	border:1px #ffffff solid;*/
}
.MainMenu_MenuItemSel
{
	background-color: transparent;
}
.submenuitembreadcrumb{
	color:#333333;
	font-weight:normal;
	padding:2px 7px 2px 7px;
	border-width:1px 0px;
	Margin:0px;
	background:#CB0133;
	border:1px #CB0133 solid;
}
/*------sub menu display style on select-------*/
.submenuitemselected{
	color:#333333;
	font-weight:normal;
	padding:2px 7px 2px 7px;
	border-width:1px 0px;
	Margin:0px;
	background:#CB0133;
	border:1px #CB0133 solid;
}
/*------sub menu frame display style-------*/
.submenu{
	z-index:1000;
	padding:0px;
	margin:0px;
	background:#ffffff;
	font-size:11px;
	border:1px solid #6f7073;
}

.infTabbedHeader {
	
	width:700px;
	background:transparent url("bg.gif") repeat-x bottom;
	font-size:12px;
	z-index:20;
	margin-top:10px;
	*margin-top:0px;
	
}

.infTabbedHeader TABLE
{
margin-bottom:-6px;


}
.infTabbedHeader TABLE TABLE
{
margin-bottom:-9px;
*margin-bottom:-8px;

}
.infTabbedHeader DIV{
	
	background: url("./images/left.png") no-repeat left top;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 18px;
	margin-bottom: 1px;
	
	
}
      
.rootmenuitem TD DIV DIV
{
	
	display:block;
	background:url("./images/right.png") no-repeat right top;
	padding:13px 20px 14px 6px;
	width:99px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom: 0px;

}


.infTabbedHeader .rootmenuitemselected TD DIV{
	
	background: url("./images/left_on.png") no-repeat left top;
	margin:0;
	padding:0 0 0 18px;
	margin-bottom: 0px;

}
.infTabbedHeader .rootmenuitemselected TD DIV DIV
{
	
	padding:13px 20px 14px 6px;
	width:99px;
	color:#000000;
	background: url("./images/right_on.png") no-repeat right top;
	
}

.infTabbedHeader .rootmenuitembreadcrumb TD DIV
{
	
	background: url("./images/left_on.png") no-repeat left top;
	margin-bottom: -1px;
	
}   
.infTabbedHeader .rootmenuitembreadcrumb TD DIV DIV
{
	
	padding:13px 20px 15px 6px;
	color:#000000;
	width:99px;
	height:16px;
	background: url("./images/right_on.png") no-repeat right top;

}

.infInfoArea
{
	
	width: auto;
	color:#000000;
	background-color: #676767;
	
	background-image: url(./images/infoAreaBranding.png);
	background-repeat: no-repeat;
	background-position: right top;

}


.infDate
{
	float: right;
	margin-top: 20px;
	*margin-top: 30px;
	font-size: 14px;
	color: #802257;
	font-weight: bold;
	position:relative;
	z-index:1;
}

.infStandardText{
	/*font-size: 12px;*/
	color: #FFFFFF;
	font-family: "trebuchet MS", verdana, sans-serif;
}
.infSmallText{
	font-size: 10px;
	font-family: "trebuchet MS", verdana, sans-serif;
}

.infSmallText a {
	font-size: 10px;
	font-weight: bold;
	font-family: "trebuchet MS", verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

.infSmallText a:hover {
	font-size: 10px;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-weight: bold;
	color: #009900;
	text-decoration: none;
}

  .infContentArea {
	width: 930px;
	color:#666666;
	background-color: #FFFFFF;
	display: block;
	float: left;	
	min-height:500px;
		height: auto;
		position:relative;
}


.infSectionGradientFooter{
	background-image: url(./images/HeadingGradient.jpg);
	background-repeat:repeat-x;
	color: #000000;
	height:30px;
	width: auto;
	padding: 1px 15px 1px 15px;
	text-align: right;
}
.infSectionGradientFooterLeft{
	background-image: url(./images/HeadingGradient.jpg);
	background-repeat:repeat-x;
	color: #000000;
	height:30px;
	width: auto;
	padding: 1px 15px 1px 15px;
	text-align: left;
}

.infFullPageContent{
	background-color: #666666;
	padding-top: 35px;
	padding-right: 26px;
	padding-bottom: 10px;
	padding-left: 26px;
}
.infFullReportPageContent{
	background-color: #DDDDDD;
	padding-top: 5px;
	font-size: 12px;
	font-family: "trebuchet MS", verdana, sans-serif;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.infReportInfoMessage{
	color:Red;
}
.infReportContent{
	background-color: #CCCCCC;
	width:100%;
	font-size: 12px;
	font-family: "trebuchet MS", verdana, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
}
.infReportEditPart{
	background-color: #5D5D5D;
	width: auto;
	font-size: 12px;
	line-height: 30px;
	padding-left: 10px;
	font-family: "trebuchet MS", verdana, sans-serif;
}
.infLeftColumnBG{
	background-color: #F1F1F1;
	float: left;
	width:300px;
	*width:298px;
	min-height:618px;
	*height:600px;
	padding:0px 0px 0px 0px;
}
.infLeftColumnMyJobsBG{
	background-color: #F1F1F1;
	float: left;
	text-align: left;
}

.infRightColumnBG{
	background-color: #E7E7E7;
	margin-left:301px;
	*margin-left:298px;
	min-height:618px;
	*height:600px;
	padding:0px 0px 0px 0px;
}
.infRightColumnBG IMG{
	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.infSectionGradient{
	background-image: url(./images/HeadingGradient.jpg);
	background-repeat:repeat-x;
	color: #FFFFFF;
	min-height:85px;
	height:85px;
	display:table-row;
}
.infSectionGradientSmall
{
	width: 960px;
	background-image: url(./images/HeadingGradientSmall.jpg);
	color: #FFFFFF;
}
.container_container
{
	width:100%;
	display: table;
	
	
}
.container_spacer{float:left;width:26px;}
.container_header_title{padding: 10px 0px 0px 0px;}
.container_actions{float:left;width:10px;}
.container_line
{
	margin:0px 10px 0px 26px;
	background: url('./images/horizontal_line.gif');
	background-repeat:repeat-x;
}
.container_content
{

}


.infBreadcrumbCurrent{
font-size:12px;
font-weight:bold;
color:#009900;
}

.infBreadcrumbCurrent a{

color:#009900;
}

.infBreadcrumbCurrent a:hover{

color:#009900;
}


.infBreadcrumb{
font-size:12px;
}

.infBreadcrumb a{

color:#FFFFFF;
}

.infBreadcrumb a:hover{

color:#009900;
}

.infOrderedRowExpanded
{
	background-color: #003300;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
}

.infExpandedMoreInfoBox
{
	background-color:#8C8C8C;
	padding: 5px;
	
}

.infExpandedMoreInfoBoxHeading
{
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	padding-left: 18px;
}
.infExpandedMoreInfoBoxHeading, .infExpandedMoreInfoBoxHeading th
{
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	
	font-family:"trebuchet MS",verdana,sans-serif;
	font-size:12px;

}


.infExpandedMoreInfoBoxLeftSide
{
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 18px;
	background-color: #5D5D5D;
	font-size: 11px;
	line-height: 20px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
.infExpandedMoreInfoBoxRightSide
{
	font-weight: normal;
	color: #FFFFFF;
	
	padding-left: 18px;
	background-color: #515151;
	font-size: 11px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}

.infIncompleteRow
{
	background-color: #1DC7C7;
	color: #000000;
	font-size: 12px;
	border-bottom: solid 1px #FFFFFF;
}
.infIncompleteRow td
{
	padding: 5px 5px 5px 0px;
	text-align: center;
}

.infOrderedRow
{
	background-color: #CDFFC9;
	/*background-color: #009900;*/
	color: #000000;
	font-size: 12px;
	border-bottom: solid 1px #FFFFFF;
}

.infOrderedRow td
{
	padding: 5px 5px 5px 0px;
	text-align: center;
}
.SLA1 {background-color: #FF0000;}
.SLA2 {background-color: #FF7F00;}
.WAIT {background-color: #00FF55;}


.infCancelledRow
{
	background-color: #FFB3AE;
	margin: 0px;
	color: #000000;
	font-size: 12px;
	border-bottom: solid 1px #FFFFFF;
}
.infCancelledRow td
{
	padding: 5px 5px 5px 0px;
	text-align: center;
}

.infGreyRow
{
	border-bottom: solid 1px #FFFFFF;
	background-color: #CCCCCC;
	margin: 0px;
	color: #000000;
	font-size: 12px;
}
.infGreyRow td
{
	padding: 5px 5px 5px 0px;
	text-align: center;
}

.Printed {background-color: #FFFFAA;}
.ManualQuote {background-color: #FFAA7F;}
.Submitted {background-color: #AAD4FF;}
.Shipped {background-color: #FFF7AA;}
.Rejected {background-color: #C79C1D;}
.ManualQuoteRequired{background-color: #AA00FF;}
.InProduction{background-color: #B8E30E;}
.ApprovalRequired{background-color:#507BFA; }
.AcceptanceRequired{background-color: #D0FA50; }

.infBlueRow{
	background-color: #C6E9FF;
	margin: 0px;
	color: #000000;
	font-size: 12px;
	border-bottom: solid 1px #FFFFFF;
}

.infBlueRow td
{
	text-align: center;
	padding: 5px 5px 5px 0px;
}

.infProductCard{
	background-color: #FFFFFF;
	display: block;
	width: auto;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	border: 1px solid #666666;
	padding: 0px;
}

.infProductCardBottom
{
	height: 20px;
	padding: 5px;
	background-color: #333333;
}

.infProductCardTop{
	padding: 5px;
	font-size: 10px;
	text-align: center;
}

/* START - MODIFIED CENTERED IMAGE CSS - Adds to infProductCardTop */
.centeredimage2column {
	float: left;
	text-align: center;
	width: 230px;
	height: 230px;
	margin: 0px;
	font-size: 1em; /* Moz needs a non-zero value here */ 
	line-height: 228px; /* height - 2 */
	}

.centeredimage2column img {
	margin-top: expression(( 230 - this.height ) / 2);
	}

.centeredimage3column {
	float: left;
	text-align: center;
	width: 150px;
	height: 150px;
	margin: 0px;
	font-size: 1em; /* Moz needs a non-zero value here */ 
	line-height: 148px; /* height - 2 */
	}

.centeredimage3column img {
	margin-top: expression(( 150 - this.height ) / 2);
	}

html>body .centeredimage2column img { /*hidden from IE 5-6 */
	margin-top: 0;  /* to clean up, just in case MS later supports valign! */
	vertical-align: middle;
}
html>body .centeredimage3column img { /*hidden from IE 5-6 */
	margin-top: 0;  /* to clean up, just in case MS later supports valign! */
	vertical-align: middle;
}	
/* END - MODIFIED CENTERED IMAGE CSS - Adds to infProductCardTop */


.infProductUploadBox{
	padding: 0px;
	margin-top: 5px;	
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}


.clr
{
	clear:both;
}


/* BUTTONS __________-------------_______________----------------______________*/

a.button {
    background: transparent url('./images/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px "trebuchet MS",verdana,sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('./images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}



a.buttonSM {
	background: transparent url('./images/bg_button_sm_a.png') no-repeat scroll top right;
	color: #444;
	display: block;
	float: right;
	font: normal 10px "trebuchet MS",verdana,sans-serif;
	height: 20px;
	margin-right: 6px;
	padding-right: 12px; /* sliding doors padding */
	text-decoration: none;
}

a.buttonSM span {
    background: transparent url('./images/bg_button_sm_span.png') no-repeat;
    display: block;
    line-height: 10px;
    padding: 5px 0 5px 12px;
}

a.buttonSM:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonSM:active span {
    background-position: bottom left;
    padding: 6px 0 4px 12px; /* push text down 1px */
}

/*---------------------------*/
a.buttonSMLeft {
	background: transparent url('./images/bg_button_sm_a.png') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 10px "trebuchet MS",verdana,sans-serif;
	height: 20px;
	margin-left: 6px;
	padding-right: 12px; /* sliding doors padding */
	text-decoration: none;
	text-align: center;
}

a.buttonSMLeft span {
    background: transparent url('./images/bg_button_sm_span.png') no-repeat;
    display: block;
    line-height: 10px;
    padding: 5px 0 5px 12px;
}

a.buttonSMLeft:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonSMLeft:active span {
    background-position: bottom left;
    padding: 6px 0 4px 12px; /* push text down 1px */
}
/*---------------------------*/
/*---------------------------*/
a.buttonSMCentre {
	background: transparent url('./images/bg_button_sm_a.png') no-repeat scroll top right;
	color: #444;
	display: block;
	float: none;
	font: normal 10px "trebuchet MS",verdana,sans-serif;
	height: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding-right: 12px; /* sliding doors padding */
	text-decoration: none;
	text-align: center;
}

a.buttonSMCentre span {
    background: transparent url('./images/bg_button_sm_span.png') no-repeat;
    display: block;
    line-height: 10px;
    padding: 5px 0 5px 12px;
}

a.buttonSMCentre:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonSMCentre:active span {
    background-position: bottom left;
    padding: 6px 0 4px 12px; /* push text down 1px */
}
/*---------------------------*/


a.buttonSMGreen {
	background: transparent url('./images/bg_button_sm_a_green.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: block;
	float: right;
	font: normal 10px "trebuchet MS",verdana,sans-serif;
	height: 20px;
	margin-right: 6px;
	padding-right: 12px; /* sliding doors padding */
	text-decoration: none;
}

a.buttonSMGreen span {
    background: transparent url('./images/bg_button_sm_span_green.png') no-repeat;
    display: block;
    line-height: 10px;
    padding: 5px 0 5px 12px;
}

a.buttonSMGreen:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonSMGreen:active span {
    background-position: bottom left;
    padding: 6px 0 4px 12px; /* push text down 1px */
}


/*---------------------------*/
/*---------------------------*/


a.buttonSMGreenLeft {
	background: transparent url('./images/bg_button_sm_a_green.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: block;
	float: left;
	font: normal 10px "trebuchet MS",verdana,sans-serif;
	height: 20px;
	margin-right: 6px;
	padding-right: 12px; /* sliding doors padding */
	text-decoration: none;
}

a.buttonSMGreenLeft span {
    background: transparent url('./images/bg_button_sm_span_green.png') no-repeat;
    display: block;
    line-height: 10px;
    padding: 5px 0 5px 12px;
}

a.buttonSMGreenLeft:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonSMGreenLeft:active span {
    background-position: bottom left;
    padding: 6px 0 4px 12px; /* push text down 1px */
}


/*---------------------------*/
a.buttonSMRed {
	background: transparent url('./images/bg_button_sm_a_red.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: block;
	float: right;
	font: normal 10px "trebuchet MS",verdana,sans-serif;
	height: 20px;
	margin-right: 6px;
	padding-right: 12px; /* sliding doors padding */
	text-decoration: none;
}

a.buttonSMRed span {
    background: transparent url('./images/bg_button_sm_span_red.png') no-repeat;
    display: block;
    line-height: 10px;
    padding: 5px 0 5px 12px;
}

a.buttonSMRed:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonSMRed:active span {
    background-position: bottom left;
    padding: 6px 0 4px 12px; /* push text down 1px */
}

/*---------------------------*/

a.buttonLARGELeft {
	background: transparent url('./images/bg_button_LARGE_a.png') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font-size: 14px;
	height: 50px;
	margin-left: 6px;
	margin-bottom: 6px;
	padding-right: 25px; /* sliding doors padding */
	text-decoration: none;
	width: 150px;
	margin-top: 6px;
}

a.buttonLARGELeft span {
	display: block;
	line-height: 40px;
	padding: 5px 0 5px 25px;
	background-color: transparent;
	background-image: url(./images/bg_button_LARGE_span_a.png);
	background-repeat: no-repeat;
}

a.buttonLARGELeft:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonLARGELeft:active span {
    background-position: bottom left;
    padding: 6px 0 4px 25px; /* push text down 1px */
}
/*---------------------------*/
/*------------Ordering CSS--------------*/
.infOrderJobID
{
	float:right;
}

.infOrderBoxRow
{
	font-weight: bold;
	color: #FFFFFF;
	padding-left:5px;
	background-color: #5D5D5D;
	font-size: 11px;
	line-height: 20px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}

.infOrderBoxPriceRow
{
	font-weight: bold;
	color: #333333;
	padding-left:5px;
	background-color: #FFFFFF;
	font-size: 13px;
	line-height: 20px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	text-align: right;
}

.infOrderBoxHeading
{
	font-weight: bold;
	color: #FFFFFF;
	padding-left:5px;
	background-color:#999999;	
	font-size: 11px;
	line-height: 20px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
}

/*HLL Admin Area CSS*/
.ToolBarClickedItem
{
    font-weight:bold !important;
    text-decoration:underline !important;
    color:red !important;
}
.infAdministrationFormArea
{
	background-color: #DDDDDD;
	width: auto;
	font-size: 12px;
	padding: 15px;
	line-height: 30px;
}
.infFullAdministrationPageContent{
	background-color: #F1F1F1;
}
.infProductManagementPanel
{
	background-color:#CCCCCC;
	margin-left:-5px;
	margin-right:-5px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	width: 860px;
}
.ProductManagementHeader
{
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 14px;
	width: 200px;
	font-weight:bold;
	font-style:oblique;
}
.infAdministrationSectionGradientFooter{
	background-image: url(./images/HeadingGradient.jpg);
	background-repeat:repeat-x;
	color: #000000;
	height:30px;
	width: 860px;
	padding: 1px 15px 1px 15px;
	text-align: right;
}
/*----------Admin Area CSS----------------*/
.infFormArea .infPricingAreaHighlight
{
	background-color:#00CCFF;
	margin-left:-5px;
	margin-right:-5px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	
}

.infFormArea
{
	background-color: #DDDDDD;
	width: auto;
	padding: 0px;
	font-size: 12px;
	line-height: 30px;
	min-height: 400px;
 
}

.infFormArea  .infSelect
{
	width: 250px;
	margin-left: 20px;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	padding:2px;
}
.infFormArea  .infSelectSmall
{
	width: 50px;
	margin-left: 10px;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	padding:2px;
}
.infFormArea  .infSelectSmallML20
{
	width: 50px;
	margin-left: 20px;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	padding:2px;
}
.infQuantityPriceBreak
{
	line-height: 10px;
	margin-left:20px;
}

.infFormArea  .infTableRightSideText
{
	padding-left:10px;
	line-height:20px;
	padding-top:5px;
}

.infQuantityPriceBreak .infExpandedMoreInfoBoxHeading
{
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
	padding-left: 18px;
	background-color:#999999;	
}

.infPricingArea
{
	background-color:#CCCCCC;
	margin-left:-5px;
	margin-right:-5px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	width: 810px;
}

.PricingTDWidth{width: 518px;}
.PricingDocumentHD{width: 272px;}
.PricingUrgentHD{width: 41px;}
.PricingConfidentialHD{width: 67px;}
.PricingConfidentialHD{width: 64px;}
.PricingEndHD{width: 71px;}
.Left{float:left;}
.Right{float: right;}


.infRequiredStar{
	font-weight: bold;
	font-size: 14px;
	color: #CC0000;
	display: inline;
	line-height: 20px;
	vertical-align: top;
	padding-top: 2px;
	padding-left: 2px;
}

.infFormArea .infInput
{
	margin-top:2px;
	width: 250px;
	margin-left: 20px;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	padding:2px;
}

.infFormArea .infInputList
{
	margin-top:2px;
	width: 200px;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	padding:2px;

}
.infFormArea .infInputListMenu
{
	margin-top:2px;
	margin-left:20px;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	padding:2px;
}

.infFormList
{
	padding:10px;
}


.infFormArea .infCheck
{
	margin-left: 20px;
	margin-top:2px;
}
.infFormArea .infRadio
{
	margin-LEFT: 20px;
	margin-top:2px;
	font-size:12px;
}

.infFormArea .infTextArea
{
	width: 400px;
	margin-left: 20px;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	padding:2px;
	float: none;
}
.infFormArea .infPreviewImage
{
	padding: 10px;
	height: 200px;
	width: 200px;
	background-color: #FFFFFF;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
}

.infFormArea .infPreviewImageLarge
{
	padding: 10px;
	height: 400px;
	width: 400px;
	background-color: #FFFFFF;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
}


.infTextHighLight
{
	color: #00CCFF;
}
.OrderLeft
{
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	width: 200px;
	padding: 2px;
}
.OrderRight
{
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	width: 570px;
	
}
.OrderLeft2
{
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	width: 200px;
	float:left;
	padding-left:0px;
	padding-right:0px;
	
}
.OrderRight2
{
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	width: 230px;
	float:right;
	padding-left:0px;
	padding-right:0px;
	
}
.DivLeft
{
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	width: 450px;
	float:left;
	padding-left:0px;
	padding-right:0px;	
}
.DivRight
{
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	width: 300px;
	float:right;
	padding-left:0px;
	padding-right:0px;	
}
.OrderRightTotal
{
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	width: 100px;
	padding: 2px;
	text-align:center;
}
.OrderTable
{
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	width: 770px;
	padding: 2px;
}
/*--------------------------*/
.AdminGridItem
{
	padding: 3px;
	width: 100px;
}

.SwitchboardButtonText
{
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	text-align:center;
}

/* BUTTONS END__________-------------_______________----------------______________*/
/* JAMES CSS NIMA SITE__________-------------_______________----------------______________*/
#headerTextArea{
	font-family: "trebuchet MS", verdana, sans-serif;
	display: block;
	height: 170px;
	background-color:#999999;
	text-align: justify;
	padding-top: 13px;
	padding-right: 30px;
	padding-bottom: 13px;
	padding-left: 30px;
}
#headerTextArea h1{
	color:#ffffff;
	font-size:14px;
}
#contactPanel	{
	margin-top:25px;
	font-family: "trebuchet MS", verdana, sans-serif;
	float:right;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	display: block;
	font-size: 14px;
	
}
#contactPanel	a{
	color: #000000;
	text-decoration: none;	
	
}
#contactPanel	a:hover{
	color: #009900;
	text-decoration: underline;	
	
}

#contactPanel	b{
	font-size: 144px;
	font-weight: bold;
	color: #000000;
}


#headerTextArea p{
color:#000000;
font-size:11px;

}

div#container
{
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: left;
}

div#header
{
color:#ffffff;
margin-left: auto;
margin-right: auto;
width: 980px;
text-align: left;
}

div#headerBG
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: left;
	background-color: #000000;
}
div#mainContent
{
margin-left: auto;
margin-right: auto;
width: 980px;
text-align: left;
}
div#leftColumn
{
	float: left;
	width: 490px;
	background-color: #FFFFFF;
	padding-left: 98px;
	padding-top: 0px;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
div#leftColumnSizes
{
	float: left;
	width: 410px;
	background-color: #FFFFFF;
	padding-left: 98px;
	padding-top: 0px;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
div#leftColumnSizes h1
{
	font-family: "trebuchet MS", verdana, sans-serif;
	color:#009900;
	font-size:18px;
	padding-top: 30px;
}

div#leftColumnSizes h2
{
	font-family: "trebuchet MS", verdana, sans-serif;
	color:#009900;
	font-size:14px;
	
}

div#leftColumnSizes p
{
	font-family: "trebuchet MS", verdana, sans-serif;
	color:#000000;
	font-size:12px;
	padding-top: 10px;
	line-height: 17px;
	padding-right: 20px;
	text-align: justify;
}

div#leftColumn h1
{
	font-family: "trebuchet MS", verdana, sans-serif;
	color:#009900;
	font-size:18px;
	padding-top: 30px;
}

div#leftColumn h2
{
	font-family: "trebuchet MS", verdana, sans-serif;
	color:#009900;
	font-size:14px;
	
}

div#leftColumn p
{
	font-family: "trebuchet MS", verdana, sans-serif;
	color:#000000;
	font-size:12px;
	padding-top: 10px;
	line-height: 17px;
	padding-right: 20px;
	text-align: justify;
}

div#rightColumn
{
font-family: "trebuchet MS", verdana, sans-serif;
	float: right;
	margin-top:90px;
	display: block;
	width: 350px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-size:12px;
}
div#rightColumnNoKeyline
{
font-family: "trebuchet MS", verdana, sans-serif;
	float: right;
	margin-top:90px;
	display: block;
	width: 453px;	
	font-size:12px;
}
div#clearFloats
{
	clear: both;
}
.homeButton{
	
}
.homeButton a{
font-family: "trebuchet MS", verdana, sans-serif;
	color:ffffff;
	font-size:10px;
	display:block;
	width:98px;
	height:17px;
	background-color:#000000;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	text-align:center;
}

.homeButton a:link {
padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	text-align:center;
	color: #ffffff;
	text-decoration: none;
}
.homeButton a:visited {
	text-decoration: none;
	color: #ffffff;
}
.homeButton a:hover {
	text-decoration: none;
	color: #009900;
}
.homeButton a:active {
	text-decoration: none;
}

div#footer {
height:20px;
	font-family: "trebuchet MS", verdana, sans-serif;
	color: #666666;
	padding-left: 98px;
	padding-top: 50px;
	font-size: 11px;
	display: block;
}
div#leftColumn a:link{
	
	color: #666666;
	text-decoration: none;
	font-family: "trebuchet MS", verdana, sans-serif;
}

div#leftColumn a:hover{
	
	color: #009900;
	text-decoration: underline;
	font-family: "trebuchet MS", verdana, sans-serif;
}

div#leftColumn a:visited{
	color: #666666;
	text-decoration: none;
}

div#leftColumn a:active {
	text-decoration: none;
	color: #009900;
}




div#footer a:link{
	
	color: #666666;
	text-decoration: none;
}

div#footer a:hover{
	
	color: #009900;
	text-decoration: underline;
}

div#footer a:visited{
	color: #666666;
	text-decoration: none;
}

div#footer a:active {
	text-decoration: none;
	color: #009900;
}
.style1 {color: #000000}
.tabelHeadSides {
	font-size: 10px;
	color: #999999;
	font-family: "trebuchet MS", verdana, sans-serif;
	padding: 2px;
}
.tabelHead {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	font-family: "trebuchet MS", verdana, sans-serif;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.tabelRowLight {
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	font-family: "trebuchet MS", verdana, sans-serif;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.tabelRowLight a:link{
	
	color: #000000;
	text-decoration: none;
}

.tabelRowLight a:hover{
	
	color: #009900;
	text-decoration: underline;
}

.tabelRowLight a:visited{
	color: #000000;
	text-decoration: none;
}

.tabelRowLight a:active {
	text-decoration: none;
	color: #009900;
}

.tabelRowDark a:link{
	
	color: #000000;
	text-decoration: none;
}

.tabelRowDark a:hover{
	
	color: #009900;
	text-decoration: underline;
}

.tabelRowDark a:visited{
	color: #000000;
	text-decoration: none;
}

.tabelRowDark a:active {
	text-decoration: none;
	color: #009900;
}
.tabelRowDark {
	font-size: 12px;
	color: #000000;
	background-color: #999999;
	font-family: "trebuchet MS", verdana, sans-serif;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.tabelBottomLine {
	
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
/* JAMES CSS NIMA SITE__________-------------_______________----------------______________*/
/* VPL __________-------------_______________----------------______________*/
#wrap {
	margin:0 auto;
	width:780px;
	padding:20px;
	background-color: #F1F1F1;
}
#contentWrap {
	background-color: #DDDDDD;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	font-family: "trebuchet MS", verdana, sans-serif;
	font-size: 12px;
}
#headerTextArea{
	font-family: "trebuchet MS", verdana, sans-serif;
	display: block;
	height: 166px;
	background-color:#999999;
	text-align: justify;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
}
#headerTextArea h1{
	color:#ffffff;
	font-size:14px;

	

}
#headerTextArea p{
color:#000000;
font-size:12px;

}
#header {
	font-size: 16px;
	font-weight: normal;
	margin:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#headerRightFloat, #columnHeaderRightFloat, #columnHeaderRightFloat2
{
	float: right;
	margin:0px;
}
#leftColumn {
	float:left;
	width:400px;
	background-color: #FFFFFF;
	margin-top: 15px;
	clear:left;
	margin-bottom: 15px;
}
#leftColumnHeading, #rightColumnHeading {
	width:auto;
	background-color: #666666;
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#leftColumnItem {
	width:auto;
	font-size: 14px;
	color: #000000;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#previewPane {
	height: 350px;
	width: auto;
	background-color: #CCCCCC;
	margin: 10px;
}
#rightColumnWrap {
	float:right;
	width:330px;
}
#rightColumnItem {
	background:#FFFFFF;
	margin-top: 15px;
	margin-bottom: -10px;
	padding-bottom:0px;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#rightColumnHeading {
	width:inherit;
	background-color: #666666;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 14px;
	color: #FFFFFF;
}
#rightColumnElement {
	background-color: #CCCCCC;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	line-height:23px;
	padding:0px;
}
#rightColumnElement div {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width:auto;
	margin:0px;
}
#rightColumnElement ul {
	width:auto;
	background-color: #00BBD7;
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
}
#rightColumnElement ul li {
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	clear:both;
}
#rightColumnElement ul li {
	text-align:right;
	padding-right:5px;
	margin:0px;
	clear:both;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#rightColumnElement ul li input {
	height:15px;
}
#rightColumnElement div div {
	float:right;
	margin:0;
	padding:0;
}
#rightColumnElement div div input {
	height:15px;
}

#rightColumnFooter {
	display:block;
	width:auto;
	background-color:#FFFFFF;
	height:10px;
	padding:0px;
	clear:both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

.rightColumItemExpand {
	background-color:#00CCFF
}
#clearFloats {
	clear:both;
}

#footer {
	clear:both;
	margin-top: 20px;
	margin-right: -20px;
	margin-bottom: -20px;
	margin-left: -20px;
	background-color: #999999;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#nav {
	font-size:12px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#nav ul {
	margin:0px;
	padding:0px;
	list-style:none;
	
	
}
#nav li {
	display:inline;
	background-color: #FFFFFF;
	margin-right:1px;
	float:left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #000000;
}
#nav li a {
	text-decoration:none;
	padding:10px;
	background-color: #FFFFFF;
	color: #000000;
}
.DisplayItem
{
	width: 440px;
	clear: both;
}
.DisplayItemLabel
{
	width: 140px;
	float: left;
}
.DisplayItemText
{
	width: 300px;
	float: right;
}

#nav li a:hover {
	text-decoration:none;
padding:10px;
	background-color: #00CCFF;
}
.infGeneralBoxHeading {
	background-color:#666666;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	padding:5px 10px 5px 5px;
}
.infFormArea{
	background-color: #DDDDDD;
	width: auto;
	padding: 0px;
	font-size: 12px;
	line-height: 30px;
	min-height:400px;
}
.infFieldsArea
{
	background-color: #DDDDDD;
	width: auto;
	font-size: 12px;
	padding: 0px;
	line-height: normal;
}
.infGeneralRHSStrip {
	background-color:#E4E4E4;
	display:block;
	margin:10px;
	padding:0;
	width:330px;
}
.infGeneralPhotoStrip {
}
.rightColumnElementValidationError {
	background-color: #CC0000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding:0px;
	color: #FFFFFF;
	padding-left: 5px;
	font-size: 12px;
}

.infpnlProductLvlPricing
{
	background-color:Gray;
	border-collapse:collapse;
	border-style: outset;
	border-color:White;

}
.infErrorArea
{
	color:Red;
	text-align:center;

}

.infInfoHeader
{
	color: Black;
    line-height: normal;
    font-weight: bold;
    font-size:medium;
	display: block;
}

.infInfoText
{
	color: Black;
    line-height: normal;
    font-size:small;
	display: block;
}


/* VPL END __________-------------_______________----------------______________*/

.imageEditorTitleBar {
background-color: #0099FF;
display: block;
padding: 2px;
color: #FFFFFF;
font-size: 16px;
font-family: "trebuchet MS", verdana, sans-serif;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 0px;
}


.infPreviewImageGeneral {
padding: 10px;
height: 370px;
width: 370px;
background-color: White;
display: block;
}
/* VPL END __________-------------_______________----------------______________*/


/* This overrides the height setting on a Telerik RadGrid with scrolling enabled - allowing the vertical scrollbar to essentially be hidden. 
Applies to grids whose css class is set to gridNoVerticalScroll*/
.gridNoVerticalScroll .rgDataDiv
{
    height:auto !important;
}

/* ------------------------------------------------------- */
/* RadTabStrip container                                   */
/* ------------------------------------------------------- */
div.radtabstripcontainer
{
    padding:3px;
    border:solid 1px #CCCCCC;
}

div.radtabstripcontainer h3
{
    margin-top:0px;
    margin-bottom:3px;
}

/* ------------------------------------------------------- */
/* Autoworkflow styles                                     */
/* ------------------------------------------------------- */
#autoWorkflowSpinner
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

div.autoworkflow
{
    display:none;
    visibility:hidden;
}

/* ------------------------------------------------------- */
/* Branch Selector                                         */
/* ------------------------------------------------------- */
.branchselector 
{
    min-height:100%;
    height:100%;
}

.branchselector .rgDataDiv 
{
    height:288px !important; /* Override to correct IE shrinking height */
}

.branchselector #norecords
{
    text-align: center;
    color: #000066;
    line-height: normal;
    font-weight: bold;
    font-size: x-large;
    font-family: Arial, Helvetica, sans-serif;
}





