@font-face {
    font-family: 'Folio Std Light';
    font-style: normal;
    font-weight: normal;
    src: local('Folio Std Light'), url('fonts/Folio-Std-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Folio Std Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Folio Std Medium'), url('fonts/Folio-Std-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Folio Std Bold Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Folio Std Bold Condensed'), url('fonts/Folio-Std-Bold-Condensed.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Folio Std Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Folio Std Bold'), url('fonts/Folio-Std-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Folio Std Extra Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Folio Std Extra Bold'), url('fonts/Folio-Std-Extra-Bold.woff') format('woff');
    }
html {
	background-color: #000000;
}
body{
	margin: 0;
	padding: 0;
	font-size: 95%;
	font-weight: normal;
	color: #666666;
	font-family: 'Folio Std Light';
	background-color: #FFFFFF;
	
}

span.skype_pnh_container{display:none !important}
span.skype_pnh_print_container{display:inline !important}
IMG{border:0px;}

a:link{text-decoration:none; color:#BBCE00;}
a:visited{text-decoration:none; color:#BBCE00;}
a:hover{text-decoration: none; color:#BBCE00;}
a:active{text-decoration:none; color:#BBCE00;}


#container{width:100%;}
#containerhome{
	width: 100%;
	height: 1124px;
	background-image: url(../images/Background.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#midhomestart{width:100%;padding-top:5%;text-align:center;}

#welcome{
	font-size:300%;
	color:#FFFFFF;
	font-weight:bold;
}
#welcometxt{
	font-size:120%;
	color:#FFFFFF;
}

#inner{ width:100%;}
#logo{
	width: 100%;
	padding-top: 10px;
	background-color: #E8E8E8;
}


#logo1{width:25%; margin-left:auto; margin-right:auto;background-color: #E8E8E8;}


#topnav_drop{
	position: relative;
	float: left;
	width: 100%;
	z-index: 1000;
	background-color: #BBCC01;
}
#topnav_dropinner{
	margin-left:auto;
	margin-right:auto;
	width:50%;
}

ul{font-size:100%; font-weight:normal}

li{font-size:90%}

ol{}

hr{color:#CCCCCC; height:1px; text-align:left}
h1{font-size:130%; font-weight:bold; padding-top:10px; margin-top:0px; color:#000000;}
h2{font-size:100%; margin-bottom:0px}
h3{font-size:100%; font-weight:normal;
background-color:#FFFFFF;height:50px;width:100%;}
p{margin-top:0px; padding-top:0px;}
.bold{font-weight:bold}
.underline{text-decoration:underline}
INPUT[type=text], INPUT[type=password],SELECT {
	border:0px;
	border:1px solid #000;
	background-color : #FFF;
	padding:5px;
	border-radius: 4px;
	width:90%;
}

TEXTAREA {
	border:0px;
	border:1px solid #000;
	background-color : #FFF;
	padding:5px;
	border-radius: 4px;
	width:90%;
	height:100px;
	font-family: 'Folio Std Light';
}
/*********************************************888CONTENT**********************************/



#content{position:relative; float:left; width:100%;background-color: #FFFFFF;}
#mid{width:100%;}
#mid li{font-size:80%}
#midhome li{font-size:80%}
#himage{
	margin-left:auto; margin-right:auto;
	width:100%;
}
/***************************************HOMEPAGE*****************************************/



#midhome{width:90%;padding-bottom:40px;margin-left:auto; margin-right:auto;text-align:center;}

#loginzone{
	margin-left: auto;
	margin-right: auto;
	width: 20%;
	margin-top:10px;
	
}
#loginzonefeedback{margin-left:auto; margin-right:auto; width:100%;margin-top:10px;}
#logindetail{width:100%;position:relative; float:left; background-color: #FFFFFF;color:#999999;
	border-radius:10px;padding:5%;font-weight:normal;text-align:left;margin-bottom:20px;}
#logindetail a:link{text-decoration:none; font-size:90%}
#logindetail a:visited{text-decoration:none; font-size:90%}
#logindetail a:hover{text-decoration: none; font-size:90%}
#logindetail a:active{text-decoration:none; font-size:90%}

.ufrmlltitle{position:relative; float:left; width:100%; font-weight:bold;color:#000;}
.ufrmll{width:80%; font-size:90%;  margin-top:10px;margin-left:auto;margin-right:auto;}
.ufrmllx{position:relative; float:left;width:100%; font-size:90%;  margin-top:10px;margin-left:auto;margin-right:auto;height:30px;}
.ufrmllxx{position:relative; float:left;width:100%; font-size:90%;  margin-top:10px;margin-left:auto;margin-right:auto;height:100px;}
.ufrmll INPUT{
	width: 100%;
	border-radius: 20px;
	background-color: #EFF0F4;
	border-color: #EFF0F4;
}
.ufrmll2{width:60%; font-size:90%;  margin-top:10px;margin-left:auto;margin-right:auto;}
.ufrmll2qt{position:relative; float:left; width:100%; margin-top:10px;}
.ufrmll2q{margin-left:auto; margin-right:auto; width:48%; padding-top:10px;padding-left:1%;padding-right:1%;}
.ufrmll2q INPUT{ width:80%;}
.ufrmllq{position:relative; float:left; width:33%; margin-top:10px;}
#remme{
	position:relative; float:left; width:10%;
}
#remmetxt{
	position:relative; float:left; width:90%;padding-top:2px;
}
#watchvid{
	position:relative; float:left; width:100%;text-align:center;
}
#watchedvid{
	margin-left:auto;margin-right:auto; width:25%;display:none;
}
#submiter{
	border:0px;
	font-weight:bold;
	padding:10px 5px 10px 5px;
	width:100%;
	text-align:center;
	cursor:pointer;
	background-color : #BBCE00;
	color:#FFFFFF;
	margin-top:10px;
	border-radius: 20px;
}
.submiterquest{
	border:0px;
	font-weight:bold;
	padding:10px 5px 10px 5px;
	width:50%;
	text-align:center;
	cursor:pointer;
	background-color : #BBCE00;
	color:#FFFFFF;
	margin-top:10px;
	border-radius: 20px;
}
.submiterquestwhite{
	border:0px;
	font-weight:bold;
	padding:10px 5px 10px 5px;
	width:50%;
	text-align:center;
	cursor:pointer;
	background-color : #FFFFFF;
	color:#BBCE00;
	margin-top:10px;
	border-radius: 20px;
	font-size:150%;
}
#submiter2{
	border:0px;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	width:50%;
	text-align:center;
	cursor:pointer;
	background-color : #BBCE00;
	color:#FFFFFF;
	margin-top:10px;
	border-radius: 12px;
}
#submiterlong{
	border:0px;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	width:50%;
	text-align:center;
	cursor:pointer;
	background-color : #BBCE00;
	color:#FFFFFF;
	margin-top:10px;
	border-radius: 12px;
}
#submitersmall{
	border:0px;
	font-weight:bold;
	padding:2px ;
	width:80%;
	text-align:center;
	cursor:pointer;
	background-color : #BBCE00;
	color:#FFFFFF;
	margin-top:0px;
	border-radius: 12px;
	font-size:80%;
}
.red{color:#FF0000;}
.white{color:#FFFFFF;}
.greena{color:#33CC00;}
.khaki{
	color:#ACBD00
}
/***************************************************FOOTER*************************************************************/



#footercw{
	width:100%;
	position:relative;
	float:left;
	text-align:center;
	font-size:100%;
	padding-top:5px;
	background-color : #000;
	color:#FFFFFF;
	margin-top:20px;
	padding-bottom:40px;
}
.mauve {
	color:#9D8384;
}
.green{
	color:#06727C;
	font-weight:normal;font-size:80%;
}
#footercw a:link{text-decoration:none; color:#FFFFFF;}
#footercw a:visited{text-decoration:none; color:#FFFFFF;}
#footercw a:hover{text-decoration: :none; color:#BBCE00;}
#footercw a:active{text-decoration:none; color:#BBCE00;}

#footertext{
	position:relative;
	float:left;
	text-align:center;
	width:100%;
	padding-top:30px;
	color:#FFFFFF;
	font-size:100%;
	background-color : #000;
	padding-bottom:30px;
}
#social {
	padding-bottom:20px;
}
#legal{
	padding-bottom:20px;
	color:#80BABB;
}
#legal a:link{text-decoration:none;color:#80BABB;}
#legal a:visited{text-decoration:none; color:#80BABB;}
#legal a:hover{text-decoration: :none; color:#9D8384;}
#legal a:active{text-decoration:none; color:#80BABB;}

.red{color:#FF0000}
.black{color:#000000}
#error{position:relative; float:left; padding:10px}

.title{ display:none;}
#mobiledropmenu{ display:none}
.label{ display:none}

#change_details_top{
	width:46%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #CCCCCC;
	padding:2%;
	margin-bottom:1%;
}

.frmur{
	width:100%;
	margin-top:5px;
}

.apet{
	position:relative;
	float:left;
	border:1px solid #CCCCCC;
	width:70%;
	padding:2%;
	height:auto;
	margin:0% 15% 1% 15%;
}
.petname{	position:relative;	float:left;	width:100%;	FONT-SIZE:130%;font-weight:bold;	text-align:center;	margin-bottom:0.5%;padding-bottom:0.5%;	border-bottom:1px solid #CCCCCC;}
.petdetails{	position:relative;	float:left;	width:48%;}
.petimage{	position:relative;float:left;	width:38%;	margin-left:10%;}
.petimageform {    position:relative;float:left;width:100%;}

.sectionsnoborder{
position:relative;
float:left;
width:100%;
padding:0%;
margin:1% 0% 0% 0%;
}
.appoints {
position:relative;
float:left;
width:440px;
height:130px;
padding:5px;
border:1px solid #CCCCCC;
margin:0px 5px 5px 0px;
}
.appointswide {
position:relative;
float:left;
width:900px;
padding:5px;
border:1px solid #CCCCCC;
margin:0px 0px 5px 0px;
}
.weight-chart{
	position:relative;
float:left;
border:1px solid #CCCCCC;
margin:1% 0% 1% 0%;
}

#whatstuff, #whatstuff1{
	display:none;
}

#order_details_top{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #CCCCCC;
	padding:2%;
	margin-bottom:1%;
}
.order-right{
		position:relative;
	float:right;
	width:50%;
	text-align:right;
}



.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0; /* support: IE7 */
font-size: 70%;
border:1px solid #CCCCCC;
background:#FFFFFF;
color:#000000;
border-radius:12px;
}


.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
padding-right: 2.2em;
}


.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
padding-right: 2.2em;
}


.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}


.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
overflow: auto;
background:#FFFFFF;
border: 0px solid #CCCCCC;
border-top: 0;
border-radius:0px;
}

.ui-accordion-collapse {
  background: url('images/down.png') no-repeat 0 0;
}
.ui-accordion-expand {
  background: url('images/right.png') no-repeat 0 0;
}

#idtable {
	font-family:Arial;
	width:100%;
	color:#666666;
	font-size:80%
}

#trolleystuff{
	display:none;
	padding-bottom:20px;
}
.anitem{
	position:relative;
	float: left;
	width:100%;
}
.abin{
	position:relative;
	width:5%;
	float:right;
}
#addtroll{
	display:none;
}
#resttroll{
	display:none;
}
#video{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
#queststartagain {
	position:relative;
	float: left;
	width:100%;
	text-align:center;
}
#thequestions {
	position:relative;
	float: left;
	width:100%;
	text-align:center;
}
#theresults {
	margin-left:auto;
	margin-right:auto; 
	width:100%;
	text-align:center;
}
#thequestionsfeed {
	position:relative;
	float: left;
	width:100%;
	text-align:left;
}
#aquestion{
	width:100%;
	
}
#proceedquizbutton{
	display:none;
}
#trainvidbutton {
	display:none;
}
.resultboxoutter{
	position:relative;
	float: left;
	width:100%;
}
.resultbox{
	width:80%;
	margin-left:auto;
	margin-right:auto; 
	border:1px solid  #fff;padding:0.5%;font-weight:normal;margin-top:0.25%;
	/*height:120px;*/
	height:auto;
	display:table; 
	
}
.resultboxfeedback{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding: 1%;
	padding-left: 2%;
	font-weight: normal;
	margin-top: 1%;
	background-color: #FFFFFF;
	color:#999999;
	border-radius:20px;
	text-align:left;
}
.resultboxtitles{
	width:70%;margin-left:auto;
	margin-right:auto; font-weight:normal;
	
}
.resultboxquest, .resultboxquesttext {
	width:100%;
}

#quizbutton{
	position:relative;
	float: left;
	width:100%;
	padding-top:20px;
	margin-top:20px;
	border-top:1px solid #CCCCCC;
}
#quizbuttoninner{
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
#qbutton1{
	position:relative;
	float: left;
	width:50%;
	
}

#qbutton2{
	position:relative;
	float: right;
	width:50%;
	
	
}
.buttonimage{
	position:relative;
	float: left;
	width:15%;
}
.buttonwords{
	position:relative;
	float: left;
	width:85%;
	padding-top:13px;
	font-size:90%;
	font-weight:bold;
}
#gold {
	margin-left:auto;
	margin-right:auto;
	width:50%;
}
#feedformbutton, #Messageffield, #Messageffieldlabel{
	display:none;
}
.resleft{
	position:relative;
	float: left;
	width:94%;
	font-size:100%;
}
.resright  {
	position:relative;
	float: right;
	width:6%;
	padding-top:2px;
}
.accbox {
	position: relative;
	float: left;
	width: 100%;
	
}
.myanswers{
	position:relative;
	float: left;
	width:33%;
	font-size:80%;
}
#brandzone{
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	width:30%;
}
.brands{
	position:relative;
	float: left;
	width:50%;
	
}
.brandsa{
	position:relative;
	float: left;
	width:100%;
	
}
.rotated {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg); /* IE 9 */
  -moz-transform: rotate(90deg); /* Firefox */
  -webkit-transform: rotate(90deg); /* Safari and Chrome */
  -o-transform: rotate(90deg); /* Opera */
}
.rotatedback {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg); /* IE 9 */
  -moz-transform: rotate(-90deg); /* Firefox */
  -webkit-transform: rotate(-90deg); /* Safari and Chrome */
  -o-transform: rotate(-90deg); /* Opera */
}
.jQuery_accordion .ui-icon { display: none; }

/* Corner radius */
.jQuery_accordion .ui-accordion-header {
	border-radius: 30px;
}
.jQuery_accordion .ui-accordion-header.ui-state-active {
	border-radius: 30px;
	border-color: #CCCCCC;
}
.resultboxgreen{
	margin-left:auto;
	margin-right:auto;
	width: 50%;
	color: #FFFFFF;
	border-radius: 30px;
	background-color: #BBCC01;
	padding:1%;
}
.whiteres, .whiterestextbig{
	font-size:300%;
	font-weight:bold;
}
/* body{
display:none;
}
 */
 /* Style the buttons that are used to open and close the accordion panel */