/*
Theme Name: ORS
Theme URI: http://www.clinova.co.uk
Author: Sumeet Chawla
Author URI: http://www.code-pal.com
Description: ORS Website
Version: 0.1.0
*/


@import url('../css/reset.css');
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

.ir-arriba {
	display:none;
	padding:20px;
	background:#184092;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
	background-image:url(../js/flecha.png);
	background-repeat:no-repeat;
	background-position:center 11px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 12px; line-height: 1.4;}

::-moz-selection { background: #00b6f1; color: #fff; text-shadow: none; }
::selection { background: #00b6f1; color: #fff; text-shadow: none; }

a {
	text-decoration: none;
}
a:hover { color: #000; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol {
	margin: 0;
	padding: 0 0 0 0;
}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }
a:focus { outline: none; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */











/* =============================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 480px) {	   
   .page-wrap{
      padding: 0 30px;
   }
   .scroll-nav{
      margin-right: 30px;
   }
   #header #main-nav{
      margin-right: 30px;
   }
}
@media only screen and (min-width: 768px) {
   .page-wrap{
      padding: 0 0 30px;      
   }  
   .scroll-nav{
      margin-right: 30px;
   }
   #header #main-nav{
      margin-right: 30px;
   }
}
@media (min-width: 768px) and (max-width: 979px) {
   .page-wrap{
      padding: 0 0 30px;      
   }   
   .scroll-nav{
      margin-right: 0px;
   }
   #header #main-nav{
      margin-right: 0px;
   }
}
@media (min-width: 980px) {
   .page-wrap{
      padding: 0 0 30px;      
   }
   .scroll-nav{
      margin-right: 0px;
   }
   #header #main-nav{
      margin-right: 0px;
   }
}
@media only screen and (min-width: 1200px) {
   .page-wrap{
      padding: 0 0 30px;      
   }
   .scroll-nav{
      margin-right: 0px;
   }
   #header #main-nav{
      margin-right: 0px;
   }
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* =============================================================================
   Homepage Styles
   ========================================================================== */
   body{
	color: #2F2E30;
	font-family: Helvetica,Arial;
   }
   .page-wrap{
	width: 957px;
	padding: 0 15px 130px;
	margin: 0 auto;
	position: relative;
   }
   .page-wrap p{
      margin-bottom: 10px;
   }
   .home #header{
      /*width: 260px; */   
      float: left;
      height: auto;
   }
   .home #main-content{
      /*border-top: 40px #00b6f1 solid;*/
      border-top: 40px #184092 solid;
      padding-top: 26px;
   }
   .home #header{
	padding-top: 21px;
   }
   #header{
      padding-left: 33px;
      padding-top: 29px;
      width:96.57%;
      height: 141px;
      /*border-top: 40px #00b6f1 solid;
      border-top: 40px #45B8EC solid;*/
	  border-top: 40px #184092 solid;
   }
  a.app-link {
	display: block;
   	width: 157px;
    	height: 49px;
    	position: absolute;
    	z-index: 99;  
    	border-radius: 5px;
  }
  a.app-link.ios{
	top: 129px;
    	right: 456px;
  }
  a.app-link.android {
    	top: 195px;
    	right: 456px;
  }
   a.top-buy-button {
		position: absolute;
		font-size: 30px;
		background-color: rgb(253, 249, 0);
		color: rgb(84, 80, 81);
		display: block;
		top: 56px;
		right: 15px;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		padding: 7px 35px;
		border-radius: 12px;
		z-index: 100
	}
	a.top-buy-button:hover{
		background-color: rgb(84, 80, 81);
		color: #fff;
	}
   .home #description{
      margin: 0;
      position:  relative;
      top: 0;
      width: auto;
      z-index: 2000;
   }
   #description {
	  margin-left: 231px;
	  position: absolute;
	  top: 69px;
	  width: 404px;
   }
   #header #description h2 {
	float: left;
	width: 250px;
	}
	#header #description ul.desc-list {
	float: left;
	width: 250px;
	}
   .home #header h1 a{
	width: 260px;
	height: 121px;
	background-image: url(../images/logo.png);
	position: relative;
	z-index: 3500;
	background-repeat: no-repeat;
   }
   #header h1 a{
	display: block;
	width: 186px;
	height: 86px;
	text-indent: -9999px;
	background-image: url('images/logo-small.png');
	margin-bottom: 11px;
   }
   .home #header h2{
	font-size: 19px;
	font-weight: bold;
	margin: 0 0 5px 10px;
   }
   #header h2{
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 4px;
   }
   .home #header ul.desc-list li{
	margin-left: 10px;
	font-size: 15px;
	list-style-image: url("../images/tickmark.png");
    
   }
   #header ul.desc-list li{
	   font-size: 12px;    
      list-style-image: url("../images/tickmark-small.png");
      list-style-position: inside;   
      position: relative;
      z-index: 2000;   
   }
   #header #main-nav{
      position: absolute;
      top: 3px;
      right: 25px;
   }
   #header #main-nav li, .navigation li{
      float: left;
   }
   #header #main-nav li.home-link{
      padding-top: 6px;
   }
   #header #main-nav li.home-link a{
      width: 23px;
      height: 23px;
      background-image: url('../images/sprite.png');
      background-position: -83px -49px;
      text-indent: -9999px;
       -moz-transition: none;
      -webkit-transition: none;
      -o-transition: none;
      transition: none;  
   }
   #header #main-nav li.home-link a:hover{
      background-position: -60px -49px;
   }
   #header #main-nav li a, .navigation li a{
	color: #fff;
	text-decoration: none;
	font-size: 24px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-right: 15px;
	display: block;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
   }
   #home-slider{
	display: block;
	width: 663px;
	height: 477px;
	float: right;
	margin-top: 45px;
   }
   #header #main-nav li a:hover,.navigation li a:hover, #main-nav li.current-menu-item a, .navigation li.current-menu-item a, #main-nav li.current-page-ancestor a{
	color: #45B8EC !important;
}
   #header #main-nav li:last-child a { margin: 0; }

   .main-images{
      margin-left: -90px;
   }
   .scroll-nav{      
      position: absolute;
      right: 15px;
      z-index: 2001;      
   }
   .scroll-nav a{
      display: block;
      background-image: url("../images/new-sprite.png");
      background-position: -17px 22px;
      float: left;
      text-indent: -9999px;
      width: 17px;
      height: 17px;
      margin: 0 2px;
   }
   img.attachment-media[alt="AJ CH"] {
    	margin-top: -71px;
    	z-index: -1 !important;
    	height: 549px !important;
    	width: auto !important;
    	left: -115px !important;
   }
   img.attachment-media[alt="O.R.S. Hydration Calculator"] {
    	margin-top: -71px;
    	z-index: -1 !important;
    	height: 549px !important;
    	width: auto !important;

   }
   .scroll-nav a:hover, .scroll-nav a.activeSlide{
      background-position: 0px 22px;
   }
   .image-controls{
      margin-top: 435px;
   }

   /*-----------Body Styling ----------*/         
   .main-slider-container, .form-container{
	background-image: url(../images/full-family-small.jpg);
	background-position: -25px 10px;
	background-repeat: no-repeat;
	height: 316px;
	overflow: hidden;
	margin-top: 35px;
   }
   .flavour .main-slides{
      width: 288px;
      height: 297px;
      margin: 0 0 0 667px;
   }
   .flavour .main-slides span{
      margin: -5px 0 0 -229px;
      padding: 0 17px;
      border-top: 5px #00B6F1 solid;
      z-index: 3000;
   }
   .blackcurrant .main-slides span{
      margin-left: -313px ;
   }
   .main-slides img{position: relative; z-index: 2000;}
   .flavour .main-slider-container{
      height: 327px;     
      background-image: none;
   }
   .flavour .cont-img{
      position: absolute;
      width: 626px;
      height: 428px;
      display: block;      
      margin-left: -51px;
      margin-top: -35px;
      background-repeat: no-repeat;
   }
   .lemon .cont-img{
      background-image: url('../images/lemon-flav-bg.jpg');
   }
   .blackcurrant .cont-img{
      background-image: url('../images/blackcurrant-flav-bg.jpg');  
   }
   .orange .cont-img{
      background-image: url('../images/orange-flav-bg.jpg');    
      background-position: 51px -10px;
   }
   .kids .cont-img{
      background-image: url('../images/Strawberry-flav-bg1.jpg');
      background-position: -15px 21px;
   }  
   .sport .cont-img{
      background-image: url('images/sports-coming-soon-flav-bg.jpg');    
      background-position: 46px 7px;
   }
   .flavour .sport .main-slides span{
      margin: -5px 0 0 -260px;
      background-color: #f5eb2d !important;
      color: #3e3e40;
   }
   .flavour .kids .main-slides span{
      margin: -5px 0 0 -264px;
   }   
   .img-text{      
      display: block;      
      position: absolute;   
      text-indent: -9999px;   
   }
   /*.kids .img-text{
      background-image: url("images/kids.jpg");
      height: 135px;
      margin-left: 415px;
      margin-top: 198px;
      width: 216px;
   }*/
   .sport .img-text{
      background-image: url("../images/sport.jpg");
      height: 56px;
      margin-left: 397px;
      margin-top: 200px;
      width: 261px;  
   }
   .main-slides strong{      
      color: #00b6f1;
      font-size: 22px;
   }
   .orange .main-slides p{
      padding: 7px 0 0 43px !important;
      margin-left: -253px !important;
   }
   .kids .main-slides p{      
      margin-left: -85px;
      padding: 7px 0 0 45px !important;
   }
   .sport .main-slides p{
      margin-left: -334px !important;
      padding: 7px 0 0 90px !important;
   }
   .blackcurrant .main-slides p {
	margin-top: -176px;
   }
   .coming-soon .main-slides p{
/*      background-color: #545456;*/

color: #8B8D90;
font-size: 18px;
font-weight: bold;
padding: 7px 0 0 0;
position: absolute;
margin-left: -253px;
margin-top: -206px;
height: 99px;
width: 184px;
   }
   .main-slides p{
      color: #8B8D90;
      font-size: 18px;
      font-weight: bold;
      margin-left: -208px;
      position: absolute;
      margin-top: -204px;
   }
   .main-slides{
      background-color: #00B6F1;
       display: block;
       height: 310px;
       margin: 0 0 0 477px;
       padding-top: 7px;
       position: relative;
       top: -2px;
       width: 480px;
   }
   .main-slides span{
	background-color: #00B6F1;
	color: #FFFFFF;
	font-family: 'Yanone Kaffeesatz',sans-serif;
	font-size: 50px;
	margin: -7px 0 0 -79px;
	padding: 0 14px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	z-index: 3000;
   }
   /*--------Page Menu Styles ----------------*/
   ul.page-menu{
       background-color: #00B6F1;
       display: block;
       height: 30px;       
       padding: 5px 0 0 2px;
       width: 955px;       
   }
   ul.page-menu li{
      float: left;
   }
   ul.page-menu li:hover ul{
      display: block;
   }
   ul.page-menu li ul li{
      float: none;
   }
   ul.page-menu li ul{
      display: none;
      background-color: #00B6F1;
      z-index: 2005;
      padding: 5px 0 10px;
      position: absolute;         
      margin: 4px 0 0 0px      
      -moz-transition: all 0.2s ease-in-out;    /* CSS3 TRANSITION EFFECT */
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      box-shadow: 0 1px 1px #000;
      margin-top: 4px;
   }
   ul.page-menu li ul li{
      width: 100%;
      padding: 0 15px 0 3px;
      margin: 0 5px;
   }
   ul.page-menu li ul li a{
      padding: 0 !important;
      border: none !important;
   }
   ul.page-menu li a,ul.page-menu li.current-menu-ancestor li a {
      padding: 7px;     
      color: #fff;
      font-size: 18px;
      font-family: 'Yanone Kaffeesatz',sans-serif;
      text-decoration: none;     
      text-transform: uppercase;
   }   
   ul.page-menu  li a:hover,ul.page-menu li.current-menu-ancestor li a:hover,ul.page-menu li ul li a:hover{
      color: #58585a;
   }
   ul.page-menu li.current-menu-item a, ul.page-menu li a:active, ul.page-menu li.current-menu-ancestor a{
      color: #58585A;
   }
   .page-content{
	position: relative;
	border-top: 19px #00b6f1 solid;
   }
   /*--------Flavour Nav Styles-----------*/
   .home #flav-nav{      
      margin-top: -36px;
   }
   .product-page #flav-nav{
      margin-top: -6px;
   }
   #flav-nav{
      top: -6px;
      position: relative;
      float: right;
      z-index: 2000;
      margin-top: 35px;
   }
   #flav-nav li{
      float: left;    
      padding-top: 6px;        
   }
   #flav-nav li a{
	display: block;
	border-top: 6px none solid;
	height: 25px;
	width: 120px;
	padding-top: 6px;
	text-align: center;
	font-size: 22px;
	color: #fff;
	text-decoration: none;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
   }
   #flav-nav li a:hover, #flav-nav li.current-menu-item a{
      background-color: #00b6f1;
   }
   #flav-nav li a span{
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 6px;
   }
   #flav-nav li.lemon a span, #main-content.lemon .main-slides span, .slide-1{ background-color: #f5eb2d; color: #3e3e40;}
   #flav-nav li.blackcurrant a span, #main-content.blackcurrant .main-slides span, .slide-2{background-color: #8c569a;}
   #flav-nav li.orange a span, #main-content.orange .main-slides span, .slide-3{background-color: #f6891f;}
   #flav-nav li.kids a span, #main-content.kids .main-slides span, .slide-4{background-color: #d11c5b;}
   #flav-nav li.sport a span, #main-content.sport .main-slides span, .slide-5{background-color: #2e3f92;}
   .news-widget{
	border-top: 19px #00b6f1 solid;
	padding: 22px 0px 40px 0px;
	position: relative;
	overflow: hidden;
	z-index: 3000;
	background-color: #FFFFFF;
   }
   #news-content{
      height: 132px;
      display: block;
      overflow: hidden;
   }
   .slide{
      width: 100%;
   }
   .meta{
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
   }
   .meta h4{
      float: left;
   }
   .meta p{
      float: left;
      font-size: 11px;
      color: #00B6F1;
      margin: 8px 0 0 15px;
   }
   .meta .news-controls{
      float: right;
      margin-top: 2px;      
   }
   .meta .news-controls a{
      background-position: -34px 22px !important;
      width: 13px;
      height: 13px;
   }
   .meta .news-controls a:hover,.news-controls a.activeSlide{
      background-position: -47px 22px !important;
   }
   .meta h4 a{
      background-color: #00B6F1;
      color: #FFFFFF;
      display: block;
      font-family: 'Yanone Kaffeesatz',sans-serif;
      padding: 2px 8px;
      font-size: 21px;
      text-align: center;
      text-transform: uppercase;            
      text-decoration: none;
   }
   .meta h4 a:hover{
      background-color: #2acbff;
   }
   .news-item{
      border-top: 1px #c5c2c3 solid;
      width: 295px;
      position: relative;
      float: left;
      padding: 10px 0px 0 0px;
      margin: 0 35px 35px 0px;
      font-size: 11px;
   }
   .news-img{
      width: 87px;
      position: relative;
      float: left;
      margin-right: 8px;
   }
   .news-data{
      width: 200px;   
      float: left;
      position: relative;
   }
   .news-data a:hover{
      color: #000;      
   }
   .news-widget .last{
      margin-right: 0;
   }
   .news-data h5{
      line-height: 16px;
      margin-bottom: 2px;
   }
   .news-data h5 a{
      color: #0068a3;
      text-decoration: none;      
      font-weight: bold;
   }
   .news-data p{      
      margin-bottom: 3px;
   }
   .article-meta a{
      color: #2ac5f4;      
   }
   .article-meta span{
      float: right;
      color: #c5c5c6;
   }
   .main-content{
	color: #4e4e51;
	font-size: 12px;
	margin: 0px 15px 30px 15px;
   }
   .page-content h3{
	font-family: 'Yanone Kaffeesatz',sans-serif;
	font-size: 31px;
	color: #00b6f1;
	text-transform: uppercase;
	margin: 15px 0px 10px 15px;
   }   
   .two-col{
      -webkit-column-count: 2;
      -webkit-column-gap: 15px;
      -moz-column-count: 2;
      -moz-column-gap: 15px;
      column-count: 2;
      column-gap: 100px;
      padding-right: 20px;
   }
   .one-col{
      float: left;
      padding-right: 36px;
      width: 46%;
   }
   .right-img .left-col{
      width: 400px;
      float: left;
      position: relative;
      margin-right: 50px;
   }
   .right-img .right-col{
      width: 479px;
      float: left;
      position: relative;
   }
   .main-content ul{
      margin-left: 12px;
   }
    .main-content ul li{
      list-style-position: outside;
      list-style-image: url("images/list-img.png");      
   }
   .main-content h5,.main-content h6{      
      font-weight: bold;
      margin-bottom: 5px;
   }
   .main-content h4{
      font-size: 13px;
      font-weight: bold;
      margin-bottom: 5px;
   }
   .main-content h2,.main-content h3{
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 5px;
   }
   .main-content h1{
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 5px;
   }
   .main-content p{
      padding-right: 20px
   }
   .table-wrap{
      border: 1px solid #636467;      
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;    
      overflow: hidden;
      float: left;
      margin-right: 32px;   
   }
   #last-table-wrap{
      margin-right: 0;
   }
   table.data-table{
      background-color: #E5E5E6;      
      border: 1px #c7c8c9 solid;            
   }
   .last{
      margin-right: 0;
   }
   table.last{
      margin-right: 0;
      width: 200px;
   }
   .data-table tr{
      border-bottom: 1px #4e4e51 solid;
      color: #4e4e51;
   }
   .data-table tr td{
      padding: 1px 10px;
   }
   .data-table th{
      background-color: #6D6E71;
      color: #FFFFFF;
      font-weight: bold;
      padding: 5px;
      text-align: center;
   }
   .data-table th span{
      font-size: 11px;
      font-weight: normal;
   }
   .border-header,h4.widget-title, #sidebar h4{
      border-top: 7px #00b6f1 solid;
      width: 100%;
      margin: 30px 0 15px;
   }
   .border-header span, h4.widget-title span{
      background-color: #00B6F1;
      color: #FFFFFF;
      font-family: 'Yanone Kaffeesatz',sans-serif;
      font-size: 45px;
      padding: 0 20px 3px;
      text-transform: uppercase;
      top: -6px;
      position: relative;
   }
   .news-menu a{
      background-color: #00B6F1;
      color: #FFFFFF;
      font-family: 'Yanone Kaffeesatz',sans-serif;
      font-size: 45px;
      padding: 0 20px 3px;
      line-height: 50px;
      text-transform: uppercase;
   }
   .online-grid-box a{
      width: 188px;
      display: block;
      border-left: 2px #bebebd solid;
      height: 173px;
      float: left;
   }
   .online-grid-box a span{
      display: block;
      height: 21px;
      font-family: 'Yanone Kaffeesatz',sans-serif;
      color: #fff;
      font-size: 14x;
      padding-left: 6px;   
      text-transform: uppercase;
      font-size: 14px;
   }
   .online-grid-box a.sport{ border-right: 2px #bebebd solid; }
   .online-grid-box a.lemon span{
      background-color: #f3ec2c;
      color: #3d3e41;
   }
   .online-grid-box a.blackcurrant span{ background-color: #762a84; }
   .online-grid-box a.orange span{ background-color: #f6891e; }
   .online-grid-box a.kids span{ background-color: #d31c5b; }
   .online-grid-box a.sport span{ background-color: #2c3e93; }
   .grid-box,.online-grid-box{
      margin-bottom: 20px;
   }
   .grid-box a{
      display: block;
      width: 237px;
      height: 136px;      
      border: 1px #bebebd solid;
      float: left;
      text-align: center;
      -moz-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;  
   }   
   .grid-box a:hover{   
      -moz-transform: scale(1);
      -webkit-transform: scale(1);  
      -moz-box-shadow: 0 0 10px #888888;
      -webkit-box-shadow: 0 0 10px #888888;
      box-shadow: 0 0 10px #888888;    
   }
   /*.blue-text{
      color: #00B6F1;
      font-size: 12px;
      margin: 0px 0px 20px 0px;
   }*/

   /*--------------Contact Page STyles -----------*/
   .form-container{
      overflow: visible;
      background-image: url('../images/ors-family-contact.jpg');
      background-position: 2px 15px;  
      position: relative;    
      z-index: 2500;
   }
   h3.thanks{
      color: #00B6F1;
      font-size: 23px;
      margin-left: 634px;
      margin-top: 59px;
      position: relative;
      text-align: center;
      text-shadow: 1px 1px 0 #0A86C9;
      width: 262px;
   }
   #contactForm{
      float: right;
   }
   #contactForm label{
      font-weight: bold;
      display: block;
      margin-bottom: 4px;
   }
   #contactForm .rowElem{
      margin-bottom: 10px;
   }
   #contactForm input[type=text],#contactForm textarea{
      border: 1px #cccccc solid;      
   }
   #contactForm textarea{
      min-height: 110px;
      width: 250px;
   }
   .button,#fsc-submit-1, #submit{
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #cccccc;
      padding: 5px 15px;
      background: -moz-linear-gradient(
         top,
         #4a4a4b 0%,
         #333333);
      background: -webkit-gradient(
         linear, left top, left bottom, 
         from(#4a4a4b),
         to(#333333));
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border: 1px solid #333333;
      -moz-box-shadow:
         0px 1px 1px rgba(000,000,000,0.5),
         inset 0px 0px 0px rgba(255,255,255,0.5);
      -webkit-box-shadow:
         0px 1px 1px rgba(000,000,000,0.5),
         inset 0px 0px 0px rgba(255,255,255,0.5);
      text-shadow:
         0px -1px 0px rgba(000,000,000,0.7),
         0px 1px 0px rgba(255,255,255,0.3);
   } 
   #si_contact_captcha_code1{
      margin-bottom: 10px;
   }
   /*----BLOG STYLE STARTS HERE ---*/
   .news .page-wrap{
      width: 1179px;
      padding-right: 15px;
      padding-left: 15px;
   }
   .news #header #main-nav{
      left: 552px !important; 
   }   
   #news-container{
      border-top: 7px #00b6f1 solid;
      margin-top: 35px;
   }
   .news-menu a{
      float: left;
      background-color: #0a86c9;
   }
   .news-menu a:hover, .news-menu a.current_page_item{
      background-color: #00b6f1;
   }
   .news-menu, h4.widget-title, #sidebar h4 {
      margin-bottom: 23px;
   }
   #news-container .left-col{
      width: 754px; ;
      padding-right: 34px;
      float: left;
   }
   #news-container .right-col{
      float: left;
      padding: 0 12px;
      width: 367px;      
      margin-top: -37px;
   }
   .article-img{
      width: 401px;
      float: left;
      margin-right: 27px;
   }
   .article-data{
      float: left;
      margin-bottom: 40px;
      position: relative;
      width: 326px;
   }
   .article-post{
      position: relative;
   }
   .news-page-cont{   
      margin-bottom: 40px; 
   }
   .news-page-cont h5{
      font-size: 17px;      
   }
   .single-post{
      width: 620px;
   }
   .article-post h2, .article-post h1,h1.page-title, .news-page-cont h2{
      color: #0A68A3;
      font-size: 28px;
      font-weight: bold;
      line-height: 32px;
      margin-bottom: 10px;
   }
   .article-post h2 a{
      color: #0a68a3;
   }
   .article-post h2 a:hover{
      color: #000;
   }
   .article-post p.author{
      color: #00b6f1;
      font-size: 14px;
   }
   .article-post .post-thumb{
      margin-bottom: 20px;
   }
   .tag-bar{
      background-color: #00B6F1;
      color: #FFF200;
      font-size: 20px;
      padding-left: 10px;
      height: 29px;
      text-transform: uppercase;
      font-family: 'Yanone Kaffeesatz', sans-serif;
      position: relative;
      margin-bottom: 47px;
   }
   .tag-bar p{
      color: #00B6F1;
      font-family: Arial,Helvetica;
      font-size: 14px;
      margin-top: -60px;
      position: absolute;
      right: 155px;
      text-transform: none;   
   }
   #sidebar,.widget{
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
   }
   #sidebar ul li{
      margin-bottom:25px;
   }
   #sidebar .news-item{
      float: none;
      width: 100%;
   }
   #sidebar .news-item .news-img{
      width: 150px;
      margin-right: 13px;
   }  
   #nav-below{
      margin: 10px 0;
      padding: 10px 0;
      font-size: 14px;
      font-weight: bold;
      border-top: 1px #ababac solid;
      border-bottom: 1px #ababac solid;
   }
   #nav-below .nav-previous,#nav-below .nav-next{
      width: 50%;
      float: left;      
   }
   #nav-below .nav-previous{
      text-align: left;
   }
   #nav-below .nav-next{
      text-align: right;
   }
   /*------COMMENT FORM AND LIST STYLES ------- */
   #comments-title{
      font-size: 24px;
      margin: 20px 0;
   }
   #commentform{
      margin-bottom: 10px;
   }
   h3#reply-title{
      font-size: 18px;
      margin-bottom: 0;
   }
   #commentform input[type=text]{
      margin-bottom: 10px;
      display:block;
   }
   #comment{
      width: 100%;
      background-color: #f9fbff;
      border:1px solid #B9BABE;
      resize: none;
      display: block;
      height: 100px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
   }
   #commentform{
      padding-bottom: 15px;
   }
   h4#respond, h4#comments{
      margin: 30px 0 10px 0;
      font:    bold 12px Arial,"Times New Roman",Times,serif !important; 
   }
   #comments-list li{
      list-style: none outside none;
      padding: 10px 10px 5px 10px;
   }
   #comments-list li.alt{
      -moz-border-radius: 4px;
      border-radius: 4px;  
   }
   img.avatar{
      float:left; 
      margin: 0 10px 5px 0;
   }
   #com-author{
      font-size: 12px;
      font-weight: bold;
      text-transform: capitalize;
   }
   p.form-allowed-tags{
      font-size: 11px !important;
   }
   li.comment{
      background-color: #F5F4FA;
       border: 1px solid #EAE9F3;
       padding: 20px;
   }
   ul.children li{
    background-color: #fafafd;
    margin: 20px 0 0;
   }
   #sitemap ul.children li{
      background-color: #fff !important;
      margin: 0;
   }
   a.comment-reply-link{
      margin-bottom: 15px;
      width: 38px;
   }
   .says{
      font-size: 11px;
      color: #666666;
   }
   .comment-author .fn{
      font-size: 16px;
      font-weight: bold;
   }
   .comment-meta{
      font-size: 12px;
      margin-bottom: 15px;
   }
   /*-------------Slideshow Styles-------------------*/
   #slideshow-container{
      width: 474px;
      position: relative;
      float: left;
      color: #fff;
   }
   #slideshow{
      width: 474px;
      height: 319px;
      display: block;   
      overflow: hidden;   
   }
   #slideshow-container .scroll-pane{
      width: 100% !important;
      height: 249px;
      overflow: auto;
   }
   #slideshow-container .slide{
      width: 414px;
      height: 259px;      
      padding: 30px;
      overflow: auto
   }
   #slideshow-container .slide h5{
      font-size: 22px;
      margin-bottom: 10px;
      font-weight: bold;
   }
   #slideshow-container .slide p{
      font-size: 14px;
   }
   #slideshow-controls{
      background-color: #504446;
      font-family: 'Yanone Kaffeesatz',sans-serif;
      font-size: 16px;
      height: 25px;
      margin: 0 auto;
      padding: 3px 12px 0;
      position: relative;
      top: -36px;
      width: 412px;
      z-index: 3000;
   }
   .slide-count{
      color: #FFFFFF;
      font-family: 'Yanone Kaffeesatz',sans-serif;
      font-size: 16px;
      margin: 7px auto 0;
      position: relative;
      width: 60px;
      z-index: 3001 !important;
   }
   #slideshow-controls a{
      color: #fff;
      text-transform: uppercase;      
   }
   #slideshow-controls #next{      
      float: right;      
   }
   #slideshow-controls #prev{      
      float: left;      
   }
   /*--------------- Footer Styles ---------------*/
   #clinova, .clinova-bar{
	background-color: #184092;
	height: inherit;
	width: 100%;
	margin-bottom: 20px;
	display: block;
	padding: 10px 0;
	color: #FFF;
	padding-left: 8px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 21px;
   }
   #clinova a, .clinova-bar a {
      background-image: url('../images/clinova-logo.png');
      width: 146px;
      height: 27px;
      display: block;
      text-indent: -9999px;
      margin-left: 8px;
   }
   #footer-content{
      margin-top: 0;
   }
   #footer-content .navigation a{
      font-size: 16px;
   }
   #footer-content .navigation{
      float: right;
   }
   #foot-note {
      width: 100%;
      margin-top: 5px;
      padding-top: 5px;
      position: relative;
      margin-right: auto;
      margin-left: auto;
      border-top: 1px #c7c8c9  solid;
   }
   a.buckdesign,a.copyright{
      font-size: 10px;
      display: block;
      color: #aaadb0;
      width: 918px;
      text-align: right;
      margin: 0 auto 0 auto;
      text-decoration: none;
      position: relative;
      z-index: 100;
      width: 350px;
      float: right;
   }
   a.buckdesign:hover{
      color: #454547;
   }
   a.copyright:hover{
      color: #454547;
   }
   a.copyright{
      float: left;
      text-align: left;
   }
   /*---------WORDPRESS SPECIFIC STYLES---------*/
   .alignright{
      float:right;
      margin-bottom: 5px;
      position: relative;
   }
   .alignleft{
      float:left;
      margin-bottom:8px;
      margin-right:10px;
      position:relative;
   }
   img.alignright {float:right; margin:0 15px 15px 15px}
   img.alignleft {float:left; margin:0 15px 15px 0;}
   img.aligncenter {display: block; margin: 10px auto 15px;}
   img.alignnone {   display: block;}
   a img.alignright {float:right; margin:15px 0 15px 15px}
   a img.alignleft {float:left; margin:15px 15px 15px 0}
   a img.aligncenter {display: block; margin: 0px auto 15px;}
   a img.alignnone { display: block; }
   img.aligncenter{
      display:block;
      margin-left: auto;
      margin-right: auto;
   }

/*--------Social Icons Menu Styles ----------------*/
ul.connect-nav {
	width: 200px;
	float: left;
}
ul.connect-nav li a{
  display: block;
  width: 19px;
  height: 19px;
  background-image: url('../images/sprite2.jpg');
  text-indent: -9999px;
  float: left;
  margin-right: 6px;
}
ul.connect-nav li.tw a{    
  background-position: 0 -21px;
}
ul.connect-nav li.fb a{
  background-position: -19px -21px;
}
ul.connect-nav li.li a{
  background-position: -38px -21px; 
}
ul.connect-nav li.fl a{
  background-position: -57px -21px;
}
ul.connect-nav li.yt a{
  background-position: -76px -21px;
}
ul.connect-nav li.rs a{
  background-position: -95px -21px;
}              
#faqs h5{
    cursor: pointer;
    margin-bottom: 6px;
}
#faqs h5:hover, #faqs h5.active{
    color: #000;
}
#faq div{
	margin-bottom: 10px;
}
.pull-left{
    float: left;
    position: relative;
    width: 450px;
    margin-right: 25px;
}
.pull-right{
    width: 443px;
    position: relative;
    float: left;
}
/*----------table styles ------------*/
.table-data{
	width: 100%;
}
.article-post table, .table-data table{
  font-size: 9px;
  margin-bottom: 20px;
	width: 100%;
}
.article-post th,.table-data th{
  background-color: #797979;
  height: 19px;
  color: #ffffff;
  padding-left: 4px;
}
.article-post td, .table-data td{ 
  text-align: left; 
  padding:4px 4px 4px 10px;
  border: 1px #787878 solid;
  
}
.table-data td{
  padding: 1px 2px 1px 4px;
}
h4.team-logo-header {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #1a4290;
  margin-bottom: 65px;
}
#sports-logo{
   width: 912px;
   position: relative;
   margin: 0 auto;
}
div#sports-logo a {
  display: block;
  float: left;
  margin: 0 15px 20px;
}
div#sports-logo a.first-row{
   margin-bottom: 30px; 
}