@import "/download/templates/css/grid16css";

/*--------------------------------------------- */
/*               >>> PALETTE <<<                */
/*--------------------------------------------- */

body.ig-pages #content-head,
body.ig-pages #content-head h1,
body.ig-pages.anonymous #content-head { display: block; }

body.landing #content-head h1 { display: none; }


/* Font Styles - System Adjustments
------------------------------------- */
body {
	color: #444444; /*737474;*/
	font-family: Arial, Helvetica, sans-serif;
}

a, #page #tinymce a					{ color: #537286; text-decoration: none; }
/*#tinymce a						{ color: #537286 !important; text-decoration: none !important; }*/

a:hover, #page #tinymce a:hover		{ color: #80a8e5; text-decoration: underline;}
/*#page #tinymce a:hover { color: #80a8e5 !important; text-decoration: underline !important; }*/

#breadcrumb, #breadcrumb a, 
#footer ul li.copyright, #footer ul li.copyright a,
#meta, #meta a, #trailer, #trailer a, 
#trailerbar, #trailerbar a 				{ color: #acacac; }

h1, h1 a								{ color: #b84025; }
h2, h2 a, 
h3, h3 a 								{ color: #0f3a6d; }

/* Font Styles - Headings
------------------------------------- */
/*

.heading1 { font-size: 2em;      line-height: 1.5em;    margin: 0; padding: 0 }        24px/36px
.heading2 { font-size: 1.5em;    line-height: 1em;      margin: 0; padding: 0.5em 0; } 18px/18px
.heading3 { font-size: 1.25em;   line-height: 1.2em;    margin: 0; padding: 0.6em 0; } 15px/18px
.heading4 { font-size: 1.0em;    line-height: 1.5em;    margin: 0; padding: 0; }       12px/18px
.heading5 { font-size: 0.9166em; line-height: 1.6363em; margin: 0; padding: 0; }       11px/18px
.heading6 { font-size: 0.8333em; line-height: 1.8em;    margin: 0; padding: 0; }       10px/18px

*/


h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; }


h3 {
	border-bottom:1px solid #afafaf;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
	padding: 5px 0;
}

#content-head h1 { color: #fff; display: none; }
#footer, #footer a { color: #bebebe; }


ol.bullets, ul.bullets, div.editable ol, div.editable ul, #tinymce ol, #tinymce ul {
	margin-left: 1.5em;
	padding-left: 5px;
}




/* Font Styles - Content
------------------------------------- */



/* Background Images
------------------------------------- */

body 					{ background: #fff url(/download/gallery/img/bodypng) repeat-x 0 24px; }

#content,
#footer 				{ background: url(/download/gallery/img/contentbod) repeat-y; }

#content-head			{ background: url(/download/gallery/img/contenthea) no-repeat; }

#footer-inner,
#footer-system 				{ background-color: #606060; }

#header 				{ background: url(/download/gallery/img/headerpng) repeat-x; }
#header-inner 			{ background: url(/download/gallery/img/headerinn) no-repeat 110% 100%; }
#logo a 				{ background: url(/download/gallery/img/logopng) no-repeat; }

#primarynav 			{ background: url(/download/gallery/img/primarynav) no-repeat;  }
#primarynav ul 			{ margin: 0 10px; }
#primarynav li.here 	{ background: #3a497a; }
#primarynav a:hover		{ background: #6d8798 url(); }




/*--------------------------------------------- */
/*                >>> LAYOUT <<<                */
/*--------------------------------------------- */

#page {
	margin: 0 auto;	
	width: 980px;
}

#main 	{ margin: 0 auto; width: 980px; }

#header { height: 112px; margin: 0 auto; width: 980px; }

/* CONTENT */
#content {  }
#content-inner	{ padding: 0px 10px 10px; min-height: 327px; }
#content-head 	{ min-height: 68px; padding: 15px 10px 0; position: relative; }
#content-body 	{ padding-top: 0px !important; padding: 0 10px;}

#breadcrumb 	{ xdisplay: none; }

#trailer, #trailerbar { padding: 0 10px; }
#footer { padding: 0px 12px 0 10px; }
#footer-inner,
#footer-system { padding: 10px; }


/*--------------------------------------------- */
/*              >>> COMPONENTS <<<              */
/*--------------------------------------------- */

/* LOGO/TAGLINE
=============================================== */

#logo {	position: relative; top: 26px; left: 20px; }

#logo a {

	/* >-- Image Replacement */
	
			display: block;
			height: 0px !important;
			overflow: hidden;
			padding: 60px 0 0;
			width: 346px;
			
	/* <-- Image Replacement */
}

/* POWEREDBY
=============================================== */
#poweredby {
	position: relative;
}

.system #poweredby { top: 0; }

/* PRIMARYNAV
=============================================== */
#navigation { }
#primarynav {
	height: auto !important;
	height: 1%;
	overflow: hidden;
}

#primarynav ul { 
	margin: 0 10px 0 20px; 
	padding: 1px 5px; 
}

#primarynav li { float: left; border-left: 1px solid #787878; }

#primarynav a {
	display: block;
	margin: 0 1px;
	padding: 6px 10px 7px;
}

#primarynav li.home a { padding-left: 0px; }
#home #primarynav li.home a { padding-left: 9px; }

#primarynav a:hover { text-decoration: none; }

#primarynav a         { color: #fff; }

#primarynav li.here { }
#primarynav li.here a { 
	background: url() 50% 100% no-repeat;
}

/* SEARCH
=============================================== */
#search-keyword { top: 35px; }

#search-keyword #searchtext { width: 228px;}


/*--------------------------------------------- */
/*          >>> SYSTEM ADJUSTMENTS <<<          */
/*--------------------------------------------- */

/* Build 17 BUG */
#trailerbar-meta a.icon-feed {
	margin:-8px 0 0;
}


/*--------------------------------------------- */
/*            >>> CUSTOM CONTENT <<<            */
/*--------------------------------------------- */

.banner-box {
	background: #fff url(/download/gallery/cc/largegradg) 0 100% repeat-x;
	border: 1px solid #dde0d7; 
	padding: 0; 
	margin: 0 0 10px 0;
overflow: hidden;
 }	

.grid-6 .banner-box { 
	color: #0f3a6d; 
	font-family: Arial; 
	font-size: 14px; 
	padding: 10px; 
}
.banner-box img { float: left; padding: 0 25px 0 0; }

.grid-inner { padding: 10px; }

/*--------------------------------------------- */
/*            >>> 960 Grid System <<<           */
/*--------------------------------------------- */
	
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
	display: inline;
	float: left;
	margin: 0 10px; 
_margin: 0 5px 0 10px; 
}

.grid-inner { padding: 10px; overflow: hidden; }

.alpha { margin-left: 0; }
.omega { margin-right: 0; }
.delta { background-color: #eeeeee }


/* GRID DIMENSIONS
---------------------------------------------------- */

.grid-1 	{ width: 40px;  }
.grid-2 	{ width: 100px; }
.grid-3 	{ width: 160px; }
.grid-4 	{ width: 220px; }
.grid-5 	{ width: 280px; }
.grid-6 	{ width: 340px; }
.grid-7 	{ width: 400px; }
.grid-8 	{ width: 460px; }
.grid-9 	{ width: 520px; }
.grid-10 	{ width: 580px; }
.grid-11 	{ width: 640px; }
.grid-12 	{ width: 700px; }
.grid-13 	{ width: 760px; }
.grid-14 	{ width: 820px; }
.grid-15 	{ width: 880px; }
.grid-16 	{ width: 940px; }


/*--------------------------------------------- */
/*            >>> CUSTOM CONTENT <<<            */
/*--------------------------------------------- */

/* GRID - CUSTOM
---------------------------------------------------- */
#pulse .grid-5 .box-feature .grid-inner,
#pulse .grid-6 .box-feed .grid-inner { height: 300px; overflow: auto; }
#home .box-head.box-feed .rss-box { height: 668px; }

.box-head.box-feature { background: url('/download/gallery/img/boxhead220') no-repeat; }
.box-head.box-feed { background: url('/download/gallery/img/boxhead280') no-repeat; }

.box-head h3 { border-top: 1px solid #b7d0eb; }
.box-head h3, .box-head h3 a { 
	background-color: #045499;
	color: #FFF;
	font-size: 1em;
	height: 28px;
	line-height: 28px;
	padding: 0 5px;
	text-decoration: none;
}

.box-head h3 a:hover { color: #63B11E; }
#box-news h3 a:hover { color: #63B11E; }

.box-head { margin-bottom: 1.5em; }
.grid-inner { border: 1px solid #cfcfcf; }

/* RSS - Feed2JS
---------------------------------------------------- */
.box-feed .grid-inner {  }

.rss-box { overflow: auto; }

p.rss-title { display: none; }
.rss-box ul { margin-bottom: 0; padding-left: 0; }
ul.rss-items { margin: 0 !important; }
li.rss-item {
	border-top: 1px dotted #ccc;
	list-style: none;
	margin: 0;
	min-height: 32px;
	overflow: hidden;
	padding: 7px 0;
}

#box-blogs li.rss-item { background-image: url('/download/gallery/icons/iconbubble'); }
#box-events li.rss-item { background-image: url('/download/gallery/icons/iconcalend'); }
#box-forums li.rss-item { background-image: url('/download/gallery/icons/iconpagers'); }
#box-news li.rss-item { background-image: url('/download/gallery/icons/iconnewspn'); }

.box-blogs li.rss-item { background-image: url(''); }

span.rss-date { color: #666; font-size: 10px; font-weight: bold; }

/* EDIT - WYSIWYG: VISUAL AIDS
---------------------------------------------------- */
.mceItemVisualAid { border: 0; }

.mceItemVisualAid .alpha.mceItemVisualAid { margin-left: 0; margin-right: 8px; }
.mceItemVisualAid .omega.mceItemVisualAid { margin-left: 8px; margin-right: 0; }

.grid-3.mceItemVisualAid,
.grid-4.mceItemVisualAid, 
.grid-5.mceItemVisualAid,
.grid-6.mceItemVisualAid,
.grid-7.mceItemVisualAid,
.grid-8.mceItemVisualAid,
.grid-9.mceItemVisualAid,
.grid-10.mceItemVisualAid,
.grid-11.mceItemVisualAid,
.grid-12.mceItemVisualAid,
.grid-13.mceItemVisualAid
.grid-14.mceItemVisualAid,
.grid-15.mceItemVisualAid,
.grid-16.mceItemVisualAid { border: 1px dashed #ccc; margin-left: 5px; margin-right: 5px; }

#box-spotlight .grid-inner {
overflow: auto; height: 430px;
}

.box-row { overflow: hidden; /*IE6 */ _height: 1%; margin-bottom: 1.5em; }

/* MENU TABS
----------------------------------------------- */

#menu-tabs {
	width: 100%;
}

#menu-tabs ul {
	border-bottom: 1px solid #a7afb1;
	overflow: auto;
	width: 100%;
	margin: 0 0 1em;
}

#menu-tabs li{
	float: left;
	list-style: none;
	margin: 0 4px;
}

#menu-tabs a {
	background: url(../img/tab-left.gif) 0 0 no-repeat;
	background-image: url(/download/gallery/img/tableftgif);
	color: #fff;
	display: block;
	font-family: Verdana;
	text-decoration:none;
	padding-left: 6px;
}

#menu-tabs span {
	background: url(../img/tab-right.gif) 100% 0 no-repeat;
	background-image: url(/download/gallery/img/tabrightgi);
	display: block;
	padding: 7px 20px 6px 14px;
}

#menu-tabs a:hover {
	background-image: url(../img/tab-hvr-left.gif);
	background-image: url(/download/gallery/img/tabhvrleft);
}

#menu-tabs a:hover span {
	background-image: url(../img/tab-hvr-right.gif);
	background-image: url(/download/gallery/img/tabhvrrigh);
}


/* SIDEBAR MENU
----------------------------------------------- */

#menu-sidebar {
	padding-top: 15px;
}

div#menu-sidebar ul.menu {
	height: 380px;
	overflow: auto;
	margin: 0 0 0 10px;
}

#menu-sidebar ul li {
	background: url(../img/bullet-arrow.gif) 0 5px no-repeat;
	background-image: url(/download/gallery/img/bulletarro);
	padding-left: 15px;
	list-style: none;
}

div#menu-sidebar ul ul {
	height: inherit;
	overflow: inherit;
	margin: 0;
}

#menu-sidebar ul li li {
	background-image: none;
}


/* ALPHABET LISTINGS
----------------------------------------------- */

#list-alphabet {
	padding-top: 25px;
}

#list-alphabet ul {
	overflow: auto;
	width: 100%;
	margin: 0 0 2em;
}

#list-alphabet li {
	border-left: 1px solid #1c7ad5;
	float: left;
	list-style: none;
	line-height: 14px;
}

#list-alphabet li.first {
	border-width: 0px;
}

#list-alphabet li a {
	color: #ccc;
	display: block;
	font-family: Verdana;
	font-size: 11px;
	padding: 0 9px 0 8px;
	text-transform: uppercase;
	text-decoration: none;
}

#list-alphabet li.trigger a {
	color: #1c7ad5;
	font-weight: bold;
}


/* PRODUCT COMPANIES
----------------------------------------------- */

div.product-item {
	border-bottom: 1px solid #d9d9d9;
}

.box-body { margin: 10px; padding: 10px !important; }

#page-banner { overflow: hidden; }

#page-banner .box-body { height: 180px; overflow: auto; }
