/* $Id: mpFREE.css,v 1.10 2010/03/04 12:48:36 mehrpadin Exp $ */
body {
    cursor: default;
    text-align: center;
}
a:link,
a:visited {
    text-decoration: none;
}
.space {
    margin: 10px;
}
.contents {
    clear: both;
}
.center {
    margin: 0 auto;
    text-align: left;
    width: 989px;
    margin: -20px;   /* correct the marigin */
}
#top .block,
#sidebar-right .block,
#sidebar-left .block,
#bottom .block {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
#top .block,
#bottom .block {
    margin: 10px 0 10px 0;
}
#header .block-search .space,
#top .block-search .space,
#sidebar-right .block-search .space,
#sidebar-left .block-search .space,
#bottom .block-search .space {
    margin: 0;
}
#header .block-search label,
#top .block-search label,
#sidebar-right .block-search label,
#sidebar-left .block-search label,
#bottom .block-search label {
    display: none;
}
#message {
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}
#message a:hover {
    text-decoration: none;
}
#message ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
#message ul.menu li {
    display: inline;
    margin: 0;
    padding: 0;
}
#message ul.menu li a {
    display: inline;
    padding: 0 5px 0 5px;
}

#header {
    height: 200px;
}
#header div.border {
    height: 90px;
}
#header .logo {
    margin: 10px;
    outline: 0;
    position: relative;
    width: 250px;
    z-index: 98;
}
#header h3.block-title {
    display: none;
}
/* Problem with menu and block positioning lies here  */
#header .region {
    margin: 0 auto;
    width: 989px;
}
#header .region.wide {
    width: 100%;
}
/* Search Block Position - Alaa Ayyad */
#header .block-search {
    float: right;
    margin: -160px 20px 0px 0;
}
#header .block-search .form-text {
    background: transparent;
    border: 0;
    float: left;
    font-weight: normal;
    height: 18px;
    letter-spacing: 1px;
    margin: 0 0 0 8px;
    outline: 0;
    padding: 5px 0 10px 0;
    width: 112px;
}

#intro .space {
    margin: 10px 0 10px 0;
}
#intro .image {

}
#intro .image .space {
    margin: 0;
}
#intro .description {

}
#intro .description.wide {
    width: 960px;
}

#mission {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
}
#mission div.border {
    padding: 10px;
}
#content .space {
    margin: 15px 0 15px 0;
}
#content .space .space {
    margin: 10px;
}
#main {
    margin: 0 auto;
    float: left;
    width: 100%;
}
#main p {
    margin: 0 0 10px 0;
}
#main.normal {
    width: 987px;
}
#main.narrow {
    width: 987px;
}
#main .node img {
    margin: 5px;
}

#main .node a:hover img{
    filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;
}

#main .node {
    font-size: 13px;
    line-height: 22px;
}
#main .node-form legend {
    font-size: 14px;
    font-weight: bold;
    padding: 4px;
}
#main h2.title,
#main h2
{
    width: 90%;
    font-size: 15px;
    color: #595959;
    font-weight: bold;
    height: 25px;
    text-transform: uppercase;
    border-bottom: 1px solid #BFBFBF;
    padding-top:30px;
    margin-bottom:10px;
}

#main h1.title {
    display:none;
}
#main h1.title a {
    font: normal 18px ;
    letter-spacing: -1px;
    line-height: 10px;
    outline: none;
}
#main h1.title a:hover {
    text-decoration: none;
}
#main .details {
    color: #323232 !important;
    font-size: 11px;
    margin: 3px 0 0 0px;
}
#main .details ul,
#main .details-fp ul {
    color: #323232 !important;
    margin: 0 !important;
}

#main .details-fp {
/*
    color: #323232 !important;
    padding: 0px 1px 1px 1px !important;
    letter-spacing: 1px;
    margin: 1px;
*/
}
#main .details-fp .space {
    margin: 0px;
}
/*
#mainmenu,
#sidebar-left,
#sidebar-left-top,
#sidebar-left-bottom {
    float: left;
    width: 200px;
}
*/
#middle h3.block-title {
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 15px;
    margin-top: -20px;
}
#middle h3.block-title span.border {
    float: left;
    padding: 4px 10px 4px 10px;
}
#middle {
    margin-top: 40px;
}
#middle .contents {
    font-size: 14px;
    line-height: 24px;
}
#middle #left,
#middle #right {
    float: left;
    width: 480px;
}
#middle #left.wide,
#middle #right.wide {
    width: 960px;
}
#bottom .space {
    margin: 5px 0 5px 0;
}
#bottom .space .space {
    margin: 10px;
}
#bottom .column {
    float: left;
}
#bottom.in1 .column {
    width: 960px;
}
#bottom.in2 .column {
    width: 480px;
}
#bottom.in3 .column {
    width: 320px;
}
#bottom.in4 .column {
    width: 240px;
}
#bottom.in5 .column {
    width: 192px;
}

#footer {
    /*
      font-size: 11px;
    */
}
#footer .space .space {
    margin: 10px 0 10px 0;
}
#footer a {
    font-weight: bold;
}
#footer ul.menu {
    display: inline-block;  /* keep the structure of menu after eleminating subitems */
    list-style: none;
    margin-top:10px;
    margin-left: 20px;
    padding: 0;
}
#footer ul.menu li {
    display: inline;
    margin: 0;
    padding: 0;
}
#footer ul.menu li a {
    display: inline;
    padding: 0 5px 0 5px;
}
/*
#footer ul.menu li.first a {
    padding-left: 0;
}
#footer ul.menu li.last a {
    border: 0;
}
*/

/*===============================================================*/

/* Don't display sub-items */
#footer ul.menu li li {
    display: none;
}
#block-block-34{
    margin-left:20px;
}


/* stylize Villa types icons block : add transparent highlight on hover */
/*
#pane-block pane-block-7 a:hover img{
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;
}
*/

/*|||||||||||||||||||||| Collectors |||||||||||||||||*/
.has-grey-side-border{
    border-left: solid 4px #d8d8d8;
    padding-left: 20px;
}
.has-grey-bottom-border{
    border-bottom: solid 1px #d8d8d8;
    padding-bottom: 2px;
    width: 50%;
}
.custom-p{
    width:500px;
    padding: 20px;
}
.custom-p:hover{
    background: #f2f2f2;
}
/*p that has hover effect*/
.is-highlighting{
}
.is-highlighting:hover{
    background: #f2f2f2;
}
/*arrow list style*/
.arrow-style{
    background: url("../images/gn_static_1_a.gif") no-repeat scroll 0 -10px transparent;
   padding-left: 20px;
   padding-top: 3px;
   padding-bottom:3px;
    color: #000000;
}
.arrow-style:hover{
     background: url("../images/gn_static_1_a-hover.gif") no-repeat scroll 1px 10px #f2f2f2;
    color: #272727;
}

/* -------------------------------customize HILIFE Mgazine block --------------------------------------**/
.pane-block-24 {
    line-height: 10px;
    border: dotted 1px #999999;
    margin-bottom:10px;
}
.pane-block-24 p{
    color: #000000;
}
.pane-block-24 p:hover{

}

/* ------------------------- Override Block search to Fix positioning problem ----------------------------- */

#block-search-0 {
    background: url("../images/search_bg.gif") no-repeat scroll 0 0 transparent;
    height: 30px;
    padding: 0;
    width: 291px;
    z-index: 5000;
}

#block-search-0 label {
    display: none;
}

#block-search-0 .form-text{
    border:			none;
    color:			#000000;
    font-size:		11px;
    line-height:	14px;
    margin:			1px 0 0 28px !important;
    padding:		7px 0px;
    width:			170px;
    background:		none;
}

#block-search-0 .form-submit{
    float: right;
    text-align: none!important;
    font-size: 0px;
    border:none;
    height: 30px;
    margin: 0 0 0 0;
    width: 84px;
    background: url('../images/searchButton.gif') no-repeat center center;
    z-index: 5000;
}


/*======================================================================*/


/* ----------------- STYLE PRODUCTS MAIN PAGE --------------------------- */
/*
Products Main Page
        LEFT SIDE:7
        RIGHT SIDE:8
PCV Windows and Doors Systems Main Page: 93
        SERIES6000: 
        SERIES7000: 
        SLIDING SERIES: 


*/
/*---------- Custom List -----------------------------*/
.custom-li {
    list-style: none;
}
.custom-li li{
    background: url("../images/gn_static_1_a.gif") no-repeat scroll 0 -18px transparent;
    color: #000000;
    padding-left: 20px;
}

.custom-li li:hover{
    background: url("../images/gn_static_1_a-hover.gif") no-repeat scroll 0 4px #f2f2f2;
    color: #272727;
}
/*------------ Readmore button -----------------------------*/
.custom-readmore,
#main .details-fp a
{
    float: right;
    padding: 5px 27px 5px 5px !important;
    background: url("../images/more-bg.gif") no-repeat scroll right 0 transparent;
    border: 1px solid #DDDCDC;
    color: #323232 !important;
    display: inline-block;
    font-size: 9px !important;
    line-height: 1.2307em !important;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    margin-right: 2px;
}

/*hide button from job form teaser*/
#node-5 li.node_read_more {
    display:none;
}
/*------------ Readmore button hover effect -----------------------------*/
.custom-readmore:hover,
#main .details-fp a:hover
{
    color: #FFFFFF !important;
    background: url("../images/more-bg-hover.gif") no-repeat scroll right 0 transparent;
    /*height: 25px;*/
    line-height: 1.2307em !important;
    font-weight: bold;
}


#node-7 p,
#node-8 p {
    font-size: 18px;
}

/*----------- FIXING POSITION TO CENTER of Home Page Rotor Block---------------------------------------*/
#rotor-view-id-rotor-view-display-id-block_1 {
    margin-top: 5px;
    margin-left: 2px;
    margin-bottom: 15px;
}
.rotor-content {
    width:280px!important;
    height:210px!important;
}
.rotor-items{
    width:280px!important;
    height:210px!important;
}
.rotor-content-detail{
    background: none!important;
}

/* ------------------------ FIBER CEMENT SHEATHING PRODUCT STYLE -----------------------*/
.standard-color {
    color: #C00000;
    font-weight: bold;
}

.fiber_cement_sheathing_properities {
    text-align: left;
    /*border: solid 1px #595959;*/
    padding: 5px;
}

h7.standard-color:hover {
    background: #E3E3E3;
}

/*------------------------------------- HIDE H1 EXTRA SPACE ----------------------------------------- */

/*-------------------------- STLYIZE FIBER CEMENT SHEATHERING PRODUCTS TABS ---------------------------*/
/*Main Page Column sizes : Flash and Teaser Test*/
#node-121 .panel-col-first {
    width:70%;
}
#node-121 .panel-col-last {
    width:30%;
}
#node-122 h3{
    color: #933535;
}
/* STANDARD */
li.fiber-cement-sheathing-panel-middle-tab-3 a{
    background: #C00000!important;
}
li.fiber-cement-sheathing-panel-middle-tab-3 a:hover{
    color: #C00000!important;
    background: #EEEEEE!important;
}

/* STANDARD PLUS+ */
li.fiber-cement-sheathing-panel-middle-tab-4 a{
    background: #30849B!important;
}
li.fiber-cement-sheathing-panel-middle-tab-4 a:hover{
    color: #30849B!important;
    background: #EEEEEE!important;
}

/* WOODPAN */
li.fiber-cement-sheathing-panel-middle-tab-5 a{
    background: #C49400!important;
}
li.fiber-cement-sheathing-panel-middle-tab-5 a:hover{
    color: #C49400!important;
    background: #EEEEEE!important;
}

/* STONEPAN */
li.fiber-cement-sheathing-panel-middle-tab-6 a{
    background: #AC5F92!important;
}
li.fiber-cement-sheathing-panel-middle-tab-6 a:hover{
    color: #AC5F92!important;
    background: #EEEEEE!important;
}

/* FRAPAN */
li.fiber-cement-sheathing-panel-middle-tab-7 a{
    background: #E26C09!important;
}
li.fiber-cement-sheathing-panel-middle-tab-7 a:hover{
    color: #E26C09!important;
    background: #EEEEEE!important;
}

/* FOGAPAN */
li.fiber-cement-sheathing-panel-middle-tab-8 a{
    background: #5F4879!important;
}
li.fiber-cement-sheathing-panel-middle-tab-8 a:hover{
    color: #5F4879!important;
    background: #EEEEEE!important;
}

/* MONOPAN */
li.fiber-cement-sheathing-panel-middle-tab-9 a{
    background: #76923B!important;
}
li.fiber-cement-sheathing-panel-middle-tab-9 a:hover{
    color: #76923B!important;
    background: #EEEEEE!important;
}

/********* STYLIZING Site Map Items *********************/
.site-map-menu li{
    font-size: 15px;
}
.site-map-menu li li{
    font-size: 12px;
}
.site-map-menu li.leaf{
    font-weight: bold;
    list-style-image: url("../images/gn_static_1_a-grey.gif");
}
.site-map-menu li.leaf:hover{
    list-style-image: url("../images/gn_static_1_a-gover.gif");
}
.site-map-menu a:hover{
    background: #F2F2F2;
}
.site-map-menu li.expanded{
    font-weight: bold;
}
.site-map-menu li.expanded li.expanded{
    font-weight: bold;
}
.site-map-menu li.expanded li{
    font-weight: normal;
}

/*--------- Jericho Hills Project - Main Page -------------- */
#node-34 {
    padding-right:5px;
    border-right: 2px dotted #CFCFCF;
}

#node-33 .panel-col-first {
    width:67%;
}
#node-33 .panel-col-last {
    width:33%;
}

/*--------- Steel Framing - Product -------------- */
#node-109 .panel-col-first {
    width:60%;
}
#node-109 .panel-col-last {
    width:40%;
}

#steel-title{
    color: #585858!important;
    text-transform: uppercase!important;
    font-weight: bold!important;
    background: none!important;
    font-size: 25px!important;
    border: none!important;
    padding: 0!important;
    margin-bottom: 20px!important;
    height: 30px!important;
}

#steel-subtitle{
    color: #622222;
    font-size: 17px!important;
    padding-bottom: 10px;
}

#steel-data{
    text-align: center;
}

#node-111 p{
    font-size: 15.2px;
}

#steel-data .steel-data-titles{
    color: #622222;
    font-size: 16px!important;
    font-weight: bold;
    padding-bottom: 10px;
}

#external-link p{
    padding-top: 5px;
    font-size: 16px;
    border-bottom: 1px dotted #CFCFCF;
}
#external-link td {
    color: black;
    text-align: center;
}
#env-text{
    text-align: left;
}

#youtube-space { padding-right:1px; }

/*-------- Metal Cutting::Product ---------*/
.metalcutting-color {
    color: #339933;
}
.metalcutting-title{
    font-size: 26px;
    padding-top: 10px;
}
.metalcutting-subtitle{
    font-size: 18px;
    padding-top: 10px;
}

/*------------ Structural Insulated Panel -------------- */
.structural_panel_title {
    margin-bottom: 10px;
    color: #224060;
}
/*-------- Resources Page Elements -----------------*/

#node-5,
#node-12,
#node-13
{
    width:500px;
    padding: 10px;
}
#node-5:hover,
#node-12:hover,
#node-13:hover
{
    background: #f2f2f2;
}

/*------------------------------ TABS ----------------------------*/
.drupal-tabs ul li a
{
    border-radius: 5px 5px 0  0!important;
    padding-left:10px;
    padding-right:10px;
}
/*----------------- Villa Types Pages ---------------- */

/*Villa Info*/
.info-title{
    font-weight:normal;
    color: black;
}
.info-title-a{
    font-size:25px!important;
    font-weight:bold!important; 
}

.info-title-b{
    color:#622222!important;
    font-size:20px!important;
}
.info-title-c{
    font-size:18px!important;
}

/*list*/
.info-list-title{
    color: #006666;
    font-weight:bold;
}
.info-list li{
    /*list-style: none;*/
    color: black!important;
    padding-left: 10px;
    list-style-image: url("../images/villa-info-bullet.gif");
}
.has-right-border {
    width: 90%;
    border-right: 2px dotted #CFCFCF;
}


/*Put Elevation and Floor Plans in one line*/
#node-48 .panel-col-first,
#node-47 .panel-col-first,
#node-46 .panel-col-first,
#node-45 .panel-col-first,
#node-44 .panel-col-first,
#node-43 .panel-col-first,
#node-35 .panel-col-first
{
    width: 35%;
}
#node-48 .panel-col-last,
#node-47 .panel-col-last,
#node-46 .panel-col-last,
#node-45 .panel-col-last,
#node-44 .panel-col-last,
#node-43 .panel-col-last,
#node-35 .panel-col-last
{
    width:65%;
}
#node-48 .panel-col-first .inside,
#node-47 .panel-col-first .inside,
#node-46 .panel-col-first .inside,
#node-45 .panel-col-first .inside,
#node-44 .panel-col-first .inside,
#node-43 .panel-col-first .inside,
#node-35 .panel-col-first .inside
{
    margin-right: 0px;
}
#node-48 .panel-col-last .inside,
#node-47 .panel-col-last .inside,
#node-46 .panel-col-last .inside,
#node-45 .panel-col-last .inside,
#node-44 .panel-col-last .inside,
#node-43 .panel-col-last .inside,
#node-35 .panel-col-last .inside
{
    margin-left: 0px;
}

/* --------------------- tables ---------------------------------- */
table.villa-details-table{
    width: 60%;
    background: #EEEEEE;
    border:2px solid  #006666;
    color: #006666;
    text-align: center;
}
.villa-details-table font{}
.villa-details-table td {
    border:2px solid green;
}
tr.villa-details-table-title,
.villa-details-table-title{
    font-size: 14px;
    font-weight: bold;
}

/* --------------------- Services Page ----------------------------*/
.serives-color{
    color: #244061;
}
.turnkey-p{    }
.turnkey-title{
    font-size: 24px;
    padding-top: 10px;
    padding-left:50px;
   list-style-image: url("../images/key.png");
   background: url("../images/key.png") no-repeat ;
}
.turnkey-subtitle{
font-size: 16px;
}