| Current Path : /home1/savoy/www/savoyglobal.net/badminton2013/assets/css/ |
Linux gator3171.hostgator.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 |
| Current File : /home1/savoy/www/savoyglobal.net/badminton2013/assets/css/style.css |
* { margin: 0; padding: 0; outline:0; }
body {
font-size: 13px;
line-height: 18px;
font-family: Verdana, Verdana, Geneva, sans-serif;
color: #454545;
background:#ededed url(../images/bg.gif) repeat-x;
font-weight: normal;
}
a { color:#000; text-decoration: none; cursor:pointer; }
h1{ font-weight: bolder; padding: 0 0 10px 0; font-size: 30px; text-align: center; }
h2{ font-weight: bolder; padding: 0 0 10px 0; font-size: 25px; text-align: center; }
h3{ font-weight: bolder; padding: 0 0 10px 0; font-size: 30px; text-align: center; text-transform: uppercase;}
h4{ background:url(../images/h2_bg.gif) repeat-x; height: 22px; font-size:18px; color: #3d3d3d; text-align: center;font-weight:lighter; padding:4px 0 10px 0}
h5{ color: #ffffff; line-height: 35px; background-color: #0067b9; font-weight: bolder; padding: 2px 0 10px 0; font-size: 28px; text-align: center; text-transform: uppercase;}
h6{ font-weight:bolder; color: #0067b9; padding: 0 0 10px 0; font-size: 25px;}
.inner_heading{ background:url(../images/h2_bg.gif) repeat-x; height: 22px; font-size:18px; color: #3d3d3d; text-align: center;font-weight:bolder; padding:4px 0 10px 0; }
p{ text-align: justify; color: #3b3b3b; }
a:hover { text-decoration:none; }
a img { border: 0; }
#header{ width:1110px; height:100px; padding: 10px 0 0 0; margin: 0 auto ;}
#header_left{ width: 1023px; height: 82px; float: left; padding: 0 0 0 0px; border: 0px solid black; }
#header_right{ width:1023px; height: 50px; float: left; padding: 1px 0 0 45px; border: 0px solid black; }
#logo { width:1023px; height:94px; float:left; margin:0px 0px 0 45px;}
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 57.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
float: left;
}
.menu ul{
height:30px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background: url(../images/menu_bg.gif) repeat-x;
color:#fff;
display:block;
width: 112.5px;
font-weight:normal;
height: 25px;
margin:0px;
padding:15px 7px 1px 7px;
text-align:center;
text-decoration:none;
margin: 0 1px 0 0;
font-size: 13px;
}
.menu li a:hover, .menu ul li:hover a{
background: url(../images/menu_bg_hover.gif) repeat-x;
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.menu li:hover li a{
background:#0067b9;
border-bottom: 1px solid #1572bb;
height:30px ;
padding: 10px 0 0 20px;
font-size: 10px;
}
.menu li:hover ul li a:hover{ background: #0c5289; border-bottom: 1px solid #1572bb;
height:30px ;
padding: 10px 0 0 20px;
font-size: 10px;}
.menu li:hover li a:hover{border-bottom: 1px solid #1572bb;background:#0067b9;}
.menu li ul a{
display:block;
height:70px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#0067b9;
border-bottom: 1px solid #1572bb;
border:0px;
color:#ffffff;
text-decoration:none;
}
.menu li a.active{
background: url(../images/menu_bg_hover.gif) repeat-x;
color:#FFFFFF;
text-decoration:none;
}
.menu p{
clear:left;
}
#container{ width:1060px; height:auto; margin:0 auto; overflow:hidden; padding: 0 0 1px 0px;border: 0px solid black; }
.banner{ width: 1031px; height:auto; padding: 0px 0 0 0 ;margin: 0 auto}
#transitionfade
{
border: 0px solid black;
width:800px;
margin: 0 auto;
padding: 0px;
height:25px;
padding: 5px;
text-align: center;
font: italic 14px/16px Georgia,"Times New Roman",Times,serif; color: #000000;
}
#transitionfade blockquote
{
}
.banner_top{ width:1031px; height:4px; background: url(../images/banner_top.png);}
.banner_mid{ width:1031px; height:294px;background: url(../images/banner_mid.png) repeat-y; padding-left: 4px;}
.banner_mid_inner{ width:1023px; height:175px;background: url(../images/banner_mid.png) repeat-y;padding:0 0 0 4px}
.banner_bot{width:1031px; height:4px; background: url(../images/banner_bot.png);}
.content{ width:1023px; height: auto; overflow: hidden; background: #fff; margin: 5px auto; padding: 20px 0 20px 0; border: 2px solid #ededed; }
.content_left{width:703px; height: auto; float: left; padding:0 16px 0 26px; color: #0067b9;}
.content_left ul{color: #454545;}
.content_left ul li{ list-style: url(../images/arrow.gif) inside; padding: 5px 0 5px 10px}
.content_left ul li a{color:#363636;}
.content_left ul li a:hover{color: #454545; text-decoration: underline}
.content_left a{color:#126dcb;}
.content_left a:hover{ text-decoration: underline; color:#515151;}
.content_center{width:973px; height: auto; padding:0 16px 0 26px; color: #0067b9;}
.content_center ul{color: #454545;}
.content_center ul li{ list-style: url(../images/arrow.gif) inside; padding: 5px 0 5px 10px}
.content_center ul li a{color:#363636;}
.content_center ul li a:hover{color: #454545; text-decoration: underline}
.content_center a{color:#126dcb;}
.content_center a:hover{ text-decoration: underline; color:#515151;}
.content_left_contact{width:653px; height: auto; float: left; padding:0 16px 0 26px; }
.content_left_contact h1{color: #0067b9;}
.content_left_contact h6{font-size: 35px}
.content_left_contact ul{padding-left: 25px;}
.content_left_contact ul li{ list-style-type:bullet;padding: 5px 0 5px 10px;}
.content_left_contact ul li a{color:#363636;}
.content_left_contact ul li a:hover{color: #454545; text-decoration: underline}
.content_left_contact a{color:#126dcb;}
.content_left_contact a:hover{ text-decoration: underline; color:#515151;}
.text_cont{width:703px; height: auto; border-bottom: 1px solid #efefef; padding: 0 0 10px 0}
.text_cont p{text-align: justify; padding-bottom: 5px;}
.text_cont_center{width:973px; height: auto; border-bottom: 1px solid #efefef; padding: 0 0 10px 0}
.text_cont_center p{text-align: justify; padding-bottom: 5px;}
.resources{width:683px; height: auto; padding: 5px; margin:0 0px 10px 0;}
.resources_head{width:683px; background:url(../images/h2_bg.gif) repeat-x; align: center; height: 12px; font-size:18px; color: #4094d7;font-weight:lighter; margin-bottom: 20px; padding:4px 10px 20px 10px}
.resources ul{margin-top: 10px;margin-left: 20px;}
.resources ul li{ list-style: none; padding: 15px 0 5px 10px; float: left; width:683px; }
.resources ul li img{float: left; padding-right: 10px; }
.resources ul li a{color:#0067b9;}
.resources ul li a:hover{color: #454545; text-decoration: underline;}
.sideimage{float: left;padding: 5px;}
.ourteam{width:683px; height: auto; border: 1px solid #efefef; padding: 5px; margin:0 0px 10px 0;}
.ourteam p{margin-bottom: 10px;}
.ourteam_head{background:url(../images/h2_bg.gif) repeat-x; height: 12px; font-size:18px; color: #4094d7;font-weight:lighter; padding:4px 10px 10px 10px}
.content_right{width:278px;height: auto; float: right;}
.content_right_contact{width:328px;height: auto; float: right;}
.right_box_wrapper{ width:262px; height: auto; border: 1px solid #efefef; padding:0 0px 0 0px;}
.right_box{ width:262px;height:auto; padding: 0px 0 10px 0}
.right_box ul{}
.right_box ul li{ background: url(../images/arrow.gif) 2px 10px no-repeat; padding: 5px 0 5px 13px; display: block;}
.right_box ul li a{color:#8a8a8a;}
.right_box ul li a:hover{color: #454545; text-decoration: underline}
.news_events{ width:252px;height:auto;padding: 0px 0 10px 10px; text-align:center;}
.news_events ul li {list-style:none;}
.upcoming_prgms{width:703px; height: auto; border: 1px solid #efefef;}
.upcoming-news
{
width:703px;
}
.upcoming-news ul li div
{
height: 29px;
width:693px;
border-top:2px solid #fff;
background: #f6f6f6;
padding:5px 0 0 10px;
}
.upcoming-news ul li div a{color: #454545;}
.upcoming-news ul li div a:hover{text-decoration: underline;}
.footer{ width:1023px; height: auto; margin: 0 auto; padding: 10px 0 0px 0;}
.footer_left{ width:753px; height:auto; float:left;}
.footer_right{ width:270px; height:auto; float:right;}
.foot_left_box{ width:251px; height:auto; float: left; }
.foot_left_box ul li a{ padding:0 0 0 20px;color: #989898;}
.foot_left_box ul{ padding: 10px 0 0 0}
.foot_left_box ul li{ list-style: none;}
.foot_left_box ul li a:hover{ text-decoration: underline; color:#515151;}
.copyright_container{ width: 100%; height:26px; background: #fff; }
.copyright_text{ float: right; padding: 6px 20px 0 0; font-size: 10px;}
.designer_text{ float: left; padding: 6px 0px 0 20px; font-size: 10px;}
.copyright{width:1023px; height:26px; margin: 0 auto }
.testimonils{ width:269px; height:180px; background: url(../images/testimonials.gif);}
.connect{ width:270px; height:auto; padding: 10px 0 0 0 }
.social_head{ float: left; text-transform: uppercase; color: #000;}
.social_icon{float: left; padding: 0 0 0 10px}
/* Container DIV - automatically generated */
.simply-scroll-container
{
position: relative;
}
/* Clip DIV - automatically generated */
.simply-scroll-clip
{
position: relative;
overflow: hidden;
z-index: 2;
}
/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}
.simply-scroll-list li img {
border: none;
display: block;
}
/* Custom class modifications - adds to / overrides above
.simply-scroll is default base class */
/* Container DIV */
.simply-scroll {
width: 700px;
height: 80px;
margin: 10px 5px 0px 5px ;
}
/* Clip DIV */
.simply-scroll .simply-scroll-clip {
width: 700px;
height: 80px;
}
/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
float: left; /* Horizontal scroll only */
width: 170px;
height: 800px;
}
/* books gallery begins*/
#carousel {
width:215px;
height:290px;
margin:0 auto;
overflow:hidden;
}
#slides {
overflow:hidden;
/* fix ie overflow issue */
position:relative;
width:210px;
height:250px;
border:1px solid #ccc;
}
/* remove the list styles, width : item width * total items */
#slides ul {
position:relative;
left:0;
top:0;
list-style:none;
margin:0;
padding:0;
width:750px;
}
/* width of the item, in this case I put 250x250x gif */
#slides li {
width:210px;
height:250px;
float:left;
}
#slides li img {
padding:4px;
}
/* Styling for prev and next buttons */
#buttons_area {
width:215px;
height:auto;
margin:0 auto;
overflow:hidden;
}
#buy_books {
padding:10px 0 5px 10px;
float:left;
}
#buttons ,#navgbar{
padding:0 0 5px 0;
float:right;
}
#buttons a,#navgbar a {
display:block;
width:31px;
height:32px;
text-indent:-999em;
float:left;
outline:0;
}
a#prev,a#ticker-previous {
background:url(../images/gallery_arrow.gif) 0 -31px no-repeat;
}
a#prev:hover,a#ticker-previous:hover {
background:url(../images/gallery_arrow.gif) 0 0 no-repeat;
}
a#next ,a#ticker-next{
background:url(../images/gallery_arrow.gif) -32px -31px no-repeat;
}
a#next:hover ,a#ticker-next:hover{
background:url(../images/gallery_arrow.gif) -32px 0 no-repeat;
}
.clear {clear:both}
.redtouch
{
color: #fff;
background: #D61F1F;
padding:2px;
border:1px solid #B40003;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
/* firefox's individual border radius properties */
-moz-border-radius-topleft:50px; /* top left corner */
-moz-border-radius-topright:50px; /* top right corner */
-moz-border-radius-bottomleft:50px; /* bottom left corner */
-moz-border-radius-bottomright:50px; /* bottom right corner */
-moz-border-radius:10px 15px 15px 10px; /* shorthand topleft topright bottomright bottomleft */
/* webkit's individual border radius properties */
-webkit-border-top-left-radius:50px; /* top left corner */
-webkit-border-top-right-radius:50px; /* top right corner */
-webkit-border-bottom-left-radius:50px; /* bottom left corner */
-webkit-border-bottom-right-radius:50px; /* bottom right corner */
}
.contacttouch
{
height: 30px;
width:80px;
float: right;
margin: 0px;
}
.trainingcontact
{
text-align: right;
float: left;
width:560px;
color: #0067b9;
}
.trainingservicecontact
{
height: auto;
padding:10px 0 10px 0;
}
.trainingservicecontact ul li
{
color: #454545;
}
.leftaligned
{
text-align: left;
}
.centeraligned
{
text-align: center;
}
form label.error, label.error {
/* remove the next line when you have trouble in IE6 with labels in list */
color: red;
font-style: italic;
font-weight: normal;
font-size: 12px;
float: right;
}
input:focus { border: 1px dotted red; }
input.error { border: 1px dotted red; }
#pager{
margin:5px;
height:25px;
}
/* Pagination Css Starts Here*/
ul{border:0; margin:0; padding:0;}
#pagination-digg li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
}
#pagination-digg a{
border:solid 1px #9aafe5;
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-digg .next-on a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
color:#0e509e;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #0e509e
}
/* books gallery ends*/