/* CSS Document */
html, body {border: 0; margin: 0; padding: 0;}
body a:active {outline: none;}
body a:focus {-moz-outline-style: none;}
body a {outline:0;}
a, a img
{
text-decoration: none;
outline: none;
border: none;
}
img {outline:0;}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {border : none;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {border : none;}
body, html {
margin:0px 0px 0px 0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #333;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
}
p { margin: 0px;
}
strong, b { font-weight: bold; }
body
{
font: normal 12px/20px Arial, Helvetica, sans-serif;
/* background:url(../images/body_bg.gif) left top repeat-x #ebecee;*/
}
.clearcss{
clear:both;
}
/* header css start */
.header_wrapper{
width:960px;
margin:auto;
min-height:90px;
}
.logo_wrapper{
width:375px;
float:left;
}
.logo_wrapper img
{
float: left;
margin-right:10px;
}
.logo_wrapper h2.title
{
font: normal 25px "Impact", Arial, Helvetica, sans-serif;
color:#0c609e;
margin-top:25px;
float: left;
}
.header_right_nav{
width:560px;
float:right;
margin-top:25px;
}
.header_nav{
min-width:300px;
height:35px;
margin:15px 0px 0px 0px;
background:url(../images/header_nav_bg.png) left top repeat-x;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:right;
}
.header_nav ul{
margin:0px;
padding:0px 10px 0px 10px;
}
.header_nav ul li{
margin:0px;
padding:0px;
list-style:none;
float:left;
padding:0 15px 0 15px;
color:#fff;
font-weight:bold;
line-height:35px;
background:url(../images/nav_icon.png) left 14px no-repeat;
}
.header_nav ul li a{
color:#fff;
font-weight:bold;
}
.header_nav ul li a:hover{
color:#ffde01;
font-weight:bold;
}
.great_deal_wr{
color:#14608d;
font-size:22px;
font-weight:bold;
text-align:right;
padding:5px 0 0 0;
}
.great_deal_wr span{
color:#3a8dbc;
font-weight:bold;
}
.header_email{
color:#3a8dbc;
font-size:12px;
text-align:right;
}
.header_email a{
color:#3a8dbc;
font-size:12px;
}
.header_email a:hover{
color:#3a8dbc;
font-size:12px;
text-decoration:none;
}
/* header css End */
/* nav css start */
.nav_main{
margin:10px auto 0 auto;
width:960px;
height:37px;
background:url(../images/main_nav_bg.png) left top repeat-x;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.nav_main ul{
margin:0px;
padding:0px;
}
.nav_main ul li{
margin:0px;
padding:0 20px 0 20px;
height:35px;
line-height:35px;
background:url(../images/mian_nav_border.png) right center no-repeat;
color:#fff;
font-size:12px;
float:left;
list-style:none;
font-weight:bold;
}
.nav_main ul li:last-child{
background:none !important;
}
.nav_main ul li a{
color:#fff;
font-size:12px;
font-weight:bold;
display:block;
}
.nav_main ul li a:hover{
color:#ffde01;
font-size:12px;
font-weight:bold;
display:block;
}
/* nav css End */
/* banner css start */
.banner_wrapper{
width:957px;
height:392px;
margin:10px auto 0px auto;
}
.banner_wrapper ul{
margin:0px;
padding:0px;
}
.banner_wrapper ul li{
margin:0px;
padding:0px;
list-style:none;
}
.banner_shadow{
width:960px;
height:19px;
background:url(../images/banner_shadow.png) top center no-repeat;
margin:auto;
}
/* banner css End */
/* body css start */
.main_body_wrapper{
width:960px;
margin:auto;
padding:5px 0 5px 0;
}
.savings_text_left{
width:490px;
float:left;
}
.savings_box{
width:457px;
height:205px;
/* float:left;*/
background:url(../images/savings_banner.png) left top no-repeat;
padding:10px 0 0 0;
}
.savings_box h2{
color:#fff;
text-align:center;
margin:0px 0px 10px 0px;
font-family: 'Lato', sans-serif;
font-size:26px;
font-weight:400;
width:457px;
}
.savings_text{
font-family: 'Lato', sans-serif;
font-weight:400;
font-size:28px;
color:#d22c2c;
text-align:center;
width:200px;
line-height:35px;
float:left;
}
.savings_img_wr{
width:250px;
height:95px;
float:left;
margin:18px 0 0 0;
}
.savings_img_box{
width:117px;
height:90px;
float:left;
border:solid 2px #FFF;
margin-right:3px;
}
.savings_img{
width:117px;
height:60px;
}
.savings_img_text{
background-color:#1f487c;
width:117px;
height:30px;
text-align:center;
font-size:12px;
color:#fff;
line-height:30px;
}
.why_golfshop_text_wr{
width:460px;
}
.why_golfshop_text_wr h2{
color:#415866;
font-size:18px;
line-height:25px;
margin:5px 0 5px 0;
}
.why_golfshop_text_wr ul{
margin:0px;
padding:0px;
}
.why_golfshop_text_wr ul li{
background:url(../images/boll_icon.png) left center no-repeat;
color:#455863;
font-size:14px;
padding:0 0px 0 20px;
margin:5px 0 5px 0;
list-style:none;
}
.why_golfshop_text_wr ul li a{
color:#333;
font-size:14px;
font-weight:bold;
}
.right_side_boxces_wr{
width:460px;
float:right;
background:#efefef;
padding:5px 5px 5px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.right_boxces{
width:210px;
height:110px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:left;
margin:4px;
padding:5px;
box-shadow: 0px 0px 7px #888888;
line-height:18px;
font-size:11px;
text-align:center;
border:solid 1px #999;
}
.right_boxces a{
color:#375060;
line-height:15px;
}
.right_boxces a:hover{
color:#375060;
text-decoration:underline;
}
.right_boxces h2{
color:#415866;
font-size:13px;
line-height:18px;
margin:0px 0 5px 0;
text-align:center;
}
.right_boxces_img{
width:150px;
min-height:56px;
text-align:center;
margin:auto;
}
.right_bottom_border{
background:url(../images/right_border_box.png) left top repeat-x;
width:450px;
height:2px;
margin:10px auto 0 auto;
}
.testimonials_wrapper{
width:450px;
margin:auto;
}
.testimonials_wrapper h2{
color:#415866;
font-size:17px;
line-height:25px;
margin:10px 0 5px 0;
text-align:center;
}
.testimonials_img{
width:60px;
height:82px;
float:left;
}
.testimonials_content{
width:371px;
height:auto;
float:left;
padding:0 0 0 10px;
font-style:italic;
}
.testimonials_content strong{
font-weight:bold;
font-size:12px;
color:#415866;
}
.bottom_border_bg{
width:960px;
margin:auto;
background:url(../images/main_bottom_border.png) top center no-repeat;
height:8px;
margin:5px 0 5px 0px;
}
.aloha_content_left{
width:710px;
float:left;
font-size:12px;
line-height:20px;
}
.aloha_content_left h2{
color:#415866;
font-size:17px;
line-height:25px;
margin:10px 0 5px 0;
}
.aloha_content_left span{
color:#415866;
font-style:italic;
font-weight:bold;
font-size:12px;
}
.aloha_content_left strong{
color:#415866;
font-weight:bold;
font-size:12px;
}
.aloha_content_left p{
padding:5px 0 5px 0;
}
/* right videos css */
.right_video_wrapper{
width:240px;
height:auto;
float:right;
}
.right_video_box{
width:240px;
height:145px;
}
.right_video_text_bg{
width:240px;
height:22px;
background:url(../images/video_text_bg.png) left top repeat-x;
position:relative;
margin-top:-20px;
color:#fff;
text-align:center;
margin-bottom:20px;
}
.right_video_text_bg a{
color:#fff;
text-decoration:none;
}
.right_video_text_bg a:hover{
color:#fff;
text-decoration:underline;
}
/* right videos End */
.discount_tee_times{
width:960px;
height:220px;
margin:auto;
}
.discount_tee_img_wr{
width:207px;
height:170px;
}
.discount_tee_img{
width:207px;
height:120px;
}
.discount_tee_text_wr{
width:207px;
height:50px;
background-color:#363535;
-webkit-border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
border-radius:0px 0px 5px 5px;
}
.discount_tee_text{
width:180px;
padding:12px 0 0 0;
height:30px;
color:#FFF;
font-size:12px;
line-height:18px;
text-align:center;
font-weight:bold;
display:block;
background:url(../images/arrow_discount.png) right 14px no-repeat;
}
.discount_tee_text a{
color:#FFF;
font-size:12px;
text-align:center;
font-weight:bold;
}
.discount_tee_text a:hover{
color:#FFF;
font-size:12px;
text-align:center;
font-weight:bold;
text-decoration:underline;
}
.discount_tee_times h2{
color:#415866;
font-size:17px;
line-height:25px;
margin: 0px 0 10px 0;
text-transform:uppercase;
}
.discount_tee_times ul{
margin:0px;
padding:0px;
}
.discount_tee_times ul li{
margin:0px;
padding:0px;
list-style:none;
float:left;
width:207px;
margin:0px 10px 0px 10px;
}
/* body css End */
/* Footer css start */
.footer_wrapper{
width:100%;
height:50px;
background-color:#006cac;
float: left;
}
.footer_wrapper_sub{
width:960px;
margin:auto;
color:#fff;
padding:10px 0 0 0;
text-align:center;
}
.footer_wrapper_sub a
{
color:#FFF;
}
/* Footer css End */
/*slide show css start*/
/*** set the width and height to match your images **/
#slideshow {
position:relative;
width:960px;
min-height:236px;
}
#slideshow DIV {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
width:960px;
min-height:236px;
background-color: #FFF;
}
#slideshow DIV.active {
z-index:10;
opacity:1.0;
}
#slideshow DIV.last-active {
z-index:9;
}
/*slide show css start end*/
/*bottom script start*/
#slider2 {padding-top: 0px; padding-left: 15px; width: 910px; position: relative;}
ul#mycarousel {position: relative;}
ul#mycarousel li {float: left; display: inline; height: 184px; width: 200px;}
.jcarousel-clip { height:184px; width:880px; overflow:hidden; position:relative;}
.jcarousel-prev ,
.jcarousel-next {background: url(../images/next.gif) no-repeat 0 0; width: 28px; height: 30px; display: block; float: left; position:absolute; top:100px; left: 910px; cursor: pointer; }
.jcarousel-prev { background: url(../images/prev.gif) no-repeat 0 0; left: -15px;}
/*bottom script End*/
/*bottom2 script start*/
#slider3 {padding-top: 0px; padding-left: 15px; width: 910px; position: relative;}
ul#mycarousel3 {position: relative;}
ul#mycarousel3 li {float: left; display: inline; height: 184px; width: 200px;}
/*bottom2 script End*/
/*
Edvt Slideshow
*/
#slides {
/*position:absolute;*/
top:15px;
left:4px;
z-index:100;
}
/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/
.slides_container {
width:457px;
height:205px;
overflow:hidden;
position:relative;
display:none;
}
/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
.slides_container a {
width:570px;
height:270px;
display:block;
}
.slides_container a img {
display:block;
}
/*
Next/prev buttons
*/
#slides .next,#slides .prev {
position:absolute;
top:107px;
left:-39px;
width:24px;
height:43px;
display:block;
z-index:101;
}
#slides .next {
left:585px;
}
.pagination{
display:none;
}
/*
Advt end
*/
/*
Inner pages start
*/
.inner_banner{
margin:auto;
padding:0px;
width:957px;
height:260px;
}
.breadcrumbs_wr{
margin:auto;
padding:0px;
width:957px;
height:35px;
background-color:#d5d566;
-webkit-border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
border-radius:0px 0px 5px 5px;
}
.breadcrumbs_wr ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
height:20px;
}
.breadcrumbs_wr ul li{
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
height:30px;
background:url(../images/bread_right_arrow.png) left center no-repeat;
display:block;
font-size:12px;
color:#333;
line-height:30px;
list-style:none;
float:left;
}
.breadcrumbs_wr ul li a{
font-size:12px;
color:#333;
line-height:30px;
list-style:none;
font-weight:bold;
}
.inner_body_wr{
width:957px;
height:auto;
margin:auto;
}
.about_left_wr{
margin:0px;
padding:5px;
width:190px;
border-left:solid 1px #d9d9d9;
border-right:solid 1px #d9d9d9;
background-color:#efefef;
height:auto;
float:left;
}
.about_left_wr ul{
margin:0px;
padding:0px;
}
.about_left_wr ul li{
margin:5px 0px 5px 0px;
padding:0px;
width:188px;
height:35px;
border:solid 1px #d2d2d2;
background-color:#fff;
height:auto;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
font-size:12px;
color:#267aac;
line-height:35px;
list-style:none;
font-weight:bold;
}
.about_left_wr ul li a{
padding:0px 0px 0px 33px;
margin:0px 0px 0px 0px;
font-size:12px;
color:#267aac;
line-height:35px;
list-style:none;
font-weight:bold;
display:block;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:url(../images/bullet_points_left.png) 5px center no-repeat;
}
.about_left_wr ul li a:hover{
font-size:12px;
color:#fff;
line-height:35px;
list-style:none;
font-weight:bold;
display:block;
background-color:#0168a6;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.video_section_about{
width:191px;
height:56px;
padding:110px 0 0 0;
background:url(../images/video_background.png) left top no-repeat;
font-family: 'Lato', sans-serif;
font-size:18px;
font-weight:400;
color:#fff;
line-height:25px;
list-style:none;
text-align:center;
}
.about_conent{
margin:5px 0px 0px 10px;
padding:5px;
width:546px;
height:468px;
float:left;
font-size:12px;
color:#3a3737;
line-height:20px;
}
.about_conent strong{
color:#006cac;
font-weight:bold;
}
.about_conent p{
margin:0px;
padding:4px 0px 4px 0px;
}
.about_right_images{
width:185px;
height:auto;
float:left;
}
.about_right_images ul{
margin:0px;
padding:0px;
}
.about_right_images ul li{
list-style:none;
margin:0px 0 5px 0;
}
/*
Inner pages End
*/
/*
Course Review start
*/
.review_tab_wr{
width:750px;
height:auto;
float:left;
margin-left: 5px;
}
.review_tab_map{
width:290px;
min-height:226px;
float:left;
}
.review_tab_right{
width:442px;
min-height:226px;
float:left;
}
.review_tab_right ul{
margin:25px 0px 0px 30px;
padding:0px;
}
.review_tab_right ul li{
margin:5px 0px 5px 10px;
padding:0px 0px 0px 25px;
list-style:none;
background:url(../images/boll_icon.png) left center no-repeat;
font-family: 'Lato', sans-serif;
font-size:18px;
font-weight:normal;
color:#016bab;
line-height:20px;
}
.review_tab_content_bg{
width:442px;
min-height:226px;
float:left;
}
/*
Course Review End
*/
/* Tab conent css start*/
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top:1em;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3px 0 8px 0;
border-bottom: 1px solid #d3d1d1;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a
{
padding: 8px 25px;
margin-left: 3px;
border: 1px solid #d3d1d1;
border-bottom: none;
background: #0c6ba5;
color:#fff !important;
text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
color: #000;
background: #0c6ba5;
border: 1px solid #d3d1d1;
}
ul.tabbernav li.tabberactive a
{
color:#0b6196 !important;
background-color: #efefef;
border-bottom: 1px solid #efefef;
}
ul.tabbernav li.tabberactive a:hover
{
color: #fff !important;
background: #0c6ba5;
border-bottom: 1px solid #0c6ba5;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px;
border:1px solid #d3d1d1;
border-top:0;
background-color:#efefef;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}
/*Tab conent css end*/
/*courses grid start*/
.coursebox_main_wr{
width:750px;
height:auto;
margin:auto;
background-color:#efefef;
padding:0px 0 5px 0;
}
.coursebox_main{
width:734px;
height:auto;
border:solid 1px #d3d1d1;
padding:0 0 0px 0;
margin:5px auto 0px auto;
background-color:#fff;
}
.coursebox_main_hed{
width:719px;
height:42px;
margin:0 auto 5px auto;
font-family: 'Lato', sans-serif;
font-size:19px;
font-weight:400;
color:#0667a0;
line-height:32px;
padding:0 0 0 15px;
background:url(../images/review_hed_bg.jpg) left top repeat-x;
-webkit-border-radius:5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
}
.coursebox_main_bottom{
width:734px;
height:2px;
background-color:#d5d566;
}
.coursebox_main h2{
margin:0px;
padding:5px 0px 8px 8px;
font-family: 'Lato', sans-serif;
font-size:19px;
font-weight:400;
color:#0667a0;
line-height:20px;
list-style:none;
}
.course_content{
margin:0px;
padding:0px 0px 10px 8px;
width:530px;
height:auto;
font-size:13px;
color:#4a4a4a;
line-height:19px;
list-style:none;
float:left;
}
.course_image{
margin:8px 0 0 0;
width:190px;
height:auto;
float:left;
}
.course_image img{
border:solid 3px #efefef;
}
.course_box_wr{
margin:0 8px 8px 8px;
width:220px;
height:220px;
background-color:#efefef;
border:solid 1px #e6e6e6;
float:left;
}
.course_box_shadow{
width:925px;
height:12px;
margin:auto;
}
.course_box_img{
margin:0px;
padding:10px 0px 0px 0px;
width:203px;
height:132px;
margin:auto;
}
.course_box_text{
margin:0px;
padding:10px 0px 5px 0px;
font-size:14px;
color:#0667a0;
line-height:20px;
list-style:none;
text-align:center;
}
.course_box_button_wr{
margin:auto;
padding:0px 0px 0px 0px;
width:211px;
height:40px;
}
.course_box_review_butt{
margin:auto;
padding:0px 0px 0px 0px;
width:106px;
height:38px;
float:left;
}
.course_box_booknow_butt{
margin:auto;
padding:0px 0px 0px 0px;
width:106px;
height:38px;
float:left;
}
.course_box_button{
margin:0px;
padding:0px;
font-size:14px;
color:#fff;
line-height:30px;
list-style:none;
text-align:center;
width:104px;
height:33px;
background:url(../images/course_reviews_button.png) left top no-repeat;
border:none;
outline:none;
cursor:pointer;
}
.course_box_button:hover{
color:#d5d566;
}
/*courses grid End*/
/* ajax tab content */
/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabs{
padding: 8px 0;
margin-left: 0;
margin-top: 5px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
clear:both;
border-radius:5px 5px 0 0;
font-weight:normal;
background-color:#fff;
}
.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
/*border: 1px solid #778;*/
color: #FFF !important;
/*background: white url(shade.gif) top left repeat-x;*/
padding:10px 15px 10px 15px;
margin-left:5px;
font-size:14px;
background-color:#0c6ba5;
border-left:solid 1px #d3d1d1;
border-top:solid 1px #d3d1d1;
border-right:solid 1px #d3d1d1;
color:#fff !important;
text-decoration:none;
}
.shadetabs li a:visited{
color: #2d2b2b;
}
.shadetabs li a:hover{
text-decoration: none;
color: #2d2b2b;
}
.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}
.shadetabs li a.selected{ /*selected main tab style */
/*border-radius:5px 5px 0 0;*/
padding:10px 15px 10px 15px;
margin-left:5px;
font-size:14px;
background-color:#efefef;
border-left:solid 1px #d3d1d1;
border-top:solid 1px #d3d1d1;
border-right:solid 1px #d3d1d1;
color:#0b6196 !important;
}
.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/
border-top: 1px solid white;
}
.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/
color: white;
}
.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/
color: white;
border-color: #D25A0B; /*Brown color theme*/
}
/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}
.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}
.indentmenu ul li a:visited{
color: black;
}
.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}
/* Ajax tab content End*/
/*image mouse over tool tip */
.stickytooltip{
box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
display:none;
position:absolute;
display:none;
border:5px solid black; /*Border around tooltip*/
background:white;
z-index:3000;
}
.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
background:black;
color:white;
padding-top:5px;
text-align:center;
font:bold 11px Arial;
}
/*image mouse over tool tip End */
/* Landing Page Styles */
#landing_container{width: 960px; height: auto; margin: 0px auto 10px auto; background: #fff;padding-top: 10px;font-family: 'Open Sans', sans-serif;}
#landing_container #banner{/*height:154px;*/width: 959px;background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);padding:1px 0px 1px 1px;margin-bottom: 10px;}
#landing_container #banner h3{color:#fff; font-size: 18px; font-weight:700; text-align:right;padding-right:22px; text-shadow:0px 0px 3px #000;}
#landing_container #banner h3 span{font-size:38px;}
#landing_container #banner p{text-align: right;}
#landing_container #banner p a{color:#fff; font-size: 18px; font-weight:700; text-align:right;padding-right:22px; text-shadow:0px 0px 3px #000;}
#landing_container #banner p.view_course{margin-top:10px; margin-right:22px;}
#landing_container #banner p.view_course a{background:url(../images/view_btn_bg.jpg) repeat-x; color:#fff;font-size: 17px; font-weight:600;text-shadow:0px 0px 3px #000;line-height:34px;padding:5px 15px 5px 15px;border-radius:3px;border:1px solid #abb974;}
/*#landing_container #message{height:39px;border-radius:4px;border:2px solid #ccdba6; margin:8px 0px 8px 0px;background:#ecf7cf;}*/
#landing_container #message p{font-size:17px;font-weight:500; text-align:center;color:#000;line-height:39px;}
#landing_container #message p a{color:#bf0000;font-weight:700;text-decoration:none;}
#landing_container #message p a:hover{text-decoration:underline;}
#landing_container #outer_content_form{background: #f4f4f4;padding:5px; float: left;}
#landing_container #outer_content_form #content_form{background: #fff; border:1px solid #d9d9d9;border-radius:2px; float:left;}
#landing_container #outer_content_form #content_form #rates_pannel{width: 590px; float: left;background: #fff; padding: 8px;
font: normal 12px/22px Arial, Helvetica, sans-serif;
}
#landing_container #outer_content_form #content_form #rates_pannel p{line-height:18px;padding-top:8px;text-align:justify;}
#landing_container #outer_content_form #content_form #rates_pannel p img{float:left;margin-right:5px;border:1px solid #ddd;padding:1px;}
#landing_container #outer_content_form #content_form #rates_pannel h2{font-weight: 700; text-transform: uppercase;font-size:28px;color:#0c609e;line-height: 24px;
margin:10px 0px; }
#landing_container #outer_content_form #content_form #rates_pannel h2 span{font-weight:400;font-size:18px;line-height: 34px;}
#landing_container #outer_content_form #content_form #rates_pannel h2 span b{color: #bf0000; margin-bottom:5px;}
#landing_container #outer_content_form #content_form #rates_pannel .rate_block{background:url(../images/rate_bg.jpg) no-repeat;height:54px;width:184px; margin-top:15px;float:left;margin-right:12px;}
#landing_container #outer_content_form #content_form #rates_pannel .rate_block p{float: left;width:125px;text-align: center;padding-top: 5px;}
#landing_container #outer_content_form #content_form #rates_pannel .rate_block p .new_cost{color:#bf0000;font-size:18px;font-weight:700;}
#landing_container #outer_content_form #content_form #rates_pannel .rate_block p .old_cost{color:#000;font-size:11px;font-weight:600;text-decoration:line-through;}
#landing_container #outer_content_form #content_form #rates_pannel .rate_block p .time{color:#bf0000;font-size:12px;font-weight:700;text-transform: uppercase;color:#0c609e;}
#landing_container #outer_content_form #content_form #rates_pannel .rate_block span{float: left;width:55px;color:#fff;font-weight:700;font-size:15px;text-align:center; padding-top:8px;}
#landing_container #outer_content_form #content_form #rates_pannel #contents{width:565px;/*height: 109px;*/background:#d3e3ec;border:2px solid #a5c2d3;margin-top: 17px;padding:8px;}
#landing_container #outer_content_form #content_form #rates_pannel #contents ul{margin: 0px; padding: 0px;}
#landing_container #outer_content_form #content_form #rates_pannel #contents ul li{background:url(../images/tick.jpg) left 6px no-repeat;padding-left:28px;list-style:none;font-size:13px;color:#000;font-weight:600;line-height: 25px;}
#landing_container #outer_content_form #content_form #booking_form{width: 302px;/*height: 291px;*/float: left;background: #f5fafd; padding:20px; float: left;}
#landing_container #outer_content_form #content_form #booking_form p{line-height:18px;padding-top:8px; font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#landing_container #outer_content_form #content_form #booking_form p a{text-decoration:none; color:#333;}
#landing_container #outer_content_form #content_form #booking_form p a:hover{text-decoration:underline; color:#333;}
.form-row
{
width: 302px;
float: left;
margin-bottom:10px;
font: bold 13px Arial, Helvetica, sans-serif;
color:#0b619e;
}
.form-row label
{
width: 302px;
float: left;
}
.input-txt
{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: solid 1px #a8d0e7;
height:30px;
font: bold 12px/30px Arial, Helvetica, sans-serif;
color:#0b619e;
width:290px;
float: left;
padding:0px 5px;
}
.text-ara
{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: solid 1px #a8d0e7;
font: bold 12px/30px Arial, Helvetica, sans-serif;
color:#0b619e;
width:290px;
float: left;
padding:0px 5px;
}
.submit-btn-new
{
padding:10px;
background:#dc2e30;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font: normal 25px "Impact", Arial, Helvetica, sans-serif;
border: none;
cursor: pointer;
color:#FFF;
}
.error{
text-align: center;
color: red;
}
.sucs{
text-align: center;
color: green;
}
.more-info
{
color:#0C609E;
float: right;
font: bold 13px Arial, Helvetica, sans-serif;
margin-top:10px;
background:url(../images/more-icon.png) right 4px no-repeat;
padding-right:15px;
}
#landing_container #outer_content_form #content_form #booking_form select{width:285px;height:45px;border:2px solid #cbe1ee;border-radius:3px;margin-bottom: 18px;padding: 6px;font-size:15px;color:#0c609e;text-transform:uppercase;font-weight:700;font-family: 'Open Sans', sans-serif;}
#landing_container #outer_content_form #content_form #booking_form .book_now{width:285px;height:49px;background:url(../images/btn_bg.jpg) repeat-x;color:#fff;font-weight:700px;font-size:22px;border-radius:5px;border:2px solid #850000;margin-top:8px;}