/* GLOBAL RESET ================================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
/* table { border-collapse: collapse; border-spacing: 0; width: 100%; } */
ol, ul, dl { list-style: none; }
h1, h2, h3, h4, h5, h6, strong, .strong { font-weight: bold; }
fieldset, img, abbr, acronym { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
/* =============================================================================================*/

#header { background: transparent url(../images/bg-header.gif) repeat-x scroll left top; height: 140px; }
#tagline { background: transparent url(../images/tagline.gif) no-repeat scroll left top; float: right; height: 9px; width: 387px; clear: right; margin: 40px 0 0 0;}
/*-- #login-controls {float: right; width: 450px; clear: both; text-align: right; margin: 7px 0 0; font-weight: bold;} -- OLD LOGIN CONTROLS */
#logo { background: transparent url(../images/logo-main.gif) no-repeat scroll left top; height: 48px; margin: 19px 0 16px 0; width: 278px; }
#home-pitch { background:transparent url(../images/bg-gray.gif) no-repeat scroll center top; height:456px; margin:0 0 12px; position:relative; }

/*-- COMMON SELECTORS -------------------------------------------*/
.hidden { display: none !important }

/* Prevents links from having an outline when clicked */
a:focus { outline:none }

/*-- COMMON ELEMENTS -------------------------------------------*/
/* Generic Classes */
.pageWidth { margin: 0 auto; width: 966px; clear: both; overflow: hidden; position: relative; }
h1 { margin: 0 0 10px 0; padding-bottom: 2px; font-size: 24px; color: #1e5182; font-weight: normal; }
h2 { margin: 10px 0 0 0; font-size: 20px; color: #314558; }
h3 { margin: 8px 0 0 0; font-size: 15px; }
h4 { margin: 6px 0 0 0; font-size: 13px; }
h5 {font-size: 1.2em; font-weight: bold; margin: 0 0 1em; text-align: center;}
.fourteen-point{font-size: 14px;}
.a-center {text-align:center;}
.a-right {text-align:right;}
.a-left {text-align:left;}
#main {min-height: 300px; color:#333333; font-family:"helvetica neue",arial,sans-serif;}
#main h1 { margin: 0 0 10px 0; letter-spacing: -0.01em; border-bottom: 1px solid #ccc; }
#main h1 span.welcome { margin-left: 3px; font-size: 13px; color: #797979; }
#page-content h2 { margin: 0 0 12px 0; }
p { margin: 2px 0 10px; text-align: left; line-height: 1.5em; }
a { color: #205283; text-decoration: none; cursor: pointer; }
a:hover { color: #003; text-decoration: underline; }
a:active { color: #000; }
hr { clear: both; display: block; width: auto; height: 1px; color: #ccc; background: #ccc; border-width: 0; }
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.extras{border-top:1px dashed #999999; margin-top: 5px; padding-top:15px;}
th {padding:0; text-align:left; vertical-align:top;}
dd span {color: #8b3e3e; font-size: 11px; font-weight: bold;}
input[type=text], input[type=password], textarea {padding:5px; width:100%;}
input, select, textarea {-x-system-font:none; border:1px solid #B6B6B6; font-family:arial,helvetica,sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;}
input, select, button {vertical-align:middle;}
input[type=text]:focus, input[type=password]:focus, textarea:focus {background:#FCFBF0 none repeat scroll 0 0;}
.upload {position: relative;}
.input-text {width: 10em;}
table {border-collapse: collapse; width: 100%;}
.left-col {width: 60%; float: left;}
.right-col {width: 30%; float: left; margin-left: 50px;}
.right-col label {float: none !important; margin: 0 !important;}
.right-col input[type=text] {width: 4em;}
.img-brd {border: 1px solid #CCC; background-color: #fff; padding: 3px; float:none !important; margin: 0 !important;}
.blue {color: #205283 !important}
.blue a:hover {text-decoration: underline !important}
select {padding: 2px;}
a.override-link {color: #205283 !important; }
a.override-link:hover {text-decoration: underline !important;}

/* Tooltip */
.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }


/* Rounded Corners */
.rounded-corners{ background:#FBFBFB url(../images/upper-left.gif) no-repeat scroll left top; display: block; padding:16px 22px; position:relative;}
.rounded-corners table th { font-size:13px; padding: 7px 4px 0 0; text-align:right; }
.rounded-corners table td { padding-bottom: 5px; }
.rounded-corners input { font-size:13px; margin-bottom:3px; padding:3px;}
.rounded-corners h2    { margin: 0 0 5px 0; padding: 0 0 5px; border-bottom:1px solid #CCC; font-size: 18px;}
.ur {background:transparent url(../images/upper-right.gif) no-repeat scroll left top; display:block; font-size:1px; height:4px; position:absolute; right:0; top:0; width:4px; z-index:3;}
.lr {background:transparent url(../images/lower-right.gif) no-repeat scroll right bottom; bottom:0; display:block; font-size:1px; height:100%; overflow:hidden; position:absolute; right:0; width:6px; z-index:2;}
.ll {background:transparent url(../images/lower-left.gif) no-repeat scroll left bottom; bottom:0; display:block; font-size:1px; height:5px; left:0; overflow:hidden; position:absolute; width:100%; z-index:1;}

/* Gradient Box */
.gradient-box { background: transparent url(../images/gradient-box-bg.gif) repeat-x scroll left top; margin:0 0 24px 0; padding:24px 18px; border: 1px solid #EEEEEE; display: block; font-size: 14px; }
.with-tabs {border-top: none;}
.gradient-box h2, #about-us-left h2, #about-us-right h2 { color:#333333; font-family:"lucida grande","lucida sans unicode","helvetica neue",arial,sans-serif; font-size:21px; font-weight:normal; padding-bottom:9px; text-align:left; margin-top: 0px; }
.gradient-box h2 a{color: #333333}
.gradient-box img { float: right; border: 1px solid #CCC; background-color: #fff; padding: 3px; margin: 0 0 15px 15px; }
.gradient-box ul{list-style:disc; font-size: 15px; margin-left: 30px;}
.gradient-box ul li{padding: 5px;}
.product img{ float: left; border: 1px solid #CCC; background-color: #fff; padding: 3px; margin: 0 15px 15px 0; }

/*-- BODY -------------------------------------------------------*/
body { font-family: "helvetica neue", arial, sans-serif; font-size: 12px; color: #333; background: #fff repeat; }

/* CONTAINERS----------------------------------------------------*/
.full #main, .full .container, #container { width: 964px; margin: 0 auto 8px; margin-top: 0; padding: 0; text-align: left; background-color: #fff; border: solid #solid #fff; border-width: 0; border-top-width: 0; }
#main { margin: 0 auto; padding: 18px 24px; }
#page-content { float: left; width: 77%; }
.container { width: 960px; margin: auto 0; text-align: left; min-height: 1000px; }

/*-- LOGIN CONTROLS ---------------------------*/
#login-controls {z-index: 1; color: #fff; font-size: 12px; font-weight: bold; padding: 0 5px 0 10px; height: 23px; background: transparent url(../images/login-controls.png) no-repeat scroll left bottom; position: absolute; right: 0; top: 4px;}
#login-controls a, #login-controls a:hover {color: #fff; font-weight: bold;}

/*-- NAV --------------------------------------*/
#nav { clear:left; display:inline; float:left; width:960px; margin-top: 9px; }
#nav li { display:inline; float:left; margin:0 7px;}
#nav li#nav-home a { background-image:url(../images/bg-nav-home.gif); width: 79px;}
#nav li#nav-our-company a { background-image:url(../images/bg-nav-our-company.gif); width: 141px;}
#nav li#nav-clients a { background-image:url(../images/bg-nav-clients.gif); width: 89px;}
#nav li#nav-products-and-services a { background-image:url(../images/bg-nav-products-and-services.gif); width: 190px;}
#nav li#nav-affiliate-program a {background-image:url(../images/bg-nav-affiliate-program.gif); width: 164px;}
#nav li#nav-news a { background-image:url(../images/bg-nav-news.gif); width: 77px;}
#nav li#nav-contact-us a { background-image:url(../images/bg-nav-contact-us.gif); width: 120px;}
#nav li.current a, #nav li a:hover { background-position:left bottom;}
#nav li a {background-position:left top; background-repeat:no-repeat; display:block; height:47px; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; text-decoration:none; text-indent:-9999px;}

/*-- FOOTER -----------------------------------*/
.footer { min-width: 960px; min-height: 266px; clear: both; margin-top: 50px; background: url(../images/bg-footer-gradient.gif) top left repeat-x; }
.footer .bar { background: #e7e7e7; border: 1px solid #ccc; }
.footer .bar ul { display: block; width: 914px; margin: 0 auto; padding: 10px 0; font-size: 12px; height: 15px; }
.footer .bar ul li { display: inline; }
.footer .bar ul .copyright { float: left; }
.footer .bar ul li a { margin-left: 22px; font-weight: normal; color: #205283; float: right; }
.homepage .footer { min-width: 0; min-height: 10px; }
.homepage .footer .bar { background: none; border-width: 0; }
.footer .bounds { margin:0 auto; padding:23px 0 34px; width:914px; }
.homepage .footer .bounds{display:none;}

/* HOME & NEWS PAGES SPECIFIC---------------------------------------- */
.homepage { background: #e1e1e1 url(../images/bg-body.gif) top left repeat-x; }
.homepage a { text-decoration: none; }
.homepage a:hover { text-decoration: underline; }
.homepage h2, .newspage h2{ margin: 0 30px 7px; font-size: 18px; font-weight: normal; color: #000; }
.homepage h2 a, .newspage h2 a{ float: right; position: relative; top: 5px; font-size: 13px; font-weight: normal; color: #205283; }
.homepage h2 a img, .newspage h2 a img { float: left; padding-right: 2px; }
.homepage h4, .newspage h4 a img{ font-size: 16px; font-weight: bold; color: #000; }
.homepage ul, .newspage ul{ display: block; list-style: none; }
.homepage p { }
.homepage #container {background: none; }
.homepage .container { position: relative; width: 964px; margin: 0 auto; text-align: left; }
.homepage .footer { height: auto; min-width: 0; margin-bottom: 12px; background: url(../images/bg-footer.gif) center center no-repeat; border-width: 0; }
.homepage #main {margin: 15px 0 0 0; padding: 0;} /* -- Fix for the abstraction of the container and main divs, since there is no main div on the homepage and it messed up the margin. -- */

/* FLASH SECTION ---------------------------------------------*/
#flash-section {padding-bottom: 10px;}

/*-- PITCH SECTION -------------------------------------------*/
#pitch-section { position: relative; height: 456px; margin: 0 0 12px; background: url(../images/bg-grey.gif) center top no-repeat; margin-top: 15px;}

/*-- PRODUCT LIST --------------------------------------------*/
#product-list { float: right; display: block; width: 373px; margin: 1px 1px 0 0; }
#product-list li { float: left; width: 100%; background: transparent url(../images/arrow.gif) 95% top no-repeat; border-left: 1px solid #e5e5e5; }
#product-list li:hover { background-color: #f1f1f1; background-position: 95% center; }
#product-list li:active { background-color: #e5e5e5; background-position: 95% bottom; }
#product-list li.header { height: auto; background: #eee url(../images/upper-right-front.gif) top right no-repeat; border-left-width: 0; }
#product-list li.header h3 { display: block; height: 30px; margin: 0; padding: 14px 18px 0; font-size: 15px; font-weight: normal; color: #333; }
#product-list li.header h3 a {color: #333; text-decoration: none;}
#product-list li.header h3 a.view-all{font-size:12px; float: right;}
#product-list li.header h3 a:hover {text-decoration: underline;}

#product-list li.prod-box a { display: block; height: 65px; margin: 0 13px; padding: 16px 0 0; font-size: 15px; line-height: 14px; color: #1a1a1a; border: solid #e5e5e5; border-width: 0 0 1px; }
#product-list li.prod-box a:hover { margin: -1px 0 0 0; padding: 16px 13px 0; color: #000; text-decoration: none; border-width: 1px 0; border-color: #f8f8f8; }
#product-list li.prod-box a img { float: left; margin-right: 9px; }
#product-list li.prod-box span { display: block; margin: 4px 20px 0 52px; font-size: 12px; line-height: 16px; color: #a5a5a5; }
#product-list li.prod-box a:hover span { color: #a0a0a0; }
#product-list li:last-child a, #product-list li.last-product a { border-bottom-width: 0 !important; }
#product-list li.last-product a:hover { background-image: url(../images/products-lower-right-hover.gif); background-position: -3px -2px; background-repeat: no-repeat; }
#product-list li.last-product a:active { background-image: url(../images/products-lower-right-active.gif); background-position: -3px -2px; background-repeat: no-repeat; }

/*-- MEMBER SECTION -------------------------------------------*/
#member-section { float: left; width: 589px; }
#member-section h2 { margin: 18px 16px 0 27px; padding: 0 3px 9px; border-bottom: 1px solid #e5e5e5; color:#000000; font-size:18px; font-weight:normal;}
#member-section h2 a { position: relative; float: right; right: auto; top: auto; bottom: 6px; width: 70px; height: 35px; background: url(../images/btn-login.gif) center top no-repeat; }
#member-section a span { display: none;}
#member-section h2 p { font-size: 13px; color: #333; margin: 5px 0 0 0; }
#member-section a:hover { background-position: center; text-decoration: none;}
#member-section a:active { background-position: center bottom; }
#member-section a {color:#333333;}

/*#member-section #member-benefits {height: 155px;}*/
#member-section #member-benefits div { margin: 12px 9px 11px 21px; height: 60px; padding: 10px; background: transparent url(../images/bg-yellow.gif) center top no-repeat }
#member-section #member-benefits div h3 { margin: 0 0 1px; font-size: 13px; color: #000; }
#member-section #member-benefits div p { float: left; width: 440px; margin-bottom: 0; font-size: 13px; line-height: 17px; }
#member-section dl { float: left; width: 250px; margin: 0 0 12px 30px; }
#member-section dl dt{ margin: 14px 0 1px; font-size: 13px; font-weight: bold; color: #222; }
#member-section dl dt:first-child { margin-top: 0; }
#member-section dl dd { font-size: 12px; line-height: 17px; color: #444; }
#member-section #member-benefits #member-benefits-left { float: right; margin: 0 18px 12px 0; }
#member-section #learn-more { float: right; width: 174px; height: 35px; margin: 10px 20px 20px 0; background: url(../images/btn-become-a-member.gif) center top no-repeat; }
#member-section #learn-more:hover { background-position: center; }
#member-section #learn-more:active { background-position: center bottom; }
#member-section #login-form { margin: 66px 0 0 130px; }
#member-section #login-form p { margin: 0; padding: 2px; font-size: 11px; border-width: 0; }

/*-- BLASS AFFILIATES ACTIVITY -------------------------------------------*/
#blassaffiliates-activity { display: block; margin-bottom: 8px; padding: 18px 0 0; background: url(../images/bg-news-header-top.gif) center top no-repeat; }
#blassaffiliates-activity h2 { margin-bottom: 1px; font-size: 24px; color: #000; }
#blassaffiliates-activity h2 img { float: right; width: 175px; padding-top: 7px; }
#blassaffiliates-activity p, #compliance-news-full p { margin: 0; padding: 0 30px 18px; color: #444; background: url(../images/bg-news-header-bottom.gif) center bottom no-repeat; }
.news h2 span, #compliance-news h2 span, .homepage-half h2 span { cursor: pointer; }
.news ul li a, .homepage-half li { display: block; margin: -1px 25px 0; padding: 7px 6px; font-size: 12px; border-bottom: solid #e5e5e5; border-width: 1px 0; cursor: pointer; }
.news ul li a:hover, .homepage-half ul li:hover { position: relative; z-index: 1; text-decoration: none !important; background-color: #d8dde5; border-color: #ccc; }
.news .link-li { margin-right: 23px !important; }
#compliance-news .link-li a { padding-right: 9px; }


/*-- COMPLIANCE NEWS -------------------------------------------*/
#compliance-news { float: left; width: 637px; margin-bottom: 6px; padding-top: 18px; background: url(../images/bg-news-left-top.gif) top center no-repeat; }
#compliance-news #news-feed { margin: 0; padding: 0 25px 18px; }
#compliance-news .welcome-to-bottom { margin-bottom: 0; padding-bottom: 18px; background: url(../images/bg-news-left-bottom.gif) bottom center no-repeat; }
#compliance-news-full {display: block; margin-bottom: 8px; padding: 18px 0 0; background: url(../images/bg-news-header-top.gif) center top no-repeat; }
.homepage #compliance-news a .contents .source { display: none; }
#news-feed a { display: block; margin: -1px 30px 0; padding: 8px 5px; list-style: none; color: #5e5e5e; border: solid #e5e5e5; border-width: 1px 0; cursor: pointer; }
#news-feed a:hover { background-color: #f0f0f0; text-decoration: none; }
#news-feed a strong { float: left; width: 85px; margin: 0; color: #205283; }
#news-feed a strong span { font-size: 0.95em; opacity: 0.8; }
#news-feed a .contents { display: block; margin: 0 0 0 95px; }
#news-feed a .contents .source { float: right; margin: 2px 0 0 8px; font-size: 10px; line-height: 16px; font-weight: bold; text-transform: uppercase; color: #933; }
#news-feed a .contents .header { margin: 0 0 1px; padding: 0; }
#news-feed a .contents .header .title { font-size: 14px; line-height: 16px; font-weight: bold; color: #333; }
#news-feed a:hover .contents .header .title { color: #000; }
#news-feed a .contents .description { display: block; margin: 0; padding: 1px 5px 0 0; font-size: 12px; line-height: 17px; }
#news-feed a:hover .contents .description { color: #444; }

/*-- NEWS -------------------------------------------*/
#front-news-box {height: 195px;}
.news { clear: right; float: right; width: 350px;}
.news ul { margin: 0 0 8px; }
.news h2 { margin: 0;}
.news ul li a { margin: 0 }
.news-date { float: left; margin-bottom: 1px; }
.news-subject { display: block; margin-left: 60px; color: #000; }

/*-- LOGIN PAGE -------------------------------------------*/
#login-form { float: left; width: 338px; border-top: 5px solid #274b6d; }
#login-form ul { padding: 12px 18px; list-style: none; background-color: #f5f5f5; border: solid #ddd; border-width: 0 1px 1px 1px; }
#login-form ul li { display: block; margin: 0 0 9px 0; }
#login-form ul li h2 { margin: 0 0 15px 0; }
#login-form p { margin: 5px 8px; font-size: 10px; color: #555; }
#login-form #login-remember { padding-left: 104px; }
#login-form #login-submit { margin-bottom: 12px; padding: 6px 0 0 104px; text-align: left; border-top: 1px solid #ddd; }
#login-form #login-forgot { text-align: center;}
#login-form .login-main label { float: left; width: 104px; margin: 3px 0 0 0; font-size: 14px; cursor: default; }
#login-form .login-main input { width: 182px; padding: 1px 3px; color: #444; }
#login-form .login-main input:focus { color: #000; }
#login-register { background-color:#FAFAFA; font-size:15px; margin-left:350px; padding:12px 22px; }
#login-register ul li{background:transparent url(../images/checked-good.gif) no-repeat scroll 0 0; float:left; margin:4px 0; padding:0 0 0 22px; width:42%;}
#become-a-member { display: block; margin: -40px auto 0 auto; background-color:#1e5182; border:none; background-image:url(../images/become-a-member.png); background-position:center top; background-repeat:no-repeat; height:36px; width:200px;}
#become-a-member:hover {background-position: center center;}
#become-a-member:active {background-position: center bottom;}

/* BUTTON */
.button, button a { padding: 0.25em 0.7em; font-size: 13px; color: #f5f5f5; background: #1e5182; border-top: 2px solid #d5d5d5; border-right: 2px solid #555; border-bottom: 2px solid #555; border-left: 2px solid #d5d5d5;}
.button:hover, .button a:hover{ color: #fff; text-decoration: none;}
.button:active, button a:active { border-top: 2px solid #555; border-right: 2px solid #d5d5d5; border-bottom: 2px solid #d5d5d5; border-left: 2px solid #555; }

/*-- CLEARFIXES -------------------------------------------*/
.list:after, .footer ul:after, .link-li:after, .clearfix:after, #container:after, #news-feed a:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}

/*-- REGISTER -------------------------------------------*/
.half-right { float: right; width: 449px; }
.half-left { float: left; width: 440px; }
.profile-box {float: left; width: 385px;}
.yellow-box { background: #FCFBF0 none repeat scroll 0 0; border: 1px solid #CAC3A5; font-size: 14px; margin: 15px 0 10px; padding: 10px 20px; }
.yellow-box a { color: #333; font-weight: bold; }
.yellow-box strong { font-size: 16px; }
div.fieldWithErrors {color:red}
#create-account { background-color:#1e5182; border:none; background-image:url(../images/create-account.png); background-position:center top; background-repeat:no-repeat; float:right; height:36px; width:172px; }
#create-account:hover {background-position: center center;}
#create-account:active {background-position:center bottom;}
#submit-application { background-color:#1e5182; border:none; background-image:url(../images/submit-application.png); background-position:center top; background-repeat:no-repeat; float:right; height:36px; width:200px; }
#submit-application:hover {background-position: center center;}
#submit-application:active {background-position:center bottom;}
.register .half-right .rounded-corners {background-color:#F5F5F5; margin-bottom:5px;}
.register h2 {margin:0 0 5px 0;}

/*-- ABOUT US ----------------------------------------*/
.about-us .rounded-corners{margin: 0 0 15px 0;}
#about-us-right h2 { margin-top: 15px;}
#about-us-left { float: left; width: 598px; }
#about-us-right { float: right; width: 303px; }
#yellow-rounded-box { background: #fcf8d8 url(../images/yellow-rounded-top.gif) no-repeat scroll left top; padding: 16px 22px;}
#yellow-rounded-box .inside-box {background: #FFF; border: 1px solid #CCC; margin-bottom: 10px; padding: 10px; min-height: 160px;}
#yellow-rounded-box .inside-box h2 a{color: #333333;}
#yellow-rounded-box img { border: 1px solid #CCC; padding: 2px; margin: 5px 20px 5px 5px; float: left; }
#yellow-rounded-box h4 {font-size:23px; font-weight:bold; padding:0 3px 5px 2px;}
#yellow-rounded-box h5 { border-bottom:2px solid #EBEBEB; font-size:16px; float: left; width: 360px; padding-bottom: 8px; margin-bottom: 7px; }
#yellow-rounded-box-bottom { height: 5px; background: #fcf8d8 url(../images/yellow-rounded-bottom.gif) no-repeat scroll left top; margin-bottom: 10px; }
#yellow-rounded-box p { display: block; margin: 5px; font-size: 14px; }
#right-grey-box-small { background: #fbfbfb url(../images/about-us-right.gif) no-repeat scroll left top; padding: 16px 22px; }
#right-grey-box-small-bottom { height: 5px; background: #fbfbfb url(../images/about-us-right-bottom.gif) no-repeat scroll left top; margin-bottom: 10px; }

/*-- AFFILIATE PROGRAM ------------------------------*/
.affiliate-program .rounded-corners{margin: 0 0 15px 0}
.affiliate-program h2 {margin:10px 0 5px 0;}

/*-- CONTACT US -------------------------------------*/
#contact-half { width: 550px; float: left; }
#contact-info {font-size: 14px;}

/*--PRODUCTS & SERVICES -----------------------------*/
#products-box {background: transparent url(../images/about-gradient.gif) repeat-x scroll left top; margin:12px 0; padding:24px 18px; border: 1px solid #EEEEEE; display: block; font-size: 14px; }
#products-box h2 {color:#333333; font-family:"lucida grande","lucida sans unicode","helvetica neue",arial,sans-serif; font-size:21px; font-weight:normal; padding-bottom:9px; text-align:left; margin-top: 0px;}
#products-box h3 { color:#000000; font-family:"helvetica neue",arial,sans-serif; font-size:16px; font-weight:normal; line-height:19px; text-decoration: none; margin-bottom: 5px; }
#complyassistant-row {width: 800px; float: left; margin: 20px 42px 20px 14px;}
#products-col { width: 439px; float: left; }
.product-box { width: 383px; float: left; margin: 0px 42px 30px 14px; }
#complyassistant-row a img, .product-box a img { margin-right:15px; width:65px; float: left; }
#complyassistant-row p {margin:0 0 0 80px;}
.product-box p {color:#555555; font-size:13px; line-height:18px; margin:0 0 0 80px;}
#products-half-left { float: left; width: 450px; }
#products-half-right { float: right; width: 450px; }
.products-box-half { width: 406px; background: transparent url(../images/products-box.gif) no-repeat scroll left top; padding: 16px 22px; float: left; }
.products-box-half h2 {color:#333333; font-family:"lucida grande","lucida sans unicode","helvetica neue",arial,sans-serif; font-size:21px; font-weight:normal; padding-bottom:9px; text-align:left; margin-top: 0px;}
.products-box-half a h2{text-decoration: none;}
.products-box-half a img{margin-right: 15px; float: left;}
.products-box-half p { margin:0 0 0 80px; font-size: 13px; line-height: 18px; }
.products-box-half-bottom { height: 5px; background: transparent url(../images/product-box-bottom.gif) no-repeat scroll left top; width: 450px; float: left; }
.productsTop {background-position:center top; background-repeat:no-repeat; height:300px; position:relative; width:100%; margin-bottom: 20px;}
.productsTop h2 {color:#000000; font-family:"lucida grande","lucida sans unicode","helvetica neue",arial,sans-serif; font-size:32px; font-weight:normal; left:30px; line-height:33px; position:absolute; top:25px; width:50%; }
.productsTop a { background-position:center top; background-repeat:no-repeat; bottom:0; height:100px; position:absolute; text-indent:-9999px; width:50%; }
.productsTop a:hover {background-position:center center;}
.productsTop a:active {background-position:center bottom;}

/*--COMPLYASSISTANT PRODUCT PAGE ---------------------*/
#complyAssistantTop { background-image:url(../images/complyassistant-box-top.jpg); }
#complyAssistantTrial { background-image:url(../images/complyassistant-box-left.jpg); left:0; }
#learnComplyAssistant { background-image:url(../images/complyassistant-box-right.jpg); right: 0; }

/*--DUE DILIGENCE WORKBOOK PRODUCT PAGE --------------*/
#dueDiligenceTop { background-image:url(../images/due-diligence-box-top.jpg); }
#dueDiligenceDownload { background-image:url(../images/due-diligence-box-left.jpg); left: 0; }
#learnDueDiligence { background-image:url(../images/due-diligence-box-right.jpg); right: 0;}

/*--POLICIES AND PROCEDURES PAGE --------------*/
#policiesAndProceduresTop { background-image:url(../images/policies-and-procedures-box-top.jpg); }
#policiesAndProceduresDownload { background-image:url(../images/policies-and-procedures-box-left.jpg); left: 0; }
#learnpoliciesAndProcedures { background-image:url(../images/policies-and-procedures-box-right.jpg); right: 0;}

/*--POWERPOINT AND WORK FORCE TRAINING PRODUCT PAGE --------------*/
#powerPointTop { background-image:url(../images/powerpoint-box-top.jpg); }
#powerPointDownload { background-image:url(../images/powerpoint-box-left.jpg); left: 0; }
#learnPowerPoint { background-image:url(../images/powerpoint-box-right.jpg); right: 0;}

/*--DISASTER RECOVERY TOOLS PRODUCT PAGE --------------*/
#disasterRecoveryTop { background-image:url(../images/disaster-recovery-box-top.jpg); }
#disasterRecoveryDownload { background-image:url(../images/disaster-recovery-box-left.jpg); left: 0; }
#learnDisasterRecovery { background-image:url(../images/disaster-recovery-box-right.jpg); right: 0;}

/*-- BLOG ENTRY ---------------------------------------*/
#blog-admin-controls {border: 1px solid #bbbbbb; background-color: #eeeeee; padding: 0 10px; width: 140px}
#blog-content {width: 75%; float: left; margin-top: 1.5em;}
.blog-entry {background-color: #FBFBFB; border-color: #333333 #F5F5F5 #F5F5F5; border-style: solid; border-width: 4px 1px 1px; margin-bottom: 1.5em; padding: 0 12px 10px;}
.blog-entry h2 {font-size:22px; margin-bottom:0.25em; padding-bottom:0.1em;}
.blog-entry h2 a{color: #333333;}
.blog-entry p {margin:5px 0 15px;}
#blog-content-right{ background:#FFFFFF url(../images/sidebar-gradient.gif) no-repeat scroll center top; border: 1px solid #F5F5F5; float:right; margin-top:30px; padding:2% 1.5%; width:20%;}
.actions a{float: right;}
#line_items tr{height: 35px}

/*-- PAGINATION ----------------------------------------------*/
.pagination {text-align: center; padding: .3em;}
.pagination a, .pagination span {padding: .2em .5em;}
.pagination span.disabled {color: #333;}
.pagination span.current {font-weight: bold; color: #333333;}
.pagination a {border: 1px solid #DDDDDD; color: #1E5182; text-decoration: none;}
.pagination a:hover, .pagination a:focus { border-color: #003366; background: #1E5182; color: white; }
.pagination .page_info {color: #333; padding-top: .8em;}
.pagination .prev_page, .pagination .next_page {border-width: 1px;}
.pagination .prev_page {margin-right: 1em;}
.pagination .next_page {margin-left: 1em;}

/*-- NOTIFICATIONS -------------------------------------------*/
#flash { font-size: 14px; margin: 15px 0 10px;}
#flash h2 {font-size: 16px; color: #333333; margin: 0 0 5px 0;}
#flash a {color: #333; font-weight: bold;}
#flash ul {margin-left: 20px;}
#flash li {list-style: disc; margin: 5px;}
#flash p {margin-bottom: 0}
.notice{padding: 15px; background-color: #FCFBF0; border: 1px solid #CAC3A5; padding: 15px;}
.success{padding: 15px 15px 15px 46px; border: 1px solid green; background: url("../images/checked-good.gif") #E8FCEA no-repeat 15px center;}
.error {padding: 15px 15px 15px 46px; border: 1px solid #DD3C10; background: url("../images/stop.png") #FFEBE8 no-repeat 15px center;}

/*-- VIEW PRODUCTS  -------------------------------------------*/
#prod-left{width: 24%; float: left;}
#prod-left select {width:176px}
#prod-left #sort_form select { width:80px; }
#prod-left .button {margin-top:10px; float: right;}
#prod-right{width: 73%; float: right;}
#prod-search{position:absolute; top: 155px; width: 420px; height: 30px; margin-left: 500px;}
#search_type{width: 150px;}

/*-- BREADCRUMBS --------------------------------------------- */
.breadcrumb {padding: 3px; border: 1px solid #ccc; display: inline; margin: 0 0 10px 0; background: #fbfbfb;}
.breadcrumb span {font-size: 11px;}

/*-- TABBED INTERFACE ----------------------------------------*/
#tabs {position:relative; display:block; width: 500px; height: 30px; width: 100%; background: url("../images/tabs-bottom.gif") repeat-x left bottom;}
#tabs li {float:left; background:url("../images/nav-sm-left.gif") no-repeat left top; padding: 0 0 0 5px; margin: 0 5px 0 0;}
#tabs a {display:block; background:url("../images/nav-sm-right.gif") no-repeat right top; padding:8px 15px 7px 9px;}
#tabs #current {background:url("../images/nav-sm-left-current.gif"); }
#tabs #current a {background-image:url("../images/nav-sm-right-current.gif"); color: #333;}
#tabs #current a:hover {text-decoration: none;}

/*-- SHOPPING CART ------------------------------------------*/
#shopping-cart-table {border-collapse: collapse;}
#shopping-cart-table .item{height: 100px;}
.shopping-cart {font-size:14px; padding:3px 8px; border:medium none; margin-bottom:0;}
.shopping-cart th {color:#0A263C; padding:2px 8px; white-space:nowrap;}
.shopping-cart th, .shopping-cart td {padding-left:13px; padding-right:13px;}
.shopping-cart thead tr {background:transparent url(../images/bg-table-hd.gif) repeat-x scroll left top; padding:10px 0;}
.shopping-cart thead tr th {color:#FFFFFF; font-size:14px; font-weight: bold; padding-bottom:22px; padding-top:12px; white-space:nowrap !important;}
.shopping-cart .continue-shopping {float: left;}
.shopping-cart .checkout {float: right;}
.shopping-cart h2 {font-size: 17px; float: right; clear: right; margin-top: 20px;}
.shopping-cart h3 {margin:0;}
.shopping-cart h3 a{color: #333333;}
.update-quantity {width: 16px; height: 16px; background: url(../images/sm-ico-refresh.png); border: none; position: absolute; margin: 3px;}
.update-quantity:hover {cursor:pointer;}
.shopping-cart tbody tr {background:transparent url(../images/h-separator.gif) no-repeat scroll center bottom;}
.shopping-cart tbody td {vertical-align:middle;}
.shopping-cart tbody tr.first td{border-top: #6699cc solid 1px;}
.shopping-cart tbody tr.last td {border-bottom: #6699cc solid 1px;}
.shopping-cart tbody tr td.img-holder {border-left: #6699cc solid 1px;}
.shopping-cart tbody tr td.delete {border-right: #6699cc solid 1px;}

#add-to-cart { display: block; margin: 0 auto; background-color:#1e5182; border:none; background-image:url(../images/add-to-cart.png); background-position:center top; background-repeat:no-repeat; height:36px; width:126px; }
#add-to-cart:hover {background-position: center center;}
#add-to-cart:active {background-position: center bottom;}
#continue-shopping { float: left; display: block; background-color:#1e5182; border:none; background-image:url(../images/continue-shopping.png); background-position:center top; background-repeat:no-repeat; height:36px; width:200px; margin-top: 6px;}
#continue-shopping:hover {background-position: center center;}
#continue-shopping:active {background-position: center bottom;}
#checkout { float: right; display: block; background-color:#1e5182; border:none; background-image:url(../images/checkout.png); background-position:center top; background-repeat:no-repeat; height:36px; width:126px; margin-top: 6px;}
#checkout:hover {background-position: center center; cursor:pointer;}
#checkout:active {background-position: center bottom; cursor:pointer;}
#credit-cards {float: right; margin-right: 20px;}

/*-- DATA TABLE ----------------------------------------------*/
.data-table th, td { padding: .5em .8em;}
.data-table td {border: 1px solid #DDDDDD;}
.data-table caption {font-size: 1.2em; font-weight: bold; margin: 0 0 1em;}
.data-table col {border-right: 1px solid #ccc;}
.data-table col#deleteCol {border: none;}
.data-table thead {background: #E5E5E5; border: 1px solid #BBBBBB;}
.data-table th {font-weight: normal;}
.data-table .odd {background-color: #F9F9F9;}
.data-table thead tr:hover {background-color: transparent; color:inherit;}

/*-- AFFILIATE MANAGE PRODUCTS ------------------------------ */
#afManageProd #nameCol {width: 70%;}
#afManageProd #editCol {width: 15%;}
#afManageProd #delCol {width: 15%;}

/*-- ADMIN MANAGE USERS TABLE --*/
#nameCol{width:27%}
#companyCol{width:27%}
#userNameCol{width:19%}
#pendingCol {width:4%}
#actionCol{width:12%}

/*-- ADMIN MANAGE CATEGORIES --*/
#manageCategories #nameCol {width: 85%}

/*-- ADMIN MANAGE PRODUCTS ---------------------------------- */
#manageProducts #nameCol{width: 25%}
#manageProducts #descriptionCol{}
#manageProducts #priceCol{}
#manageProducts #actionCol{width: 18%}


/*-- ADMIN MANAGE AFFILIATES -------------------------------- */
#allAffiliates #nameCol {width: 80%}
#allAffiliates #showCol {width: 10%}
#allAffiliates #editCol {width: 10%}

#affilApps #nameCol {width: 80%}
#affilApps #showCol {width: 10%}
#affilApps #editCol {width: 10%}


/*-- GENERIC FIELDSET AND LEGEND STYLING -------------------- */
fieldset {margin: 1em 0; padding: 1em; border: 1px solid #ccc; background: #f8f8f8;}
fieldset input[type=text], input[type=password], select{width: 250px;}
fieldset textarea {width: 400px; height: 100px;}
legend {font-weight: bold;}
fieldset label {float: left; width: 12em;}
.zip {width: 3.2em !important}
#affiliate_state_id {width: 4em !important}

/*-- CLIENT LIST -------------------------------------------- */
div.client {float: left; width: 219px; min-height: 77px;}

/* FRONT PAGE FLASH 2.0 */
div#flashcontent {margin: 0; width: 590px; float: left;}