*{
margin:0; padding:0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dd, dt, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;
font-family: Arial, Helvetica, sans-serif; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after
{ content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse:0; border-spacing: 0; }
form { display: inline; }
body{
background:#783058 url(../images/body-bg.jpg) repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
}
a, a:visited{
color:#0066ff;
outline:none;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a img {border:none;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
h2{
font-size:18px;
font-weight:bold;
color:#000;
}
.clear{ clear:both;}
/*--- Grid ---*/
.wrapper{
width:1005px; margin:0 auto;
}
.top-strip-container{
width:1005px; float:left; height:25px; color:#fff;
}
.top-strip-container a,.top-strip-container a:visited{
color:#fff; text-decoration:none; margin:0 0 0 10px;
}
.top-strip-container a:hover{
color:#fff; text-decoration:underline;
}
.wrapper{
width:100%; float:left; background:url(../images/top-bg.png) no-repeat center top;
}
.container{
width:1005px; margin:0 auto; min-height:800px;
}
.top-strip-left-container{
width:177px; float:left; /*margin:0 0 0 248px;*/ height:25px;
}
.top-strip-right-container{
width:234px; float:right; height:25px; line-height:23px;
}
.social-media{
float:left; width:62px; margin-top:3px;
}
.social-media a{
margin:0px;
}
.member-login{
width:220px; float:left; height:25px; background:url(../images/member-login-icon.png) no-repeat left 3px; padding:0 0 0 20px; line-height:23px; margin-left:186px;
}
.logo-banner-container{
width:981px; float:left; height:130px;
}
.logo{
width:229px; float:left; margin:4px 0 0 12px;
}
.contact-logo{
width:229px; float:left; margin:35px 0 0 12px;
}
/*.banner{
width:728px; float:right; margin:24px 0 0 0;
}*/
.banner {float:right;margin:24px 0 0 0;width:728px; height:90px; padding:0; border:1px solid #e7e6e7; }
#banner-wrap{overflow:inline;margin:0 ;width:728px; position:relative;}
#banner-wrap .js{overflow:hidden;zoom:1;}
#banner-wrap .carousel,
#banner-wrap .carousel .carousel-wrap{margin: 0;border:0;zoom:1;}
#banner-wrap .js .carousel-wrap{display:inline-block;vertical-align:middle;width:728px;margin:0;}
.IE #banner-wrap .js .carousel-wrap{display:inline;}
#banner-wrap .carousel ul{margin:0;padding:0;zoom:1;}
#banner-wrap .js ul li{overflow:hidden;display:inline;float:left;width:728px;height:90px;text-align:center;}
#banner-wrap .carousel .carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:36px;height:36px;cursor:pointer;line-height:999px;zoom:1; position:relative;}
#banner-wrap .carousel .carousel-previous {background:url("../images/prev.png") no-repeat scroll 0 0 transparent;margin:0; z-index:100; position:absolute; left:4px; top:28px;}
#banner-wrap .carousel .carousel-next {background:url("../images/next.png") no-repeat scroll 0 0 transparent;margin:0; z-index:100; position:absolute; right:4px; top:28px;}
#banner-wrap .carousel .carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}
#banner-wrap .carousel .disabled,#banner-wrap .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}
#banner-wrap .carousel div{margin:0;padding:0;border:0;}
#banner-wrap .carousel ul{padding:0;list-style:none;}
#banner-wrap .carousel ul li{position:relative;width:728px;margin:0; padding:0px;}
#banner-wrap .carousel ul li img{float:left;}
#banner-wrap div.center-wrap{overflow:hidden;clear:both;zoom:1; width:728px;}
#banner-wrap div.center-wrap div{border:0;margin:0; float:left; padding:0 0 0 5px;}
#banner-wrap div.center-wrap div p{margin:0;}
#banner-wrap div.center-wrap a{margin:3px 2px;padding:2px 5px;border:1px solid #4f4f4f;background:#333;cursor:pointer;color:#fff;float:left; font-size:11px; }
#banner-wrap div.center-wrap a.active{font-weight:bold;color:#5db0e6;}
#spcl{ margin:18px 0 0 18px; width:964px; position:relative; float:left; border:1px solid #ccc;}
#spcl .js{overflow:hidden;zoom:1;}
#spcl .carousel,
#spcl .carousel .carousel-wrap{margin: 0;border:0;zoom:1; padding-bottom:5px;}
#spcl .js .carousel-wrap{display:inline-block;vertical-align:middle;width:100%;margin:0;}
.IE #spcl .js .carousel-wrap{display:inline;}
#spcl .carousel ul{margin:0;padding:0;zoom:1;}
#spcl .js .carousel-wrap ul li{overflow:hidden;display:inline;float:left;width:962px;height:112px;text-align:center;}
#spcl .carousel .carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:36px;height:36px;cursor:pointer;line-height:999px;zoom:1; position:relative;}
#spcl .carousel .carousel-previous {background:url("../images/prev.png") no-repeat scroll 0 0 transparent;margin:0; z-index:100; position:absolute; left:4px; top:28px; display:none;}
#spcl .carousel .carousel-next {background:url("../images/next.png") no-repeat scroll 0 0 transparent;margin:0; z-index:100; position:absolute; right:4px; top:28px; display:none;}
#spcl .carousel .carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}
#spcl .carousel .disabled,#spcl .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}
#spcl .carousel ul{padding:0;list-style:none;}
#spcl .carousel ul li{position:relative;width:100%; margin:0; padding:0px;}
#spcl .carousel ul li img{float:left;}
#spcl div.center-wrap{overflow:hidden;clear:both;zoom:1; width:728px;}
#spcl div.center-wrap div{border:0;margin:0; float:left; padding:0 0 0 5px;}
#spcl div.center-wrap div p{margin:0;}
#spcl div.center-wrap a{margin:3px 2px;padding:2px 5px;border:1px solid #4f4f4f;background:#333;cursor:pointer;color:#fff;float:left; font-size:11px; }
#spcl div.center-wrap a.active{font-weight:bold;color:#5db0e6;}
/*--- Navigation ---*/
.navigation-container{
width:981px; float:left; height:41px; background:url(../images/navigation-bg.png) no-repeat left top; margin:0 0 0 12px;
}
.navigation-container ul{
margin:4px 0 0 0; padding:0; list-style:none;
}
.navigation-container ul li{
display:block; width:auto; height:32px; float:left;
}
.navigation-container ul li.home{
display:block; width:42px; height:32px; float:left;
}
.navigation-container ul li.home a{
display:block; width:42px; height:32px; background:url(../images/navigation.png) no-repeat left top; text-indent:-9999px;
}
.navigation-container ul li.home a:hover, .navigation-container ul li.home a.active{
background:url(../images/navigation.png) no-repeat left -32px;
}
.navigation-container ul li.directory{
display:block; width:100px; height:32px; float:left;
}
.navigation-container ul li.directory a{
display:block; width:100px; height:32px; background:url(../images/navigation.png) no-repeat -42px top; text-indent:-9999px;
}
.navigation-container ul li.directory a:hover, .navigation-container ul li.directory a.active{
background:url(../images/navigation.png) no-repeat -42px -32px;
}
.navigation-container ul li.training{
display:block; width:93px; height:32px; float:left;
}
.navigation-container ul li.training a{
display:block; width:93px; height:32px; background:url(../images/navigation.png) no-repeat -141px top; text-indent:-9999px;
}
.navigation-container ul li.training a:hover, .navigation-container ul li.training a.active{
background:url(../images/navigation.png) no-repeat -141px -32px;
}
.navigation-container ul li.special-offer{
display:block; width:162px; height:32px; float:left;
}
.navigation-container ul li.special-offer a{
display:block; width:162px; height:32px; background:url(../images/navigation.png) no-repeat -234px top; text-indent:-9999px;
}
.navigation-container ul li.special-offer a:hover, .navigation-container ul li.special-offer a.active{
background:url(../images/navigation.png) no-repeat -234px -32px;
}
.navigation-container ul li.news{
display:block; width:68px; height:32px; float:left;
}
.navigation-container ul li.news a{
display:block; width:68px; height:32px; background:url(../images/navigation.png) no-repeat -396px top; text-indent:-9999px;
}
.navigation-container ul li.news a:hover, .navigation-container ul li.news a.active{
background:url(../images/navigation.png) no-repeat -396px -32px;
}
.navigation-container ul li.events{
display:block; width:76px; height:32px; float:left;
}
.navigation-container ul li.events a{
display:block; width:76px; height:32px; background:url(../images/navigation.png) no-repeat -464px top; text-indent:-9999px;
}
.navigation-container ul li.events a:hover, .navigation-container ul li.events a.active{
background:url(../images/navigation.png) no-repeat -464px -32px;
}
.navigation-container ul li.articles{
display:block; width:87px; height:32px; float:left;
}
.navigation-container ul li.articles a{
display:block; width:87px; height:32px; background:url(../images/navigation.png) no-repeat -540px top; text-indent:-9999px;
}
.navigation-container ul li.articles a:hover, .navigation-container ul li.articles a.active{
background:url(../images/navigation.png) no-repeat -540px -32px;
}
.navigation-container ul li.advertise{
display:block; width:103px; height:32px; float:left;
}
.navigation-container ul li.advertise a{
display:block; width:103px; height:32px; background:url(../images/navigation.png) no-repeat -627px top; text-indent:-9999px;
}
.navigation-container ul li.advertise a:hover, .navigation-container ul li.advertise a.active{
background:url(../images/navigation.png) no-repeat -627px -32px;
}
.navigation-container ul li.contact{
display:block; width:90px; height:32px; float:left;
}
.navigation-container ul li.contact a{
display:block; width:90px; height:32px; background:url(../images/navigation.png) no-repeat right top; text-indent:-9999px;
}
.navigation-container ul li.contact a:hover, .navigation-container ul li.contact a.active{
background:url(../images/navigation.png) no-repeat right -32px;
}
/*--- Search Box ---*/
.search-container{
width:981px; float:left; margin:0 0 0 12px;
}
.search-container-left-corner{
width:11px; float:left; background:url(../images/search-container-left-corner.png) no-repeat left top; height:106px;
}
.search-container-mid-corner{
width:957px; float:left; background:url(../images/search-mid-bg.jpg) repeat-x left top; height:106px;
}
.search-container-right-corner{
width:11px; float:left; background:url(../images/search-container-right-corner.png) no-repeat left top; height:106px;
}
.search-icon{
width:65px; height:65px; float:left; margin:26px 0 0 33px;
}
.search-form-field{
width:820px; float:left; margin:26px 0 0 24px;
}
.search-form-field-left{
width:225px; float:left; margin:0 10px 0 0;
}
.search-form-field-left-label{
width:215px; float:left; padding:0 0 0 11px; color:#000; font-weight:bold;
}
.seach-left-textfield{
width:212px; float:left; background:url(../images/search-left-corner.png) no-repeat left top; height:34px; padding:0 0 0 11px;
}
.textfield-box{
width:198px; height:24px; background:url(../images/search-right-corner.png) no-repeat right top; border:none; padding:10px 12px 0 0; color:#4d4c4c; font-size:11px;
}
.textfield-description{
width:212px; float:left; color:#141414; padding:3px 0 0 14px; font-size:11px; line-height:12px;
}
.submit-container{
width:110px; float:left; margin:15px 0 0 0;
}
.submit{
width:109px; height:35px; background:url(../images/search-button.png) no-repeat left top; border:none; cursor:pointer;
}
.submit:hover{
background-position:0 -35px; border:none; cursor:pointer;
}
/*-------------
FOOTER
-------------*/
.footer-container{
width:1005px; float:left; color:#fff;
}
.footer-container-left-corner{
width:20px; float:left; background:url(../images/footer-left-corner.png) no-repeat left top; height:190px;
}
.footer-container-right-corner{
width:20px; float:left; background:url(../images/footer-right-corner.png) no-repeat left top; height:190px;
}
.footer-container-mid-bg{
width:965px; height:190px; float:left; background:url(../images/footer-mid.png) repeat-x left top;
}
.footer-content{
width:900px; float:left; margin:23px 0 0 28px;
}
.company-info{
width:155px; float:left; margin:0 35px 0 0; background:url(../images/footer-box-right-line.jpg) no-repeat right center; height:150px;
}
.company-info ul{
list-style:none; margin:5px 0 0 0;
}
.company-info ul li{
display:block; color:#2f2e2f; line-height:18px; text-shadow:0 1px 0 #FFF;
}
.company-info ul li a, .company-info ul li a:visited{
display:block; color:#2f2e2f; text-decoration:none;
}
.company-info ul li a:hover{
text-decoration:underline;
}
.resources{
width:124px; float:left; margin:0 35px 0 0; background:url(../images/footer-box-right-line.jpg) no-repeat right center; height:150px;
}
.resources ul{
list-style:none; margin:5px 0 0 0;
}
.resources ul li{
display:block; color:#2f2e2f; line-height:18px;text-shadow:0 1px 0 #FFF;
}
.resources ul li a, .resources ul li a:visited{
display:block; color:#2f2e2f; text-decoration:none;
}
.resources ul li a:hover{
text-decoration:underline;
}
.training-container{
width:179px; float:left; margin:0 35px 0 0; background:url(../images/footer-box-right-line.jpg) no-repeat right center; height:150px;
}
.training-container ul{
list-style:none; margin:5px 0 0 0;
}
.training-container ul li{
display:block; color:#2f2e2f; line-height:18px;text-shadow:0 1px 0 #FFF;
}
.training-container ul li a, .training-container ul li a:visited{
display:block; color:#2f2e2f; text-decoration:none;
}
.training-container ul li a:hover{
text-decoration:underline;
}
.advertising{
width:153px; float:left; margin:0 30px 0 0; background:url(../images/footer-box-right-line.jpg) no-repeat right center; height:150px;
}
.advertising ul{
list-style:none; margin:5px 0 0 0;
}
.advertising ul li{
display:block; color:#2f2e2f; line-height:18px;text-shadow:0 1px 0 #FFF;
}
.advertising ul li a, .advertising ul li a:visited{
display:block; color:#2f2e2f; text-decoration:none;
}
.advertising ul li a:hover{
text-decoration:underline;
}
.members-area{
width:153px; float:left; margin:0 0px 0 0; height:126px;
}
.members-area ul{
list-style:none; margin:0 0 0 0;
}
.members-area ul li{
display:block; color:#2f2e2f; line-height:18px;text-shadow:0 1px 0 #FFF;
}
.members-area ul li a, .members-area ul li a:visited{
display:block; color:#2f2e2f; text-decoration:none;
}
.members-area ul li a:hover{
text-decoration:underline;
}
.twitter{
width:153px; float:left; margin:5px 0 0 0; text-shadow:0 1px 0 #FFF;
}
.twitter a, .twitter a:visited{
width:113px; background:url(../images/twitter.png) no-repeat left top; padding:0 0 0 35px; font-weight:bold; display:block; color:#000; height:32px;
}
.twitter a:hover{
width:113px; background:url(../images/twitter.png) no-repeat left top; padding:0 0 0 35px; font-weight:bold; display:block; color:#000;
}
.facebook{
width:153px; float:left; margin:5px 0 0 0; text-shadow:0 1px 0 #FFF;
}
.facebook a, .facebook a:visited{
width:113px; background:url(../images/FaceBook.png) no-repeat left top; padding:0 0 0 35px; font-weight:bold; display:block; color:#000; height:32px;
}
.facebook a:hover{
width:113px; background:url(../images/FaceBook.png) no-repeat left top; padding:0 0 0 35px; font-weight:bold; display:block; color:#000;
}
.body-detail-container{
width:1005px; float:left; background:url(../images/bg-body-detail.png) repeat-y -2px top; min-height:600px;
}
.body-detail-top-corner{
width:1005px; float:left; background:url(../images/body-top-corner.jpg) no-repeat -2px top; min-height:600px;
}
.body-bottom-corner{
width:1005px; float:left; background:url(../images/body-bottom-corner.jpg) no-repeat -2px top; height:24px;
}
.copy-right{
width:auto; float:right; text-align:right; margin:15px 0 0 0; padding:0 0 20px; text-shadow:0 1px 0 #573148;
}
.more-info{
text-align:right;
width:400px;
}
.more-info a{
color:#4c0127;
text-decoration:none;
}
.more-info a:hover{
color:#4c0127;
text-decoration:underline;
}
/* ERROR: */
div.msg-error-guest { color: #a70a0a; padding: 10px 6px 10px 24px; border: 1px solid #FCD9A5; margin:10p 0 6px 0;
background: #FFEBCE url(../images/icon_msg_error.png) 6px 10px no-repeat; line-height: 12px; clear:both; margin:2px; }
.enhance-msg-error-guest { color: #a70a0a; padding: 3px 6px 3px 24px; border: 2px solid #c00; margin-bottom: 6px; float:left;
background: #fff url(../images/icon_msg_error.png) 6px 4px no-repeat; line-height: 12px; width:720px; margin:10px 0 0 0;}
/* ACKNOWLEDGMENT */
div.msg-acknowledge { color: #128a09; padding: 6px 6px 6px 24px; border: 2px solid #128a09; margin: 6px 15px;
background: #e6fecd url(../images/icon_msg_acknowledge.png) 6px 6px no-repeat; }
/************************************************************
9.0 POPUP
*/
div.small { width: 500px; }
div.large { width: 865px; }
.popup-header { padding: 6px; background: url(../images/bg_popup_header.png) no-repeat; color: #fff; position: relative; zoom: 1; }
div.large .popup-header { background: url(../images/bg_popup_header_wide.png) no-repeat; }
div.small .popup-header { background: url(../images/bg_popup_header_small.png) no-repeat; }
.popup-header h3 { font-size: 12px; }
.popup-header a.close-btn { position: absolute; right: 5px; top: 4px; height: 18px; width: 19px; display: block; text-indent: -9999px; background: url(../images/icon_popup_close.png) no-repeat; }
.popup-content { margin: 0; padding: 10px; background: #fff; border: solid 1px #333333; }
.popup-content h4 { font-size: 11px; margin: 10px 0; color: #68544b;}
.popup-content h3 { font-size: 12px; margin: 0 15px; color: #68544b; }
.popup-content h4.section { border-bottom: 1px solid #9f8878; padding: 5px 0; margin-bottom: 15px; }
.popup-content p { margin: 10px 0 15px 0; }
.popup-content p.prompt { color: #68544b; font-size: 12px; }
.popup-content fieldset { min-height: 125px; border:medium none; margin:0; padding:0; }
.popup-content form fieldset ul.form
{ margin: 10px 0; }
.popup-content form fieldset ul.form select, .popup-content form fieldset ul.form input, .popup-content form fieldset ul.form textarea
{ font-size: 12px; }
.popup-content form fieldset ul.form input{ width:200px; height:20px;}
.popup-content form fieldset ul.form textarea.wide
{ width: 400px; height: 40px; }
.popup-content form fieldset ul.form li
{ padding: 3px 3px 4px 5px; }
.popup-content form fieldset li label
{ width: 150px; color: #000; float: left; display: inline; text-align: right; padding-right:5px; }
.popup-content form fieldset li.checkbox span
{ margin-left: 21%; }
.popup-content form fieldset li.last
{ margin-top: 20px; }
.popup-content form fieldset li span div.prompt
{ color: #666; font: 11px verdana,helvetica,arial,sans-serif;}
.popup-content form fieldset li span span.help
{ font-weight: normal; }
.popup-content form fieldset li span label
{ font-weight: normal; }
.popup-content form fieldset li select
{ font-size: 11px; }
.popup-actions { clear: both; padding: 10px 0 5px 0; text-align: right; border-top: 1px solid #9f8878; background: #fff; margin: 0 15px; }
.popup-actions button { width: auto; padding: 2px 20px; color: #000; }
div.popup-left { width: 49%; float: left; display: inline; }
div.popup-right { width: 50%; float: right; display: inline; }
div.popup-right fieldset { margin-bottom: 20px; }
div.popup-right ul { padding-left: 10px; border-left: 1px solid #9f8878; }
div.popup-left h4, div.popup-right h4
{ margin: 0 10px; }
div.popup-left li.separator { margin-top: 50px; }
div.popup-right fieldset li label
{ width: 20%; }
div.popup-left fieldset li label
{ width: 32%; }
div.popup-right textarea.summary
{ width: 300px; height: 75px; }
button.btn-paypal { border: none; margin-right: 3px; background: transparent url(../images/btn_paypal_buy_now.gif); width: 68px; height: 23px;
text-indent: -9999px; }
.mandetory{ color:#FF0000; font-weight:bold; }
.msg-error-guest{ margin:10px 0 0 10px; }
.msg-error-guest ul li{ margin-top:5px;}
ul.mainfixedlink{
list-style:none; float:left;
}
ul.mainfixedlink li.mainlinkheading{
margin:5px 10px 0 5px;
font-weight:bold;
clear:both;
padding-top:10px;
}
ul.mainfixedlink li .mainlinkheading a, ul.mainfixedlink li .mainlinkheading a:visited{
text-decoration:none;
}
ul.mainfixedlink ul.child3-fixed-links{
list-style:none; float:left;
}
ul.mainfixedlink ul.child3-fixed-links li{
list-style:none; float:left; margin:5px 10px 5px 20px; width:220px;
}
ul.mainfixedlink ul.child3-fixed-links li a, ul.mainfixedlink ul.child3-fixed-links li a:visited{
font-weight:normal; text-decoration:none; background: url(../images/arrow.png) no-repeat left; border:none; padding-left:10px;
}
ul.mainfixedlink ul.child3-fixed-links li a:hover{
font-weight:normal; text-decoration:underline; background: url(../images/arrow.png) no-repeat left; border:none; padding-left:10px;
}
ul.mainfixedlink ul.child2-fixed-links{
list-style:none; float:left;
}
ul.mainfixedlink ul.child2-fixed-links li{
list-style:none; float:left; margin:5px 10px 5px 20px; width:345px;
}
ul.mainfixedlink ul.child2-fixed-links li a, ul.mainfixedlink ul.child2-fixed-links li a:visited{
font-weight:normal; text-decoration:none; background: url(../images/arrow.png) no-repeat left; border:none; padding-left:10px;
}
ul.mainfixedlink ul.child2-fixed-links li a:hover{
font-weight:normal; text-decoration:underline; background: url(../images/arrow.png) no-repeat left; border:none; padding-left:10px;
}
.popup-content form fieldset li span label.contact-input-field {
float:left; width:70px; text-align:left;
}
.popup-content form fieldset li span label.contact-input-field input.contact-radiogroup {
float:left; width:30px;
}
.contact-redio-group {
float:left;
}
.popup-content form fieldset li label.checkbox-subscribe {
float:right; width:318px; text-align:left;
}
.popup-content form fieldset li label.checkbox-subscribe input.checked {
width:30px; float:left;
}