File: //old_home_backup/themewsdentalstudio.co.uk/public_html/css/mews.css
/*------- General Items ---------*/
*:focus {outline: none;}
*::-moz-focus-inner {border: none; }
body {
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
background-position: top;
background-color:#405b6c;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:#0a1126;
}
img{
border:none;
}
.float_l{
float:left;
display:block;
}
.float_r{
float:right;
display:block;
}
.clear{
clear:both;
}
li{
list-style:none;
}
h1{
font-size:15px;
color:#03acf3;
margin:0 0 10px 0;
padding:0 0 2px 0;
border-bottom:#f5f5f5 2px solid;
}
h2{
font-size:14px;
color:#00bbea;
margin:0;
padding:0 0 10px 0;
}
h3{
font-size:14px;
color:#03acf3;
margin:0 0 10px 0;
padding:0 0 2px 0;
border-bottom:#f5f5f5 2px solid;
}
.greytext{
font-size:12px;
color:#5e5e5e;
margin:0;
padding:0 0 10px 0;
text-align:justify;
line-height:18px;
}
.lightgreytext{
font-size:11px;
color:#cdcdcd;
margin:0;
padding:0 0 5px 0;
text-align:justify;
line-height:13px;
}
.greentext{
font-size:12px;
color:#5e5e5e;
margin:0;
padding:0;
text-align:justify;
line-height:18px;
}
.greentext a{
color:#03acf3;
text-decoration:none;
}
.greentext a:hover{
text-decoration:underline;
}
.green_bold_text{
font-size:10px;
color:#6c9e01;
margin:0;
padding:0;
font-weight:bold;
}
.green_bold_text_01{
font-size:10px;
color:#acff26;
margin:0;
padding:0;
font-weight:bold;
}
.pricetext{
color:#008ee8;
font-weight:bold;
margin:0 10px 0 0;
}
.pricetext_01{
color:#008ee8;
font-weight:bold;
margin:0 0 0 5px;
}
.pricetext_02{
color:#008ee8;
font-weight:bold;
margin:0;
}
.lightgreentext{
display:block;
color:#acff26;
}
.lightgreenboldtext{
display:block;
color:#acff26;
font-weight:bold;
font-size:11px;
}
.normaltext{
font-size:12px;
color:#0a1126;
margin:0px 0 10px 0;
padding:0;
text-align:justify;
line-height:15px;
}
.normaltext a{
color:#03acf3;
text-decoration:none;
}
.normaltext a:hover{
color:#66A701;
}
.normaltext_01{
font-size:11px;
color:#0a1126;
margin:0px 0 10px 0;
padding:0;
text-align:justify;
line-height:15px;
}
.lightbluetext{
font-size:11px;
color:#eaf9ff;
margin:0;
padding:0;
}
.lightbluetext a{
text-decoration:none;
color:#eaf9ff;
}
.lightbluetext a:hover{
text-decoration:underline;
}
.whitetext{
font-size:11px;
color:#FFFFFF;
margin:0;
padding:0;
}
.whiteboldtext{
font-size:11px;
font-weight:bold;
color:#FFFFFF;
margin:0;
padding:0;
}
.blacktext{
font-size:11px;
color:#000000;
margin:0;
padding:5px 8px 0;
display:block;
background:none !important;
}
.blackboldtext{
font-weight:bold;
color:#000000;
text-align:left;
line-height:18px;
margin:0;
padding:0;
display:block;
}
.blackboldtext a{
color:#03acf3;
text-decoration:none;
}
.blackboldtext a:hover{
color:#66A701;
}
.blackboldtext_01{
font-weight:bold;
color:#000000;
}
.blackboldtext_02{
font-weight:bold;
color:#000000;
margin:0;
padding:0;
width: 100px;
float: left;
}
.divider{
height:2px;
width:auto;
margin:10px 0 0 0;
padding:0;
display:block;
background-color:#f5f5f5;
overflow:hidden;
}
.textbox{
width:129px;
height:16px;
margin:0;
padding:3px 3px 0 3px;
border:1px solid #b2c5d2;
background-color:#41484b;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
}
.textbox_01{
width:180px;
height:16px;
margin:5px 0;
padding:3px 3px 0 3px;
border:1px solid #b2c5d2;
/* background-color:#41484b;*/
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#686868;
}
.error_input{
border:1px solid #FF0000;
}
.blueboldtext{
color:#39d3ff;
font-weight:bold;
}
.blueboldtext_01{
color:#03acf3;
font-weight:bold;
margin:0;
padding:0;
}
.blueboldtext_02{
color:#03acf3;
font-weight:bold;
margin:0;
padding:0;
width: 80px;
float: right;
}
.tblborder{
border:1px solid #DFE7EC;
padding:10px;
}
.tblborder_01{
border:1px solid #DFE7EC;
}
.thank_you{
color:#000000;
font-size:11px;
font-weight:bold;
}
.pdftext a{
background-image:url(../images/pdf_32.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
margin:0;
padding:4px 0 0 25px;
height:16px;
text-decoration:none;
color:#333333;
font-weight:bold;
}
.pdftext a:hover{
color:#bb0706;
}
/*-------------------------------*/
/*----------- Main Wrapper ----------*/
.wrapper{
width:910px;
height:auto;
margin:0 auto;
padding:20px 0 0 0;
}
.logo{
width:166px;
height:177px;
margin:0;
padding:0 0 0 10px;
}
.body_wrapper{
background:url(../images/right_bg.png) repeat-y;
width:668px;
min-height:600px;
height:auto !important;
height:600px;
margin:0;
padding:10px 20px;
}
/*-----------------------------------*/
/*----------- body_container ----------*/
.body_container{
margin:0;
padding:0;
width:708px;
height:auto;
}
.right_wrapper{
width:708px;
height:auto;
margin:0;
padding:0 0 5px 0;
}
.right_wrapper_bottom{
width:708px;
height:18px;
margin:0;
padding:0;
background:url(../images/right_bottom.png) no-repeat;
}
.menu_container{
background:url(../images/menu_middle_bg.jpg) repeat-x;
width:auto;
height:59px;
margin:0;
padding:0;
}
.menu_wrapper{
background:url(../images/menu_left_bg.jpg) no-repeat left;
height:59px;
width:auto;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
.menus{
background:url(../images/menu_right_bg.jpg) no-repeat right;
height:50px;
width:688px;
margin:0;
padding:9px 10px 0 10px;
float:left;
display:block;
}
.active_home{
background-image:url(../images/hover_bg.jpg);
background-repeat:repeat-x;
background-position: left top;
color:#c0c0c0;
text-align:center;
text-decoration:none;
display:block;
float:left;
margin:0;
padding:0;
width:80px;
height:50px;
}
.menu_home a{
color:#c0c0c0;
text-align:center;
text-decoration:none;
display:block;
float:left;
margin:0;
padding:0;
width:80px;
height:50px;
cursor:pointer;
background-image:none;
}
.menu_home a:hover{
background-image:url(../images/menu_hover_bg.jpg);
background-repeat:repeat-x;
}
.home_active{
background-image:url(../images/menu_left_bg_active.jpg);
background-position:-10px -9px;
background-repeat:no-repeat;
padding:18px 10px 0 16px;
margin:0;
height:32px;
display:block;
color:#FFFFFF;
}
.home{
background-image:url(../images/menu_left_bg.jpg);
background-position:left;
background-repeat:no-repeat;
padding:0;
margin:0;
height:auto;
display:block;
}
a .home{
background-image:url(../images/menu_left_bg.jpg);
background-position:-10px -9px;
background-repeat:no-repeat;
padding:18px 10px 0 16px;
margin:0;
height:32px;
display:block;
}
a:hover .home{
background-image:url(../images/menu_left_bg_hover.jpg);
background-position:-10px -9px;
background-repeat:no-repeat;
color:#FFFFFF;
}
.menu_active{
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
display:block;
float:left;
margin:0;
padding:18px 12px 0 12px;
height:32px;
text-align:center;
background:url(../images/hover_bg.jpg) repeat-x;
}
.menu{
float:left;
display:block;
margin:0;
padding:0;
position:relative;
z-index:999;
}
.menu a{
color:#c0c0c0;
font-weight:normal;
text-decoration:none;
display:block;
float:left;
margin:0;
padding:18px 12px 0 12px;
height:32px;
text-align:center;
cursor:pointer;
background:url(../images/menu_middle_bg_01.jpg) repeat-x;
}
.menu a:hover{
background-image:url(../images/menu_hover_bg.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
float:left;
display:block;
}
.menu_fees a {
background-image:url(../images/menu_hover_bg.jpg) !important;
background-repeat:repeat-x;
color:#FFFFFF;
}
.menu_contact_active{
color:#c0c0c0;
text-align:center;
display:block;
float:left;
margin:0;
padding:0;
width:103px;
height:50px;
background-image:url(../images/hover_bg.jpg);
background-repeat:repeat-x;
}
.contact_active{
background-image:url(../images/menu_right_bg_active.jpg);
background-position:94px -9px;
background-repeat:no-repeat;
padding:18px 19px 0 10px;
margin:0;
height:32px;
display:block;
color:#FFFFFF;
}
.menu_contact a{
color:#c0c0c0;
text-align:center;
text-decoration:none;
display:block;
float:left;
margin:0;
padding:0;
width:103px;
height:50px;
cursor:pointer;
background-image: none !important;
}
.menu_contact a:hover{
background-image:url(../images/menu_hover_bg.jpg) !important;
background-repeat:repeat-x;
background-position:left top;
}
.contact{
background-image:url(../images/menu_right_bg.jpg);
background-position:right;
background-repeat:no-repeat;
padding:0;
margin:0;
height:auto;
display:block;
}
a .contact{
background-image:url(../images/menu_right_bg.jpg);
background-position:103px -9px;
background-repeat:no-repeat;
padding:18px 19px 0 10px;
margin:0;
height:32px;
display:block;
}
a:hover .contact{
background-image:url(../images/menu_right_bg_hover.jpg);
background-position:93px -9px;
background-repeat:no-repeat;
color:#FFFFFF;
}
.thanks{
font-size:14px;
font-weight:bold;
color:#313131;
text-align:center;
margin:90px 0 0 0;
display:block;
}
/*---------------------------------*/
/*------------- Sub menu --------------*/
.submenu_wrapper{
display:none;
position:absolute;
width:172px !important;
height:auto !important;
left:0;
top:50px;
margin:0;
padding:0 0 8px 0;
background-image:url(../images/sub_menu_bt_bg.png);
background-position:left bottom;
background-repeat:no-repeat;
}
.submenu_wrapper ul{
height:auto;
width:172px;
display:block;
margin:0;
padding:0;
overflow:hidden;
}
.ul_bg{
background-image:url(../images/sub_menu_bg.png);
background-position: left top;
background-repeat:repeat;
}
.submenu_wrapper ul li{
margin:0;
padding:0;
height:26px;
overflow:hidden;
background:none;
width:172px;
float:left;
background-image:url(../images/sub_menu_arrow_normal.png);
background-position:0 0;
background-repeat:no-repeat;
}
.submenu_wrapper ul li a{
display:block;
width:152px;
height:21px;
margin:0;
padding:5px 0 0 20px;
background:none !important;
float:left;
color:#FFFFFF;
font-size:12px;
text-align:left;
text-decoration:none;
overflow:hidden;
}
.li_a_bg{
background-image:url(../images/sub_menu_arrow_normal.png);
background-position:0 0;
background-repeat:no-repeat;
}
.submenu_wrapper ul li a:hover{
background-image:url(../images/sub_menu_arrow_hover.jpg) !important;
background-position:0 0;
background-repeat:no-repeat !important;
background-color:#2f2f2f !important;
}
/*-----------------------*/
/*--------------- content_wrapper ---------------- */
.content_wrapper{
width:668px;
height:auto;
margin:0;
padding:0;
}
.content_wrapper_01{
width:668px;
height:auto;
margin:0;
padding:0;
}
.content_left{
width:375px;
height:auto;
margin:0;
padding:0;
}
.content_left_bg{
width:10px;
height:232px;
margin:0;
padding:0;
background-image:url(../images/content_left_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
}
.content_middle{
background-color:#f8f8f8;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
height:230px;
width:375px;
margin:0;
padding: 0;
}
.content_right_bg{
width:10px;
height:232px;
margin:0;
padding:0;
background-image:url(../images/content_right_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
}
.img_container{
width:284px;
height:auto;
margin:0 0 8px 0;
padding:0;
display:block;
}
.img_container_01{
width:auto;
height:auto;
margin:0 0 0 10px;
padding:0;
float:right;
}
.img_container_02{
width:auto;
height:auto;
margin:0 10px 0 0;
padding:0;
float:left;
}
.img_container_03{
width:123px;
height:70px;
margin:0 0 10px 10px;
padding: 7px 0 0 7px;
float:right;
background:url(../images/frame.jpg) no-repeat;
}
.top_bg{
background:url(../images/cont_top_bg.jpg) no-repeat;
width:375px;
height:9px;
margin:0;
padding:0;
overflow:hidden;
}
.bottom_bg{
background:url(../images/cont_bottom_bg.jpg) no-repeat;
width:375px;
height:9px;
margin:0;
padding:0;
overflow:hidden;
}
.middle_bdr{
width:353px;
height:auto;
margin:0;
padding:2px 10px;
border-left:#dfdfdf 1px solid;
border-right:#dfdfdf 1px solid;
background-color:#f8f8f8;
}
.middle_bdr_02{
width:296px;
height:220px;
margin:0;
padding:10px 10px 0 0;
border-top:#dfdfdf 1px solid;
border-bottom:#dfdfdf 1px solid;
background-color:#f8f8f8;
}
.cont_wrapper_top{
width:353px;
height:8px;
overflow:hidden;
background:url(../images/cont_top_inner_bg.jpg) no-repeat;
}
.cont_wrapper_bottom{
width:353px;
height:8px;
overflow:hidden;
background:url(../images/cont_bottom_inner_bg.jpg) no-repeat;
}
.cont_wrapper_middle{
width:327px;
height:auto;
margin:0;
padding:5px 13px 0 13px;
background-color:#eeeeee;
}
.news_wrap{
margin:0;
padding:0 0 10px 0;
width:327px;
height:auto;
display:block;
float:left;
}
.news_wrap h1{
margin:0;
padding:0 0 0 4px;
height:auto;
display:block;
overflow:hidden;
border:none;
background-color:#dedede;
background-image:url(../images/left_curve_bg.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.news_wrap h1 span{
margin:0;
padding:5px 4px 5px 5px;
height:auto;
display:block;
font-size:12px;
color:#70737c;
font-weight:bold;
line-height:16px;
background-color:#dedede;
background-image:url(../images/right_curve_bg.jpg);
background-repeat:no-repeat;
background-position:right top;
}
.news_wrap .news_cont{
margin:0;
padding:15px 0 0 0;
width:327px;
height:auto;
display:block;
}
.news_wrap .news_wrap_left{
margin:0;
padding:0 0 0 6px;
width:204px;
display:block;
float:left;
}
.news_wrap .news_wrap_left_01{
margin:0;
padding:0 0 0 6px;
width:320px;
display:block;
float:left;
}
.news_wrap .news_wrap_right{
margin:0;
padding:0;
width:117px;
display:block;
float:right;
}
.news_wrap .news_wrap_right img{
display:block;
margin:0;
padding:0;
float:right;
}
.news_wrap2{
margin:0;
padding:0 0 10px 0;
width:327px;
height:auto;
display:block;
float:left;
}
.news_wrap2 .news_cont2{
margin:0;
padding:0;
width:327px;
height:auto;
display:block;
}
.news_wrap2 .news_wrap_left2{
margin:0;
padding:0 0 0 6px;
width:204px;
display:block;
float:left;
}
.news_wrap2 .news_wrap_left_012{
margin:0;
padding:0 0 0 10px;
width:190px;
display:block;
float:left;
}
.news_wrap2 .news_wrap_right2{
margin:0;
padding:0;
width:117px;
display:block;
float:right;
}
.news_wrap2 .news_wrap_right img2{
display:block;
margin:0;
padding:0;
float:right;
}
.cont_wrapper_top_01{
width:296px;
height:7px;
overflow:hidden;
background:url(../images/cont_top_inner_bg_01.jpg) no-repeat;
}
.cont_wrapper_bottom_01{
width:296px;
height:8px;
overflow:hidden;
background:url(../images/cont_bottom_inner_bg_01.jpg) no-repeat;
}
.cont_wrapper_middle_01{
width:270px;
height:auto;
margin:0;
padding:5px 13px 0 13px;
background-color:#eeeeee;
}
.img_wrapper{
width:352px;
height:232px;
margin:0;
padding:0;
}
.readmore a {
width:68px;
height:29px;
margin:0;
padding:3px 0 0 5px;
background:url(../images/read_more.png) no-repeat top;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
display:block;
cursor:pointer;
}
.readmore a:hover{
background:url(../images/read_more.png) no-repeat bottom;
}
.img_bdr_top{
width:284px;
height:10px;
margin:0;
padding:0;
overflow:hidden;
background-image:url(../images/img_top_bdr.jpg);
background-postion:top;
background-repeat:no-repeat;
}
.img_bdr_bottom{
width:284px;
height:10px;
margin:0;
padding:0;
background:url(../images/img_bottom_bdr.jpg) no-repeat;
overflow:hidden;
}
.middle_bdr_01{
width:262px;
height:auto;
margin:0;
padding:1px 10px;
background-color:#f8f8f8;
border-left:#dfdfdf 1px solid;
border-right:#dfdfdf 1px solid;
}
.middle_bdr_01 ul li{
margin:0;
padding:0;
width:auto;
height:auto;
list-style:none;
}
.body_text{
width:375px;
height:auto;
margin:10px 0 0 0;
padding:0;
}
.body_text_wrapper{
width:667px;
height:auto;
margin:10px 0 0 0;
padding:0;
}
/*--------------------------*/
/*----------- left wrapper --------------*/
.left_wrapper{
width:184px;
height:auto;
margin:0;
padding:0 0 0 10px;
}
.left_menu_box{
width:184px;
height:auto;
margin:10px 0 0 0;
padding:0;
}
.left_menu_top{
display:block;
width:154px;
height:22px;
margin:0;
padding:8px 0 0 30px;
background:url(../images/left_menu_top_bg.jpg) no-repeat;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
color:#03acf3;
}
.left_menu_top2{
display:block;
width:184px;
height:9px;
margin:0;
padding:0px;
background:url(../images/left_menu_top_bg2.jpg) no-repeat;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
color:#03acf3;
}
.left_menu_bottom{
background:url(../images/left_menu_bottom_bg.jpg) no-repeat;
width:184px;
height:9px;
display:block;
overflow:hidden;
}
.left_menu_bottom2{
background:url(../images/left_menu_bottom_bg2.jpg) no-repeat;
width:184px;
height:9px;
display:block;
overflow:hidden;
}
.left_menu_middle{
background-color:#FFFFFF;
border-left:1px #d0d0d0 solid;
border-right:1px #d0d0d0 solid;
width:166px;
height:150px;
margin:0;
padding:5px 8px 0 8px;
}
.left_menu_middle2{
background-color:#d5e1ea;
border-left:1px #d0d0d0 solid;
border-right:1px #d0d0d0 solid;
width:166px;
height:170px;
margin:0;
padding:5px 8px 0 8px;
}
.menu_text a{
background:url(../images/arrow_normal.jpg) no-repeat left;
margin:0 0 5px 0;
padding:3px 0 0 25px;
height:17px;
width:140px;
float:left;
font-size:11px;
text-decoration:none;
color:#415153;
}
.menu_text a:hover{
background:url(../images/arrow_hover.jpg) no-repeat left;
background-color:#eaffc8;
}
.menu_text_active{
background:url(../images/arrow_hover.jpg) no-repeat left;
background-color:#eaffc8;
color:#415153;
margin:0 0 5px 0;
padding:3px 0 0 25px;
height:17px;
width:140px;
float:left;
font-size:11px;
}
.sp_wrapper{
width:184px;
height:auto;
padding:0;
background:url(../images/sp_bg.jpg) repeat-x;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.sp_top{
display:block;
width:174px;
height:16px;
margin:0;
padding:5px 0 0 10px;
background:url(../images/sp_top_bg.jpg) no-repeat;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
color:#03acf3;
}
.sp_bottom{
background:url(../images/sp_bottom_bg.jpg) no-repeat;
width:184px;
height:60px;
display:block;
overflow:hidden;
}
.sp_middle{
border-left:1px #b7b7b7 solid;
border-right:1px #b7b7b7 solid;
width:166px;
height:195px;
margin:0;
padding-top: 5px;
padding-right: 8px;
padding-bottom: 0;
padding-left: 8px;
}
.tw_block{
margin:0;
padding:0;
width:166px;
height:200px;
display:block;
overflow:hidden;
color:#FFFFFF;
}
.tw_block a{
color:#FFFFFF;
text-decoration:none;
}
.tw_block a:hover{
color:#0A1126;
}
.tw_scroll{
width:166px;
height:200px;
display:block;
overflow:hidden;
display:block;
background:none !important;
word-wrap: break-word;
}
.testimonial_wrapper{
width:184px;
height:138px;
margin:10px 0 0 0;
padding:0;
/* background-color:#FF0000;*/
background-image:url(../images/testimonial_bg.jpg);
background-position:0 0;
background-repeat:repeat-x;
}
.testimonial_bottom{
background:url(../images/testimonial_bottom_bg.jpg) no-repeat bottom;
width:184px;
height:35px;
display:block;
}
.testimonial_middle{
border-left:1px #b7b7b7 solid;
border-right:1px #b7b7b7 solid;
background:none;
width:182px;
height:80px;
margin:0;
padding:0;
}
.icons_wrapper{
width:174px;
height:auto;
display:block;
margin-top: 15px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 5px;
}
.icons_wrapper a{
margin:0 5px;
}
/*-----------------------------*/
/*----------------newsletter wrapper ---------------*/
.newsletter_wrapper{
width:688px;
height:66px;
margin:0;
padding:0 10px 10px 0;
}
.newsletter_top{
display:block;
width:678px;
height:16px;
margin:0;
padding:5px 0 0 10px;
background:url(../images/newsletter_top_bg.jpg) no-repeat left top;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
color:#39d3ff;
}
.newsletter_middle{
margin:0;
padding:10px 0 0 0;
width:686px;
height:22px;
border-left:#FFFFFF 1px solid;
border-right:#FFFFFF 1px solid;
background:url(../images/newsletter_middle.png) repeat-x left top;
}
.newsletter_bottom{
display:block;
width:688px;
height:12px;
margin:0;
padding:0;
background:url(../images/newsletter_bottom_bg.jpg) no-repeat left top;
}
.submit_btn a {
width:55px;
height:17px;
margin:0;
padding:3px 0 0 10px;
background:url(../images/submit.jpg) no-repeat top;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
display:block;
cursor:pointer;
}
.submit_btn a:hover{
background:url(../images/submit.jpg) no-repeat bottom;
}
.submit_btn_01 a {
width:55px;
height:17px;
margin:0;
padding:3px 0 0 10px;
background:url(../images/submit.png) no-repeat top;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
display:block;
cursor:pointer;
}
.submit_btn_01 a:hover{
background:url(../images/submit.png) no-repeat bottom;
}
.clear_btn a {
width:55px;
height:17px;
margin:0;
padding:3px 0 0 10px;
background:url(../images/submit.png) no-repeat top;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
display:block;
cursor:pointer;
}
.clear_btn a:hover{
background:url(../images/submit.png) no-repeat bottom;
}
.table_content3{
color:#FF0000;
margin:5px 0 0 0;
padding:0
}
/*----------------------------------*/
/*------------- box wrapper ------------------- */
.box_wrapper{
width:688px;
height:311px;
margin:0;
padding:0 10px 0 0;
}
.box_left{
width:11px;
height:311px;
float:left;
margin:0;
padding:0;
overflow:hidden;
background:url(../images/bottom_box_left.jpg) no-repeat left;
}
.box_right{
width:11px;
height:311px;
float:left;
margin:0;
padding:0;
background:url(../images/bottom_box_right.jpg) no-repeat left;
}
.box_middle{
width:666px;
height:291px;
float:left;
margin:0;
padding:10px 0;
background:url(../images/bottom_box_middle.jpg) repeat-x left;
}
.gallery_wrapper{
width:666px;
height:auto;
margin:0;
padding:0;
}
.small_box_wrapper{
width:214px;
height:243px;
padding:0;
margin:0;
background-image:url(../images/box_small_bottom.png);
background-repeat:no-repeat;
background-position:left bottom;
}
.small_box_top{
width:214px;
height:75px;
margin:0;
padding:0;
background-image:url(../images/box_small_top.png);
background-repeat:no-repeat;
background-position:left bottom;
}
.text_cont{
width:100px;
height:auto;
margin:0;
padding:25px 0 0 10px;
font-size:14px;
color:#39d3ff;
font-weight:bold;
text-transform:uppercase;
}
.thumbs_container{
width:95px;
height:75px;
margin:0;
padding:0;
}
.small_box_middle{
width:177px;
height:127px;
margin:0;
padding:10px 12px 0 12px;
float:left;
background-image:url(../images/box_small_middle.png);
background-repeat:repeat-x;
background-position:left top;
}
.tab_wrapper{
width:666px;
height:37px;
margin:10px 0 0 0;
padding:0;
}
.tab_left{
width:9px;
height:37px;
margin:0;
padding:0;
background:url(../images/tab_left_bg.png) no-repeat left;
}
.tab_bottom{
width:9px;
height:37px;
margin:0;
padding:0;
background:url(../images/tab_right_bg.png) no-repeat left;
}
.tab_middle{
width:640px;
height:25px;
margin:0;
padding:12px 0 0 8px;
background:url(../images/tab_middle_bg.png) repeat-x left;
}
/*---------------------------------------*/
/*-------------------------treatment wrapper-----------------------*/
.list_points{
margin:0;
padding:0;
}
.list_points li{
background-image:url(../images/green_arrow.jpg);
background-position:0 1px;
background-repeat:no-repeat;
padding:0 0 10px 20px;
margin:0 0 0 10px;
}
.list_points li a{
color:#03acf3;
text-decoration:none;
}
.list_points li a:hover{
color:#66A701;
}
/*------------------------------------*/
/*-------------------------we recommend-----------------------*/
.link_content_wrapper{
width:667px;
height:auto;
margin:0 0 15px 0;
padding:0;
}
.link_container{
width:250px;
height:auto;
margin:0;
padding:0;
}
.link_container a{
color:#03acf3;
text-decoration:none;
margin:0 0 0 5px;
padding:2px 0 0 25px;
height:18px;
float:left;
background-image:url(../images/link.jpg);
background-position: 0 0;
background-repeat:no-repeat;
}
.link_container a:hover{
color:#66A701;
background-image:url(../images/link_01.jpg);
background-position: 0 0;
background-repeat:no-repeat;
}
.link_description{
width:390px;
height:auto;
margin:0;
padding:0;
color:#5e5e5e;
}
/*--------------------------*/
/*----------contact page----------*/
.days_container{
width:250px;
height:auto;
margin:0;
padding:0;
line-height: 18px;
}
.map_container{
width:397px;
height:330px;
margin:0;
padding:0;
}
.map_container_top{
background-image:url(../images/map_bdr_top.jpg);
background-position:0 0;
background-repeat:no-repeat;
overflow:hidden;
width:397px;
height:9px;
margin:0;
padding:0;
}
.map_container_bottom{
background-image:url(../images/map_bdr_bottom.jpg);
background-position:0 0;
background-repeat:no-repeat;
width:397px;
height:9px;
margin:0;
padding:0;
}
.map_container_middle{
background-color:#f8f8f8;
width:388px;
height:auto;
margin:0;
padding:0 0 0 7px;
border-left:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
}
.input1{
border: 1px solid #dcdcdc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:#6b6b6b;
width:180px;
}
.input2{
border: 1px solid #dcdcdc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:#6b6b6b;
width:40px;
}
.input3{
border: 1px solid #dcdcdc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:#6b6b6b;
width:180px;
}
.input4{
border: 1px solid #dcdcdc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:#6b6b6b;
width:180px;
}
/*---------------*/
/*-----------------footer Wrapper-----------------------*/
.footer_wrapper{
width:688px;
height:auto;
margin:0;
padding:10px 10px 40px 0;
line-height:18px;
}
.footer_text{
font-size:10px;
color:#FFFFFF;
text-align:center;
display:block;
}
.footer_text a{
color:#73d9ff;
text-decoration:none;
}
.footer_text a:hover{
text-decoration:underline;
}
.copyright{
font-size:10px;
color:#d2d2d2;
text-align:center;
display:block;
}
.copyright a{
color:#d2d2d2;
text-decoration:none;
}
.copyright a:hover{
color:#FFFFFF;
text-decoration:underline;
}
.credits{
color:#FFFFFF;
display:block;
text-align:center;
font-size:10px;
}
.credits a{
color:#FFFFFF;
text-decoration:none;
}
.credits a:hover{
color:#FFFFFF;
text-decoration:underline;
}
/*---------------------------*/
/*------------ Slide show ----------------*/
/*preload classes*/
.svw {width: 260px; height: 402px; background: #fff;}
.svw ul {position: relative; left: -999em;}
/*core classes*/
.stripViewer {
position: relative;
overflow: hidden;
/*border: 5px solid #ff0000; */
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
list-style-type: none;
}
.stripViewer ul li {
float:left;
}
.stripTransmitter {
position:absolute;
overflow: auto;
width: 260px;
left:0;
bottom:0;
padding:0 0 10px 160px;
}
.stripTransmitter ul {
margin: 0;
padding: 0 0 20px 0;
list-style-type: none;
position: relative;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font-size:10px;
text-align: center;
line-height: 16px;
color: #fff;
text-decoration: none;
display: block;
background-image:url(../images/normal.jpg);
background-repeat:no-repeat;
height:17px;
width:17px;
}
.stripTransmitter a:hover, a.current{
background-image:url(../images/active.jpg);
}
/*--------------------------------------*/
/******************JQuery COLOR BOX*******************/
/*
The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.light_hidden{
display:none;
}
.light_contents{
padding:10px;
background-color:#FFFFFF;
}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML,
in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../images/borderTopLeft.png) 0 0 no-repeat;}
#cboxTopCenter{height:21px; background:url(../images/borderTopCenter.png) 0 0 repeat-x;}
#cboxTopRight{width:21px; height:21px; background:url(../images/borderTopRight.png) 0 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/borderBottomLeft.png) 0 0 no-repeat;}
#cboxBottomCenter{height:21px; background:url(../images/borderBottomCenter.png) 0 0 repeat-x;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/borderBottomRight.png) 0 0 no-repeat;}
#cboxMiddleLeft{width:21px; background:url(../images/borderMiddleLeft.png) 0 0 repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/borderMiddleRight.png) 0 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:0px;}
#cboxLoadingOverlay{background:url(http://www.themewsdentalstudio.co.uk/images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(http://www.themewsdentalstudio.co.uk/images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:0; right:0; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-50px -25px;}
/*--------------------------------------------------*/
/************************VIEW THE PRACTICE GALLERY*************************/
/*---------Cororsel Core ---------------*/
/**
* This <div> element is wrapped by jCarousel around the list
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
position: relative;
}
.jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 118px;
height: 120px;
}
/**
* The buttons are added dynamically by jCarousel before
* the <ul> list (inside the <div> described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
z-index: 3;
display: none;
}
.jcarousel-prev {
z-index: 3;
display: none;
}
/*---------------*/
.view_practice_wrapper{
width:667px;
height:auto;
margin:0 0 15px 0;
padding:0 0 10px 0;
float:left;
display:block;
background-image:url(../images/bottom_text_img.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#f8f8f8;
}
.gallery_head{
width:667px;
height:32px;
float:left;
margin:0;
padding:0;
background-color:#bcbcbc;
background-image:url(../images/acc_head_bg.png);
background-position:left top;
background-repeat:no-repeat;
}
.gallery_head_txt{
display:block;
height:25px;
margin:0;
padding:7px 0 0 15px;
background-image:url(../images/acc_head_bg.png);
background-position:right bottom;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:13px;
}
.gallery_cont{
width:645px;
height: 120px;
float:left;
margin:0;
padding:10px 10px 0 10px;
border-left:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
}
/*--------Skin-----------*/
.gallery_cont ul{
float:left;
display:block;
margin:0;
padding:0;
}
.gallery_cont ul li{
display:block;
float:left;
width: 118px;
height: 120px;
background:none !important;
}
.jcarousel-skin-tango .jcarousel-container {
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
width:533px;
padding: 0px 56px 0 56px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 533px;
height: 120px;
}
.jcarousel-skin-tango .jcarousel-item {
width: 118px;
height: 120px;
padding:0;
}
.zoom_img a{
width: 112px;
height: 114px;
background-image:url(../images/gallery_img_bg.jpg);
background-position:left;
background-repeat:no-repeat;
padding:6px 0 0 6px;
float:left;
display:block;
}
.zoom_img a:hover{
background-image:url(../images/gallery_img_bg.jpg);
background-position:right;
background-repeat:no-repeat;
}
.jcarousel-skin-tango .jcarousel-item img{
border:1px solid #FFFFFF;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: 20px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
background: #fff;
color: #000;
}
/**
* Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top: 35px;
right: 10px;
width: 29px;
height: 29px;
cursor: pointer;
background: transparent url(../images/acc_tab_right.jpg) no-repeat 0 -29px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
background-position:0 -58px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
background-position:0 -58px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: 0px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: 35px;
left: 10px;
width: 29px;
height: 29px;
cursor: pointer;
background:transparent url(../images/acc_tab_left.jpg) no-repeat 0 -29px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
background-position: 0px -58px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
background-position: 0px -58px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: 0px 0;
}
/*******************************************************************************/
/*--------------------- Case Study Gallery --------------------*/
#casestudy a{
text-decoration:none !important;
}
.case_study_wrapper{
width:667px;
height:auto;
margin:0 0 0px 0;
padding:0 0 0px 0;
float:left;
display:block;
background-image:url(../images/bottom_text_img.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#f8f8f8;
}
.selected a .case_study_head{
width:667px;
height:32px;
float:left;
margin:0;
padding:0;
background-color:#bcbcbc;
background-image:url(../images/acc_head_bg.png);
background-position:left top;
background-repeat:no-repeat;
text-decoration:none !important;
}
.selected a .case_study_head_txt{
display:block;
height:25px;
margin:0;
padding:7px 0 0 15px;
background-image:url(../images/acc_head_bg.png);
background-position:right bottom;
background-repeat:no-repeat;
cursor:default;
color:#FFFFFF;
font-size:13px;
text-decoration:none !important;
font-weight:bold;
}
.selected a:hover .case_study_head{
background-color:#bcbcbc;
background-image:url(../images/acc_head_bg.png);
background-position:left top;
background-repeat:no-repeat;
text-decoration:none !important;
}
.selected a:hover .case_study_head_txt{
background-image:url(../images/acc_head_bg.png);
background-position:right bottom;
background-repeat:no-repeat;
cursor:default;
}
a .case_study_head{
width:667px;
height:32px;
float:left;
margin:0;
padding:0;
background-color:#ababab;
background-image:url(../images/acc_head_bg2.png);
background-position:left top;
background-repeat:no-repeat;
text-decoration:none !important;
}
a .case_study_head_txt{
display:block;
height:25px;
margin:0;
padding:7px 0 0 15px;
background-image:url(../images/acc_head_bg2.png);
background-position:right bottom;
background-repeat:no-repeat;
cursor:pointer;
color:#FFFFFF;
font-size:13px;
text-decoration:none !important;
font-weight:bold;
}
a:hover .case_study_head{
background-color:#bcbcbc;
background-image:url(../images/acc_head_bg2_hover.png);
background-position:left top;
background-repeat:no-repeat;
text-decoration:none !important;
}
a:hover .case_study_head_txt{
background-image:url(../images/acc_head_bg2_hover.png);
background-position:right bottom;
background-repeat:no-repeat;
cursor:pointer;
}
.case_study_cont{
width:645px;
height: auto;
float:left;
margin:0 0 10px 0;
padding:10px 10px 0 10px;
border-left:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
}
.case_study_txt{
width:290px;
height:60px;
margin:0;
padding:0;
float:right;
font-size:11px;
color:#0a1126;
margin:0px 0 10px 0;
padding:0;
text-align:justify;
line-height:15px;
}
.case_study_one_item{
width:667px;
height:auto;
margin:0 0 10px 0;
padding:0;
position:relative;
z-index:10;
}
.case_study_block{
margin:0 0 10px 0;
padding:0;
width:645px;
height:auto;
display:block;
float:left;
}
/*--------Skin-----------*/
.case_study_cont ul{
float:left;
display:block;
margin:0;
padding:0;
}
.case_study_cont ul li{
display:block;
float:left;
width: 118px;
height: 120px;
background:none !important;
}
.jcarousel-skin-casestudy .jcarousel-container {
}
.jcarousel-skin-casestudy .jcarousel-container-horizontal {
width:250px;
padding: 0px 37px 0 37px;
display:block;
float:left;
overflow:hidden;
}
.jcarousel-skin-casestudy .jcarousel-clip-horizontal {
margin:0;
padding:0;
width: 256px;
height: 120px;
display:block;
float:left;
}
.jcarousel-skin-casestudy .jcarousel-item {
width: 118px;
height: 120px;
padding:0;
}
.zoom_img a{
width: 112px;
height: 114px;
background-image:url(../images/gallery_img_bg.jpg);
background-position:left;
background-repeat:no-repeat;
padding:6px 0 0 6px;
float:left;
display:block;
}
.zoom_img a:hover{
background-image:url(../images/gallery_img_bg.jpg);
background-position:right;
background-repeat:no-repeat;
}
.jcarousel-skin-casestudy .jcarousel-item img{
border:1px solid #FFFFFF;
}
.jcarousel-skin-casestudy .jcarousel-item-horizontal {
padding-right: 10px;
}
.jcarousel-skin-casestudy .jcarousel-item-placeholder {
background: #fff;
color: #000;
}
/**
* Horizontal Buttons
*/
.jcarousel-skin-casestudy .jcarousel-next-horizontal {
position: absolute;
top: 35px;
right: 0px;
width: 29px;
height: 29px;
cursor: pointer;
background: transparent url(../images/acc_tab_right.jpg) no-repeat 0 -29px;
}
.jcarousel-skin-casestudy .jcarousel-next-horizontal:hover {
background-position:0 -58px;
}
.jcarousel-skin-casestudy .jcarousel-next-horizontal:active {
background-position:0 -58px;
}
.jcarousel-skin-casestudy .jcarousel-next-disabled-horizontal,
.jcarousel-skin-casestudy .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-casestudy .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: 0px 0;
}
.jcarousel-skin-casestudy .jcarousel-prev-horizontal {
position: absolute;
top: 35px;
left: 0px;
width: 29px;
height: 29px;
cursor: pointer;
background:transparent url(../images/acc_tab_left.jpg) no-repeat 0 -29px;
}
.jcarousel-skin-casestudy .jcarousel-prev-horizontal:hover {
background-position: 0px -58px;
}
.jcarousel-skin-casestudy .jcarousel-prev-horizontal:active {
background-position: 0px -58px;
}
.jcarousel-skin-casestudy .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-casestudy .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-casestudy .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: 0px 0;
}
/*******************************************************************************/
/*************************** ACCORDION ****************************/
.acc_one_item{
width:667px;
margin:0;
padding:0;
display:block;
float:left;
height:auto;
}
.acc_one_item h1{
margin:0;
}
.acc_content{
width:642px;
height:auto;
margin:0;
padding:6px 10px 5px 15px;
display:block;
float:left;
}
.acc_one_item h1 a{
width:667px;
float:left;
height:31px;
margin:0 0 3px 0;
display:block;
background-image:url(../images/head_left.jpg);
background-position:left top;
background-repeat:no-repeat;
background-color:#ecffb4;
text-decoration:none;
cursor:pointer;
}
.acc_one_item h1 a strong {
height:24px;
width:652px;
float:left;
display:block;
margin:0;
padding:7px 0 0 15px;
background-image:url(../images/head_right.jpg);
background-position:right top;
background-repeat:no-repeat;
border:0;
color:#000000;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.acc_one_item h1 a:hover{
background-color:#b8e4ff;
background-image:url(../images/head_left.jpg);
background-position:left bottom;
background-repeat:no-repeat;
}
.acc_one_item h1 a:hover strong{
background-image:url(../images/head_right.jpg);
background-position:right bottom;
background-repeat:no-repeat;
}
.acc_one_item .selected a{
background-color:#b8e4ff;
background-image:url(../images/head_left.jpg);
background-position:left bottom;
background-repeat:no-repeat;
}
.acc_one_item .selected a strong{
background-image:url(../images/head_right.jpg);
background-position:right bottom;
background-repeat:no-repeat;
}
/******************************************************/
/********************HIGHSLIDE************************/
.highslide-container div {
font-family: Verdana, Helvetica;
font-size: 10pt;
}
.highslide {
outline: none;
text-decoration: none;
}
.highslide img {
cursor: url(http://www.themewsdentalstudio.co.uk/dental_practice_gallery/gallery_graphics/zoomin.cur), pointer;
border: 2px solid silver;
}
.highslide:hover img {
border-color: gray;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
border-color: black;
visibility: visible;
cursor: default;
}
.highslide-image {
border-width: 2px;
border-style: solid;
border-color: white;
background: gray;
}
.highslide-wrapper, .highslide-outline {
background: white;
}
.highslide-image-blur {
}
.highslide-number {
font-weight: bold;
color: #999999;
font-size:11px !important;
}
.highslide-caption {
display: none;
border-top: none;
font-size: 10px !important;
padding: 5px 5px 5px 5px;
background: white;
line-height:15px;
}
.highslide-heading {
display: none;
font-weight: bold;
margin: 0.4em;
}
.highslide-dimming {
position: absolute;
background: black;
}
.highslide-loading {
display: block;
color: black;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: white;
padding-left: 22px;
background-image: url(../dental_practice_gallery/gallery_graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move, .highslide-move * {
cursor: move;
}
.highslide-overlay {
display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
position: relative;
top: -15px;
left: 15px;
width: 30px;
height: 30px;
cursor: pointer;
background: url(../dental_practice_gallery/gallery_graphics/close.png);
/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}
/*****************************************************************************/
/* Controls for the galleries. */
/* Remove these if you are not using a gallery */
/*****************************************************************************/
.highslide-controls {
width: 195px;
height: 40px;
background: url(../dental_practice_gallery/gallery_graphics/controlbar-white.gif) 0 -90px no-repeat;
margin: 20px 15px 10px 0;
}
.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url(../dental_practice_gallery/gallery_graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
float: left;
padding: 5px 0;
}
.highslide-controls a {
background-image: url(../dental_practice_gallery/gallery_graphics/controlbar-white.gif);
display: block;
float: left;
height: 30px;
width: 30px;
outline: none;
}
.highslide-controls a.disabled {
cursor: default;
}
.highslide-controls a span {
/* hide the text for these graphic buttons */
display: none;
}
/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px;
}
/*********************************************************/