/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    font-size: .75em;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #8a8a8a;
    background-image:url('../images/bg.jpg');
    background-repeat:repeat-x;
}

a:link {
	color:#6a6a6a;
	background-color:transparent;
	text-decoration: none;
	border:0px;
}
a:visited {
	color:#6a6a6a;
	background-color:transparent;
	text-decoration: none;
	border:none;
	border:0px;
}
a:hover {
	color:#00aeef;
	background-color:transparent;
	text-decoration: none;
}

/* HEADINGS   
----------------------------------------------------------*/
h1
{
    font-size: 15px;
    color:#009bdf;
    padding-bottom: 0;
    margin-bottom: 0;
    font-family: "Myriad Pro";
    line-height:0em;
    font-weight:600;
    letter-spacing:0.2px;
}
*+html h1
{
    font-size: 15px;
    color:#009bdf;
    padding-bottom: 0;
    margin-bottom: 0;
    font-family: "Myriad Pro";
    padding-top:6px;
    font-weight:600;
    letter-spacing:0.2px;
}

h2
{
    font-size: 1.2em !important;
    color:#00aef0;
    padding-bottom: 0;
    margin-bottom: 0;
    font-family:  "Myriad Pro";
    font-weight:600;
}

h3
{
    font-size: 1.3em;
    color:#3e3e3e !important;
    padding-bottom: 0;
    margin-bottom: 0;
    font-family: "Myriad Pro";
    line-height:0.0em;
    letter-spacing:0.35px;
    z-index:100 !important;
    font-weight:600;
}
*+html h3
{
    font-size: 1.3em;
    color:#3e3e3e !important;
    padding-bottom: 0;
    margin-bottom: 0;
    font-family: "Myriad Pro";
    line-height:2em;
    letter-spacing:0.35px;
    z-index:100 !important;
    font-weight:600;
}


h4
{
    font-size: 14px;
    color:#008dd4;
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight:600;
    font-family: "Myriad Pro";
    line-height:0.8em;
}


p{  	
 font-family:"Myriad Pro";
 font-size:1.2em;
 color:#666666;
 line-height:1.3em;
}

a img
{
	border:0px;
}

.innerbg
{
	width:100%;
	height:100%;
	background-image:url('../images/inner_bg.jpg');
	background-repeat:repeat-x;
	background-position:left top;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 985px;
    margin-left: auto;
    margin-right: auto;
}
.list
{
	color:#787878;
	line-height:1.4em;
}
ul.list
{
	margin: 0; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	float:left;
	margin:0px;
	padding-left:10px;
	line-height:1.9em;
	list-style-image:url('../images/bullet.gif');
}
ul.list li 
{
		text-decoration:none;
		color: #6a6a6a; 
}
ul.list li a 
{
	text-decoration:none;
	color: #6a6a6a; 
}
ul.list li a:hover {
	color: #00aeef; 
}
.bgbottom
{
	background-image:url('../images/bottom_bulidingbg.png'); background-repeat:repeat-x; width:100%; height:69px;bottom:0px; position:fixed; z-index:-100;
}
/* Linking MENU   
----------------------------------------------------------*/
#topsearch
{
	width:100%;
	height:74px;
	float:left;
	background-image:url('../images/top_bg.jpg');
}
.header
{
    position: relative;
    width:100%;
    height:108px;
    float:left;
    background-color:transparent;
}
#logo
{
	width:177px;
	float:left;
	height:53px;
	margin-top:48px;
	margin-left:8px;
}
.menucontainer
{
	width:800px;
	float:right;
}
.menutop
{
	width:437px;
	float:right;
	height:33px;
	margin-top:13px;
	position:relative;
	font-size:11px;
	background-image:url('../images/toplink_bg.png');
	background-repeat:repeat-x;
}

*+html .menutop
{
	width:432px;
	float:right;
	height:33px;
	margin-top:13px;
	position:relative;
	font-size:11px;
	background-image:url('../images/toplink_bg.png');
	background-repeat:repeat-x;
}
#menub
{
	width:213px;
	height:33px;
	float:left;
	background-image:url('../images/toplink_blue_bg.png'); background-repeat:repeat-x;
}
#menu
{
	width:580px; float:right; position:relative; margin-top:12px;
}
.bline
{
	width:1px; height:33px; float:left; background-image:url('../images/toplink_b_line.png'); background-repeat:no-repeat; margin:0 8px 0 8px;
}

.mainmenucontainer
{
	width:698px;
	height:30px;
	float:right;
	margin:4px 0 0 0px !important;
}

*+html .mainmenucontainer
{
	width:698px;
	height:30px;
	float:right;
	margin:4px 0 0 0px !important;
}

.top
{
	float: left;
    height: auto;
    position: relative;
    width: 985px;
}
.newlink
{
	width:262px;
	height:224px;
	top:105px;
	left:727px;;
	position:absolute;
	background-image:url('../images/navigation_link_bg.png');
	background-repeat:no-repeat;
	z-index:100;
}

*+html .newlink
{
	width:262px;
	height:224px;
	top:105px;
	left:727px;;
	position:absolute;
	background-image:url('../images/navigation_link_bg.png');
	background-repeat:no-repeat;
	z-index:100;
}

#contentbg
{
	width:1000px; height:308px; float:left; top:550px; position:absolute; background-image:url('../images/content_bg.png'); background-repeat:no-repeat; z-index:-100; left:5px;
}
*+html #contentbg
{
	width:1000px; height:308px; float:left; top:550px; position:absolute; background-image:url('../images/content_bg.png'); background-repeat:no-repeat; z-index:-100 !important; left:2px;
}

#contentbg1
{
	width:1000px; height:308px; float:left; top:392px; position:absolute; background-image:url('../images/content_bg.png'); background-repeat:no-repeat; z-index:-100; left:5px;
}
*+html #contentbg1
{
	width:1000px; height:308px; float:left; top:391px; position:absolute; background-image:url('../images/content_bg.png'); background-repeat:no-repeat; z-index:-100 !important;; left:2px;
}

.infaerplite
{
	width:185px;
	height:50px;
	float:left;
	margin:80px 0 0 35px;
}
.readymix
{
	width:220px;
	height:50px;
	float:left;
	margin:37px 0 0 23px;
}
#readymix_txt
{
	width:120px;float:left; line-height:1.8em;
}

.box1content
{
	width:665px;
	height:110px;
	border:1px #cacaca solid;
	float:left;
	background:url('../images/box1_bg.jpg') repeat-x;
	padding:3px 10px 5px 3px;
}
.box2content
{
	width:665px;
	min-height:200px;
	height:auto;
	float:left;
	background:url('../images/hcontent_bg.png') repeat-y;
	padding:3px 10px 5px 3px;
	background-color:#FFF;
}
.box2content_top
{
	width:680px;
	height:12px;
	float:left;
	background-image:url('../images/hcontent_top_bg.png');
	background-repeat:no-repeat;
	background-position:center top;

}
*+html .box2content_top
{
	width:680px;
	height:12px;
	float:left;
	background-image:url('../images/hcontent_top_bg.png');
	background-repeat:no-repeat;
	background-position:center top;
}
.box2content_bottom
{
	width:680px;
	height:12px;
	float:left;
	background-image:url('../images/hcontent_bottom_bg.png');
	background-repeat:no-repeat;
	background-position:center top;
}
*+html .box2content_bottom
{
	width:680px;
	height:20px;
	float:left;
	background-image:url('../images/hcontent_bottom_bg.png');
	background-repeat:no-repeat;
	background-position:center top;
}


.box1_title
{
	width:35px;
	height:113px;
	float:left;
	color:#fff;
}
.box1-txt
{
	padding:0px 8px 8px 10px;  float:left; width:612px; margin-top:-6px;
}
*+ html .box1-txt
{
	padding:8px 8px 8px 10px;  float:left; width:612px; margin-top:-6px;
}

.box2-txt
{
	padding:0px 8px 8px 10px;  float:left; width:640px; margin-top:-6px; 
}
.timestxt
{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#038ad1;
	line-height:1.2em;
	font-weight:500;
}

.timestxt1
{
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#008fd5;
	line-height:1.3em;
	font-weight:500;
}
ul#boxlist
{
	padding: 10px  0 0px 20px;
    position: relative;
    margin: 0;
    font-size:13px;
    font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    margin-bottom:0px;
    line-height:1.6em;
    text-align:left;
}

*+ html ul#boxlist
{
	padding: 10px  0 0px 20px;
    position: relative;
    margin: 0;
    font-size:13px;
    font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    margin-bottom:0px;
    line-height:1.6em;
}
ul#boxlist li
{
    display: list-item;
    list-style-image:url('../images/bullet.gif');
    color: #595959;
    padding-bottom:5px;
}
ul#boxlist li a
{
    padding: 0px 8px 0 1px;
    text-decoration: none;
    line-height: 1.4em;
    color: #828181;
}

ul#boxlist li a:hover
{
    text-decoration: none;
    color:#0e8ac3;
}

ul#boxlist li a:active
{
    text-decoration: none;
    color:#0e8ac3;
}



ul#boxlist1
{
	padding: 0px  0 0px 30px;
    position: relative;
    margin: 0;
    font-size:13px;
    font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    margin-bottom:0px;
    line-height:1.6em;
}

*+ html ul#boxlist1
{
	padding: 00px  0 0px 30px;
    position: relative;
    margin: 0;
    font-size:13px;
    font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    margin-bottom:0px;
    line-height:1.6em;
}
ul#boxlist1 li
{
    display: list-item;
    list-style-image:url('../images/bullet.gif');
    color: #595959;
    padding-bottom:5px;
}
ul#boxlist1 li a
{
    padding: 0px 8px 0 1px;
    text-decoration: none;
    line-height: 1.4em;
    color: #828181;
}

ul#boxlist1 li a:hover
{
    text-decoration: none;
    color:#0e8ac3;
}

ul#boxlist1 li a:active
{
    text-decoration: none;
    color:#0e8ac3;
}

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

ul.toplink
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
}

ul.toplink li
{
display: inline;
list-style:none;
height:33px;
}

ul.toplink li a
{
float: left;
color:#737272;
list-style:none;
text-decoration: none;
padding:10px 8px 8px 10px;
vertical-align: middle !important;
background-image:url('../images/toplink_line.png');
background-position:left;
background-repeat:no-repeat;
}

ul.toplink li a:hover
{
list-style:none;
color: #098dcb;
padding:10px 8px 8px 10px;
} 

#toplinkactive
{
	color:#098dcb;
	text-decoration:none;
}

#navigationcontainer
{
	width:1000px;
	float:left;
}
.navcontentarea
{
	width:100%; float:left; padding:0px 10px 10px 0px; z-index:1;
}
.navhead
{
	width:100%; padding-left:30px;float:left;

}
*+html .navhead
{
	width:100%; padding-left:30px !important; z-index:100!important; float:left;
}

.navcontent1
{
	width:180px;float:left !important; margin:30px 0 0 35px; text-decoration:none;
}
.navcontent2
{
	width:75px;float:left; margin:45px 0 0 0px;
}
.navheadtxt
{
	font-family:'Myriad Pro'; font-size:15px; color:#3e3e3e; text-align:center; font-weight:500;
}
.btxt
{
	color:#009ce0;
}
.bullet
{	
	background-image:url('../images/bullet.gif');
	background-position:left center;
	background-repeat:no-repeat;
	line-height:1.6em;
	padding-left:15px !important;
	text-align:left !important;
	font-family:"Myriad Pro";
	color:#3f3f3f;
	padding:0 0 0 10px;
	font-size:13px;
}
.bullet1
{	
	background-image:url('../images/bullet.gif');
	background-position:left top;
	background-repeat:no-repeat;
	line-height:1.6em;
	text-align:left !important;
	font-family:"Myriad Pro";
	color:#3f3f3f;
	margin-top:10px;
	margin-left:20px;
	font-size:13px;
	width:5px; 
	height:5px;
	float:left;
}



/* Slideshow display helpers
----------------------------------------------------------*/
#banner
{
    margin:0px;
    width:985px;
    height:287px;
    float:left;
}
#innerbanner
{
    margin:0px;
    width:985px;
    height:283px;
    float:left;
}

#slideshow 
{
    position:relative;
    height:287px;
}

#slideshow IMG 
{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* Content display helpers
----------------------------------------------------------*/
.wid100
{
	width:100%;
	float:left;
	margin-bottom:10px;
}
.wid75
{
	width:75%;
	float:left;
	margin-bottom:10px;
}

.wid65
{
	width:65%;
	float:left;
	margin-bottom:10px;
}

.wid50
{
	width:50%;
	float:left;
	margin-bottom:10px;
}

.wid35
{
	width:35%;
	float:left;
	margin-bottom:10px;
}
.wid33
{
	width:33%;
	float:left;
	margin-bottom:10px;
}

.wid25
{
	width:25%;
	float:left;
	margin-bottom:10px;
}

.container
{
	width:985px;
	margin:10px 0px 0px 10px;
	height:auto;
	float:left;
}
#leftcontent
{
	width:290px;
	float:left;
	margin-left:20px;
	padding:10px 0 0 0;
	text-align:justify;
}
#rightcontent
{
	width:640px;
	float:left;	
	padding:10px 0 0 0;
	margin:0 0 0 20px;
}
#modulecontainerpage
{
	width:640px;
	float:left;	
	padding:0px 0 0 0;
	margin:0 0 0 20px;
}
#innerleftcontent
{
	width:680px;
	float:left;
	margin-left:20px;
	padding:10px 0 0 0;
	text-align:justify;
}

#innerrightcontent
{
	width:250px;
	float:left;	
	padding:10px 0 0 0;
	margin:0 0 0 20px;
}
.accordingcontainer
{
	width:260px;
	float:left;
}
.navcon_1
{
	width:420px; padding-left:10px; padding-top:10px;
}
.navcon_2
{
	width:230px;
}
.navcon_3
{
	width:190px; float:left;
}

.content
{
	width:700px;
	float:left;
	height:auto;
	margin:15px 0px 20px 10px;
	color:#7c7c7c;
}

.modules_container
{
	width:330px;
	min-height:150px;
	height:auto;
	float:left;
	background:url('../images/modules_bg.png');
	background-repeat:no-repeat;
	background-position:center top;
	margin-right:10px;
}

slot-machine-tabs{
	width:400px; float:left;
}


/* Navigation */
.tab_container
{
	width:690px;
	float:left;
	height:263px;
	padding:8px 10px 10px 8px;
	background-image:url('../images/tab_bg.png');
	background-repeat:no-repeat;
	margin-left:-4px;
}
*+ html .tab_container
{
	width:675px;
	float:left;
	height:263px;
	padding:8px 10px 10px 8px;
	background-image:url('../images/tab_bg.png');
	background-repeat:no-repeat;
	margin-left:-4px;
}
.tabwid50
{
	width:50%;
	float:left;
	margin-bottom:10px;
	text-align:left;
}
#tabs
{
	margin-top:0px !important;
}
*+html #tabs
{
	margin-top:0px !important; margin-left:0px !important; padding-left:35px;
}

nav {
	margin-bottom: 10px;
	position: relative;
	background-color:#004160;
	width:674px;
}
.nav {
	margin-bottom: 10px;
	position: relative;
	background-color:#004160;
	width:674px;
}


*+html .nav {
	position: relative;
	background-color:#004160;
	width:674px;
	height:40px;
}


.nav ul {
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 5px solid #3cc0ff;
	list-style:none;
	
}




.nav li {
	float: left;
	margin-right: 35px;
	padding:10px 0 0 0;	
	color: #009de0;
}

.nav li a {
	color: #FFF !important;
	font-weight: bold;
}

.nav li a:hover,
.nav li a:focus,
.nav li a.current {
	color: #3cc0ff !important;
}

.nav #indicator {
	position: absolute;
	left: 15px;
	bottom: 5px;
	width: 12px;
	height: 7px;
	background-image: url('../images/tab_nav.png');
}


/* Content */
#content section {
	display: none;	
}

#content p {
	margin-bottom: 1em;
	max-width: 50em;
	line-height: 1.6;
}
.modules_title
{
	color:#FFF; font-size:15px; font-weight:600; padding:6px 0; letter-spacing:0.3px; font-family:'Myriad Pro'; margin:15px 0 0 20px;
}


ul#modules
{
	padding:30px 0 0px 20px;
    position: relative;
    margin: 0;
    font-size:14px;
    font-family:"Myriad Pro";
    margin-bottom:8px;
    line-height:1.5em;
    margin-top:-25px;
    margin-left:0px;    
    color: #666666;
    text-align:left;

}

ul#modules li
{
    display: list-item;
    list-style: circle;
}
ul#modules li a
{
    padding: 0px 8px 0 0px;
    text-decoration: none;
    line-height: 1.4em;
    color: #666666;
}

ul#modules li a:hover
{
    text-decoration: none;
    color:#0e8ac3;
}

ul#modules li a:active
{
    text-decoration: none;
    color:#0e8ac3;
}

/*Customer 
------------------------------------------------------------------------------*/
.customers_container
{
	width:950px;
	height:80px;
	border:1px #dddddd solid;
	margin:20px 0 20px 30px; 
	float:left;
}
.coustomer_head
{
	width:140px;
	height:60px;
	padding:23px 10px 15px 10px;
	float:left;
	color:#727272;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
.customerslist
{
	width:160px;
	height:60px;
	padding:20px 15px 10px 15px ;
	float:left;
}
.bline1
{
	width:1px;
	height:70px;
	background-image:url('../images/bline.png'); background-repeat:no-repeat;
	margin:5px 0;
	float:left;
}
#bottombg
{
	width:100%;
	height:33px;
	float:left;
	background-image:url('../images/bottom_bg.png');
	background-repeat:repeat-x;
}

/*footer 
------------------------------------------------------------------------------*/


.footer
{
    width:100%;
    background-repeat:no-repeat;
    background-position:left top;
    height:66px;
    position:relative;
    font-size: 0.9em;
    float:left;
    background-image:url('../images/footer_bg.jpg');
    background-repeat:no-repeat;
    background-position:center top;
    margin-bottom:10px;
}
.footer-menu
{
	line-height:1.8em;
	width:555px;
	padding:7px 10px 7px 10px;	
	float:right;
	margin-left:20px;
}



/* fooetr MENU   
----------------------------------------------------------*/
ul#fmenu
{
	padding: 0 0 2px 20px;
    position: relative;
    margin: 0;
    width:790px;
    margin-top:15px;
    font-size:11.5px;
    font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    margin-bottom:8px;
}

ul#fmenu li
{
    display: inline;
    list-style: none;
    border-right:1px gray solid;
}
ul#fmenu li a
{
    padding: 0px 10px 0 10px;
    text-decoration: none;
    line-height: 1.4em;
    color: #8b8b8b;
   
}

ul#fmenu li a:hover
{
    text-decoration: none;
    color:#0e8ac3;
}

ul#fmenu li a:active
{
    text-decoration: none;
    color:#0e8ac3;
}

#fmenuactive
{
	color:#0098dd!important;
}

ul#fmenu li.selected a
{
    background-color: #fff;
    color: #000;
}
#copyright
{
	font-size:11.5px;
	padding:0px 0 0 30px !important;
	float:left;
	line-height:1.8em;
}

#productof
{
	font-size:11.5px;
	padding:0px 0 0 30px !important;
	width:135px;
	height:26px;
	float:right;
	margin-top:-35px;

}
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
.myform{
	margin:0 auto;
	margin-top:10px;
	font-family:"Myriad Pro";
	width:365px;
	font-size:14px;
	color:#6f6f6f;
}
.myform1{
	margin:0 auto;
	margin-top:5px;
	font-family:"Myriad Pro";
	width:300px;
	font-size:13px;
	color:#6f6f6f;
	letter-spacing:0.4px;
	margin-left:10px;
}
.redtxt
{
	color:#e00007;
}

/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/
input[type=text] 
{
    width: 140px;
    border:1px #d6d6d6 solid;
}
input[type=text] 
{
    width: 140px;
    border:1px #d6d6d6 solid;
}
textarea 
{
    width: 140px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    border:1px #d6d6d6 solid;    
}
.txtbox
{
    width:180px !important; border:1px #d6d6d6 solid;
    height:16px;
    padding:5px;
    font-family:"Myriad Pro";
    color:#6f6f6f;
    font-size:13.5px;
    margin-bottom:10px;
}
.listbox
{
    width:192px !important; border:1px #d6d6d6 solid;
    height:30px;
    padding:5px;
    font-family:"Myriad Pro";
    color:#6f6f6f;
    font-size:13px;
    margin-bottom:10px;
}
.textarea
{
    width:180px !important; border:1px #d6d6d6 solid;
    padding:5px;
    margin-top:5px;
    font-family:"Myriad Pro";
    color:#6f6f6f;
    font-size:13.5px;
    margin-bottom:10px;
}
.button
{
	font-size:14px;
	color: #ffffff;
	width: 94px;
	height: 29px;
	font-family:"Myriad Pro";	
	text-align:right;
	padding-right:15px;
	background-color: #004161;
	border:1px #004161 solid;
}
.button:hover
{
	font-size: 14px;
	color: #FFFFFF;
	padding-right:15px;
	text-align:right;
	height: 29px;
	border:1px #0195db solid;
	background-color: #0195db;
}
.multitext {
	font-size: 1em;
	color: #787878;
	padding-left: 2px;
	background-color: #0c0c0c;
	border:1px #d6d6d6 solid;
}
.image-link
{
	border-width: 0px;
	float:right;

}