.container {
padding: 10px 40px 20px 40px;
border: 1px solid #ddd;
background-color: #fff;}


/*body {background: url('http://www.univit.co.uk/templates/interiordesign/images/diagonal-bg.jpg') top left;}*/
body {background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 31%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(31%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 31%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 31%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 31%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 31%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}



h1{ font-size: 2em; margin: 0px; padding: 0px; line-height: 10px; margin-bottom: 10px; color: #195f93!important; letter-spacing: -1px;}
h2{ font-size: 1.5em; margin: 0px; padding: 0px; line-height: 22px; margin-bottom: 10px; color: #195f93!important; letter-spacing: -1px;}
h3{ font-size: 18px; color: #195f93!important; letter-spacing: -1px; margin: 0px;}
h4{ font-size: 17px!important; color: #195f93!important; letter-spacing: -1px;}
h5{ font-size: 10px; color: #195f93!important; letter-spacing: -1px;}
h5{ font-size: 8px; color: #195f93!important; letter-spacing: -1px;}



#custom-pull-right {
  background: #4e89b7;
  width: 241px;
  padding: 20px;
  color : #fff;
  font-size: 17px; 
  font-family: tahoma;
  border-radius: 4px;
  margin: 0px 0px 10px 10px;
  font-weight: normal; 
  float: right;
  background: #4e89b7 url(http://www.univit.co.uk/images/pullquote-bg.png) top left no-repeat;  

}


#custom-pull-left {
  background: #4e89b7;
  width: 241px;
  padding: 20px;
  color : #fff;
  font-size: 17px; 
  font-family: tahoma;
  border-radius: 4px;
  margin: 0px 10px 10px 0;
  font-weight: normal; 
  float: left;
  background: #4e89b7 url(http://www.univit.co.uk/images/pullquote-bg.png) top left no-repeat;  

}

.article-signoff {
color: #147ab8;  
font-style: italic;
font-size: 13px;
}


/*NAVIGATION */



/*COW */
.sidenav ul li.nav-cow a {
background:  #ebebeb url('../img/nav-bg-cow.gif') top left no-repeat;
padding-left: 68px;
}

.sidenav ul li.nav-cow ul li a {background:  #bdc843; padding-left: 0px; color: #fff!important;}
.sidenav ul li.nav-cow ul li a:hover {background:  #acb72f; padding-left: 0px; color: #fff!important;}



/*SHEEP */
.sidenav ul li.nav-sheep a {
background:  url('../img/nav-bg-sheep.gif') top left no-repeat;
padding-left: 68px;
}

.sidenav ul li.nav-sheep ul li a {background:  #bdc843; padding-left: 0px; color: #fff!important;}
.sidenav ul li.nav-sheep ul li a:hover {background:  #acb72f; padding-left: 0px; color: #fff!important;}



/*PIG */
.sidenav ul li.nav-pig a {
background:  url('../img/nav-bg-pig.gif') top left no-repeat;
padding-left: 68px;
}
.sidenav ul li.nav-pig ul li a {background:  #bdc843; padding-left: 0px; color: #fff!important;}
.sidenav ul li.nav-pig ul li a:hover {background:  #acb72f; padding-left: 0px; color: #fff!important;}



/*HORSE */
.sidenav ul li.nav-horse a {
background:  url('../img/nav-bg-horse.gif') top left no-repeat;
padding-left: 68px;
}
.sidenav ul li.nav-horse ul li a {background:  #bdc843; padding-left: 0px; color: #fff!important;}
.sidenav ul li.nav-horse ul li a:hover {background:  #acb72f; padding-left: 0px; color: #fff!important;}



/*GOAT */
.sidenav ul li.nav-goat a {
background:  url('../img/nav-bg-goat.gif') top left no-repeat;
padding-left: 68px;
}
.sidenav ul li.nav-goat ul li a {background:  #bdc843; padding-left: 0px; color: #fff!important;}
.sidenav ul li.nav-goat ul li a:hover {background:  #acb72f; padding-left: 0px; color: #fff!important;}



/*DOG */
.sidenav ul li.nav-dog a {
background:  url('../img/nav-bg-dog.gif') top left no-repeat;
padding-left: 68px;
}
.sidenav ul li.nav-dog ul li a {background:  #bdc843; padding-left: 0px; color: #fff!important;}
.sidenav ul li.nav-dog ul li a:hover {background:  #acb72f; padding-left: 0px; color: #fff!important;}



/*CAT */
.sidenav ul li.nav-cat a {
background:  url('../img/nav-bg-cat.gif') top left no-repeat;
padding-left: 68px;
}
.sidenav ul li.nav-cat ul li a {background:  #bdc843; padding-left: 0px; color: #fff!important;}
.sidenav ul li.nav-cat ul li a:hover {background:  #acb72f; padding-left: 0px; color: #fff!important;}



/*BIRD */
.sidenav ul li.nav-bird a {
background:  url('../img/nav-bg-bird.gif') top left no-repeat;
padding-left: 68px;
}
.sidenav ul li.nav-bird ul li a {background:  #bdc843; padding-left: 0px; color: #fff!important;}
.sidenav ul li.nav-bird ul li a:hover {background:  #acb72f; padding-left: 0px; color: #fff!important;}








/* ELEMENTS */


select {
  background-color: #e9f4fb!important;
  font-family: arial;
  color: #3678a2!important;
  font-size: 11px;}

select.product-refine { width: 140px;}


.horizontal-navigation-search  {background-color: #ebebeb; height: 35px; padding: 6px 0px 0 6px; }
.horizontal-navigation-search input {height: 18px; width: 60%; font-size: 11px; color: #ddd; padding-left: 10px;}
























/*POSITIONING*/

.overflow-hidden {overflow: hidden;}

.center{ margin: 0 auto!important;}







/*TEXT*/


p {
  font-size: 12px;
  line-height: 19px;
  font-family: arial;
  color: #555;
}



.bodytext {
  font-size: 12px;
  line-height: 19px;
  font-family: arial;
  color: #555;
}

.footertext {
  font-size: 10px;
  line-height: 15px;
  font-family: arial!important;
  color: #555;
}







/*COLOUR*/

.corptext {color: #176193;}
.corphitext {color: #2187BF;}
.corplotext {color: #094566;}


.greytext {color: #484848}


.greybg {background-color: #ccc;}
.resultbglight {background-color: #f2f2f2;}
.resultbgdark {background-color: #e8e7e7;}

.orangebg {background-color: #ff9900;}

.alternate {background-color: #989898!important}




#product-data {}

#product-data li {
border-top: 1px solid #ccc;
border-top: 1px solid #ccc;
list-style: none;
line-height: 15px;
padding: 4px 0 4px 0;
}

/*this is for fix min height for added articales by client from admin side like: about us*/
.bodytext #centercontent_none{
	min-height: 7.8em;
	-bracket-:hack(;
        min-height: 9.9em;
    );
}








/*JQUERY TABS*/


.ui-tabs-vertical {
width: 100%;
}


.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }



.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }



.ui-tabs-vertical .ui-tabs-panel {
padding: 1em;
float: right;
width: 78%;
}


.ui-widget-content {
border: 0px !important;
/* background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; */
/* color: #222222; */
}




.ui-widget-header {
border: 0px !important ;
/* background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; */
/* color: #222222; */
/* font-weight: bold; */
}


.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 0em !important ;
text-decoration: none;
}



.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 0px !important ;
background: #fff !important; 
/* font-weight: normal; */
color: #555555;
}



.ui-widget-header {
border: 1px solid #aaaaaa;
background: #fff !important; 
color: #222222;
font-weight: bold;
}



.ui-tabs-vertical .ui-tabs-nav li a {
display: block;
color: #1d6095 !important; 
font-family: arial !important ;
cursor: pointer !important ;
border: none !important ;
}

.ui-tabs-vertical .ui-tabs-nav li a:hover {
display: block;
color: #2674b2 !important ;
font-family: arial !important ;
cursor: pointer !important ;
border: none !important ;
}


.ui-tabs-vertical .ui-tabs-nav li a:active {
border: none !important ;
}


.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 0em 1.4em !important ;
background: none;
}