@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);

/*
 * Default formatting
 */

html {
    
}
html body {
    width: 100%;
    margin: 0px 0px;
}
html body.home, html body.type_pos {
 /*	background: url('/asset/images/bg_drop.png') top left repeat-x white; */
}
body.type_showcase {  }

body
{
    font: 62.5% Geneva, Arial, Helvetica, sans-serif;
    color: black;
}

h1, h2, h3, h4, h5, h6, h7, p
{
    margin: 0px;
    padding: 5px 0px;
}

h1
{
    color: black;
    font-size: 27px;
    font-weight: normal;
    padding-top: 0;
        font-weight: normal; 
        font-style: normal; 
        line-height:normal; 
        font-family: 'Oswald', sans-serif;
        font-weight:400;
        letter-spacing:.04em;
}

h2
{
    font-size: 16px;
    color: black;
    font-weight: normal;
    padding-top: 0;
    font-weight: normal; font-style: normal; line-height:normal; 
}

h3
{
    font-size: 15px;
    color: black;
    font-weight: normal;
    padding-top: 0;
     
}

    h2 a {
        color: #black;
    }
    
    h2 a:hover {
        color: #666;
    }

a
{
    color: #999;
    text-decoration: underline;
}

a:hover
{
    color: #444;
    text-decoration: underline;
}

img
{
    border: 0px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}
.clearboth { 
    clear:both;	
}

.frame
{
    border: 2px solid #999;
    margin: 5px 10px;
}

.icon {
    background-color: #999;
}
.floatleft { float: left; }
.floatright { float: left; }
.clear { clear: both; }

small { font-size:11px; }

/*
 * Styling and page layout
 */

#wrapper {
	position: relative;
    min-height: 550px;
    height: auto !important;
    height: 550px;
    width: 970px;
    margin: 0px auto;
}

#headerwide {
	height: 118px; 
	background: white;
	position: relative;
	z-index: 100;
	
}
	#headerwide  .wrapper {
	    width: 970px;
	    height: 109px;
	    margin: 0 auto;    
	}


#flashwide {
    background: #0A0C0C;
    
}
    #flashwide  .wrapper {
        width: 970px;
        margin: 0 auto;   
        position: relative; 
    }


#pagewide {
    background: white;
    
}

#page {  }

#pagewide  .wrapper {
	margin: 0 auto;    
	width: 970px;
	padding-bottom: 50px;    
}

#header {
    position: relative;
    margin: 0px auto;
    width: 970px;
    height: 109px;
    margin: 0px auto;
}

    #logo {
        position: absolute;
        left: 0px;
        top: 7px;
        border: 0;
    }
    
    #slogan {
        position: absolute;
        left: 150px;
        top: 60px;
        font-size: 1.8em;
        color: #f0f0f0;
    }
    
    span#companyContact { float: right; font-weight: bold; line-height: 22px; }
     span#companyContact p { margin:0; padding: 0; }
     
    #navigation {
        right: 10px;
        bottom: 0px;
        position: absolute;
        top: 91px;
        left:0;
        width: 100%;
        font-size:12px;
       
    }
    
    #navigation a { 
	    font-size:13px; 
	    font-weight: normal; 
	    font-style: normal; 
	    line-height:normal; 
	    font-family: 'Oswald', sans-serif;
        font-weight:400;
	    letter-spacing:.04em;
     }
    #navigation ul li ul li a { font-size: 15px; }
    #navigation ul#mainNavigation li.topLevel >  a {  padding: 0; line-height: 20px; }
    #navigation li.hover a { 
     text-decoration: underline;
    }
    #navigation li.hover li a {
        text-decoration: none;
    }
    
	ul.sf-menu li.topLevel { 
	    background: url(/asset/images/nav_border_line.gif) no-repeat right 5px;
        padding-right: 10px;
	    margin-left: 10px;
	}    
	
	ul.sf-menu li.topLevel.last {
    background: none; 
    padding-right: 0;   
    
    }   
   ul.sf-menu li.first {
        margin-left: 0;
    } 
    ul.sf-menu li.first a {
        padding-left: 0;
    }
    
	 #navigation ul li a.active {
	    font-weight: bold;  
	    font-family: 'Oswald', sans-serif;
        font-weight:700;
	    letter-spacing:.03em;
	}  
	
	 ul#contactList-menu { z-index:1000; }
	 
     li.Location-Map a { 
        text-transform: uppercase; 
        background: url(/fal-assets/v1/images/nz_icon.gif) no-repeat 95px 2px;
     } 
     li.Location-Map a:hover {
        
        background: url(/fal-assets/v1/images/nz_icon.gif) no-repeat 95px 2px #FDDF1F ;
     } 
     
     #backToMap {
        background: url(/fal-assets/v1/images/nz_icon.gif) no-repeat 135px 9px #F6F6F6;
        border: 1px solid #BFBFBF;
        color: #333;
        padding: 10px 10px;
        padding-right: 40px;
        text-decoration: none;
        margin-top:15px;
        display: block;
        width:117px;
        clear: left;
     }
     #backToMap:hover {
        background-color: #E7E7E7;
     }
    /*
        #navigation ul, #navigation ul li {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        
        #navigation ul li {
            display: block;
            float: left;
            line-height: 17px;
            height: 20px;
            margin: 0px 2px;
            position: relative;
            
        }
        
        
        #navigation ul li a {
            display: block;
            padding: 0px 12px;
            margin: 0px 0px;
            color: #282425;
            text-decoration: none;
            border-right: 1px solid white;
            text-transform: uppercase;
        }
        
        #navigation ul li ul {
             width: 200px;
             margin: 0;
             padding: 0;
            
             position: absolute;
             top:21px;
             left:0px;
             background: #EDEEEF;
             
        }
        #navigation ul li ul li  {
            float: none;
            clear: none;
            margin: 0;
            line-height: normal;
            height: auto;
            background: #EDEEEF;
           
        }
        #navigation ul li ul li a {
            border: none;
            display: block;
            color: #929496;
            padding: 5px 0px;
            margin:5px;
            
        }

		#navigation li ul  li:hover, #navigation li ul li.sfHover,
		#navigation li ul li a:focus, #navigation li ul li a:hover, #navigation ul li a:active {
		    background: #B0B2B4;
		    color: #333032;
		}        
		
        #navigation ul li ul li a span {
           text-decoration: underline;
        }
        #navigation ul li.first a { 
            padding-left:0;
            margin-left: 0;
        }
        #navigation ul li.last a { 
            border: none;
        }
        
        
        #navigation ul li.hover, #navigation ul li:hover {
        }
        
        #navigation ul li.hover a, #navigation ul li:hover a {
            
        }
        
        #navigation ul li.active {
        }
        
        #navigation ul li.active a {
          
        }
        
        #navigation li.active a {
            font-weight: bold;
        }
        #navigation li.active ul li.active a {
            color: #000;
        }
        */
   #siteTools {
            float:right;
            margin-top: 20px;
        }
    
#crumbs {
    height: 37px;	
    line-height: 37px;
    color: #999999;    
    font-size: 10px;
}

#crumbs a {
    text-decoration: none;
    color: #999999;	
}
#crumbs a.home {
	color: #6C6265;
}

#crumbs a.selected {
    color: #282425;	
}
#crumbs a:hover {
    text-decoration: underline;	
}

#contentContainer {
        font-size: 14px;
        line-height:1.5em;
}

#shareBox { float: right; margin-top: 8px; position: relative;  }
#shareBox a { font-size: 13px;  }
#shareIcon { background: url(/fal-assets/v1/images/icons/share.gif) no-repeat left 1px; padding-left: 17px; text-decoration:none; float: left; }
#shareIcon:hover { text-decoration: underline; }
#shareIcon span { width:0px; margin: 0; }
div.content { 
    width: 100%;
    float: left;    
}

body.home  #contentContainer div.content, body.home #leftContactSide div.content,
body.type_pos #contentContainer div.content,  body.type_pos #leftContactSide div.content,  
body.toolbox #contentContainer div.content,  body.toolbox #leftContactSide div.content  	
	{
   width: 648px;
}
body.type_ #contentContainer div.content, 
body.type_showcase #contentContainer div.content, 
body.type_contact-us #contentContainer div.content, 
body.type_contact #contentContainer div.content,
body.type_pos #contentContainer div.fullwidth,  
body.type_pos #leftContactSide div.fullwidth 
{
    width:100%; 
}
#latestProjects { clear: both;}
#latestProjects div.latestProject {
    width: 120px; 
    float: left;    

}
#latestProjects div.latestProject div.lastestProjectDesc {
        height: 60px;
}

.home #optionBox {
    margin-top:14px;	
}

#optionBox {
    width: 286px;	
    overflow: hidden;
    float: right;
    position: relative;
}

	#optionBox div#mainImg {
		width: 286px;
		height: 280px;
		overflow: hidden;
		float: left;
		position: relative;
		background: #CECFD1;
	}
	
	#optionBox	div#morePhotosLink {
		    position: absolute;
		    bottom:20px;
		    right:0px;
		    background: black;
		    text-transform: uppercase;
		    color: white;
		    width:100%;
		    cursor: pointer;
		    padding: 10px 0;
		    text-align: center;
		}	
	#optionBox div#morePhotosLink span {
	   text-transform: none;
	   font-size: 12px;
	   padding-top: 10px;
	}	
    #optionBox div#options {
        position: absolute;
        top: 0;
        left: 0;
    }
	#optionBox div#options div#getBrochure {
	   height: 70px;
	    background: url(/fal-assets/v1/images/icons/brochure.gif) top right no-repeat #000;
	   position: relative;
	   border-bottom: 1px solid white;
	   color: white;
	}
	#optionBox div#options div#getBrochure .wrapper {
	   position: absolute;
	   top:5px;
	   left: 10px;
	   font-size:12px;
	   line-height: 1.3em;
	}


    #optionBox div.productBrochure a {
        display: block;
        background: url(/fal-assets/v1/images/brochure_bg.png) top left;
        height: 45px;
        line-height: 45px;
        color: #979797;
        text-decoration: none;
        clear: both;
        padding-left: 40px;
        font-size: 12px;
        color:  white;
    }
    #optionBox div.productBrochure a:hover {
        text-decoration: underline;
    }
#contactImg {
    float: right;	
    padding-left: 20px;
}




ul#documentsList {
	margin: 0;
	padding:0;	
	list-style: none;
}
ul#documentsList li {
	   float: left;
	   border-top:4px solid;
	   position: relative;
}
ul#documentsList li div.shadow {
    position: absolute;
    bottom: -22px;
    left:0;
    height: 22px;
    background: transparent url(/fal-assets/v1/images/icons/optionshadow.png) repeat-x;
    width: 100%;
}

ul#documentsList li a {
    display: block;	
    color: white;
    font-size: 12px;
    line-height: 1.2em;
    text-decoration: none;
    height: 41px;
    padding-top:5px;
    position: relative;
    padding-bottom: 5px;
}
ul#documentsList li a.more {
    color: #B2B4B6;
	}
ul#documentsList li a:hover {
    text-decoration: underline;	
}
ul#documentsList li.last  {  }

    ul#documentsList li a {
        color: #acacac;
       /* background-image: url(/fal-assets/v1/images/icons/arrow_down_option.png); */
        background-position: center 90%;
        background-repeat: no-repeat;
    }
    
    ul#documentsList li a:hover { text-decoration: none; }
    
    ul#documentsList li.brochureoptions  {    background-color:  #acacac; width: 63px; border-color: #747474; padding-left: 5px;    }
    ul#documentsList li.brochureoptions  a { color: white; }
    
    ul#documentsList li.coloroptions  {      background: #707272;  width: 52px;  border-color: #313333; padding-left: 5px;   }
    ul#documentsList li.hardwareoptions  {   background: #4a4d4d;  width: 66px; border-color: #151717;  padding-left: 5px;   }
    ul#documentsList li.configurations  {    background: #323535; width: 85px; border-color: #060707; padding-left: 5px; }
    
    ul#documentsList li a.current { padding-top: 15px;  }
    /*
        ul#documentsList li.brochureoptions  {      background: #acacac; width: 68px; border-color: #747474;    }
    ul#documentsList li.coloroptions  {      background: #707272;  width: 57px;  border-color: #313333;   }
    ul#documentsList li.hardwareoptions  {   background: #4a4d4d;  width: 71px; border-color: #151717;    }
    ul#documentsList li.configurations  {    background: #323535; width: 90px; border-color: #060707; }
    */
    

#footer {
    width: 970px;
    height: 35px;
    margin: 0px auto;
    clear: both;   
}


#footer div.footerContent {
position: relative; 
}

    #footer .content {
        text-align: center;
        font-size: 1.1em;
        color: #fff;
        line-height: 35px;
    }
    
        #footer .content a {
            color: #ddd;
            text-decoration: none;
        }
        
        #footer .content a:hover {
            color: #f0f0f0;
            text-decoration: underline;
        }

.coverflow {   margin: 0 auto; width: 800px; height: 375px; overflow: hidden; }
/* #flashwide { height: 375px;} */
#slideButton {
    width:119px; 
    height: 28px;
    background: url(/fal-assets/v1/images/showhide.jpg) top right no-repeat #FFF;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 15px;
    text-decoration: none;
    text-indent: 23px;
    color: white;
    line-height: 25px;
    margin-left: 2px;
    
}
#slideButton:hover {
    color: #FDDF1F;	
}
.show {
   
}

#searchbox h2, #contactsBox h2 { 
	font-weight: normal;
	color: white;
	font-size:12px;
}
#contactsBox h2 {
    color: 	#FDDF1F;
}
div.searchContainer {
	position: relative;
	background: #F5F7F8;
	padding: 0px;
	width: 205px;
	height: 29px;
	overflow: hidden;
}

	#searchbox input.input { 
		width: 175px;
		height: 28px;
		line-height: 28px;
		padding: 0px 0px 0px 3px !important; 
		border: 0;
		background: #F5F7F8;
		color: #282425;
	}
	
	#searchbox input.submit { 
		position: absolute;
		height: 23px;
		width: auto; 
		border: 0;
		background: #F5F7F8;
		color: #282425;
		padding: 2px !important;
		margin: 0;
		border: 1px solid #282425;
		top: 3px !important;
    		right: 3px !important;
	}
	
	#searchbox input.search {
	    padding: 0;
	}
	#searchbox { margin-right:15px; }
	
	#searchbox, #contactsBox {
	    float: left;	
	    
	}
	div.searchContainer,#contactList-button {
	   border: 1px solid #B0B0B0;
	}
	
#contactsBox  select { width: 220px; padding: 5px 0; }
#-button { 
	height: 27px; 
}
#-button .ui-selectmenu-status { line-height: 20px; font-weight:  normal; }
.ui-selectmenu-group-label {
    color: black;	
}

#borchureForm { clear:both;  }

#borchureForm fieldset, #resourceUpdateForm fieldset {
	width:351px;
	float: left;
	min-height: 300px;
	margin-right: 15px;
	border: none;
	padding-left: 0;
	margin-left: 0;
}
#borchureForm dt.send_button {
    clear: both;	
}

#borchureForm .input, #borchureForm textarea, #borchureForm select, #resourceUpdateForm select, #resourceUpdateForm .input, #resourceUpdateForm textarea, #resourceUpdateForm select {
	background: #FFF;
}

form  div.addCorners {     
	padding-left: 15px;    
    background: url(/fal-assets/v1/images/corners/scroller_title_bg.jpg) top left repeat-x #e8e8e8;
    height: 41px;
    position: relative;
 }
 
form  div.addCorners h2 {
	    font-size: 17px;
        line-height: 40px;
        text-shadow:1px 1px 0 #FFF ;
        height: 41px;
}
	
	form  div.cnrTpLeft {
	    position: absolute;
	    top:0;
	    left: 0;
	    width: 9px;
	    height: 41px;
	    background: url(/fal-assets/v1/images/corners/scroller_title_topleft.jpg) top left no-repeat #e8e8e8;
	}
	
	form div.cnrTpRight {
	    position: absolute;
	    top:0;
	    right: 0;
	    width: 9px;
	    height: 41px;
	    background: url(/fal-assets/v1/images/corners/scroller_title_topright.jpg) top right no-repeat #e8e8e8;
	}
	
	fieldset dl { background: #f7f7f7; padding: 10px; border: 1px solid #e1e1e1; margin-top: 0; }
	fieldset dl dd { margin-left: 12px; }
	fieldset div.addCorners { margin: 0; } 
	label em { color: #fe1010; padding-right: 8px; }
	
	#borchureForm  dt.send_button { width: 748px; }
	#borchureForm  fieldset dl { min-height: 346px; margin-top: 0; }
	
	#resourceUpdateForm  dt.send_button { width: 360px; }
	#borchureForm  dt.send_button #submit, #resourceUpdateForm dt.send_button #submit { 
		float: left; 
        background: #E2E2E2;
        color: black;
		border: none; 
		padding:5px;
	    cursor: pointer; 
    }
    #borchureForm  dt.send_button { margin-left:0; padding-left:0; }
    #borchureForm  dt.send_button #submit {
     background: #F6F6F6; 
     border: 1px solid #BFBFBF;
     color: #333;     
     padding:8px;
    }
    #borchureForm  dt.send_button #submit:hover {
        background-color: #E7E7E7;
    }
    
	#resourceUpdateForm .send_button { clear: both; }
	#resourceUpdateForm dl { margin-left: 0; }
	#resourceUpdateForm dt.send_button #submit  {
	 background: #F6F6F6;
	 color: #333;
	 border: 1px solid #BFBFBF;
	 padding:6px;
	}
	#resourceUpdateForm dt.send_button #submit:hover {
	   background-color: #E7E7E7;
	}
	#resourceUpdateForm fieldset { padding: 0; margin: 0; }
	
	ul.errors { padding-left: 0; }
#search-results span.keyword { font-style:italic; }
#search-results form {
    vertical-align: middle;	
}
#search-results div { 
    padding-top: 10px;	
} 
#search-results input.input, #search-results input  {
	height: 25px;
	line-height:25px;
    background:  #F5F7F8;
    color: #282425;
    border: 1px solid #282425;
    vertical-align: bottom;
    text-transform: uppercase;
}
#search-results input.input { height: auto; text-transform: none; }
#search-results ul.search {
    padding-left: 0;
    	
}
#search-results ul.search li {
	list-style: none;
	display: block;
	padding-bottom: 10px;
}
#search-results ul.search li a {
    color: #5E6062;
    text-transform: uppercase;
}


#showcaseImages { }

#showcaseImages  div.galTitle { margin-top:3px; text-align: center; }
#showcaseImages  div.galTitle a {
    	text-decoration: none;
    	font-size: 12px;
    	color: #282425;
    	padding: 0 3px;
    	
}
#showcaseImages ul li a.img {
	width: 150px;
	padding: 2px; 
	border: 1px solid #999999;
	margin: 3px 3px 0px 3px;
}
#showcaseImages ul li a.img  {
	display: block;
}
#showcaseImages ul li a.img:hover  {
	background: #000;
	border-color: #999999;
}



.news-item {
    	width:435px;
    	
        float: left;
        margin-right: 21px;
        margin-bottom: 21px;
        border-bottom: 1px solid #dfdfdf;
        
}
.newsTitle { 
	padding-left: 15px;    
    background: url(/fal-assets/v1/images/corners/scroller_title_bg.jpg) top left repeat-x #e8e8e8;
    height: 41px;
    position: relative;
    font-size: 17px;
    line-height: 40px;
    text-shadow:1px 1px 0 #FFF  
	
}
.newsImage { float: right; width: 114px; overflow: hidden;  float: right; text-align: center; margin-top: 10px; }
.newsTitle div.cnrTpLeft {
    top:0;
    left: 0;
    width: 9px;
    height: 41px;
    background: url(/fal-assets/v1/images/corners/scroller_title_topleft.jpg) top left no-repeat #e8e8e8;
}

.readMore { padding:0;}
.readMore a {  text-decoration: none;  }
.newsTitle div.cnrTpRight {
    top:0;
    right: 0;
    width: 9px;
    height: 41px;
    background: url(/fal-assets/v1/images/corners/scroller_title_topright.jpg) top right no-repeat #e8e8e8;
}
.newsTitle h2 a {
    color: #282425;	
   text-decoration: none;
   height:41px;
   line-height: 41px;
   display: block;
   font-size: 14px;
}
.newsContent { padding: 5px 10px; margin-right: 114px; color: #282425; }
.newsContentWrapper { 
	border-left: 1px solid #e0e0e0;  
	border-right: 1px solid #e0e0e0;  
	background: url(/fal-assets/v1/images/new_content_bg.jpg) top right repeat-y #f7f7f7; 
	border-bottom: 1px solid white;
	height: 119px; 
}
.newsDate {
    color: 	#999999;
    font-size: 12px;
    padding: 1px 0;
    line-height: 120%;
    position: absolute;
    bottom: 5px;
    right: 15px;
}

#footerLogo {
    height: 25px;
    float: left;	
}
#footerDetails {
    float: left;
    height: 25px;
    line-height: 25px;
    border-left: 1px solid  #ADADAE;
    margin-left: 5px;
    padding-left: 10px;
    color: #ADADAE;;
}
#footerDetails p { padding: 0; }
#footerDetails p img { text-align:top; }
#rightBar {  width: 283px; float: right; margin-left: 20px; }


	#contactInfo {
	    background: url(/fal-assets/v1/images/contactbox_bg.jpg) repeat-x top #F7F7F7;
	    border: 1px solid #e2e2e2;
	    margin-bottom: 15px;
	    color: #303030;
	}
	#contactInfo div.wrap {
	    padding: 10px 20px 10px 20px;
	    border-left: 1px solid #e5e5e5;
	    border-right: 1px solid #e5e5e5;
	}
	#contactInfo h2 {
	   font-family: Arial, Helvetica, sans-serif;
	   color: #2c2c2c;
	   background: url(/fal-assets/v1/images/contact_arrow_icon.gif) no-repeat top left ;
	   padding-left: 30px;
	   font-size: 17px;
	   padding-top: 2px;
	   text-shadow:1px 1px 0 #FFF  ;
	}
	#contactInfo div.details {
	   color: #737373;
	   padding-left: 20px;
	   background: url(/fal-assets/v1/images/arrow_bullet.gif) no-repeat left 5px ;
	   font-size: 12px;
	}
		#contactInfo div.details a {
		   color: #282425;
		   text-decoration: underline;
		}
	
#locationMap {
        height: 300px;  
        width: 283px;
        overflow: hidden;
    }

/* Slider / scroll block gallery */
div.scrollContainer { position: relative; height: 227px; }
 div.scrollContainer div.browseWrap { 
    background: #f7f7f7 url(/fal-assets/v1/images/scroller_item_bg.jpg) top left repeat-x;
    height: 227px;
    float: left;
    position: relative;
   }
div.scrollContainer div.browseWrap a.browse { 
    width: 37px;
    height: 227px;
    display: block;
    cursor: pointer;
}

div.capLeft { 
    background: url(/fal-assets/v1/images/corners/scroller_cap_btm_left.jpg) no-repeat bottom left; 
    width: 38px; 
    height: 7px;
    position: absolute;
    bottom:0;
    left: 0px;
}

div.capRight {  
    width: 38px; 
    height: 7px;
    position: absolute;	
	background: url(/fal-assets/v1/images/corners/scroller_cap_btm_right.jpg) no-repeat bottom right;
    right: 0px;
    bottom: 0px;
} 

#wrapRight { border-right: 1px solid #d5d5d5;  }
#wrapLeft {border-left: 1px solid #d5d5d5; }
div.scrollContainer a.prev {
	
	border-right: 1px solid #dfdfdf; 
	background: transparent url(/fal-assets/v1/images/nav_arrow_left.png) center 100px  no-repeat;
	display: block;
}

div.scrollContainer a.next {
	border-left: 1px solid #d5d5d5;
	background: transparent url(/fal-assets/v1/images/nav_arrow_right.png) center 100px  no-repeat;
	display: block;
}

div.scrollContainer div.browseWrap a.disabled   { visibility: hidden;}

.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 892px;
    height:226px;
    float: left;
    background: #E7E7E7;
    border-bottom: 1px solid #dfdfdf;
}

.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

.scrollable .items div.item {
    float:left;
    width: 152px; 
    border-right: 1px solid #d5d5d5;
    height: 206px;
    padding: 20px 13px 0 13px;
    background: url(/fal-assets/v1/images/scroller_item_bg.jpg) top left repeat-x #F7F7F7;
    position: relative;

}
.scrollable .items div.item div.icon {
	   width: 58px;
	   height: 60px;
	   background: url(/fal-assets/v1/images/play.png) left top no-repeat !important;
	   background: url(/fal-assets/v1/images/play.gif) left top no-repeat;
       position: absolute;
       top:73px;
       left: 60px;
       cursor: pointer;
}


.scrollable .items div.hover {
    background: #E7E7E7;
}


#scrollTitle {
    padding-left: 15px;	
    background: url(/fal-assets/v1/images/corners/scroller_title_bg.jpg) top left repeat-x #e8e8e8;
    height: 41px;
    position: relative;
    font-size: 17px;
    line-height: 40px;
    text-shadow:1px 1px 0 #FFF  ;
}

#scrollTitle div.cnrTpLeft {
    top:0;
    left: 0;
    width: 9px;
    height: 41px;
    background: url(/fal-assets/v1/images/corners/scroller_title_topleft.jpg) top left no-repeat #e8e8e8;
}

#scrollTitle div.cnrTpRight {
    top:0;
    right: 0;
    width: 9px;
    height: 41px;
    background: url(/fal-assets/v1/images/corners/scroller_title_topright.jpg) top right no-repeat #e8e8e8;
}

#contactImages { width:666px; margin-bottom: 20px; }
#contactImages .scrollable {
    width: 588px;
} 
    
    
    
/* corners */

.cnrTpLeft, .cnrTpRight, .cnrBtmLeft, .cnrBtmRight {
    position: absolute;	
}



#fullLocationMap {
    width: 500px;
    height: 500px;  
    float: left;
}

#fullLocationList {
 float: left;   
 height:498px;
 background: url(/fal-assets/v1/images/map_list_bg.jpg) repeat-x top #F7F7F7;
 border: 1px solid #d2d2d2;
 border-bottom-color: #dbdbdb;
 margin-left: 20px;
 padding-left: 10px;
}
div.scroll-pane {
	 overflow:auto;
	 height:498px;
}
#fullLocationList {  padding-left: 10px;  }
#fullLocationList h2 {     
	   font-family: Arial, Helvetica, sans-serif;
       color: #2c2c2c;
       background: url(/fal-assets/v1/images/contact_arrow_icon.gif) no-repeat top left ;
       padding-left: 30px;
       font-size: 17px;
       margin-top: 15px;
       text-shadow:1px 1px 0 #FFF  ;
        }
#fullLocationList ul { list-style: none; padding-left: 0px; margin: 0; padding-right: 20px; }
#fullLocationList ul li { padding-left:0px; font-size: 13px; padding-right: 30px;  width:325px; }
#fullLocationList ul li span { padding-left:25px; }
#fullLocationList ul li ul { margin-bottom: 0px; padding-left: 25px; }
#fullLocationList ul li ul a {  }
#fullLocationList a { display: block; color: #585858; padding: 2px; text-decoration: none; padding-left: 25px; padding-right: 10px; font-size: 12px;  }
#fullLocationList a:hover, #fullLocationList a.current {  color: 999999; background: url(/fal-assets/v1/images/map_list_hover_bg.gif)  5px 8px no-repeat #f6f6f6;   text-shadow:1px 1px 0 #FFF  ; }

 

#mapMsg { position:absolute; padding:20px; background: url(/fal-assets/v1/images/bubble.png) no-repeat top left; color:#fff; width:222px; height:160px; font-size: 12px; line-height: 130%; }
#mapMsg h2 { font-size:13px; color: white; font-weight: bold; }

p#swatch { display: none; color:#231F20; position: absolute; padding: 5px; left: 5px; font-size: 13px; background-color:#E9E8E8; border: 1px solid #231F20; z-index: 9999; }
p#swatch #swatchArrow { position: absolute; bottom: -10px; left: 3px }


#swatches {
    width:450px;
    float:left;
}

.swatch {
    width:80px;
    height:60px;
    float:left;
    background:#000;
    margin:5px;
    cursor:pointer;
}
#preview {
    float:left;
    margin:5px 5px 5px 40px;
}
#colour_preview {
    width:475px;
    height:340px;
    background:#000;
}
#colour_desc {
    margin-top:10px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}


#cboxLoadedContent div.plainhtml { color: white; width: 600px; padding: 15px 45px; font-size: 13px; }
#cboxLoadedContent div.plainhtml h1, #cboxLoadedContent div.plainhtml h2 { color: white; }


#pageWrapper { overflow:hidden; z-index:1; position:relative; }
    #tab { 
        width:40px;
        height:210px;
        position:fixed;
        top:150px;
        right:0;
    }
    
    #tab div.wrapper {  position:relative; }
    #tab div.wrapper a { display:block; 
                            width:40px; 
                            height:210px; 
                             background:url(/fal-assets/v1/images/tab_hide.jpg) no-repeat 5px 23px; 
        }
    #tab.closed  div.wrapper a { background:url(/fal-assets/v1/images/tab_show.jpg) no-repeat 5px 23px; }
    
    
    #tab div.text { padding-top:40px; text-align:center;  background:url(/fal-assets/v1/images/tab.png) no-repeat bottom left; }
    #video { 
        width: 512px;
        height:288px;
        background:black;
        position:absolute;
        right:-516px;
        top:-2px;
        border:2px solid #0086CC;
    }

#tab { z-index:100; }

#tab a, #tab a:active { outline: none; }
#tab a:focus { -moz-outline-style: none; }


/* Specific pacfic ad style */


 
/*
 * Clearfix
 */
 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}