@charset "utf-8";
/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0;
line-height:15px;
background-image:url(images/bg.gif);
background-repeat:repeat-x;
background-color:#545454;
color:#383838;
}

.wrapper {
display:block;
position:relative;
width:990px;
margin:0 auto;
background-image:url(images/shadow_bg.gif);
background-repeat:repeat-y;
background-position:top left;
background-color:#fff;
padding:0px 2px 0px 2px;
}


.bannerHolder {
display:block;
position:relative;
height:250px;
}

.banner {
float:right;
height:250px;
width:770px;
margin:0px 2px 0px 2px;
}

.bannerHolderInternal {
display:block;
position:relative;
height:200px;
}

.bannerInternal {
float:right;
height:200px;
width:770px;
margin:0px 2px 0px 2px;
}


.logo {
position:absolute;
width:109px;
height:212px;
margin-top:25px;
margin-left:55px;
}

.logoInternal {
position:absolute;
width:87px;
height:170px;
margin-top:20px;
margin-left:66px;
}


.qBottom {
position:absolute;
right:2px;
bottom:-64px;
background-image:url(images/q_bottom.jpg);
background-repeat:no-repeat;
background-position:0px 14px;
width:245px;
height:65px;
}

.container {
display:block;
position:relative;
margin:0px 2px 0px 2px;
padding:0;
height:1%;
overflow:hidden;
}

.menuHolder {
float:left;
height:300px;
width:190px;
padding-left:15px;
padding-top:13px;
}

.contentHolder {
float:right;
width:770px;
}


.leftColumn {
float:left;
width:525px;
min-height:440px;
height:auto !important;
height:440px;
}

.rightPanel {
float:right;
width:200px;
padding-right:20px;
padding-left:20px;
margin-top:70px;
line-height:13px;
}


.content {
padding:20px;
padding-bottom:0px;
}

.topShadowLeft {
background-image:url(images/top_left_shadow.gif);
background-repeat:no-repeat;
background-position:top left;
width:10px;
height:250px;
position:absolute;
top:0px;
left:-3px;
}

.topShadowRight {
background-image:url(images/top_right_shadow.gif);
background-repeat:no-repeat;
background-position:top right;
width:10px;
height:250px;
position:absolute;
top:0px;
right:-3px;
}


.subTitle {
display:block;
text-transform:uppercase;
height:22px;
padding-top:8px;
padding-left:20px;
background-image:url(images/subtitle_bg.gif);
background-repeat:no-repeat;
margin-top:13px;
color:#fff;
font-size:12px;
}


.footerHolder{
display:block;
position:relative;
background-image:url(images/footer_shadow.gif);
background-repeat:no-repeat;
background-position:bottom;
height:34px;
padding:2px;
}



.footer {
float:right;
background-color:#dad7d7;
width:770px;
height:30px;
color:#747070;
background-image:url(images/footer_bg.gif);
background-repeat:no-repeat;
background-position:left top;
}

.copyright {
float:left; 
margin-top:6px; 
margin-left:10px; 
}


.credit {
float:right;
width:160px;
height:20px;
margin-top:6px;
margin-right:10px;
text-align:right;
}

.footerLink {
text-decoration:none;
color:#747070;
}


.memberLogin {
display:block;
background-image:url(images/member_login.gif);
background-repeat:no-repeat;
text-align:center;
color:#9a3e66;
font-size:18px;
line-height:18px;
text-transform:uppercase;
width:198px;
height:18px;
padding:22px 0px 24px 2px;
}

.tellMate, .lostCertificate {
display:block;
background-image:url(images/tell_a_mate.gif);
background-repeat:no-repeat;
text-align:center;
color:#9a3e66;
font-size:12px;
text-transform:uppercase;
width:198px;
height:12px;
line-height: 12px;
padding:10px 0px 12px 2px;
margin-top:8px;
}

.lostCertificate {
height: 24px;
background-image:url(images/lost_certificate.gif);
}

.tellMate:hover, .lostCertificate:hover, .memberLogin:hover {
color:#7e3354;
text-decoration:none;
}

.homeImage {
border:1px solid #c2c2c2;
position:relative;
width:200px;
margin-bottom:5px;
}


.orangeButton {
float:left;
width:190px;
height:78px;
padding:19px 55px 0px 15px;
text-decoration:none;
margin-left:2px;
background-repeat:no-repeat;
color:#fff;
text-align:left;
font-size:16px;
text-decoration:none;
font-weight:bold;
}
.orangeButton:hover {
text-decoration:none;
}
.orangeButton:active {
background-position:0.1em 0.1em;
padding-top:20px;
height:77px;
padding-left:16px;
width:189px;
}

.largeButton {
width:452px;
}
.largeButton:active {
width:451px;
}

.whiteButton {
color:#7e3354;
}

.orangeButtonText {
display:block;
margin-top:15px;
font-size:11px;
font-family:Arial, Helvetica;
line-height:12px;
font-weight:normal;
color:#e3ceef;
}

.whiteButton .orangeButtonText {
color: #7e3354;
}

.logos {
clear:both;
}

#buttonOrange {
float:left;
background-image:url(images/small_orange.gif);
background-repeat:no-repeat;
color:#fff;
text-align:center;
font-size:16px;
width:119px;
height:40px;
padding:24px 3px 0px 3px;
margin-bottom:15px;
margin-right:5px;
}

#buttonOrange:hover {
text-decoration:none;
}

#buttonOrange:active {
background-position:0.1em 0.1em;
padding-top:25px;
height:39px;
padding-left:5px;
width:117px;
}

.buttonOrange2Lines {
float:left;
background-image:url(images/small_orange.gif);
background-repeat:no-repeat;
color:#fff;
text-align:center;
font-size:16px;
width:118px;
height:50px;
padding:14px 3px 0px 3px;
margin-bottom:15px;
margin-right:5px;
}

.buttonOrange2Lines:hover {
text-decoration:none;
}

.buttonOrange2Lines:active {
background-position:1px 1px;
padding-top:15px;
height:49px;
padding-left:5px;
width:116px;
}


.screenshots {
display:block;
position:relative;
width:201px;
height:148px;
margin-bottom:15px;
}




.tick {
display:block;
width:34px;
height:32px;
background-image:url(images/tick.gif);
background-repeat:no-repeat;
text-decoration:none;
text-indent:-9999px;
overflow:hidden;
background-position:0em 0em;
}

.tick:hover {
background-position:0em -3.1em;
}


.tickOff:hover, .tickOn:hover {
text-decoration:none;
}


.blueLink {
font-size:14px;
margin:20px 0px 8px 0px;
font-weight:normal;
color:#9b3f67;
}




/* ######### HTML OBJECTS ############# */

img {
border:0;
}


p {
margin: 10px 0px 12px 0px;
line-height:14px;
clear:both;
}

a {
color:#9b3f67;
text-decoration:none;
font-size:11px;
}

a:hover {
text-decoration:underline;
}

h1 {
font-size:18px;
margin:0px 0px 10px 0px;
font-weight:normal;
clear:both;
}

h2 {
font-size:18px;
margin:0px 0px 10px 0px;
font-weight:normal;
clear:both;
}

h3 {
font-size:18px;
margin:0px 0px 10px 0px;
font-weight:normal;
clear:both;
}

h4 {
font-size:14px;
margin:0px 0px 8px 0px;
font-weight:normal;
color:#9b3f67;
clear:both;
}


ul {
padding:0;
margin:0px 0px 10px 15px;
}

li {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 2px;
}


th {
background-color:#9b3f67; 
color:#fff; 
font-size:12px; 
padding:10px;
}

.contentHolder table {
border-spacing:0;
border-style:none;
border-collapse:collapse;
border-spacing:0px;
border:1px solid #fff;
padding:0;
margin:0;
}

.contentHolder table tr td {
padding:3px 3px 3px 0px;
border:1px solid #fff;
border-bottom:1px solid #ccc;
}

.contentHolder .td1 {
background-color:#c7c5c5; 
border-bottom:1px solid white; 
padding:10px;
}

.contentHolder .td2 {
background-color:#eeebeb; 
border-bottom:1px solid white; 
padding:10px;
}


.contactCell {
background-color:#9b3f67; 
border-bottom:1px solid white; 
padding:4px;
font-size:11px;
width:95px;
color:#fff;
padding-left:13px;
text-transform:uppercase;
}

.tdBlank {
padding:8px
}

input {
background-color:#eeebeb;
border:1px solid #333;
font-size:11px;
}

textarea {
background-color:#eeebeb;
border:1px solid #333;
font-size:11px;
}







/* --------------- Top CSS Drop Down Menu ----------------------- */

.menu5 {
position:relative; 
font-size:11px;
margin:0px 0px 0px 0px;
padding:0;
list-style-type:none;
}

.menu5 ul {
padding:0; 
margin:0;
list-style-type:none; /* for Firefox */
white-space:normal;
}


.menu5 li {
position:relative;
text-align:center;
padding:0;
margin:0;
}


.menu5 li a {
display:block;
text-decoration:none;
color:#494646; 
text-transform:uppercase;
width:190px;
z-index:2;
padding:6px 0px 6px 0px;
font-size:10px;
background-color:#f6eef2;
text-align:center;
}

* html .menu5 li a, .menu5 li a:visited {
margin:0;
width:190px;
}

.menu5 li ul li a
{
 text-transform:none;
 
}


.menu5 li ul a
{
 color:#000;  
 text-align:left; 
 height:1.7em;
 display:block;
 width:180px;
 
}



.menu5 li ul {
visibility:hidden; 
position:absolute; 
top:0em; 
left:0em;
z-index:100;
}


.menu5 table {
margin:-1px;
display:inline;
border-collapse:collapse;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a, .menu5 li a:hover {
text-decoration:none;
position:relative;
background-color:#eedfe6;

}

/* fix for IE6 hover over select boxes */

.menu5 iframe {
position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;
}

.menu5 li a:hover iframe.one {
left:190px; top:0; width:216px; height:135px;
}

.menu5 li a:hover iframe.two {
left:190px; top:0; width:216px; height:54px;
}


.menu5 li:hover ul, .menu5 li a:hover ul {
visibility:visible; 
height:1px; 
top:0px; 
left:190px; 
background-color:#eedfe6;
}

*html .menu5 li:hover ul, .menu5 li a:hover ul {
left:190px; 
top:0em;
padding:0;
}


.menu5 li:hover ul li a, .menu5 li a:hover ul li a {
display:block; 
font-weight:normal; 
text-decoration:none; 
height:auto;
color:#fff;
background-color:#eedfe6;
padding:6px 6px 6px 10px;
color:#494646;
font-family:Arial, Helvetica;
font-size:10px;
width:200px;
}


* html .menu5 li a:hover ul li a {
w\idth:9em; /* hack for IE5.5 */
padding:6px 6px 6px 10px;
display:block;
width:200px;
}



.menu5 li:hover ul li ul, .menu5 li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
top:0; 
left:9.5em; 
height:0; 
overflow:hidden;

}
.menu5 li:hover ul li a:hover, .menu5 li a:hover ul li a:hover {
text-decoration:none;
color:#fff;
background-color:#d1a6b9;
}


.menu5 li:hover ul li:hover ul, .menu5 li a:hover ul li a:hover ul {
visibility:visible; 
color:#000; 
height:auto; 
background:#fff; 
} 
.menu5 li:hover ul li:hover ul li a, .menu5 li a:hover ul li a:hover ul li a {
display:block; 
height:auto;
}
.menu5 li:hover ul li:hover ul li:hover a, .menu5 li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}



#AboutUs .menu5 #aboutusLink,
#links .menu5 #linksLink,
#partnerships .menu5 #partnershipLink,
#ServewiseOnlineCourse .menu5 #onlineCoursesLink,
#Promotions .menu5 #promotionsLink,
#ServeWiseSigns .menu5 #signsLink,
#ContactUs .menu5 #contactLink,
#PaymentConditions .menu5 #paymentLink,
#Terms .menu5 #termsLink,
#FAQ .menu5 #faqLink,
#RecordofTraining .menu5 #trainingLink,
#LicensingLaws .menu5 #licensingLink,
#Testimonials .menu5 #testimonialsLink
{
background-image:url(images/menu_bg_selected.gif);
background-repeat:repeat-y;
color:#fff;
}

#home .menu5 #homeLink {
background-image:url(images/menu_bg_home_selected.gif);
background-repeat:no-repeat;
background-position:top;
color:#fff;
}

#contact .menu5 #contactLink {
background-image:url(images/menu_bg_contact_selected.gif);
background-repeat:no-repeat;
background-position:bottom;
color:#fff;
}

.menu5 li a.contactLink {
background-image:url(images/menu_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
}
.menu5 li a.contactLink:hover {
background-image:url(images/menu_bottom2.gif);
background-repeat:no-repeat;
background-position:bottom;
}




.menu5 li a.homeLink {
background-image:url(images/menu_top.gif);
background-repeat:no-repeat;
background-position:top;
}

.menu5 li a.homeLink:hover {
background-image:url(images/menu_top2.gif);
background-repeat:no-repeat;
background-position:top;
}


.seoFooter {
margin:0 auto;
display:block;
width:500px;
text-align:center;
color:#fff;
padding-bottom:10px;
}

.seoFooter a {
color:#fff;
}

#WG tbody input {
height:17px;
width:310px;
}

#WG tbody select {
width:310px;
font-size:12px;
background-color:#ebebeb
}