/*
Theme Name: Milyoni

[Table Of Contents] 

	0- Reset & Layout
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer 

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
	html {
	overflow-y: scroll;   /* forces scrollbar on */
	}
	
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

FORM{ margin: 0px;}

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

body 						{ font-family:Arial, Helvetica, sans-serif; vertical-align: top; font-size:.788em; color: #595959; line-height:1.2em;}
.clearfix:after, .clear { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
hr {margin:0; padding:0; background:#000; color:#000; height:1px; border:none; display:block;}

.altColor {background:#d9e8a3;}

p, ul, ol, dl {margin:5px 0 15px 0;}



ul, ol {margin-top:5px;}
li {list-style:disc; margin-left:25px; padding: 2px 0 2px 0;}

.altText {color:#000; font-size:1em;}
.altText li {margin-bottom:10px; padding-left:14px; background:url(../images/arrow-common.png) no-repeat 0 6px; list-style:none; margin-left:0;}
.altColor .altText li {background:url(../images/arrow-common-alt.png) no-repeat 0 6px;}

.listSBS li {width:125px; float:left;}
	
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

a			{	color: #0d5cab; text-decoration:none;}
a:hover 					{	color: #0d5cab; text-decoration:underline; }
a:visited					{	color: #0d5cab; }



/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 							{	font: bold 1.736em Trebuchet MS,Arial, Helvetica, sans-serif; font-weight:normal; color:#0d5cab; margin-bottom:15px; padding-top: 15px; clear:both} 
h2 							{	font: bold 1.536em Trebuchet MS,Arial, Helvetica, sans-serif; font-weight:normal; color:#0d5cab; margin-bottom:15px;}
h3 							{	font: bold 1.1em Arial, Helvetica, sans-serif;}
h4 							{	font: bold .875em Trebuchet MS,Arial, Helvetica, sans-serif;}
h5 							{	font: bold .80em Trebuchet MS,Arial, Helvetica, sans-serif; }


/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header {height:100px; position:relative; background:#fff;}
#logo {float:left; margin-top:14px;}
#phonetics {position:absolute; top:23px; left:156px;}

	/*MAIN FLASH*/
	#bannerMain img {float:left; width: 419px; height:30px;}

	
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
UL#nav {margin-top:0px;}
#nav {position: absolute; top: 68px; right: 45px; background:#0d5cab;  width:642px; font-size:11px;}
#nav li, #nav a {display:block; float:left; margin-left:0;}
#nav li {background:url(../images/divider-nav.png) no-repeat right top;}
#nav a {color:#fff; text-transform:uppercase; font-weight:bold; font-size:.909em; padding:10px 0 4px 33px; background:url(../images/arrow-nav.png) no-repeat 26px 13px;}
#nav a:hover{text-decoration: none; color: #8cc63f}
#nav a.on{text-decoration: none; color: #8cc63f}


#snNav {position:absolute; right:45px; top:27px;}
#snNav img, #snNav #phnum {display:block; float:left; margin-right:17px;}
#snNav #phnum {margin-right:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:1.091em; color:#0d5cab; padding:4px 0 0 0;}
 

#leftCol h2 {color:#0397d6; text-transform:uppercase; font-size:1em;}
#sideNav {color:#000; font-size:.809em;}
#sideNav li {list-style:none; background:url(../images/arrow-common-alt.png) no-repeat 0 3px; margin:0 0 0 10px; padding:0 0 0 12px;}
#sideNav li li {margin-left:0; margin-top:5px;}
#sideNav a {color:#000;display: block;}
#sideNav a.selected {font-weight:bold;}

/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#dropshadow {width:795px; padding:13px 47px 15px 45px; margin:20px auto 20px auto; background:url(../images/sprite-dropshadow.png) repeat-y -900px 0; position:relative;}
#dropshadowTop {height:13px; display:block; background:url(../images/sprite-dropshadow.png) no-repeat 0 0; position:absolute; top:0; left:0; z-index:1; width:100%; _width:889px;}
#dropshadowBot {height:15px; display:block; background:url(../images/sprite-dropshadow.png) no-repeat -1800px 0; position:absolute; bottom:0; left:0; z-index:1; width:100%;_width:889px;}
#allcontent {width:797px; background:url(../images/fauxcolumn.png) repeat-y 0 0;}
#allcontent:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }

#leftCol {width:118px; float:left; margin-right:7px; background:#d9e8a3; padding:22px 15px;}
#rightCol {width:642px; float:left;}
	#rightCol #callout {height:130px; background:#8cc63f; display:table-cell; vertical-align:middle; padding:0 12px; color:#fff; font-size:1.2em; font-weight:bold; line-height:1.6em; font-family: Trebuchet MS;}
	#calloutContent p {margin:0;}
	* html .openm, * html #calloutContent {display: inline-block;vertical-align: middle;}
	* html #calloutContent {width: 100%;}
	* html .openm {height: 100%;width: 1px;margin-left: -1px;}


.subColLeft {width:389px; float:left; margin-right:7px; padding:0 15px 0px 15px;}
.subColRight {width:216px; float:left; padding:0 0 30px 0;}
.subColRight h2 {padding-top:15px; clear:both;}

.banner {float:left; display:block; margin-left:-15px; position:relative; padding-bottom:0px; width: 419px; height:130px;}

#breadcrumbs {background:#728bc6; color:#fff; font-size:.909em; padding:1px 18px; margin-bottom:7px;}
#breadcrumbs A{color:#fff; text-decoration: none;}
#breadcrumbs A:hover{color:#fff; text-decoration: underline;}


.fullCol
{width:610px; float:left; 
padding:0 15px 0px 15px; margin-top: -30px;}

	/*PAGE SPECIFIC RULES*/
	
	/*HOME PAGE*/
	.homeCol {float:left;}
	.homeCol H1 {padding-top: 0px;}
	
	
	
	#homeLeft {width:261px; padding:15px 20px 0 0;}
	#homeMid {width:236px; padding:15px 15px 0 0;}
	#homeRight {width:241px; padding:12px; margin:7px 0;}
		#homeRight .altText li {margin-bottom:0;}
		#homeRight #callout {width:240px; height:136px; background:url(../images/bg-bubble.png) no-repeat 0 0;}
		#homeRight #callout h2 {color:#8cc63f; text-transform:uppercase; border-bottom:1px solid #8cc63f; font-size:1.35em; font-family:'Impact',Arial, Helvetica, sans-serif; letter-spacing:.5px; margin:0 46px 7px 58px; padding-top:13px;}
		#homeRight #callout li {padding:2px 0 2px 30px; background:url(../images/arrow-callout.png) no-repeat 0 2px; margin:0 0 0 27px; color:#0d5cab; font-size:1.3em; list-style:none;}
		
	#home #allcontent {background:none;}
		
/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/*
SIFR DON'T TOUCH
*/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  
  .sIFR-active .featureColumn h2  {visibility: hidden; font-size:34px; line-height:.1; }
  .sIFR-active #contentHeader h1  {visibility: hidden; font-size:55px; line-height:.1; }
}
/* Integrated Fulfillment page*/
.tdheading
{
background-color:#0183b7;
color:#ffffff;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 10px 10px 10px 5px;
}
.cellpadding
{
padding: 5px 10px 0 5px;
}
.evencolor
{
background-color:#cbd9e6;
padding-right:10px;
}
.oddcolor
{
background-color:#e7edf3;
padding-right:10px;
}
/* end of big Integrated Fulfillment*/
		
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer {border-top:13px solid #0d5cab; clear:both; text-align:right; color:#0d5cab; font-weight:bold; padding:7px 0; font-size:.909em; background:#fff;}
#footer a {color:#000; border-left:1px solid #86aed5; padding:0 6px 0 4px;}

.blueBar{
color:#ffffff; 
background: #294e92;
height: 22px;
font-size: 19px;
text-align: center; 
padding-top: 8px;
margin: 5px 0 2px 0;
}



TABLE.tableCust TD{ 
vertical-align: top; 
padding-bottom: 13px;
font-size: .90em;
}

	#homeRight TABLE.tableCust TD{ 
	padding-bottom: 3px;
	}
 TABLE.tableCust TD.pic{ 
padding-right: 10px;
}
 TABLE.tableCust TD.pic IMG{  
width: 50px;
height: 50px;
}
 TABLE.tableCust TD.txt{ 
width: 150px;
}
/* css for submit button*/
.submit
{
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#0D5CAB;
}

 TABLE.tablePad  TD { 
padding: 3px 0 3px 0;
vertical-align: top;
}
 


FORM.contactForm  INPUT[type=text], TEXTAREA{  
 width: 250px;
}



/*  management page CSS*/
div.picCol { width:90px; float: left}
div.textCol { width: 280px; float: right} 



.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
}
.leftcolumn { width: 200px;  float: left}
.rightcolumn { width: 180px; float: right}