/* CSS Document */

@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0 }
html, body { height:100% }
html { background:url(/images/top_bg.gif) repeat-x 0 0 }
body { font: 12px Arial, Helvetica, sans-serif }

.clearer {
	clear:both; 
	display:block; 
	visibility:hidden; 
	height:1px; 
	width:1px; 
	overflow:hidden;
}

.orange { color:#f10000 }

#wrapper { width:960px; margin:0 auto }

.img-left { float:left; margin:0 10px 10px 0 }
.img-right { float:right; margin:0 0 10px 10px }

a { color:#f10000 }
a:hover { color:#000 }

h1, h2, h3 { font-size:18px; color:000; font-weight:normal; margin:10px 0 20px 0; }
h1 span { color:#999; }
h1 a { color:#000 }
h1 a:hover { color:#f10000 }

ol { padding:0 35px; }
ol li { margin:0 0 10px 0; line-height:24px; }

p { line-height:18px; font-size:12px; color:#333 }
p.about { font-size:14px; }

#header { float:left; width:960px; padding-bottom:10px; border-bottom:1px solid #CCC }

#logo { float:left; width:242px }

#tag { float:right; width:200px; margin-top: 16px }
ul#nav { clear:right; float:right; width:700px; margin-top:20px }
ul#nav li { float:right; font-size:14px; margin-left:30px; display:inline }
ul#nav li.first { margin-left:0 }
ul#nav li a { color:#000; text-decoration:none }
ul#nav li a:hover { color:#f10000 }

.content { float:left; width:960px; padding:20px 0; border-bottom:1px solid #CCC }
.content.first { margin-left:0 }
.content.text p { line-height:24px; margin:10px 0 20px 0 }
.content.text h2 { font-size:16px; font-weight:bold; color:#333 }
.content.text h3 { font-size:14px; font-weight:bold; color:#555 }
.content.text h4 { font-size:14px; font-weight:bold; color:#777; margin-bottom:10px; }

.product-s { float:left; text-align:center; margin:0 13px; display:inline }
.product-s.firstprod { margin:0 10px 0 0 }
.product-s.lastprod { margin:0 0 0 10px }
.product-s p { margin-top:15px }
.product-s a {font-size:12px }

.feature { float:left; width:204px; padding:0 20px; text-align:center; border-left:1px solid #e5e5e5 }
.feature.firstfeat { width:225px; border-left:none; padding-left:0 }
.feature.lastfeat { padding-right:0 }
.feature p { margin-top:15px }

.module { float:left; width:225px; padding:0 20px 0 0; margin-bottom:20px; text-align:left }
.module.lastmod { padding-right:0 }
.module p { font-size:12px !important; line-height:18px !important; padding-top:0 !important }

#footer { float:left; padding:20px 0; width:960px }
#footer p { clear:left; float:left }
#footer p span { color:#666 }
ul#footer-nav { float:right }
ul#footer-nav li { float:left; display:inline }
ul#footer-nav li a { font-size:12px; margin-left:20px }

/***************** ERROR MESSAGES ***********************/
.error {
	background-color:#FFEEEB;
}
.success { background-color:#DCF8DF; }
.noticebox {
	color:#353535;
	font-size:12px;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:10px;
}

label.err, label.okbox {
	color:red;
	display:block;
	font-size:10px;
	font-weight:bold;
	line-height:13px;
	margin:5px 0 2px;
	padding:1px 0 4px;
}

/***************** TABLES ***********************/
.data {
	background:#FFFFFF none repeat scroll 0% 0%;
	border-collapse:collapse;
	margin:0;
	text-align:left;
	width:100%;
}
.data th {
	border-bottom:1px solid #6678B1;
	color:#003399;
	font-size:14px;
	font-weight:normal;
	padding:10px 8px;
}
.data td {
	border-bottom:1px solid #CCCCCC;
	color:#666;
	padding:8px 10px;
	
}
.data td.alt { background: #F7F7F7; }
.data td.empty { border-bottom:1px solid white; }

/*************** CENTERING ***********************/
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 204px;
    height: 204px;
}
.wraptocenter * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/



/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}