@charset "UTF-8";

/* CSS Document */

/*-------------BASE--------------------------------------------------------------------------------------------------------------*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }

body {
	background-color: #1c1c1e;
	background-image: url(http://www.firstoffice.com/images/bgbigb.jpg);
	background-repeat:no-repeat;
	font: 12px/18px "Geneva", Arial, Verdana, sans-serif;
}

body a { color: #a7a7a7; text-decoration: none !important;}
body a:hover { color: #ea1900; text-decoration: none !important; }

body a {
/*outline:none;*/
}

*:focus { outline: none; }

*::-moz-focus-inner { border: none; }


/* Main Navigation ------------------------------------*/
#navmain{
padding:0 0 0 234px;
}

#nav {
	background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) no-repeat;
	width:369px;
	height:99px;
}
  
#nav span {
	display: none;
}

#nav li, #nav a {
	height:33px;
	margin:0;
	padding:0;
	display:block;
}

#nav li {
	float:left;
	list-style:none;
	display:inline;
}

#nav-01 {width: 123px;}
#nav-02 {width: 123px;}
#nav-03 {width: 123px;}
#nav-04 {width: 123px;}
#nav-05 {width: 123px;}
#nav-06 {width: 123px;}
#nav-07 {width: 123px;}
#nav-08 {width: 123px;}
#nav-09 {width: 123px;}

#nav-01 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) 0px -99px no-repeat; }
#nav-02 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) -123px -99px no-repeat; }
#nav-03 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) -246px -99px no-repeat; }
#nav-04 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) 0px -132px no-repeat; }
#nav-05 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) -123px -132px no-repeat; }
#nav-06 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) -246px -132px no-repeat; }
#nav-07 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) 0px -165px no-repeat; }
#nav-08 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) -123px -165px no-repeat; }
/* ---------------------------------------------------*/

#sideNav{float:left; width:190px; margin-top:95px; padding-left:10px;}

#mainWrapper{clear:both; width:960px;}

#mainContent{float:left; margin-top:24px; width:740px; margin-left:20px; /*background-color:red;*/}

/*Begin Grid css**********************************************/

#mainGrid{margin-left:0px; clear:both;}

.blankBlock{ overflow:hidden; height:230px;width:230px;margin-bottom:12px;margin-right:12px;background-color:#272727;float:left;display:inline;font-size:0;border:1px solid #ffffff;
}
.blankBlock:hover{ border:1px solid #ea1900;
}

.blankBlockShort{ overflow:hidden; height:100px;width:230px;margin-bottom:12px;margin-right:12px;background-color:#272727;float:left;display:inline;font-size:0;border:1px solid #ffffff;
}
.blankBlockShort:hover{ border:1px solid #ea1900;
}
.blankBlockTitle{ overflow:hidden; height:30px;width:230px;margin-bottom:12px;margin-right:12px;background-color:#272727;float:left;display:inline;font-size:0;border:1px solid #3c3c3c;
}
	
#tooltip {
	color: #fff;
	width: 200px;
	border-color: #000000;
	border-width: 1px;
	border-style:solid;
	background: url(http://www.firstoffice.com/images/nav/side_nav_bg.png);
}
 
.tool-title {
	font-weight: bold;
	font-size: 12px;
	color: #ea1900;
	padding: 10px 10px 4px;
	display:block;
}
 
.tool-text {
	font-size: 9px;
	color: #ffffff;
	line-height:15px;
	padding: 0px 8px 8px;
	display:block;
}

.iframeTooltip
{
	position: absolute;
	z-index: 100;
	filter:alpha(opacity:0.1);
}


.SpryHiddenClass {
	visibility: hidden;
}

#totalItems {float:left; color:#FFFFFF; padding:17px 0 0 185px;}
#filterDrops {float:right; padding:13px 21px 0 0;}
/***************************************************/

.mainImage{border:#FFFFFF; border-style:solid; border-width:1px;}
#slideshow {
    position:relative;
    height:360px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width:720px;
	height:360px;
	border:#FFFFFF; border-style:solid; border-width:1px;
	filter: alpha(opacity=0);
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
	filter: alpha(opacity=100);
}

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

#copy{
	padding-top:17px; 
	color:#FFFFFF; 
	line-height:20px;
	font-size:14px; padding-bottom:10px; width:650px;
}

#downloadLinks{ margin-top:15px; font-size: 10px; color: #a7a7a7; }
#downloadLinks a { font-size: 10px; color: #a7a7a7; text-decoration: none !important;}
#downloadLinks a:hover { color: #ea1900; text-decoration: none !important; }
/*#downloadLinks IMG {margin-bottom:1px;}*/

/* Footer */
#footerWrapper{clear:both; padding-top:0px; height:70px; color:#FFFFFF; width:960px;}
#footerLeft{float:left; width:180px; font-size:9px; padding:5px 0 0 20px;}
#footerLeft a {color:#ea1900; text-decoration:none;}
#footerLeft a:hover {text-decoration:underline;}
#footerRight{float:right; padding-right:20px; margin-top:3px;}

/* Breadcrumbs */
#breadcrumbs{ float:left; padding-left:20px; margin-top:3px;}
#bread { float:left; font-size: 10px; color: #6b6b6b; height: 33px; line-height: 33px; width:760px; margin-top:18px; background: url(http://www.firstoffice.com/images/nav/footer_line.gif) repeat-x; }
#bread a { color: #6b6b6b; text-decoration: none;}
#bread a:hover { color: #ea1900; text-decoration: none !important; }
#bread a.home { float:left; width: 20px; height: 33px; background: url(http://www.firstoffice.com/images/nav/bread_logo.png) no-repeat; cursor:pointer;}
#bread a.mail {float:left; width: 20px; height:33px; background: url(http://www.firstoffice.com/images/nav/mail.png) no-repeat;}
/*-------------/BASE--------------------------------------------------------------------------------------------------------------*/


/*-------------CAROUSEL--------------------------------------------------------------------------------------------------------------*/
* html #mycarousel {
	margin-left:20px;
}

.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
	top:3px;
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	position:relative; 
}
.carousel-component { 
    padding:0px;
    margin:0px;
}

.carousel-component .carousel-list li { 
    margin-right:7px;
    /*width:131px;
    height:108px;*/
	background:#272727;
}

.carousel-component .carousel-list li a { 
    display:block;
    border: 3px solid #272727;
}

.carousel-component .carousel-list li a:hover { 
    border: 3px solid #ea1900; 
}

.carousel-component .carousel-list li img { 
    border:none;
    display:block; 
}
                                
.carousel-component .carousel-prev { 
    position:absolute;
    z-index:3;
    cursor:pointer; 
    left:421px; 
	/*top:42px;*/
	top:24px;
}

.carousel-component .carousel-next { 
    position:absolute;
    z-index:3;
    cursor:pointer; 
    left:458px;
	/*top:42px;*/
	top:24px;
}

*html .carousel-component { 
	left:-20px;
}
/*-------------/CAROUSEL--------------------------------------------------------------------------------------------------------------*/


/*-------------SIDE NAV--------------------------------------------------------------------------------------------------------------*/

ul.menu, ul.menu ul {
  list-style-type:none;
  width: 110px;
}

ul.menu a {
  display: block;
  height:25px;
  width:110px;
  cursor:pointer;
}

ul.menu li a {
  cursor:pointer;
}

#nav2 span {
display:none;
}

#nav2-01 a{background: url("http://www.firstoffice.com/images/nav/company_main.png");}
#nav2-01 a:hover{background-position: 0px -25px;}

#nav2-01b a{background: url("http://www.firstoffice.com/images/nav/about_main.png");}
#nav2-01b a:hover, #nav2-01b a.current {background-position: 0px -25px;}

#nav2-01c a{background: url("http://www.firstoffice.com/images/nav/env_main.png");}
#nav2-01c a:hover, #nav2-01c a.current{background-position: 0px -25px;}

#nav2-01d a{background: url("http://www.firstoffice.com/images/nav/showrooms_main.png");}
#nav2-01d a:hover, #nav2-01d a.current{background-position: 0px -25px;}

#nav2-01e a{background: url("http://www.firstoffice.com/images/nav/logistics_main.png");}
#nav2-01e a:hover, #nav2-01e a.current{background-position: 0px -25px;}


#nav2-02 a{background: url("http://www.firstoffice.com/images/nav/fresh_main.png");}
#nav2-02 a:hover{background-position: 0px -25px;}

#nav2-02b a{background: url("http://www.firstoffice.com/images/nav/events_main.png");}
#nav2-02b a:hover, #nav2-02b a.current{background-position: 0px -25px;}

#nav2-02c a{background: url("http://www.firstoffice.com/images/nav/freshblog_main.png"); height:84px;}
#nav2-02c a:hover, #nav2-02c a.current{background-position: 0px -84px;}

#nav2-02d a{background: url("http://www.firstoffice.com/images/nav/advertising_main.png");}
#nav2-02d a:hover, #nav2-02d a.current{background-position: 0px -25px;}


#nav2-03 a{background: url("http://www.firstoffice.com/images/nav/resources_main.png");}
#nav2-03 a:hover{background-position: 0px -25px;}

#nav2-03b a{background: url("http://www.firstoffice.com/images/nav/contact_main.png");}
#nav2-03b a:hover, #nav2-03b a.current{background-position: 0px -25px;}

#nav2-03c a{background: url("http://www.firstoffice.com/images/nav/faqs_main.png");}
#nav2-03c a:hover, #nav2-03c a.current{background-position: 0px -25px;}
  
#nav2-03d a{background: url("http://www.firstoffice.com/images/nav/forms_main.png");}
#nav2-03d a:hover, #nav2-03d a.current{background-position: 0px -25px;}

#nav2-03e a{background: url("http://www.firstoffice.com/images/nav/map_main.png");}
#nav2-03e a:hover, #nav2-03e a.current{background-position: 0px -25px;}

#nav2-04 a{background: url("http://www.firstoffice.com/images/nav/gsa_main.png");}
#nav2-04 a:hover{background-position: 0px -25px;}

/*-------------/SIDE NAV--------------------------------------------------------------------------------------------------------------*/


/*-------------HIGHSLIDE--------------------------------------------------------------------------------------------------------------*/
.highslide {
	/*cursor: url(http://www.ofs.com/ofsmock/highslide/graphics/zoomin.cur), pointer;*/
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
/*.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}*/
.highslide-wrapper {
	background: #000000;
}
.highslide-image {
	border: 4px solid #000000;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
	text-align:center;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: #fff;
	color:#525759;
	font-family:Arial, Helvetica, sans-serif;
}
.highslide-loading {
    display: block;
	width:125px;
	height:63px;
	/*height:102px;*/
    background-color: #000000;
    background-image: url(http://www.firstoffice.com/highslide/graphics/ajax-loader.gif);
    background-repeat: no-repeat;
	background-position:center;
}

a.highslide-full-expand {
	background: url(http://www.ofs.com/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.highslide-move {
    cursor: pointer;
}

.highslide-overlay {
	display: none;
}

/* Controlbar example */
.controlbar {	
	background: url(http://www.firstoffice.com/highslide/graphics/controlbarnew.gif);
	width: 96px;
	height: 30px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 30px;
}
.controlbar a:hover {
	background-image: url(http://www.firstoffice.com/highslide/graphics/controlbarnew-hover.gif);
}
.controlbar .print {
	width: 32px;
}
.controlbar .highslide-move {
	width: 32px;
	background-position: -32px 0;
}
.controlbar .close {
	width: 32px;
	background-position: -64px 0;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/*-------------/HIGHSLIDE--------------------------------------------------------------------------------------------------------------*/
/*------------AUTOCOMPLETE-------------------------------------*/
#autocomplete {
	position:absolute;
	top:0px;
	left:762px;
	width: 200px;
	height:34px;
	background: url(http://www.firstoffice.com/images/search/search_box_bg.gif);
	z-index:9049;
}


/* styles for entire widget */
.yui-ac {
    position:relative;font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* styles for results container */
.yui-ac-container {
	clear:both;
	width:328px; position: absolute; top: 38px; right: 7px;
}



/* styles for header/body/footer wrapper within container */
.yui-ac-content {
    position:absolute;width:100%;border:3px solid #5b5c5c;background: url(http://www.firstoffice.com/images/search/resultbg.gif);overflow:hidden;z-index:9050;
}

#ysearchresult #resultCopy {
	float:right;
	width: 240px;
}

#ysearchresult #resultImage {
	float:left;
	display:block;
	padding-right:10px;
}

#ysearchresult .title{
	font-weight: bold;
	font-size: 11px;
	color: #ea1900;
	display:block;
}

#ysearchresult .desc{
	font-size: 9px;
	color: #ffffff;
	line-height:13px;
	display:block;
}


/* styles for results list */
.yui-ac-content ul{
    margin:0;padding:0;width:100%;
}


/* styles for result item */
.yui-ac-content li {
	height:auto;
	margin:0;padding:5px 5px;cursor:pointer;
}


/* styles for prehighlighted result item */
.yui-ac-content li.yui-ac-prehighlight {
    background:#ea1900;color:#FFF;
}


/* styles for highlighted result item */
.yui-ac-content li.yui-ac-highlight {
    background: url(http://www.firstoffice.com/images/search/resultbgmouse.gif);color:#FFF;
}


#autocomplete #search_form {
	float:right;
	width:131px;
}

#autocomplete #s {
	float: left;
	margin: 7px 0 0 64px;
	border: 0;
	width: 97px;
	background: none;
	font-size:12px;
	color:#1b1b1b;
}

#autocomplete #go {
	float: left;
	margin: -21px 0 0 158px;
}