@charset "UTF-8";
/* STYLESHEET COPYRIGHT 2010 BRAND LEVERAGE. ALL RIGHTS RESERVED */

* { padding: 0; margin: 0; }
html, body { 
	height:100%;
}
body {
	margin: 0;
	padding: 0;
	font: normal 11px/normal "Lucida Grande",Arial, Helvetica, sans-serif;
	color: #FFF;
	background:#111 url(../images/bg-body-bw.jpg) center top fixed no-repeat;
	text-align: left;		
}

/***********************
	  LAYOUT
************************/

#main {
	width: 890px;
	margin: 0 auto;
	padding-left:10px;
	position:relative; 
	top:20px;
	background: transparent url(../images/bg-repeat-y-right.png) top right repeat-y;
}
#main #leftshadow {
	width: 10px;
	height:100%;
	position:absolute;
	top:0;
	left:0; 
	background: transparent url(../images/bg-repeat-y-left.png) top left repeat-y;
}


/***********************
	  BANNER
************************/

#topmenubar {
	width:100%;
	height:100px;
	margin: 0 auto; 
	padding: 0;
	background:transparent url(../images/bg-banner-blue.png) left top repeat-x;
}
#topmenubar ul{
	list-style: none;
	width:890px;
	height:30px;
	margin: 0 auto; 
	padding: 0;
	text-align:center;
	list-style:square outside none;
}
#topmenubar ul li {
	display: inline;
	font-size:10px;
	text-transform:capitalize;
	height:100%;
	vertical-align:middle;
}
#topmenubar ul li a{
	float: right;
	display: block;
	line-height:30px;
	padding: 0 10px;
	background: transparent url(../images/nav-divider.png) center right no-repeat;
	text-decoration:none;
	font-weight:bold;
	text-shadow: 0 1px 0 #30343f;
}
#topmenubar ul li a:link{
	color:#FFF;
}
#topmenubar ul li a:active {

}
#topmenubar ul li a:visited {
	color:#FFF;
}

#topmenubar ul li a:hover {
	border-bottom:2px solid #FFF;
}
#topmenubar ul li:first-child a {
	background-image: none;
}
#logo{
	width:890px;
	margin: 20px auto; 
	clear:both;
	height:100px;
}
#logo a{
	padding:10px;
}

/***********************
	  HEADER
************************/

#header{
	width:880px;
	padding: 20px 0 0;
	position: relative;
	background-color:#000;
}
#header #network{
	padding: 0;
	position:absolute;
	top:20px;
	right:60px;	
}
#header #network a{
	padding: 0;
	position:absolute;
	top:20px;
	right:60px;
	background:transparent url(../images/sprite-network.png) 0 0 scroll no-repeat;
	height:23px;
	width:23px;
	text-indent:2000px;
}
#header #network a.email{
	background-position:0 -60px;
}

/* BREADCRUMBS */

#breadcrumbs{
	padding-left:20px;
	background-color:#2a2a2a;
	font-size:0.7em;
	line-height:20px;
	color:#CCC;
	text-transform: lowercase;
}
#breadcrumbs a:link{
	color:#c18243;
	text-decoration:none;
}
#breadcrumbs a:active {
	color:#c18243;
	text-decoration:none;
}
#breadcrumbs a:visited {
	text-decoration:none;
	color:#c18243;
}
#breadcrumbs a:hover {
	color:#00aeef;
	text-decoration: underline;
}


/***********************
	  SLIDESHOW
************************/

#slideshow { width: 860px; height: 200px; padding:10px; margin: 0; overflow: hidden; background:transparent url(../images/50percentblack1x1.png) left top repeat; }
#showcase { width: 860px; height: 200px; overflow: hidden; border:1px solid #CCC; position:relative; top:0;  }

/***********************
	  4 x COLUMNS
************************/

#columns4{
	width: 840px;
	padding: 20px; 
	overflow:hidden;
	background:transparent url(../images/80percentblack1x1.png) left top repeat;
}
#columns4 div{
	width:180px;
	position:relative;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	padding-left:20px;
	background:transparent url(../images/line-vert.png) bottom left no-repeat;
}
#columns4 div.merge2{
	width:400px;
}
#columns4 div.merge3{
	width:620px;
}
#columns4 div.last{
	margin-right:0;
	padding-right:0;
}
#columns4 div.first{
	padding-left:0;
	background:none;
}
#columns4 div.product{
	background:none;
}

/***********************
	  MAIN NAVIGATION
************************/

#columns4 div #ddtopmenubar {
	width:250px;
	height:100px;
	padding: 0;
	float:none;
	position:relative;
	left:0;
	top:15px;
	background-image:none;
}
#ddtopmenubar ul{
	list-style: none;
	width:150px;
	margin: 0 10px 0 0; 
	padding: 0;
	text-align:left;
	list-style:none;
	display: block;
	position:relative;
}
#ddtopmenubar ul li {
	font-size:10px;
	vertical-align:middle;

}
#ddtopmenubar ul li a{
	display: block;
	line-height:20px;
	padding: 0 20px;
	text-decoration:none;
	font-weight:bold;
	text-shadow: 0 1px 0 #30343f;
	text-transform:uppercase;
}
#ddtopmenubar ul li a:link{
	color:#00aeef;
}
#ddtopmenubar ul li a:active {

}
#ddtopmenubar ul li a:visited {
	color:#CCC;
}

#ddtopmenubar ul li a:hover {
	text-shadow: 0 1px 0 #30343f;
	background-color:#00aeef;
	color:#FFF;
}
#ddtopmenubar ul li:first-child a {
	background-image: none;
}

/* DROP DOWN UL CSS */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
	margin: 0 10px 0 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	visibility: hidden;
	z-index: 100;
	font-size:12px;
}
.ddsubmenustyle li, .ddsubmenustyle ul li{ 
	list-style-image:none;
}
.ddsubmenustyle li a{
	display: block;
	width: 200px; /*width of menu (not including side paddings)*/
	color: #FFF;
	text-decoration:none;
	text-transform:uppercase;
	text-decoration: none;
	margin-bottom:1px;
	margin-left:5px;
	padding:0 10px;
	line-height:20px;
	text-shadow: 0 1px 0 #30343f;
	background:#00aeef url(../images/50percentblack1x1.png) left top repeat;
	font-size:10px;
}
* html .ddsubmenustyle li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 200px; /*width of menu (include side paddings of LI A*/
}
.ddsubmenustyle li a:hover{
	color: #FFF;
	background:#00aeef none;
}
.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
	padding-left: 4px;
	border: 0;
}
.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
	position: absolute;
	padding-top: 3px;
	left: 100px;
	border: 0;
}
.ddiframeshim{
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}

/* jcarousellite ONLY CSS */

#columns4 div.first .newsticker-jcarousellite { width:180px; padding-left:0; background-image:none; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; height:170px; padding-bottom:1px; margin-bottom:5px; }
/*.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right; width:190px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }*/
.newsticker-jcarousellite h3 span{
	font-size:9px;
	line-height:normal;
	color:#CCC;
	display:block;
}
.newsticker-jcarousellite blockquote{
	font-size:12px;
	line-height:normal;
	margin-bottom:100px;
}
.newsticker-jcarousellite p{
	font-size:11px;
}
form#productsearch{
	position:absolute; 
	top:55px; 
	left:180px;
	height:100px;
}
ul.shortcuts{ 
	margin: 30px 20px;
}
ul.gallery{ 
	list-style: none; 
	padding: 0 0 40px; 
	width:auto; 
	float:none; 
	margin:20px 10px 30px;
	display:block;
} 
ul.gallery li { 
	margin: 0; 
	padding:0;
	display:inline; 
	width:auto; 
	height:auto; 
	float:left; 
} 
ul.gallery li:nth-of-type(6n+4) { 
	clear:left;
}
ul.gallery li.last { 
	margin-bottom:20px; 
}
ul.gallery a:link, ul.gallery a:visited { 
	display: block; 
	background-color:#DDD; 
	overflow: hidden; 
	margin:0 10px 10px 0; 
	text-decoration: none; 
	outline:none; 
	width:auto; 
	height:auto; 
	background:none; 
	border: 9px solid #EEE;
}

ul.gallery a:link img, ul.gallery a:visited img { 
	display:block; 
}
ul.gallery a:hover { 
	text-decoration: none; 
	outline:none; 
	border: 9px solid #00aeef; 
}
ul.gallery+a+h2, ul.gallery+h3 { 
	clear:both; 
}
ul.downloads{ 
	list-style: none; 
	padding: 0 0 40px; 
	width:auto; 
	float:none; 
	margin:20px 10px 30px;
} 
ul.downloads li { margin: 0; padding-right: 10px; display:block; width:auto; height:auto; clear:none; line-height:1.8em; }
ul.downloads a { padding:0 5px 0 10px; overflow: hidden; text-decoration: underline; outline:none;}
a.pdf { padding:0 5px 0 20px; background:url(../images/icon_pdf.png) center left no-repeat;}
a.news { padding:0 5px 0 20px; background:url(../images/icon_news.png) center left no-repeat;}
ul.downloads a.pdf { padding:0 5px 0 20px; background:url(../images/icon_pdf.png) center left no-repeat;}
ul.downloads a.news { padding:0 5px 0 20px; background:url(../images/icon_news.png) center left no-repeat;}
ul.gallery .thumbnail { display: block; width: auto; }
table.contacts {
	font-weight:normal;
	margin:0;
}
table.contacts td{
	font-weight:normal;
	padding:0 12px 6px 0;
	background-color:none;
	border-bottom: none;
	vertical-align:top;
}
.required:after{
	content:" *";
	color:#00aeef;
}
span.partner {
	border:1px solid #EEE;
	padding:10px;
	display:block;
	background-color:#EFEFEF;
	margin-bottom:10px;
	text-align:right;
}
span.partner img.logo {
	float:left;
	padding:0 20px 10px 0;
	font-size:.8em;
}
span.partner p {
	margin-left:100px;
	text-align:right;
}

/***********************
	  FOOTER
************************/

#footer {
	clear: both;
	width:860px;
	padding-left:20px;
	font-size:0.7em;
	line-height:30px;
	color:#FFF;
	background:transparent url(../images/30percentblack1x1.png) left top repeat; 
	text-shadow: 0 1px 0 #30343f;
}
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
	color:#FFF;
}
#footer ul {
	list-style: none;
	margin: 0 20px 0 0; 
	padding: 0;
	float:right;
}
#footer ul li {
	display: inline;
	font-size:1.2em;
	line-height:30px;
}
#footer ul li a {
	padding-left:10px;
	text-transform:lowercase;
	text-decoration:none;
	color:#FFF;
}
#footer ul li a:link {
}
#footer ul li a:active {
	color:#888;
}
#footer ul li a:visited {
	color:#CCC;
}
#footer ul li a:hover {
	text-decoration:underline;
}


/***********************
	  TYPE
************************/

h1 {
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	line-height:40px;
	margin:0;
	text-shadow: 0 2px 0 #222;
}
h2 {
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	line-height:normal;
	margin:30px 0 15px;
	padding-bottom:0;
	border-bottom:none;
}

h2 span{
	font-size:10px;
	line-height:normal;
	color:#CCC;
	display:block;
}

h2>a:link {
	text-decoration: none;
	color:#00aeef;
}
h2>a:hover {
	text-decoration: underline;
	color:#00aeef;
}
h2>a:visited {
	color:#00aeef;
}
h3 {
	font-size:12px;
	line-height:normal;
	color:#FFF;
	font-weight:bold;
	margin:5px 0;
}
h2+h3 {
	margin:15px 0 15px;
}
h4 {
	font-size:0.8em;
	color:#FFF;
	font-weight:normal;
	margin:10px 0 5px;
}
p {
	font-weight:normal;
	margin:5px 0 15px;
}
p.postscript {
	font-size:.7em;
	line-height:normal;
	font-weight:normal;
	margin:-5px 0 10px;
}
blockquote {
	font-size:13px;
	line-height:17px;
	color:#FFF;
	font-weight:normal;
	margin:15px 0 15px;
}
blockquote.index{
	font-size:12px;
	line-height:normal;
}

ul {
	font-weight:normal;
	margin:5px 0 20px 15px;
	list-style:square outside url(../images/bullet.gif);
}

ol {
	font-size:.8em;
	line-height:1.3em;ccc
	font-weight:normal;
	margin:5px 0 10px 25px;
}
li {
	font-weight:normal;
	margin:0 0 5px;
}
p+ul li:after{ 
	content:";";
}
p+ul li:nth-last-of-type(2){ 
	content:"; and";
}
p+ul li:last-of-type:after{ 
	content:".";
}

li ul {
	font-weight:normal;
	margin:10px 0 10px 15px;
	list-style:square outside url(../images/bullet.gif);
}
.orange{
	color:#00aeef;
	padding:0;
	background:none;
}
.emphasis{
	color:#00aeef;
}
img {
	border:1px solid #CCC;
}
/*
img.float-left{
	margin:10px 15px 10px 0;
}*/
img.float-right{
	margin:10px 0 10px 15px;
}
hr {
	padding-bottom:20px;
	background:#0e0f11 url(../images/line-horiz.png) center left no-repeat;
	border:none;
}


/* anchor classes */
a:link {
	color: #00aeef;
	text-decoration: none;
	outline:none;
}

a:active {
	color: #00aeef;
}

a:visited {
	text-decoration: none;
	color: #55c5ef;
}

a:hover {
	color: #00aeef;
	text-decoration: underline;
}
a img{
	border:none;
}
:focus { outline: 0; }
.quote {
	background: url(../images/leftquote.png) top left no-repeat; 
	padding:10px 0 0 5px;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }
.tbc {background-color:yellow;