html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, 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, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: auto;
background: transparent;
}
body {
background-color: #e7e7e7;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000
}
.phonenumber{
float: right;
text-align: center;
padding-top: 8px;
padding-right: 5px;
}
.phonenumber h1{
font-size: 29.5pt;
font-style: italic;
color: rgb(208, 7, 0);
}
.phonenumber .text{
font-size: 18px;
line-height: 0.5;
}
.phoneheading, .requestcall {
font-size: 16px;
margin: 0;
padding-top: 16px;
text-align: right;
}
#left-column .box1, #right-column .box1 {
background-color: #DDDDDD;
color: #2E3192;
font-weight: normal;
width: 170px;
height: auto;
float: right;
border-radius: 10px;
line-height: 12px;
padding-left: 12px;
overflow: hidden;
text-align: left;
}
#left-column .box1 h1, #right-column .box1 h1 {
padding-top: 7px;
padding-left: 10px;
padding-bottom: 5px;
color: #FFFFFF;
/* text-align: left; */
font-size: 15px;
line-height: 1.5;
background-color: rgb(46, 49, 146) !important;
margin-left: -11px;
}
#left-column .box1 h2, #right-column .box1 h2 {
color: #2E3192;
background: none;
/* text-align: left; */
width: 160px;
height: auto;
padding-top: 10px;
text-indent: 0px;
}
#left-column .box1 input, #right-column .box1 input {
margin-top: 5px;
width: 160px;
}
#left-column .box1 select, #right-column .box1 select {
margin-top: 5px;
width: 160px;
}
#left-column .box1 .go, #right-column .box1 .go {
width: 182px;
background: none;
height: 22px;
margin-left: -11px;
margin-top: 20px;
padding-top: 12px;
font-size: 15pt;
font-weight: bold;
text-align: right;
background-color: rgb(46, 49, 146);
}
#left-column .box1 .go a, #right-column .box1 .go a{
color: white;
text-decoration:none;
}
#left-column .box1 .go a:hover, #right-column .box1 .go a:hover{
color: rgb(195, 195, 195);
}
#headerbox .links .telephone span {
font-size: 35px;
margin-top: 22px;
color: rgb(208, 7, 0);
direction: ltr;
unicode-bidi: bidi-override;
font-weight:bold;
line-height: 0.9;
}
#divintlcaller, #headerbox .links .telephone #divintlcaller span {
font-size: 14px;
letter-spacing: 0.25pt;
}
#headerbox .links .telephone a{
text-decoration:none;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 10px;
}
/********************************************
WRAPPER
********************************************/
#wrapper {
background-color: #ffffff;
padding: 10px;
width: 950px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
/********************************************
HEADER
********************************************/
#wrapper #logo {
float: left;
width: 435px;/*padding-top:15px;*/
}
#wrapper #telephone {
color: #000000;
float: right;
font-family: 'Myriad Pro', Arial, Helvetica, Verdana, sans-serif;
font-size: 16px;
text-align: right;
margin-top:16px;
}
#wrapper #telephone span {
color: #cc0000;
font-size: 38px;
font-weight: 800;
padding-left: 5px;
}
h2 {
background: #ffffff url('../images/logo.gif') no-repeat left top;
height: 90px;
margin-bottom: 10px;
text-indent: -9999px;
width: 437px;
}
#wrapper #other_countries {
color: #000000;
float: right;
font-family: 'Myriad Pro', Arial, Helvetica, Verdana, sans-serif;
font-size: 16px;
text-align: right;
margin-top:-8px;
}
#wrapper #other_countries span {
color: #cc0000;
font-size: 30px;
font-weight: 800;
padding-left: 5px;
}
/********************************************
NAVIGATION
********************************************/
#MainManu {
margin-bottom: 8px;
}
#MainManu {
background: url("../images/nav-bg0.gif") repeat-x scroll left top transparent;
display: inline-block;
height: 30px;
line-height: 28px;
/* padding-left: 10px; */
padding-top:2px;
width: 950px;
}
#navigation {
margin-bottom: 8px;
}
#navigation ul {
background: url("../images/nav-bg.gif") repeat-x scroll left top transparent;
display: inline-block;
height: 31px;
line-height: 33px;
padding-left: 10px;
width: 940px;
}
#navigation ul li:first-child {
padding-left: 0;
}
#navigation ul li {
color: #003399;
display: inline-block;
float: left;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 1.10em;
font-weight:bold;
text-transform: uppercase;
}
#navigation ul li a {
color: #003399;
text-decoration: none;
}
#navigation ul li a:hover {
text-decoration: underline;
}
.navbarline {
border-right: 1px solid #999;
display: inline;
float: left;
height: 10px;
margin: 12px 12px;
}
a.home {
display: block;
width: 22px;
height: 22px;
background: url("../images/nav/home.png") no-repeat scroll 0 0 transparent;
overflow: hidden;
text-indent: -1000em;
margin-top:6px;
margin-left:10px;
}
/********************************************
SEARCH BOX
********************************************/
#navigation ul li .text {
background: transparent url('../images/search-box.gif') no-repeat left top;
border: none;
color: #999999;
float: left;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
height: 25px;
line-height: 25px;
padding-left: 10px;
position: relative;
margin: 3px 0 0 0;
width: 102px;
}
#navigation ul li .button {
background: transparent url('../images/search-button.gif') no-repeat left top;
border: none;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
margin: 3px 0 0 2px;
padding: 0;
position: relative;
width: 37px;
}
.searchresult .title {
display: inline-block;
margin:5px 0 0 0;
color: #039 !important;
font-size: 1.1em;
}
.searchresult .text {
display: inline-block;
margin: 1px 0 !important;
padding: 0 !important;
}
.searchresult .link {
color: green !important;
font-weight: normal;
font-size: 0.9em;
}
/********************************************
LEFT COLUMN
********************************************/
#left-column {
float: left;
width: 180px;
}
#left-column h4, #right-column h4 {
border-bottom: 1px #ccc solid;
}
#left-column h4 a {
padding: 2px 0 2px 10px;
}
#right-column h4 a {
padding: 2px 10px 2px 0;
}
#left-column h4, #left-column h4 a, #right-column h4, #right-column h4 a {
color: #003399;
display: block;
font-size: 13px;
font-weight: 600;
text-decoration: none;
}
#left-column h4 a:hover, #right-column h4 a:hover {
background-color: #003399;
color: #ffffff;
}
#right-column img {
display: block;/*width: 60px;*/
/* margin: 20px auto 0 auto; */
}
#left-column p {
font-size: 18px;
}
#right-column p {
font-size: 20px;
}
#left-column p, #right-column p {
color: #cc0000;
text-align:center;
font-weight:200;
padding: 5px 0;
text-transform: uppercase;
}
/********************************************
QUICK VISA LINKS
********************************************/
#left-column ul, #right-column ul {
list-style-type: none;
margin-bottom: 10px;
}
#left-column ul li a {
background: transparent url('../images/arrow-bullet-left.gif') no-repeat left center;
}
#left-column ul li a:hover {
background: transparent url('../images/arrow-bullet-left-white.png') no-repeat left center;
}
#right-column ul li a {
background: transparent url('../images/arrow-bullet-right.gif') no-repeat right center;
}
#right-column ul li a:hover {
background: transparent url('../images/arrow-bullet-right-white.png') no-repeat right center;
}
#left-column ul li, #right-column ul li {
border-bottom: 1px #ccc solid;
}
#left-column ul li a, #right-column ul li a {
color: #333;
display: block;
padding: 3px 0;
text-decoration: none;
}
#left-column ul li a:hover, #right-column ul li a:hover {
background-color: #003399;
color: #ffffff;
}
#left-column ul li a {
padding-left: 10px;
}
#right-column ul li a {
padding-right: 10px;
}
/********************************************
NEWS ITEMS
********************************************/
#content .news-item {
padding: 5px 0;
}
#content .news-item h3, #large-content .news-item h3 a {
color: #003399;
font-size: 12px;
font-weight: 600;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
}
#content .news-item h3 a:hover {
text-decoration: underline;
}
#content .news-item a {
color: #003399;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
}
#content .news-item a:hover {
text-decoration: underline;
}
#content p.small {
float: right;
font-size: 10px;
font-style: italic;
}
#content p.news_date {
float: right;
font-size: 10px;
font-style: italic;
}
/********************************************
TESTIONIALS ITEMS
********************************************/
#content .testimonials-item {
padding: 5px 0;
font-style: italic;
}
#content .testimonials-item h3, #large-content .testimonials-item h3 a {
color: #003399;
font-size: 12px;
font-weight: 600;
padding-bottom: 0px;
padding-top: 5px;
text-decoration: none;
font-style: italic;
}
#content .testimonials-item h3 a:hover {
text-decoration: underline;
}
#content .testimonials-item a {
color: #003399;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
}
#content .testimonials-item a:hover {
text-decoration: underline;
}
#content p.guest {
font-size: 12px;
font-style:normal;
font-weight:600;
}
#content .small {
float: right;
font-size: 10px;
font-style: italic;
}
#content p.news_date {
float: right;
font-size: 10px;
font-style: italic;
}
/********************************************
PAGE LINKS
********************************************/
#content .page-links h3, #large-content .page-links h3 a {
color: #003399;
font-size: 12px;
padding-bottom: 5px;
padding-top: 2px;
text-decoration: none;
}
#content .page-links a {
font-size:12px;
color: #003399;
text-decoration: none;
}
#content .page-links a:hover {
text-decoration: underline;
}
/********************************************
VISA ASSESSMENT FORM
********************************************/
#content #assessmentForm h3 {
border: none;
color: #003399;
font-size: 14px;
font-weight: 600;
padding-bottom: 10px;
padding-top: 10px;
}
#content #assessmentForm label.error {
background-color: #FFF2F2;
border: 1px #FF6C6C solid;
color:#F00;
display: inline-block;
margin: 0 0 0 242px;
padding: 5px 10px;
width: 185px;
}
#content #assessmentForm label {
display: inline-block;
font-size: 12px;
margin: 8px 0px;
width: 240px;
}
.text-heading {
color:#333;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}
#content #assessmentForm .text {
border: 1px #cccccc solid;
background-color: #fff;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
height: 16px;
margin: 2px 10px 2px 0px;
padding: 2px 2px;
width: 200px;
}
#content #assessmentForm .text-area {
background-color: #fff;
border: 1px #cccccc solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 80px;
margin-top: 2px;
padding: 2px;
width: 200px;
}
#content #assessmentForm select {
border: 1px solid #cdcdcd;
padding: 2px;
margin: 0 0 5px 0;
width: 205px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#content #assessmentForm .button {
background: transparent url('../images/assessment-button-red.png') no-repeat left top;
border: none;
color: #ffffff;
cursor: pointer;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
height: 33px;
line-height: 33px;
margin: 25px 0 0 0;
text-align: center;
text-decoration: none;
width: 460px;
margin: 0 auto;
margin-top:15px;
}
#content #ContactForm h3 {
border: none;
color: #003399;
font-size: 14px;
font-weight: 600;
padding-bottom: 10px;
padding-top: 10px;
}
#content #ContactForm label.error {
background-color: #FFF2F2;
border: 1px #FF6C6C solid;
color:#F00;
display: inline-block;
margin: 0 0 0 242px;
padding: 5px 10px;
width: 185px;
}
#content #ContactForm label {
display: inline-block;
font-size: 12px;
margin: 8px 0px;
width: 240px;
}
#content #ContactForm .text {
border: 1px #cccccc solid;
background-color: #fff;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
height: 16px;
margin: 2px 10px 2px 0px;
padding: 2px 2px;
width: 200px;
}
#content #ContactForm .text-area {
background-color: #fff;
border: 1px #cccccc solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 80px;
margin-top: 2px;
padding: 2px;
width: 200px;
}
#content #ContactForm select {
border: 1px solid #cdcdcd;
padding: 2px;
margin: 0 0 5px 0;
width: 205px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#content #ContactForm .button {
background: transparent url('../images/contact-button.png') no-repeat left top;
border: none;
color: #ffffff;
cursor: pointer;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
height: 27px;
text-align: center;
text-decoration: none;
width: 150px;
margin: 0 auto;
margin-top:15px;
}
/********************************************
CONTENT
********************************************/
#content {
float: left;
padding: 0 20px;
width: 550px;
margin: 0 0 10px 0;
}
/********************************************
LARGER CONTENT
********************************************/
#large-content {
width: 660px;
float: left;
margin: 0 0 10px 0;
}
#large-content h3 {
color: #003399;
font-size: 16px;
font-weight: 600;
padding-bottom: 5px;
padding-top: 10px;
}
#content h3 {
border-top: 2px #cccccc dotted;
color: #333;
font-size: 16px;
font-weight: 600;
padding-bottom: 5px;
padding-top: 10px;
}
#content a {
color: #003399;
font-weight: 600;
text-decoration: none;
}
#content a:hover {
text-decoration: none;
background-color: #CCC;
}
/********************************************
HOME ASSESSMENT
********************************************/
#assessment-box {
color:#000;
display: block;
font-size: 16px;
height: 207px;
line-height: 33px;
text-align: center;
text-decoration: none;
width: 275px;
float:right;
}
#assessment-box .home-assessment {
background: transparent url('../images/large/index-assessment.jpg') no-repeat left top;
}
#assessment-box .home-assessment {
background: transparent url('../images/large/index-assessment.jpg') no-repeat left top;
}
#assessment-box .home-assessment, #assessment-box .assessment-button-arrow {
color:#000;
display: inline;
font-size: 16px;
height: 208px;
line-height: 18px;
margin-bottom: 10px;
text-decoration: none;
width: 275px;
float:right;
}
#assessment-box .home-assessment, #assessment-box .home-assessment span {
font-weight: 800;
}
#assessment-box .home-assessment h4 {
margin-top:10px;
color: #003399;
}
#assessment-box .home-assessment p {
margin:15px 30px;
font-weight:normal;
font-size:11px;
text-align:centre;
}
#assessment-box .assessment-button-red, #assessment-box .assessment-button-red-new {
color: #ffffff;
display: block;
font-size: 13px;
height: 29px;
line-height: 26px;
margin: 0 auto;
text-align: center;
text-decoration: none;
width: 215px;
margin-top:15px;
}
#assessment-box .assessment-button-red, #assessment-box .assessment-button-red-new {
background: transparent url('../images/small-red-button.png') no-repeat left top;
}
/********************************************
BLUE VISA ASSESSMENT BUTTON
********************************************/
#content .assessment-button-arrow {
color: #ffffff;
display: block;
font-size: 16px;
height: 33px;
line-height: 33px;
margin-bottom: 20px;
text-align: center;
text-decoration: none;
width: 480px;
}
#content .assessment-button-arrow {
background: transparent url('../images/assessment-button-arrow.png') no-repeat left top;
}
#content .assessment-button-blue {
background: transparent url('../images/assessment-button-arrow.png') no-repeat left top;
}
#content .assessment-button-blue, #content .assessment-button-arrow {
color: #ffffff;
display: block;
font-size: 16px;
height: 33px;
line-height: 33px;
margin-bottom: 20px;
text-align: center;
text-decoration: none;
width: 480px;
}
#content .assessment-button-arrow, #content .assessment-button-blue span {
font-weight: 800;
}
/********************************************
RED VISA ASSESSMENT BUTTON
********************************************/
#content .assessment-button-red {
color: #ffffff;
display: block;
font-size: 16px;
height: 33px;
line-height: 33px;
margin-bottom: 20px;
text-align: center;
text-decoration: none;
width: 480px;
background: transparent url('../images/assessment-button-red.png') no-repeat left top;
margin: 0 auto;
}
#content .assessment-button-red-new {
color: #ffffff;
display: block;
font-size: 16px;
height: 33px;
line-height: 33px;
margin-bottom: 40px;
margin-left: 25px;
text-align: center !important;
text-decoration: none;
width: 480px;
background: transparent url('../images/assessment-button-red-new.png') no-repeat left top;
margin: 0 auto;
}
#content .assessment-button-red-new a {
text-decoration: none;
color: #ffffff;
background-color: transparent;
}
#content .assessment-button-red-new a:hover {
text-decoration: none;
color: #ffffff;
background-color: transparent;
}
#content .assessment-button-red-new a:visited {
text-decoration: none;
color: #ffffff;
}
#content .clicktocall-button-red {
color: #ffffff;
display: block;
font-size: 16px;
height: 33px;
line-height: 33px;
margin-bottom: 20px;
text-align: center;
text-decoration: none;
width: 480px;
background: transparent url('../images/clicktocall-button-red.png') no-repeat left top;
}
#content .assessment-button-red, #content .assessment-button-arrow, #content .assessment-button-red-new {
color: #ffffff;
display: block;
font-size: 16px;
height: 33px;
line-height: 33px;
margin-bottom: 10px;
text-align: center;
text-decoration: none;
width: 480px;
}
#content .assessment-button-arrow, #content .assessment-button-red span, #content .assessment-button-red-new span {
font-weight: 800;
}
#content .assessment-button-blue {
color: #ffffff;
display: block;
font-size: 16px;
height: 33px;
line-height: 33px;
margin-bottom: 20px;
text-align: center;
text-decoration: none;
width: 480px;
background: transparent url('../images/assessment-button-arrow.png') no-repeat left top;
margin: 0 auto;
}
a.assessment-button-long {
background-image: url("../images/assessment-long.png");
background-repeat: no-repeat;
background-color: transparent !important;
width:486px;
height:52px;
font-size: 16px;
line-height:40px;
display:block;
color: #ffffff !important;
text-align: center;
margin:0 auto;
}
a.assessment-button-long:hover {
background-position: 0 -53px;
background-color: transparent !important;
}
a.assessment-red-button-long {
background-image: url("../images/assessment-button-red-long.png");
background-repeat: no-repeat;
background-color: transparent !important;
width:486px;
height:52px;
font-size: 16px;
line-height:40px;
display:block;
color: #ffffff !important;
text-align: center;
margin:0 auto;
}
a.assessment-red-button-long:hover {
background-position: 0 -53px;
background-color: transparent !important;
}
a.chat-long {
background-image: url("../images/chat-long.png");
background-repeat: no-repeat;
background-color: transparent !important;
width:486px;
height:52px;
font-size: 16px;
line-height:40px;
display:block;
color: #ffffff !important;
text-align: center;
margin:0 auto;
}
a.chat-long:hover {
background-position: 0 -56px;
background-color: transparent !important;
}
/********************************************
RED VISA ASSESSMENT BUTTON SMALL
********************************************/
#content .assessment-button-red-small {
color: #ffffff;
display: block;
font-size: 12px;
height: 33px;
line-height: 30px;
margin-bottom: 10px;
text-align: center;
text-decoration: none;
width: 394px;
}
#content .assessment-button-red-small {
background: transparent url('../images/assessment-button-red-small.png') no-repeat left top;
}
#content .assessment-button-red-small {
background: transparent url('../images/assessment-button-red-small.png') no-repeat left top;
}
#content .assessment-button-red-small, #content .assessment-button-arrow {
color: #ffffff;
display: block;
font-size: 12px;
height: 33px;
line-height: 30px;
margin-bottom: 10px;
text-align: center;
text-decoration: none;
width: 394px;
}
#content .assessment-button-arrow, #content .assessment-button-red-small span {
font-weight: 800;
}
/********************************************
ORANGE VISA ASSESSMENT BUTTON
********************************************/
#content .assessment-orange-arrow {
color: #ffffff;
display: block;
font-size: 16px;
height: 33px;
line-height: 33px;
margin-bottom: 20px;
text-align: center;
text-decoration: none;
width: 480px;
}
#content .assessment-button-arrow-orange {
background: transparent url('../images/assessment-button-orange.png') no-repeat left top;
}
#content .assessment-button-orange {
background: transparent url('../images/assessment-button-orange.png') no-repeat left top;
}
#content .assessment-button-orange, #content .assessment-button-arrow-orange {
color: #ffffff;
display: block;
font-size: 16px;
height: 33px;
line-height: 33px;
margin-bottom: 20px;
text-align: center;
text-decoration: none;
width: 480px;
}
#content .assessment-button-arrow, #content .assessment-button-orange span {
font-weight: 800;
}
/********************************************
SMALL BUTTONS
********************************************/
#content .assessment-button-small, #content .email-button-small, #content .callback-button-small {
color: #ffffff;
float: left;
font-size: 11px;
height: 35px;
margin-bottom: 20px;
text-align: left;
text-decoration: none;
width: 155px;
}
#content .assessment-button-small span, #content .email-button-small span, #content .callback-button-small span {
float: left;
width: 110px;
padding: 4px 0 0 45px;
}
#content .assessment-button-small {
background: transparent url('../images/assessment-small-button.png') no-repeat left top;
}
#content .email-button-small {
background: transparent url('../images/email-small-button.png') no-repeat left top;
margin:0 7px;
}
#content .callback-button-small {
background: transparent url('../images/callback-small-button.png') no-repeat left top;
}
#content img {
margin: 0 auto 10px auto;
}
/********************************************
CONTENT
********************************************/
#content .visa-service-image {
float: left;
margin: 0 10px 10px 0;
width: 230px;
}
#content .visa-image {
float: left;
margin: 0 10px 10px 0;
}
#content .price-image {
float: left;
margin: -2px 0 10px 0;
}
#content .consultation-image {
float: right;
margin: 0 0 10px 10px;
}
/********************************************
CONFERENCE BOX - BOTTOM OF PAGE
********************************************/
#content #conference {
border: 1px #ccc solid;
padding: 5px;
}
#content #conference img {
float: left;
width: 235px;
margin: 0;
}
#content #conference p {
width: 220px;
float: left;
font-size: 10px;
padding-left: 10px;
}
#content #conference a {
color: #003399;
text-decoration: underline;
}
#content #conference a:hover {
text-decoration: none;
}
/********************************************
STYLING
********************************************/
#content h1, #large-content h1 {
color: #333;
font-size: 18px;
font-weight: 800;
padding-bottom: 15px;
}
#content p, #large-content p {
color: #333;
font-size: 12px;
padding-bottom: 15px;
}
#content p.call-us, #large-content p.call-us {
background: #ffffff url('../images/call-us.gif') no-repeat left top;
height: 55px;
margin: 20px auto 10px auto;
text-indent: -9999px;
width: 267px;
}
#content p.confused, #large-content p.confused {
border-top: 1px #ccc solid;
color: #003399;
font-size: 14px;
font-weight: 800;
margin-top: 10px;
padding: 20px 10px 10px 10px;
}
#content strong {
color: #333;
font-weight: 800;
}
#content h4 {
color: #333;
font-size: 12px;
font-weight: 600;
padding-bottom: 5px;
}
#content ul, #content ol, #large-content ul {
color: #333;
padding: 0 0 10px 30px;
}
#content ul, #number-content ul {
color: #333;
padding: 0 0 10px 30px;
}
#content ul.large-arrows {
float: left;
list-style-type: none;
margin-bottom: 10px;
padding: 0;
width: 280px;
}
#content ul.large-arrows li {
background: #fff url('../images/large-arrow-bullet.gif') no-repeat left center;
padding: 2px 0 2px 12px;
}
#content ul.large-arrows li a {
color: #003399;
font-size: 14px;
text-decoration: none;
}
#content ul.large-arrows li a:hover {
text-decoration: underline;
}
/*--------------------------------*/
#content ul.large-arrows-v2 {
float: left;
list-style-type: none;
margin-left:15px;
margin-bottom: 20px;
padding: 0;
}
#content ul.large-arrows-v2 li {
background: #fff url('../images/large-arrow-bullet.gif') no-repeat left center;
display: inline-block;
padding: 2px 0 2px 12px;
}
#content ul.large-arrows-v2 li a {
color: #003399;
font-size: 14px;
text-decoration: none;
}
#content ul.large-arrows-v2 li a:hover {
text-decoration: underline;
}
/*--------------------------------*/
#content ul.tick {
list-style-type: none;
margin-left:15px;
margin-bottom: 20px;
padding: 0;
}
#content ul.tick li {
background: #fff url('../images/tick.png') no-repeat left top;
padding: 2px 0 2px 20px;
}
/*-----------------------------------*/
#content #assessment-button {
background-color: #cccccc;
margin-bottom: 10px;
padding: 10px;
}
#content p a {
color: #003399;
text-decoration: none;
}
#content p a:hover {
text-decoration: underline;
}
a.assessment-button {
background: transparent url('../images/assessment-button.jpg') no-repeat left top;
color: #ffffff;
display: block;
font-size: 12px;
height: 34px;
line-height: 34px;
text-align: center;
text-decoration: none;
width: 460px;
}
a.consultation-button {
background: transparent url('../images/assessment-button-red.png') no-repeat left top;
color: #ffffff;
display: block;
font-size: 12px;
height: 34px;
line-height: 34px;
margin: 10px;
text-align: center;
text-decoration: none;
width: 460px;
}
a.consultation-button:hover, a.assessment-button:hover {
text-decoration: underline;
}
/********************************************
AFFILIATES FORM
********************************************/
#content #affiliatesForm {
border: 1px #666666 solid;
margin: 20px 0 20px 60px;
padding: 20px;
width: 300px;
}
#content #affiliatesForm h4 {
color: #003399;
font-size: 14px;
font-weight: 600;
padding-bottom: 5px;
}
#content #affiliatesForm label.error {
background-color: #e1e1e1;
border: 1px #c9c9c9 solid;
color: #666666;
display: inline-block;
margin: 0 0 0 62px;
padding: 5px 10px;
width: 185px;
}
#content #affiliatesForm label {
color: #666666;
display: inline-block;
font-size: 12px;
margin: 8px 0px;
width: 60px;
}
#content #affiliatesForm .text {
border: 1px #cccccc solid;
background-color: #fff;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
height: 16px;
margin: 2px 10px 2px 0px;
padding: 2px 2px;
width: 200px;
}
#content #affiliatesForm .button {
background: transparent url('../images/small-button-blue.png') no-repeat left top;
border: none;
color: #ffffff;
cursor: pointer;
display: block;
font-size: 12px;
height: 34px;
line-height: 34px;
margin: 10px 0 0 65px;
text-align: center;
text-decoration: none;
width: 200px;
}
/********************************************
RECOMMEND FORM
********************************************/
#content #recommendForm fieldset {
border: 1px #ccc solid;
padding: 10px 10px 10px 18px;
margin-bottom: 20px;
}
#content #recommendForm legend {
color: #003399;
font-size: 12px;
font-weight: 600;
}
#content #recommendForm label.error {
background-color: #e1e1e1;
border: 1px #c9c9c9 solid;
color: #666666;
display: inline-block;
margin: 0 0 0 102px;
padding: 5px 10px;
width: 305px;
}
#content #recommendForm label {
color: #666666;
display: inline-block;
font-size: 12px;
margin: 8px 0px;
width: 100px;
}
#content #recommendForm .text {
border: 1px #cccccc solid;
background-color: #fff;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
height: 16px;
margin: 2px 10px 2px 0px;
padding: 2px 2px;
width: 320px;
}
#content #recommendForm .text-area {
background-color: #fff;
border: 1px #cccccc solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 80px;
margin-top: 2px;
padding: 2px;
width: 320px;
}
#content #recommendForm .button {
background: transparent url('../images/recommend-button-red.png') no-repeat left top;
border: none;
color: #ffffff;
cursor: pointer;
display: block;
font-size: 14px;
height: 33px;
line-height: 33px;
margin-top: 10px;
text-align: center;
text-decoration: none;
width: 480px;
}
/********************************************
EMAIL AND CONSULTATION FORMS
********************************************/
#content #emailForm label.error, #content #consultationForm label.error {
background-color: #e1e1e1;
border: 1px #c9c9c9 solid;
color: #666666;
display: inline-block;
margin: 0 0 0 62px;
padding: 5px 10px;
width: 365px;
}
#content #emailForm label, #content #consultationForm label {
color: #333333;
display: inline-block;
font-size: 10px;
margin: 8px 0px;
width: 60px;
}
#content #emailForm .text, #content #consultationForm .text {
border: 1px #cccccc solid;
background-color: #fff;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
height: 16px;
margin: 2px 10px 2px 0px;
padding: 2px 2px;
width: 380px;
}
#content #emailForm .text-area, #content #consultationForm .text-area {
background-color: #fff;
border: 1px #cccccc solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 80px;
margin-top: 2px;
padding: 2px;
width: 380px;
}
#content #emailForm .button, #content #consultationForm .button {
border: none;
color: #ffffff;
cursor: pointer;
display: block;
font-size: 14px;
height: 33px;
line-height: 33px;
margin-top: 10px;
text-align: center;
text-decoration: none;
width: 460px;
background-color: transparent;
background-image: url(../images/consultation-button-red.png);
background-repeat: no-repeat;
background-position: left top;
}
.important h3 {
font-size: 12px !important;
}
/********************************************
RIGHT COLUMN
********************************************/
#right-column {
float: right;
text-align: right;
width: 180px;
}
#right-column h3 {
background: #dedede url('../images/arrow-down-grey.gif') no-repeat 2px 2px;
}
#left-column h3 {
background: #dedede url('../images/arrow-down-grey.gif') no-repeat 160px 2px;
}
#right-column h3, #left-column h3 {
color: #000000;
font-family: 'Myriad Pro', Arial, Helvetica, Verdana, sans-serif;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
padding: 2px 10px;
text-transform: uppercase;
}
#right-column img {
/* margin: 20px auto; */
display: block;
}
#right-column .assessment-button-mid, #right-column .email-button-mid, #right-column .callback-button-mid {
color: #ffffff;
display: block;
font-size: 14px;
font-weight: bold;
height: 75px;
margin-bottom: 10px;
text-align: left;
text-decoration: none;
}
#right-column .assessment-button-mid span, #right-column .email-button-mid span, #right-column .callback-button-mid span {
display: block;
padding: 10px;
width: 100px;
}
#right-column .assessment-button-mid {
background: transparent url('../images/assessment-mid-button.png') no-repeat left top;
}
#right-column .email-button-mid {
background: transparent url('../images/email-mid-button.png') no-repeat left top;
}
#right-column .callback-button-mid {
background: transparent url('../images/callback-mid-button.png') no-repeat left top;
}
#footer {
background-color: #e7e7e7;
color: #666666;
padding: 10px;
line-height: 1.5;
}
#footer td {
vertical-align:top;
}
/********************************************
POD
********************************************/
.pod {
width:180px;
}
.pod-subheading {
font-size:11px;
font-weight:bold;
color:#009 !important;
}
.pod-top {
width:178px;
height:34px;
background-image:url(/images/pod/pod-top-med.png);
background-repeat:no-repeat;
}
* html .pod-top {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pod/pod-top-med.png', sizingMethod='scale');
}
.pod-middle {
width:178px;
background-image:url(/images/pod/pod-middle-med.png);
background-repeat:repeat-y;
}
* html .pod-middle {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pod/pod-middle-med.png', sizingMethod='scale');
}
.pod-bottom {
width:178px;
height:20px;
background-image:url(/images/pod/pod-bottom-med.png);
background-repeat:no-repeat;
}
.feature-summary p {
margin:0;
padding: 0 5px 0 5px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:11px !important;
color:#666 !important;
text-align:left !important;
}
.pad-top {
margin: 0px 5px 5px 0;
}
.pad-bottom {
padding-bottom:10px;
}
/* .thumbnail {
float:left ;
padding:0 10px 10px 0;
} */
.thumbnail img {
display:inline-block;
float:left;
padding: 0px 10px 0 0;
margin: 0 !important;
}
.pod-heading {
color:#FFF;
font-family:"Century Gothic", Futura, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding:10px 0 0 13px;
text-align:left;
}
.pod-content {
padding:10px;
text-align:left;
}
.pod-content a {
text-decoration:none !important;
color:#666;
!important;
}
.pod-content a:hover {
text-decoration:none !important;
color:#666;
!important;
}
/********************************************
EXPAND AND COLLAPSE
********************************************/
.expand {
cursor: hand;
cursor: pointer;
padding: 2px 5px;
margin-bottom:5px;
/* border: 1px solid #999;*/
background: #cccccc;
}
.expand img {
float:right !important;
}
.openlocation {
background:#003399;
color:#fff !important;
}
.openlocation img {
float:right !important;
}
/********************************************
FOOTER
********************************************/
#footer #social {
float: left;
font-size: 10px;
width: 300px;
}
#footer #social img {
float: left;
margin-right: 10px;
}
#footer #social div {
float: left;
height: 31px;
line-height: 31px;
}
#footer p {
font-size: 9px;
/* text-align: right; */
}
#footer a {
color: #666666;
text-decoration: none;
}
#footer ul {
float: left;
list-style-type: none;
/*margin-top: 20px;*/
width: 150px;
}
#footer ul li {
display: block;
font-size: 10px;
}
#footer ul li a {
color: #333333;
text-decoration: none;
}
#footer ul li a:hover {
text-decoration: underline;
}
.navFooterHeading {
font-weight:bolder;
color: #003399;
text-decoration: none;
font-size: 9px;
padding-bottom:5px;
}
.navFooterGuide {
font-size: 9px;
}
.navFooterGuide a {
color: #333333;
text-decoration: none;
}
.navFooterGuide a:hover {
text-decoration: underline;
}
.navFooterGuide a {
color: #333333;
text-decoration: none;
}
.navFooterGuide a:hover {
text-decoration: underline;
}
.navFooterDescSpacer {
padding:0;
}
#footer h4 {
color: #666666;
font-size: 9px;
font-weight: 600;
}
.navFooterDescLine {
margin:20px 0 14px 0;
}
.navFooterLinkLine {
margin:0 8px 0 8px;
}
div.navFooterLine {
font-family:arial, sans-serif;
color:#999;
font-size:9px;
text-align:left;
line-height:12px;
}
/* =Comments
-------------------------------------------------------------- */
#comments {
clear: both;
}
#comments .navigation {
padding: 0 0 18px 0;
}
h3#comments-title {
color: #000;
font-size: 16pxpx;
font-weight: bold;
margin-bottom: 0;
}
h3#reply-title {
color: #000;
font-size: 16pxpx;
font-weight: bold;
margin-bottom: 0;
border-top: none !important;
}
h3#comments-title {
padding: 12px 0;
}
.commentlist {
list-style: none;
margin: 0;
}
.commentlist li.comment {
border-bottom: 1px solid #e7e7e7;
line-height: 24px;
margin: 0 0 24px 0;
padding: 0 0 0 46px;
position: relative;
}
.commentlist li:last-child {
border-bottom: none;
margin-bottom: 0;
}
#comments .comment-body ul, #comments .comment-body ol {
margin-bottom: 18px;
}
#comments .comment-body p:last-child {
margin-bottom: 0px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
}
.commentlist ol {
list-style: decimal;
}
.commentlist .avatar {
position: absolute;
top: 4px;
left: 0;
}
.comment-author {
font-size: 1.1em;
line-height:1.2em;
}
.comment-author cite {
color: #000;
font-style: normal;
font-weight: bold;
}
.comment-author .says {
font-style: italic;
}
.comment-meta {
font-size: 11px;
margin: -4px 0 0 0;
text-decoration:none;
color: #888888;
font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
}
.comment-meta a:link, .comment-meta a:visited {
color: #888 !important;
text-decoration: none;
font-weight: 300 !important;
}
.comment-meta a:active, .comment-meta a:hover {
color: #ff4b33;
font-weight: 300 !important;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
display:none;
font-size: 12px;
padding: 0 0 24px 0;
}
.reply a, a.comment-edit-link {
color: #888;
}
.reply a:hover, a.comment-edit-link:hover {
color: #ff4b33;
}
.commentlist .children {
list-style: none;
margin: 0;
}
.commentlist .children li {
border: none;
margin: 0;
}
.nopassword, .nocomments {
display: none;
}
#comments .pingback {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 18px;
padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
color: #888;
display: block;
font-size: 12px;
line-height: 18px;
margin: 0;
}
#comments .pingback .url {
font-size: 13px;
font-style: italic;
}
/* Comments form */
input[type=submit] {
color: #333;
}
#respond {
border-top: 1px solid #e7e7e7;
padding: 24px 0;
overflow: hidden;
position: relative;
}
#respond p {
margin: 0;
}
#respond .comment-notes {
margin-bottom: 1em;
}
.form-allowed-tags {
line-height: 1em;
}
.children #respond {
margin: 0 48px 0 0;
}
h3#reply-title {
margin: -10px 0 10px 0;
}
#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
font-size: 12px;
font-weight: normal;
line-height: 18px;
}
#respond .required {
color: #ff4b33;
font-weight: bold;
}
#respond label {
color: #888;
font-size: 12px;
}
#respond input {
margin: 0 0 9px;
width: 98%;
}
#respond textarea {
width: 98%;
}
#respond .form-allowed-tags {
color: #888;
font-size: 12px;
line-height: 18px;
}
#respond .form-allowed-tags code {
font-size: 11px;
}
#respond .form-submit {
margin: 12px 0;
}
#respond .form-submit input {
font-size: 14px;
width: auto;
}
/*facebook like*/
.connect_widget .connect_widget_interactive_area {
border-collapse: collapse;
margin-top: 10px;
}
/**************************************
Announcement
**************************************/
.featureBlockGrey {
background: none repeat scroll 0 0 #F4F4F4;
border: 1px solid #C7C8CA;
font-size: 0.9em;
min-height: 60px;
padding: 1em 1.4em;
}
.smallHeaderTelephone {
font-size:28px !important;
}
.smallSideTelephone {
font-size:18px !important;
}
/* Base Superbox Styles */
#superbox-overlay {
position:fixed;
top:0;
left:0;
z-index:9998;
width:100%;
height:100%;
}
#superbox-wrapper {
position:fixed;
z-index:9999;
top:0;
display:table;
width:100%;
height:100%;
}
#superbox-container {
position:relative;
display:table-cell;
width:100%;
height:100%;
margin:0;
padding:0;
vertical-align:middle;
}
#superbox {
margin:0 auto;
padding:0;
}
#superbox-container .loading {
margin:0;
text-align:center;
}
/* IE7 */
*:first-child+html #superbox-container {
position:absolute;
top:50%;
display:block;
height:auto;
}
*:first-child+html #superbox {
position:relative;
top:-50%;
display:block;
}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container {
position:absolute;
top:50%;
display:block;
height:auto;
}
* html #superbox {
position:relative;
top:-50%;
display:block;
}
* html #superbox-overlay {
position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');
}
* html #superbox-wrapper {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
/* Default Theme */
#superbox-overlay {
background:#000;
}
#superbox-container .loading {
text-align:center;
font-size:40px;
color:#fff;
}
#superbox {
padding:10px;
background:#fff;
border:3px solid #039;
}
#superbox-innerbox {
padding:10px 0;
}
#superbox.image {
text-align:center;
}
#superbox .close, #superbox .nextprev {
overflow:hidden;
margin:0;
}
/* Custom Theme */
#superbox-overlay {
background:#666;
}
#superbox-container .loading {
width:32px;
height:32px;
margin:0 auto;
text-indent:-9999px;
background:url(images/loader.gif) no-repeat 0 0;
}
#superbox .close a {
float:right;
padding:0 5px;
line-height:20px;
cursor:pointer;
}
#superbox .close a span {
color:#333;
font-size:13px;
}
#superbox .nextprev a {
float:left;
margin-right:5px;
padding:0 5px;
line-height:20px;
background:#333;
cursor:pointer;
color:#fff;
}
#superbox .nextprev .disabled {
background:#ccc;
cursor:default;
}
/* Chat call to action */
span.CtoA1 {
background-image: url(../images/button01.png);
width:200px;
height:52px;
background-position:0 0;
text-indent:-10000px;
display:block;
float:right;
text-decoration:none !important;
cursor:pointer;
}
span.CtoA1:hover {
background-position:0 52px;
}
span.CtoA2 {
background-image: url(../images/button02.png);
width:180px;
height:63px;
background-position:0 0px;
text-indent:-10000px;
display:block;
float:right;
text-decoration:none !important;
cursor:pointer;
}
span.CtoA2:hover {
background-position:0 63px;
}
span.CtoA3 {
background-image: url(../images/button03.png);
width:173px;
height:73px;
background-position:0 0px;
text-indent:-10000px;
display:block;
float:right;
text-decoration:none !important;
cursor:pointer;
}
span.CtoA3:hover {
background-position:0 73px;
}
.ImageHover { cursor:pointer;}
.chatBut{
height:auto;
padding-left:25px;
}
.chatBut a:hover{
background-color: transparent !important;
}
#closed h1{
background-color:#666;
color:#FFF;
padding:0 0 3px 100px;
margin-bottom:10px;
}
/* Subscribe CSS */
input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.subscribe {
padding: 20px;
width: 300px;
background: white;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.subscribe-pitch {
padding-left: 120px;
background: url("../images/email.png") 5px center no-repeat;
}
.subscribe-pitch > h3 {
margin: 0 0 12px;
font-size: 14px;
font-weight: bold;
color: #222;
text-transform: uppercase;
}
.subscribe-pitch > p {
line-height: 22px;
color: #484848;
}
.subscribe-form {
position: relative;
margin: 20px -20px -20px;
padding: 15px;
background: #fafafa;
border-top: 1px solid #ccc;
border-radius: 0 0 6px 6px;
background-image: -webkit-linear-gradient(top, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2);
background-image: -moz-linear-gradient(top, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2);
background-image: -o-linear-gradient(top, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2);
background-image: linear-gradient(to bottom, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2);
-webkit-box-shadow: inset 0 1px white;
box-shadow: inset 0 1px white;
}
.subscribe-input {
padding: 0 16px;
width: 100%;
height: 35px;
font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
font-size: 15px;
color: #444;
background: #fefefe;
background-clip: padding-box;
border: 1px solid;
border-color: #999 #aaa #aaa;
border-radius: 20px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px #f8f8f8;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px #f8f8f8;
}
.subscribe-input:focus {
outline: 0;
}
.subscribe-submit {
display: block;
position: absolute;
top: 15px;
right: 15px;
padding-left: 15px;
height: 35px;
width: 60px;
background: #60e160;
border: 1px solid;
border-color: #4c9d50 #4c9d50 #4c9d50 #55af5a;
border-radius: 0 20px 20px 0;
cursor: pointer;
font: 0/0 serif;
text-shadow: none;
color: transparent;
background-image: -webkit-linear-gradient(top, #84f087, #4cd94a);
background-image: -moz-linear-gradient(top, #84f087, #4cd94a);
background-image: -o-linear-gradient(top, #84f087, #4cd94a);
background-image: linear-gradient(to bottom, #84f087, #4cd94a);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
}
.subscribe-submit:active {
background: #4cdf4d;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.subscribe-submit:before {
content: '';
display: block;
margin-top: 1px;
width: 25px;
height: 19px;
background: url("../images/tick2.png");
}
.lt-ie9 .subscribe-input {
line-height: 33px;
}