/* CSS Document */

/*----Menu Starts----*/

#productmenu {padding-top:0px;
	width:920px;
	padding-left:30px;
	padding-bottom:20px;}

#productmenu p{
	font-size: 11px;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:20px;
	word-spacing: 1px;
}

#productmenu a{
	color:#09C;
	text-decoration:none;
	font-weight:normal;
}
#productmenu a:hover{color:#069;}

#productmenu h1{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	padding-left:20px;
	text-transform:uppercase;
	vertical-align:middle;
	letter-spacing: 2px;
	padding-bottom:6px;
}

#productmenu .logo{
	vertical-align:middle;
}

#productmenu .subtitle{
	font-family: Tahoma, Geneva, sans-serif;
	color:#666;
	font-size:11px;
	line-height:6px;
	padding-left:20px;
}

#productmenu h2{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: lighter;
}

#productmenu title{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: lighter;
}

#productmenu .pagetitle{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:24px;
	letter-spacing:12px;
	color:#E5E5E5;
	font-weight:lighter;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

#productmenu table{
	margin-top:30px;
	margin-bottom:10px;
}

#productmenu td.thumbs{
	height: 172px;
	width: 172px;
}

#productmenu td.captions{
	height: 60px;
	width: 172px;
	text-align:center;
	vertical-align:top;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
}

#productmenu .subcaption{
	font-size:11px;
	color:#666;
}

#productmenu .menusection{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-top:30px;
}

#productmenu .menusectionlast{
	padding-top:30px;
}

/*----Menu Ends----*/

/*----Overview Panel Starts----*/

#overviewpanel {
	clear: none;
	height: auto;
	padding-top: 50px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

#overviewpanel a{
	color:#09C;
	text-decoration:none;
	font-weight:normal;
}
#overviewpanel a:hover{color:#069;}
#overviewpanel h1{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	font-weight: normal;
}
#overviewpanel h2{
	font-size: 16px;
	color: #666;
}
#overviewpanel p{
	font-size: 11px;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:20px;
	word-spacing: 1px;
}

.overviewLayout {display:table; width:980px; padding-bottom:40px;}

.overviewImage {
	float:left;
	width:324px;
	padding-left:40px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.overviewIntro {
	float:right;
	width:540px;
	padding-right: 60px;
}

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

/*----Overview Panel Ends----*/

/*----Detail Section Begins----*/

#maincontent a{
	color:#09C;
	text-decoration:none;
	font-weight:normal;
}
#maincontent a:hover{color:#069;}
#maincontent h1{
	font-size: 24px;
	color: #666;
}
#maincontent h2{
	font-size: 16px;
	color: #333;
	font-weight: lighter;
}

#maincontent h3{
	font-size: 11px;
	color:#333;
}

#maincontent p{
	font-size: 11px;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:20px;
	word-spacing: 1px;
}

#maincontent .title{
	font-weight: bold;
	font-size: 11px;
	height: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom: 3px;
	color:#333;}

#maincontent {
	width: 980px;
	clear: none;
	height: auto;
	padding-top: 20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 50px;
}

#maincontent .leftColumn {
	float: left;
	width: 600px;
	padding-left: 50px;
}

#maincontent .rightColumn {
	width: 200px;
	float: right;
	padding-right: 40px;
}

#maincontent .linkmenu {
}

.featurehighlight {color:#000; }

.smallNote {font-size:9px;
line-height: 6px}

.stickymenu {
	padding: 10px;
	border-radius: 10px;
	background-color:#F0F0F0;}


/* table css for measurements */

table {
	font-size: 12px;
	line-height:1.4
}

/* Overview Panel */


.tableCaption {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color:#666;
}

.leftTable { text-align:right;}


/* other */

/* backgrounds begin */

.refinerybackground {	
	background-image:url(../images/background/refinery-background.png);
	background-size: 980px;
	background-repeat:no-repeat;
}

/* backgrounds end */

/* divider begins */
hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}
/* divider ends */

/* --- text gradient begins --- */
    .white-gradient {
        position:relative;
    }
    .white-gradient:after {
        content: '';
        position:absolute;
        display:block;
        top:0;
        left:0;
        height:60%;
        width:100%;
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    }
/* --- text gradient ends --- */

/* --- image hover fade begings --- */
.fade {
   opacity: 1;
   transition: opacity .10s ease-in-out;
   -moz-transition: opacity .10s ease-in-out;
   -webkit-transition: opacity .10s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }
/* --- image hover fade ends --- */

/* subscript trick */
sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }