@charset "UTF-8";
/* CSS Document */

/*****************************
1.) BASE STYLES	
/****************************/	

/* 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; }

*{ margin:0; padding:0; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

body {
	background:#1c1c1e url(/images/interface/bgbigb.jpg) 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;*/
}

#bgWrapper{ background-image:url(/images/interface/bgrepeat.gif); background-repeat:no-repeat; background-position:0px 1105px; }

*:focus { outline: none; }

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

.hideIt { visibility:hidden; }

.cufon-loading{ visibility:hidden !important; }

/*****************************
2.) TOP NAVIGATION	
/****************************/	

	ul#topNav{ margin-left:234px; }
	
	ul#topNav {
		background:url(/images/interface/nav/top_nav_sprite.jpg) no-repeat;
		width:369px;
		height:99px;
	}
	  
	ul#topNav span { display: none; }
	
	ul#topNav li, #topNav a {
		height:33px;
		margin:0;
		padding:0;
		display:block;
	}
	
	ul#topNav li {
		float:left;
		list-style:none;
		display:inline;
		width:123px;
	}
		
	li#topNav-01 a:hover { background:url(/images/interface/nav/top_nav_sprite.jpg) 0px -99px no-repeat; }
	li#topNav-02 a:hover { background:url(/images/interface/nav/top_nav_sprite.jpg) -123px -99px no-repeat; }
	li#topNav-03 a:hover { background:url(/images/interface/nav/top_nav_sprite.jpg) -246px -99px no-repeat; }
	li#topNav-04 a:hover { background:url(/images/interface/nav/top_nav_sprite.jpg) 0px -132px no-repeat; }
	li#topNav-05 a:hover { background:url(/images/interface/nav/top_nav_sprite.jpg) -123px -132px no-repeat; }
	li#topNav-06 a:hover { background:url(/images/interface/nav/top_nav_sprite.jpg) -246px -132px no-repeat; }
	li#topNav-07 a:hover { background:url(/images/interface/nav/top_nav_sprite.jpg) 0px -165px no-repeat; }
	li#topNav-08 a:hover { background:url(/images/interface/nav/top_nav_sprite.jpg) -123px -165px no-repeat; }
	li#topNav-09 a:hover { background:url(/images/interface/nav/top_nav_sprite.jpg) -246px -165px no-repeat; }


	#flashExplore { 
		float:left; width:200px; margin-left:6px;
	}
	
	#mainWrapper{clear:both; width:960px;}

	/*****************************
	3.) SIDE NAVIGATION	
	/****************************/	
	
	div#sideNavWrapper{float:left; width:190px; margin-top:95px; padding-left:10px; }
	
	
	/* accordion header */
	#accordion h2 {
		cursor:pointer;		
	}

	/* currently active header */
	#accordion h2.current {
		cursor:default;
		color:#ea1900;
	}
	
	/* accordion pane */
	#accordion div.pane {
		display:none;
	}
	
	#accordion a{ color: #fff; } 
	#accordion a:hover{ color: #ea1900; }
	#accordion h3{ font-size: 15px; margin-bottom:8px; text-indent:10px; }
	#accordion h4{ font-size: 12px; margin-bottom:8px; text-indent:17px; }
	#accordion h4.last{ margin-bottom:0; }
	#accordion div.pane {
		background-color:#333;
		width: 110px;
		padding:10px 0;
		margin-bottom:5px;
		position:relative;
		top:-3px;
	}

	/*****************************
	2.) MAIN SLIDE SHOW	
	/****************************/	
	
	/* container for slides */
	div.images {
		position:relative;	
		height:360px;
		width:720px;
		border:solid 1px #FFF;
		float:left;	
		cursor:pointer;
	}
	
	/* single slide */
	div.images div {
		display:none;
		position:absolute;
		top:0;
		left:0;		
	}
	
	div#freshBox { float:left; margin-top:14px; border:1px solid #2c2c2c; width:480px; height:138px; }
	div#adBox { float:left; margin:14px 0 0 14px; border:1px solid #2c2c2c; width:224px; height:138px; }
	div#freshBox img, div#adBox img { display:block; } 
	
	div#mainContent{float:left; margin-top:6px; width:740px; padding-left:20px; /*background-color:#0F0;*/}

	.title {color:#ea1900; padding:35px 0 10px 0; margin:0; text-transform:uppercase;}
	.mainImage{border:#FFFFFF; border-style:solid; border-width:1px;}
	
	#copy{
		clear:both;
		padding-top:17px; 
		color:#FFFFFF; 
		line-height:20px;
		font-size:12px; padding-bottom:10px; width:650px;
	}
	
	
	/*****************************
	GRID VIEW	
	/****************************/	

	#mainGrid{margin-left:0px; clear:both;}
	
	.blankBlock{ height:230px;width:230px;margin-bottom:12px;margin-right:12px;background-color:#272727;float:left;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;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; }
	
	.highslide img { border:none; }
	
	
	#trackButton{ float:left; margin-left:9px; margin-top:3px; }
	
/*-------------TOOLTIP & TABS--------------------------------------------------------------------------------------------------------------*/
#simpleTooltip { 
	background: #000000; color:#FFF;
	width:200px;
	padding:5px;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}	

.tool-title {
	font-weight: bold;
	font-size: 12px;
	color: #ea1900;
	padding: 5px 10px 4px;
	display:block;
}
 
.tool-text {
	font-size: 10px;
	color: #ffffff;
	line-height:15px;
	padding: 0px 8px 8px;
	display:block;
}

	
/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #dcdcdc;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:11px;
	display:inline-block;
	padding:5px 10px;	
	text-decoration:none;
	border:1px solid #dcdcdc;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	margin-right:3px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	/*background-color:#F7F7F7;*/
	background-color:#fff;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#fff;
	border-bottom:1px solid #fff;	
	cursor:default;
}

	
/* tab pane */
div.css-panes div {
	display:none;
	/*border:1px solid #dcdcdc;
	border-width:0 1px 1px 1px;*/
	/*min-height:150px;*/
	padding-top:15px;
	background-color:#fff;	
}
	

	
	
	/*****************************
	FOOTER VIEW	
	/****************************/	
	#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; text-transform:uppercase;}
	#bread { float:left; font-size: 10px; color: #6b6b6b; height: 33px; line-height: 33px; width:760px; margin-top:18px; background: url(/images/interface/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(/images/interface/nav/bread_logo.png) no-repeat; cursor:pointer;}
	#bread a.mail {float:left; width: 20px; height:33px; background: url(/images/interface/nav/mail.png) no-repeat;}


	/*****************************
	3.) SCROLL GALLERY	
	/****************************/	
	#scrollContainer{ width:500px; height:69px; clear:both; margin-bottom:20px; }
	
	#scrollContainer img{
		border:none;
	}

	/* root element for the whole scrollable setup */
	div.scrollable {  
		position:relative;
		overflow:hidden;
		width: 413px;	 
		height:69px;
		margin:0 auto;
	}
	
	/* 
		root element for scrollable items. It is 
		absolutely positioned with large width. 
	*/
	#thumbs {	
		position:absolute;
		width:20000em;	
		clear:both;
		/*border:1px solid #222;*/
	}
	
	/* custom positioning for navigational links */
	a.prev, a.next {
		/*margin-top:90px;	*/
	}
	
	/* single item */
	#thumbs div {
		display:block;
		float:left;
		width:125px;
		height:63px;
		overflow:hidden;
    	border: 3px solid #272727;
		background: #272727;
		margin: 0px 8px 0 0;
	}
	
	#thumbs div:hover {
    	border: 3px solid #ea1900; 
	}
	
	
	/* this makes it possible to add next button beside scrollable */
	div.scrollable {
		float:left;		
	}
	
	/* prev, next, prevPage and nextPage buttons */
	a.prev, a.next, a.prevPage, a.nextPage {
		display:inline-block;
		width:36px;
		height:25px;
		background:url(/images/interface/left.gif) no-repeat;
		float:left;
		cursor:pointer;
		margin-top:24px;
	}
	
	/* mouseover state */
	a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
		filter:alpha(opacity=80);
		-moz-opacity:0.80;
		-khtml-opacity: 0.80;
		opacity: 0.80;
	}
	
	/* disabled navigational button */
	a.disabled {
		filter:alpha(opacity=20);
		-moz-opacity:0.20;
		-khtml-opacity: 0.20;
		opacity: 0.20;
	}

	a.disabled:hover {
		filter:alpha(opacity=20);
		-moz-opacity:0.20;
		-khtml-opacity: 0.20;
		opacity: 0.20;
		cursor:default;
	}

	a.prev, a.prevPage {
		margin-left:8px;	
	}

	/* next button uses another background image */
	a.next, a.nextPage {
		background-image:url(/images/interface/right.gif);
		clear:right;	
	}

/*-------------SCROLL GALLERY--------------------------------------------------------------------------------------------------------------*/

/*-------------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 black;
    border-top: none;
    padding: 5px;
    background-color: #000000;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
}
.highslide-loading {
    display: block;
	width:125px;
	height:63px;
	padding:0;
	/*height:102px;*/
    background-color: #000000;
    background-image: url(/js/default/ui/highslide/graphics/ajax-loader.gif);
    background-repeat: no-repeat;
	background-position:center;
	border:none;
}

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(/js/default/ui/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(/js/default/ui/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(/images/interface/search/search_box_bg.gif) no-repeat;
	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(/images/interface/search/resultbg.gif);overflow:hidden;z-index:9050;
}

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

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

#ysearchresult .autotitle{
	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(/images/interface/search/resultbgmouse.gif);color:#FFF;
}


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

#autocomplete #keywords {
	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;
}
/*------------/AUTOCOMPLETE-------------------------------------*/

#downloadLinks{ clear:both; margin-top:15px; font-size: 10px; text-transform:uppercase; color:#A7A7A7;}
#downloadLinks ul{ margin-top:-3px;}