*
{
	font-family:Arial, Sans-Serif;
	font-size:12px;
}
body
{
	margin:0;
	padding:0;
	background:url(images/body-bg-stripes.png) top left #808285;
}
.body
{
	width:950px;
	height:100%;
	background:#FFF;
}
a:link, a:visited, a:hover, a:active
{
	color:#006cc1;
}
a:hover
{
	text-decoration:none;
	color:#c81921;
}
img
{
	border:none;
}
p
{
    margin-top:0px;
}
h1, h2, h3, h6
{
	color:#b8181c;
	margin:0.2em 0;
}
h1
{
	font-size:24px;
	font-weight:normal;
	margin:10px -20px 10px -10px;
	padding:0 10px;
	border-bottom:solid 7px #c9dad2;
}
h1.secondary
{
    margin-top:2em;
}
h2
{
	font-size:18px;
	font-weight:normal;
}
h3
{
	font-size:15px;
}
h6
{
    margin-top:1em;
}

li
{
    margin-top:0.4em;
}

em
{
    font-style:italic;
    font-weight:bold;
    color:#b8181c;
}

/*.label
{
    float:left;
    width:100px;
    text-align:right;
    margin-right:0.5em;
    line-height:2em;    
}*/

.mainNav
{
	width:100%;
	background:url(images/top-nav-bg.gif) top left repeat-x #c81921;
	vertical-align:top;
}
.mainNav a img
{
	display:none;
}

#mainNavLeft
{
	width:90px; height:57px;
	background:url(images/top-nav-left.gif) top left no-repeat;
}
#mainNavRight
{
	width:90px; height:57px;
	background:url(images/top-nav-right.gif) top right no-repeat;
}

.textFormElement
{
	width:200px;
}

.alert, .alert *
{
	color:#bb161e;
}

.validator
{
	font-size:24px;
	line-height:14px;
}

.contentContainer
{
	margin:10px 0 20px 20px;
}

a:link img.atSign,
a:visited img.atSign,
a:hover img.atSign,
a:active img.atSign
{
	background:url(images/at-sign-link.gif) left top no-repeat;
}
a:hover img.atSign
{
	background-position:left bottom;
}

.productName
{
	font-weight:bold;
}
.productHeader
{
    background:url(images/black-bar-bg.gif) top left repeat-x;
}
.productHeader td
{
	vertical-align:top;
}
.pdf
{
	display:block;
	padding-left:40px;
	line-height:32px;
	background:url("../../images/icons/pdf.gif") 0 0 no-repeat;
}

.hr
{
	margin:0 -20px 10px -10px;
	padding:0 10px;
	border-bottom:solid 3px #c9dad2;
}

/* ------------ MODAL WINDOW ------------ */
.modalWindow
{
	position:absolute;
	left:-100em;
	width:400px;
	background:#FFF;
	padding:10px 20px 20px 20px;
	border:solid 3px #732428;
}
.modalBackground 
{
	background-color:#333;
	-moz-opacity:0.5;
	filter: alpha(opacity = 50);
}

/* ------------ FORM ------------ */
.form .label
{
	text-align:right;
}
/* ------------ BANNERS ------------ */
#banners
{
}
#banners #products .product
{
	width:50%;
	vertical-align:top;
	font-size:11px;
	background:url(images/corner-gradient.gif) top left no-repeat #FFF;
}
#banners #products .product h2
{
	margin:0;
	color:#FFF;
	line-height:18px;
	font-size:14px;
}
#banners #products .product .description,
#banners #products .product .description a
{
	font-size:12px;
	padding: 5px 5px 0 10px;
}

/* ------------ Product ------------ */
#products
{
}
#productContainer
{
}

/* ------------ TOP NAV ------------ */
#topNav .staticMenuItemStyle
{
	text-align:center;
	width:100px;
	vertical-align:top;
	padding:0;
	height:25px;
}
#topNav .staticMenuItemStyle a
{
	color:#FFF;
	font-size:13px;
	font-weight:bold;
}
#topNav .staticMenuItemStyle span
{
	cursor:default;
}
#topNav .staticHoverStyle a
{
	color:#FFF;
}
#topNav .dynamicMenuStyle
{
	border:solid 1px #841d07;
	background:#bb181e;
}
#topNav .dynamicMenuItemStyle
{
	padding:2px 4px;
	background:#bb181e;
}
#topNav .dynamicHoverStyle
{
	background:#c95055;
}
#topNav .dynamicMenuItemStyle a
{
	color:#FFF;
	display:block;
}
#topNav .dynamicHoverStyle a
{
	color:#FFF;
	display:block;
}

#header
{
	padding:15px 20px 0 20px;
}
#topNav
{
	padding:15px 20px 10px 20px;
}
.mainNav
{
    padding-top:5px;
}

/* ------------ LEFT NAV ------------ */
#leftNav .staticMenuItemStyle
{
	margin-left:-5px;
}
#leftNav .staticMenuItemStyle a
{
	font-size:12px;
	text-decoration:underline;
	line-height:1.6em;
}
#leftNav .staticMenuItemStyle a:hover
{
	text-decoration:none;
}
#leftNav .staticMenuItemStyle span
{
	cursor:default;
}

/* -------- PANES -------- */
#leftPane
{
    width:221px;
	background:#FFF/*c9dad2*/;
	padding:0 10px 0 0/*10px 20px 20px 20px*/;
	border-right:solid 1px #CCC;
}
#leftPane .staticMenuItemStyle
{
	padding-left:10px;
}
#leftPane .staticMenuItemStyle a
{
	padding:0/*2px 5px 2px 10px*/;
	display:block;
}
#leftPane .staticHoverStyle
{
	background:#FFF;
}
#mainPane
{
	padding:0 20px 20px 17px;
	
	min-height:300px;
}
#subPanel
{
	width:100%;
}
#subPanel .column
{
	/*background:url(images/shadow-right.gif) top left repeat-y;*/
	border-left:solid 1px #808285;
	padding:10px;
	vertical-align:top;
}
#footer
{
	text-align:center;
	padding:20px;
	margin:auto;
}
#footer *
{
	font-size:10px;
	color:#FFF;
}

/* ------------ SLIDESHOW ------------ */
#slideshow img
{
    border:solid 1px black ! important;
    display:none;
}


/* ------------ LEFT NAV ------------ */

.leftNav
{
	margin-bottom:20px;
	width:171px;
}
.leftNav .header
{
	background:url(images/left-nav-header.gif) left top no-repeat #000;
	height:21px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	color:#FFF;
}

.leftNav .item,
.leftNav .lastItem
{
	background:url(images/left-nav-item.gif) left top no-repeat #e1e1e1;
	padding:0 5px;
	height:23px;
	text-align:center;
}

.leftNav .lastItem
{
	background:url(images/left-nav-bottom.gif) left top no-repeat #e1e1e1;	
	height:24px;
}

.leftNav .item a,
.leftNav .lastItem a
{	
	display:block;
	font-size:11px;
	line-height:23px;
	text-decoration:none;
}


/* ------------ SITE MAP ------------ */

#siteMap .siteMapNode, #leftPane .staticMenuItemStyle a
{
	padding-left:10px;
	background:url(images/ul.gif) 0 50% no-repeat;
}
#siteMap .siteMapNode
{
	margin-left:10px;
}

/* ------------ NEWS ------------ */
.date
{
	color:#808285;
}
.news .content
{
	/*border-bottom:solid 1px #c9dad2;*/
	margin-bottom: 20px;
}
.author
{
	text-align:right;
	font-style:italic;
}
.newsContainer
{
	margin-bottom:20px;
}
.newsContainer *
{
	margin:0;
	color:#464646;
}
.newsContainer h2,
.newsContainer h3
{
	font-size:12px ! important;
}
#leftPane .news,
#leftPane .news *
{
	font-size:11px;
}
#leftPane .news .date
{
	display:none;
}
#leftPane .news .body
{
	display:none;
}

/* ------------ WORKFLOW ------------ */
#workflow
{
	position:relative;
}
#workflow a:link,
#workflow a:visited,
#workflow a:hover,
#workflow a:active
{
	position:absolute;
	display:block;
	/*border:solid 3px red;*/
	display:block;
}
#workflow a:hover
{
	border:solid 3px #808285;
}

/* ------------ TESTIMONIALS ------------ */
.testimonial
{
    padding:10px 10px 10px;
    background:url(images/opening-quotes.gif) 5px 5px no-repeat #dedede;
    text-indent:25px;
}
.testimonial .content
{
    background:url(images/closing-quotes.gif) bottom right no-repeat;
    padding-bottom:5px;
    margin-bottom:10px;
}
.testimonial .author
{
	text-align:right;
	font-weight:bold;
	margin-bottom:10px;
}

/* ------------ RESELLER APPLICATION ------------ */
#resellerApplication .textFormElement
{
	width:300px;
}
#resellerApplication .label
{
	text-align:right;
}

/* ------------ SUCCESS STORIES ------------ */
.quote
{
	float: right; 
	width: 150px; 
	margin: 0 0 10px 10px; 
	padding:10px; 
	background-color: #c9dad2; 
	font-style:italic;
}
.companyProfile
{
	float:left;
	width:170px;
	margin: 0 20px 10px 0; 
	padding:10px;
	border:solid #808285;
	border-width:0 1px 0 0;
}
.companyProfile ul
{
	padding:0;
	margin:0 0 10px 15px;
}
.companyProfile *
{	
	font-size:11px;
}
.picture
{
	border:solid 1px #000;
}
.login
{
    font-size:11px;
}

.bottomClipartImage
{
    position:relative;
    margin:0px -20px -23px -17px;
    width:718px;
    overflow:hidden;
}

a.bigButton
{
    background:url(images/big-button-bg.gif) bottom left repeat-x;
    height:47px;
    line-height:47px;
    text-align:center;
    color:#FFF;
    font-size:20px;
    font-weight:bold;
    text-decoration:none;
    border:solid 1px #000;
}

a.bigButton:hover
{
    background-position:top left;
}


/* ----------------- PRODUCT SLIDESHOW ----------------- */

#productsSlideShow .slidesContainer
{
    width:100%;
}
#productsSlideShow .slidesContainer, .leftCornerGradient
{
    height:168px;
}
#productsSlideShow .slidesContainer .slide
{
    margin:10px 10px 0 10px;
    overflow:hidden;
    height:148px;
}
#productsSlideShowPrev, #productsSlideShowPrev:hover,
#productsSlideShowNext, #productsSlideShowNext:hover
{
    display:block;
    width:22px;
    height:20px;
    background:url(images/btn-prev.png) bottom left no-repeat;
}
#productsSlideShowPrev:hover
{
    background-position:top left;
}
#productsSlideShowNext, #productsSlideShowNext:hover
{
    background:url(images/btn-next.png) bottom left no-repeat;
}
#productsSlideShowNext:hover
{
    background-position:top left;
}

#productsSlideShow .signal, 
#productsSlideShow .signal:hover,
#productsSlideShow a.activeSlide
{
    display:block;
    float:left;
    margin:8px 5px;
    width:11px;
    height:12px;
    background:url(images/signal.png) bottom left no-repeat;
}
#productsSlideShow .signal:hover,
#productsSlideShow a.activeSlide
{
    background-position:top left;
}

.leftCornerGradient
{
    /*background:url(images/corner-gradient.gif) top left no-repeat;*/
    background:#EEE;
    border:solid 1px #000;
    border-width:0 1px;
}
/*.rightCornerGradient
{
    background:url(images/corner-gradient-symmetric.gif) top right no-repeat; 
    height:158px;
}*/

.productHeader td.leftEnd,
.productHeader td.rightEnd
{
    line-height:1px;
    font-size:1px;
    width:6px;
    height:30px;
    background:url(images/black-bar-left.gif) top left no-repeat;
}
.productHeader td.rightEnd
{
    background:url(images/black-bar-right.gif) top left no-repeat;                
}

a.moreButton
{
    display:block;
    width:67px;
    height:25px;
    background:url(images/btn-more-black-green.gif) top left no-repeat;
}
a.moreButton:hover
{
    background-position:bottom left;
}

a.button
{
    display:block;
    height:23px;
    line-height:23px;
    background:url(images/link-button-bg.png) 0 0 repeat-x #d2d2d2;
    color:#000;
    padding:0 10px;
    text-align:center;
    text-decoration:none;
    border:solid 1px #919191;
}
a.button:hover
{
    background-position:0 100%;
    color:#FFF;
}

/* ---------- subscriptions ----------- */
.subscription
{
    font-style:italic;
    margin:5px 10px 15px 10px;
    text-align:center;
}



/* -------------- DEMO ------------------ */

.modalPopupDemo
{
    position:absolute;
    left:-100em;
    width:650px;
    height:700px;
    background: url(images/demo/background.jpg) top left no-repeat;
}

.modalPopupDemoBackground
{
    background:#000;
}

.devicesRowStyle td
{
    border-bottom:solid #c9dad2;
    border-width:0 0 3px 0;
    vertical-align:top;
    padding:5px;
}
.devicesRowStyle td td
{
    border:none;
}

div.feature
{
    background:url('images/tickmark.gif') 0 2px no-repeat;
    padding:0 0 0 15px;
    margin-bottom:10px;
    font-weight:bold;
}
div.feature *
{
    font-weight:normal;
}

.devicesRowStyle a.deviceName
{
    font-weight:bold;
    font-size:16px;
    text-decoration:none;
    color:#555;
}
.devicesRowStyle a.deviceName:hover
{
    text-decoration:underline;
}

.featuresList *
{
font-size:11px;
}

.filter
{
   padding:5px 10px;
   margin:-10px -20px 10px -10px;
   background:#eaf6f1;
}

.highlight
{
    background:#d6f8b0;
}

/* ---- Survey ---- */
.survey li
{
margin-bottom:30px;
}

.survey .otherOption
{
margin-left:23px;
}

.survey input[type=text]
{
width:200px;
}

.surveyAnswers .text
{
font-weight:bold;
margin-top:30px;
}

.surveyAnswers .value
{
margin-left:20px;
}