@import url("/CSSglobal.css");

/* global override */
body {
    background-color: #434343;
    color: #555;
    margin-bottom: 40px;
    margin-top: 10px;
}

h2,
a:link, a:visited, a:active,
body a.notCurrent:hover, body a.notCurrent:focus {
    color: #000;
}

a:hover, a:focus,
a.notCurrent:link, a.notCurrent:visited, a.notCurrent:active {
    color: #8f8f8f;
}

a.notCurrent:link, a.notCurrent:visited, a.notCurrent:active {
    text-decoration: none;
}
h1 {
    text-transform: uppercase;
    color: #9BB130;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #BBB;
    font-size: 28px;
}
h2 {
    text-transform: uppercase;
    margin: 10px 0 10px 0;
}
h3 {
    color: #abbe3e;
    font-weight: bold;
    margin: 10px 0 3px;
}
ul {
    margin: 0 0 15px 10px;
    padding: 0;
}
ul li {
    margin: 5px 0 0;
    padding: 0 0 0 13px;
    background: transparent url(/$assets$/ae5eba95-f9e0-419b-b75f-61f70c61ad91/list_square.gif) 0 2px no-repeat;
}

/* END global override */

#wrapper, #footer {
    margin: 10px auto;
}
#wrapper, #header,
#mainnav li {
    padding: 0;
}
#wrapper {
    width: 950px;
    background: #fff url(/$assets$/ae5eba95-f9e0-419b-b75f-61f70c61ad91/bg_wrapper_bottom.gif) no-repeat bottom left;
    text-align: left;
}
#header {
    background: #FFF url(/$assets$/ae5eba95-f9e0-419b-b75f-61f70c61ad91/bg_wrapper_top.gif) no-repeat top left;
    padding: 0 29px 0 25px;
}
#mainnav,
.tabContentColumn2,
.tabContentColumnVideo,
.videoText,
.col2,
.inline-right,
#footer ul li {
    float: right;
}

a.tabIsSelected,
a.tabNotSelected,
.tabContentColumn,
.tabContentColumn2,
.videoThumb,
.videoText a,
.col1,
#footer ul li.footerNotice {
    float: left;
}
#mainnav ul {
    margin: 0
}
#mainnav li {
    background: none;
    text-align: right;
}
#mainnav a{
    text-decoration: none;
}
#main {
    padding: 0 58px 40px;
}
#main, #hero,
.tabset, .tabs,
.videoThumb,
ul.bottomNav,
#footer ul, #footer ul li {
    overflow: hidden;
}
.intro {
    margin-top: 26px;
    text-align: left;
}

.intro .panel{
    width: 177px;
    height: 175px;
    border-right: 1px solid #CCC;
    float: left;
    padding: 10px 15px;
    position: relative;
    text-align: center;
}
.intro .last-panel{
    border-right: none;
}
.intro p{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 11px;
    text-align: left;
}

.intro h4 {
    width: 45%;
    font-size: 20px;
    color: #7A8F22;
    margin-bottom: 10px;
    margin-left: -4px;
    font-weight: normal;
    float: left;
}
.intro .panel .learn-more{
    position: absolute;
    bottom: 5px;
    left: 15px;
    color: #9BB330;
    background: url(/$assets$/35ac9de5-c9da-4617-bd56-74fd1c5988f7/right_arrow.gif) no-repeat center right;
    padding-right: 8px;
}
.intro .panel .cycle_arrows{
    float: right;
    margin-top: 6px;
}

.intro .panel .cycle_arrows .left-arrow{
    margin-right: 2px;
}
.intro .panel .cycle_arrows .right-arrow{
    margin-left: 2px;
}
.intro .panel .cycle_arrows .disabled{
    visibility: hidden;
}
.intro .customers #client_logo_set{
    position: relative;
    visibility: hidden;
    left: -5000px;
    width: 119px;
    margin: 0px auto;
}
.intro ul,
.intro ul li{
    padding: 0;
    margin: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    list-style: none;
}
.subtext{
    padding: 10px;
    border-bottom: 1px solid #C6C6C6;
}
.tabset {
    height: 100%;
    margin: 20px 0;
}
.tabs,
.tabs li{
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
}
.tabs{
    height: 36px;
    clear: both;
    background: #FFF url(/$assets$/35ac9de5-c9da-4617-bd56-74fd1c5988f7/tab_bg_border.gif) repeat-x 35px 35px; 
}
hr, ul li,
a.tabNotSelected, .tabset a.tabNotSelected span,
a.tabIsSelected, .tabset a.tabIsSelected span,
.videoText a,
#TB_closeWindow a#TB_closeWindowButton {
    display: block;
}
.tabs li{
    height: 36px;
    margin: 0 3px 0 0;
    padding: 0px 10px 0px 0px;
    text-decoration: none;
    float: left;
    display: inline;
}
.tabset .ui-tabs-hide{
    display: none;
}

.tabset li.ui-state-default a,
.tabset li.ui-tabs-selected a {
    display: block;
    height: 36px;
    font-size: 100%;
    margin: 0;
    padding: 11px 0 11px 10px;
    text-align: center;
    text-decoration: none;
}

.tabset li.ui-state-default {
    background: transparent url(/$assets$/35ac9de5-c9da-4617-bd56-74fd1c5988f7/tab_right_off.gif) no-repeat scroll top right;
}
.tabset li.ui-state-default a{
    color: #212121;
    font-weight: normal;
    background: transparent url(/$assets$/35ac9de5-c9da-4617-bd56-74fd1c5988f7/tab_left_off.gif) no-repeat;
}
.tabset li.ui-tabs-selected {
    background: transparent url(/$assets$/35ac9de5-c9da-4617-bd56-74fd1c5988f7/tab_right_on.gif) no-repeat scroll top right;
}
.tabset li.ui-tabs-selected a {
    color: #b6c758;
    background: transparent url(/$assets$/35ac9de5-c9da-4617-bd56-74fd1c5988f7/tab_left_on.gif) no-repeat;
}
.tabsetContent {
    border: 1px solid #CBCBCB;
    border-top: none;
    padding: 20px;
    clear: both;
}
.tabsetContent h3 {
    padding-top: 0;
}
.tabsetContent p {
    margin-bottom: 2em;
}
.tabContentColumn,
.tabContentColumn2 {
    width: 355px;
}
.tabContentColumn2 h3 {
    font-size: 110%;
    margin: 0 0 0.4em;
    padding-top: 0;
}
.tabContentColumnVideo {
    width: 365px;
    margin: 0 0 0 40px;
    background: transparent url(/$assets$/ae5eba95-f9e0-419b-b75f-61f70c61ad91/tab_previewBox_bottom_corners.gif) bottom left no-repeat;
}
/*New Styles*/
#clientGrid{
    margin: 0px 0px 15px 5px;
}
#clientGrid a{
	margin: 10px 15px 20px 0px;
	overflow: hidden;
	position: relative;
	display: block;
	text-decoration: none;
}
#clientGrid a img{
	position: absolute;
}
#clientGrid a.tabIsSelected,
#clientGrid a.tabIsSelected span{
    background: none;
	font-weight: bold;
	color: #000;
}
#clientGrid a.tabNotSelected,
#clientGrid a.tabNotSelected span{
    background: none;
	font-weight: normal;
	color: #878787;
}
#clientGridBody{
	padding: 10px 5px;
	margin: 15px 0px 0px 0px;
	clear: both;
}
#clientGridBody img{
	float: left;
}
#clientGridBody div.panelbody{
    width: 560px;
    float: right;
}
.download{
    clear: both;
	padding: 0px 20px;
	border-bottom: 1px solid #E1E1E1;
}
.download a{
    color: #9BB330;
}
.download h3{
	padding: 8px 0px 0px 0px;
	display: block;
}
.download .downloadtext{
    float: right;
	width: 76%;
	margin-top: 25px;
}
.download img{
	margin-top: 10px;
	float: left;
}
.download-last{
	border-bottom: none;
}
#accordion{
			padding: 10px;
		}
		#accordion h3.accordionheader{
			padding: 0px 0px 0px 10px;
			margin: 10px 0px 3px;
            font-weight: bold;
            border-bottom: 1px solid #C7C7C7;
		}
		#accordion h3.accordionheader a{
			padding: 0px;
			margin: 0px;
            color: #858585;
            font-weight: bold;
		}
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-content { padding: 1em 0; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none;}
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-accordion .ui-icon-plus,
.ui-accordion .ui-icon-minus { 
    margin: 1px 5px 0px -10px; 
    *margin-top: 4px;
    display: inline-block; 
    width: 8px; 
    height: 8px; 
    float: left;
}
.ui-accordion .ui-icon-plus{
    background: url(/$assets$/35ac9de5-c9da-4617-bd56-74fd1c5988f7/plus.gif) no-repeat center left;
}
.ui-accordion .ui-icon-minus { 
    background: url(/$assets$/35ac9de5-c9da-4617-bd56-74fd1c5988f7/minus.gif) no-repeat center left; 
}
h5{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
}
.videoAndAssociatedText {
    padding: 10px 12px 0;
    margin: 0;
}
.videoThumb {
    width: 120px;
    height: 91px;
    margin: 0 0 10px;
}
.videoText {
    width: 200px;
    color: #888;
    margin: 0 0 0 15px;
}
.videoText h3 {
    font-size: 115%;
    padding: 0;
    margin: 0 0 6px;
    color: #000;
    font-weight: normal;
}
.videoText a {
    color: #888;
    margin-top: 13px;
    padding-right: 8px;
    background: transparent url(/$assets$/ae5eba95-f9e0-419b-b75f-61f70c61ad91/icon_arrow_grey.gif) no-repeat center right;
}
.col1 {
    width: 376px;
    padding: 0 0 0 4px;
    margin: 0px;
}
.col2 {
    width: 376px;
    padding: 0 0 0 4px;
    margin: 0px;
}
.col1 p img,
.col2 p img{
    float: right;
    margin: 0px 0px 1em 1em;
}
.col1 h3,
.col2 h3{
    clear: both;
}
.inline-right {
    margin: 0 0 10px 20px;
}
.primaryPara {
    margin-top: 2.35em;
}
#prod-overview h1 {
    text-indent: -9999px;
}
#hero .inline-right {
    margin: 0 0 0 5px;
}
hr,
ul.bottomNav {
    height: 1px;
    border-top: 1px solid #d1d1d1;
    margin-bottom: 28px;
}
ul.bottomNav,
ul.bottomNav li {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: none;
}
ul.bottomNav {
    height: 2em;
    margin: 0 0 -2em;
    padding: 8px 0 0;
}
ul.bottomNav li a {
    position: absolute;
    top: 0;
    display: inline-block;
    color: #8f8f8f;
    font: 11px "Univers 55 Roman",Univers,Arial,sans-serif;
}
ul.bottomNav li.next a {
    right: 0;
}
.rulePad {
    margin: 1em 0 0;
}
.headerPad {
    margin: 2em 0 0;
}
#footer {
    position: relative;
    width: 950px;
    text-align: left;
    padding: 0;
}
#footer a {
    color: #777;
}
#footer a:hover {
    color: #fff;
}
#footer p {
    float: left;
    width: 45%;
    margin-left: 5px;
    padding-top: 5px;
}

/* new styles */
#footer ul {
    margin: 0px 5px 0px 0px;
    padding: 0px;
    float: right;
    text-align: right;
    width: auto;
}
#footer ul li {
    float: left;
    background: none;
    display: block;
    padding: 0;
    margin: 0px 0px 0px 20px;
    position: relative;
    text-align: right;
}
#footer ul li.align {
    padding-top: 5px;
}
#footer ul li.tight {
    margin: 0px;
    padding: 0px;
}
div#pop, div#pop_facebook, div#pop_twitter, div#pop_blog {
    position: absolute;
    color: #777;
    margin: 0px;
    padding: 10px;
    bottom: 40px;
    font-size: 11px;
}
div#pop {
    background: url(/$assets$/61f0e32b-0669-4a6f-b67f-47bee78ff08f/copy_pop.png) no-repeat;
    right: 32px;
    width: 179px;
    height: 21px;
    padding: 5px 10px 15px 10px;
}
div#pop_twitter {
    background: url(/$assets$/35ac9de5-c9da-4617-bd56-74fd1c5988f7/twitter_pop.png) no-repeat;
    right: 14px;
    width: 145px;
    height: 30px;
    padding: 11px 0 0 40px;
}
div#pop_blog {
    background: url(/$assets$/35ac9de5-c9da-4617-bd56-74fd1c5988f7/blog_pop.png) no-repeat;
    right: 1px;
    width: 127px;
    height: 30px;
    padding: 12px 0 0 40px;
}
#footerCopyright {
    display: none;
    position: absolute;
    z-index: 10;
    top: -60px;
    right: 0.25em;
    width: 199px;
    height: 56px;
    font-size: 90%;
    background: url(/$assets$/ae5eba95-f9e0-419b-b75f-61f70c61ad91/copyrightToolTipBG.gif) top left no-repeat;
}
#footerCopyright div {
    padding: 10px 10px 0 15px;
}

/*custom thickbox link image*/
#TB_caption {
    padding-top: 6px !important;
}
#TB_ajaxWindowTitle{
    padding: 0;
}
#TB_closeAjaxWindow{
    position: relative;
    float: right;
}
#TB_closeAjaxWindow a#TB_closeWindowButton{
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(/$assets$/35ac9de5-c9da-4617-bd56-74fd1c5988f7/closebutton_gery.gif);
    display: inline-block;
    text-decoration: none;
    top: 3px;
    right: 3px;
    padding: 0;
}
#TB_closeWindow{
   padding: 0px;
   top: -1px;
   right: -1px;
}
#TB_closeWindow a#TB_closeWindowButton {
    position: relative;
    width: 20px;
    height: 20px;
    background: url(/$assets$/35ac9de5-c9da-4617-bd56-74fd1c5988f7/close.png);
    border: 1px solid #B6B6B6;
}

#TB_closeWindow a#TB_closeWindowButton img {
    display: none;
    width: 0;
    height: 0;
}