/*@import url("//fonts.googleapis.com/css?family=Poiret+One"); */

/*headline*/
#banners li h5  {
font-family: /*'Poiret One',*/ Arial; 
padding:0; margin:0; 
font-size:2.8em;
color: #e1e1e1;
text-shadow:1px 1px #000;
font-weight:normal;
letter-spacing:-1px;
word-spacing:-3px;
background-image: url(../images/bgTransBlack.png);
padding:6px 12px;
border-radius:5px; 
}
/* line 2*/
#banners li h5  span{ 
font-family: /*'Poiret One',*/ Arial; 
font-size:0.5em ; 
display:block; padding:0 0 0 2px;
color:#fff}

html, body {
height: 100%; width:100%; 
}

* { 
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color:#333333;
text-decoration: none;
text-align:left;
margin:0; 
padding:0;
border:0px;
list-style:none; 
font-weight:normal ;
letter-spacing:normal;
-webkit-text-size-adjust: 100%; 
-webkit-appearance: none;
border-radius:0px;
z-index:1
}

a, span, strong, em, table, tr, td ,ul li   { color:inherit; font-size:inherit}
strong{ font-weight:bold;}

p{ margin:6px 0 2px 0; padding:0;}

.clearFloat{ clear:both; display:block;}


.fadeContent{  opacity: 0.3;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}




#ajaxContainer{
position: fixed;
top:0px;
left:0px;
bottom:0px;
right:0px;
background-image:url(../images/bgTrans.png);
z-index:1000; display:none
}

#loadingContent{
position: fixed;
top:0px;
left:0px;
bottom:0px;
right:0px;
background-image:url(../images/bgTrans.png);
z-index:1000000; display:none
} 

#loadingContent span{
position:absolute;z-index:1000000;
top:40%;
left:0px; width:100%; 	color:#999999;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:0.8em
}
#loadingContent span img{ display:block; padding:6px 0; margin:0 auto; height:40px;}


/*outer*/
#header{ width:100%; position:relative }

#contentWrapper{
clear: both; 
text-align:left;
z-index: 1;
margin: 0px auto 0px auto;
min-height:525px;
height:auto !important;
height:525px;
background-color:#FFFFFF; 
}

#contentWrapperClear{ height:10px; width:100%; clear:both; display:block}	



#breadcrumb{ 
display:block;  width:100%; overflow:hidden; background:#fff;  width:1000px; padding:8px 0;margin:0px auto 5px auto;
}	

#breadcrumb li , #breadcrumb li p , #breadcrumb li a , #breadcrumb li span { font-size:0.9em;   font-weight: normal; display:inline-block; }
#breadcrumb li a {
color:#FF00CC;
text-decoration:underline
}	
#breadcrumb li p {
	color:#7F7F7F;
	font-style: normal;
	margin:0;
	padding:0
}
#breadcrumb li span {
color:#e1e1e1; padding:0 2px 0px 6px
}	
 
 

.pageBanners{ width:100%; margin:0 auto 10px auto}
.pageBanners img{ width:100%; margin:0 auto; }


.Own_Line{ clear:both; margin:5px 0 5px 0; }
 
	
	
.contentRight .tickMenu ,
.tickMenu { 	margin: 4px 0 4px 0;   padding: 5px 5px 5px 5px; }

.contentRight .tickMenu li ,
.tickMenu li{
list-style:none;
margin:0px 0;	  
padding:2px 0px 2px 22px;
background-image: url(../images/tickPink.png);
background-repeat:no-repeat;
background-position:left 50%  ;
font-weight: normal; font-style: normal; font-weight: normal	;list-style-position: inside;
} 

.tickMenu li p { margin:0; padding:0}

.contentRight .tickMenu li  a,
.tickMenu li a{
color:#004E75;
} 

 
.contentRight p a { color:#003366; text-decoration:underline}


.contentRight .bulletList ,
.bulletList { 	margin: 4px 0 4px 0;   padding: 5px 5px 5px 5px; background-image:none ; }

.contentRight .bulletList li ,
.bulletList li{
background-image:none ;
list-style: square;
list-style-position: inside;
margin:4px 0;	  
padding:0px 0px 3px 22px;
font-weight: normal; font-style: normal; font-weight: normal	
} 

.bulletList li p { margin:0; padding:0}

.contentRight .bulletList li  a,
.bulletList li a{
color:#004E75;
} 


.contentRight .indentedList ,
.indentedList { 	margin: 4px 0 4px 0;   padding: 5px 5px 5px 5px; background-image:none ; list-style:none }

.contentRight .indentedList li ,
.indentedList li{background-image:none ; 
list-style: none;
margin:4px 0;	  
padding:0px 0px 3px 22px;
font-weight: normal; font-style: normal; font-weight: normal	
} 

.indentedList li p { margin:0; padding:0}

.contentRight .indentedList li  a,
.indentedList li a{
color:#004E75;
} 



/* bgs and gradients */
.bgBlack{ 	background-color: #333333; color:#FFFFFF;}

.bgBlueDk{	background-color: #003366; 	color:#FFFFFF;}

.bgBlueLt{ background-color: #7195A9;color:#FFFFFF;text-shadow:1px 1px #777;}

.bgGrayLt{ 	background-color: #D2D2D2;	color:#333;}

.bgGrayMid{ background-color:#A3A3A3;color:#FFFFFF;/*text-shadow:1px 1px #999;*/}

.bgGrayDk{ 	background-color: #6C6C6C; 	color:#FFFFFF;}

.bgGreen{ 	background-color: #99CC00; 	color:#FFFFFF;}

.bgRed{ background-color: #D40000;color:#FFFFFF; }

.bgRedDk{ background-color: #780000;color:#FFFFFF; } 	

.gradient{
background-image:url(../images/gradientBG.png);
background-position:left top;
background-repeat:repeat-x; 
}

/* bgs and gradients */



/* ####### buttons  */

.buttons25,
.buttons50,
.buttons75, 
.buttons100, 
.buttons125, 
.buttons150,  
.buttons175, 
.buttons200,
.buttons250,
.buttonsFULL  {
background: transparent;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
cursor:pointer;
border: 0px;
height:40px; line-height:40px;
background-image:url(../images/buttonsBG.png);
color:#FFFFFF;
padding: 0 15px; text-align:center; position:relative; 

}





.buttonsRed{
color: #FFFFFF;
background-position: left 0px;
background-color: #D81313; 
}

.buttonsGray {
color: #FFFFFF;
background-position: left -46px;
background-color: #7D7D7D; 
}

.buttonsLtGray {
color: #000;
background-color: #DBDBDB;
background-position: left -88px; 
}

.buttonsGreen {
color: #FFFFFF;
background-position:left -132px;
background-color: #95BB28; 
}

.buttonsBlue  {
color: #FFFFFF;
background-position: left -176px;
background-color: #385F87;text-shadow:1px 1px #333;
}

.buttonsBlack  {
color: #FFFFFF; 
background-color: #424242;
background-position:left bottom
}

.buttonsPurple {
color: #FFFFFF; 
background-color: #424242;
background-image:url(../images/buttonsPurple.png); 
}

.buttons25:active ,
.buttons50:active ,
.buttons75:active , 
.buttons125:active , 
.buttons150:active ,  
.buttons175:active , 
.buttons200:active ,
.buttons250:active ,
.buttonsFULL:active {	
background: #424242; 
color:#FFFFFF;  }







.buttonsLoading{
background-image:url(http://www.nailtraininguk.com/css/_ajax/loading1.gif);
background-repeat:no-repeat;
background-position: 50% 50%;  
}

.buttonLinks,
a.buttonLinks,
#contentFull a.buttonLinks,
.contentRight a.buttonLinks,
.contentRight p a.buttonLinks { 
height:40px; line-height:40px;
display:inline-block; padding: 0 15px;
color: #fff   ; text-decoration:none ; 
}

/* over ride text as rest are white*/
a.buttonsLtGray,
#contentFull   a.buttonsLtGray,
.contentRight a.buttonsLtGray,
.contentRight p a.buttonsLtGray{
color: #666666; 
}	

/* for blocking buttons out */

.buttonWrapper, 
div.buttonWrapper, 
p.buttonWrapper, 
#contentFull		p.buttonWrapper,
#contentLEFT		p.buttonWrapper,
.contentRight p.buttonWrapper{ 
height:34px; display:block; clear:both; margin:3px auto
} 
 

.buttonsTrash, a.buttonsTrash, 
.contentRight .buttonsTrash,
.contentRight a.buttonsTrash {
cursor: pointer;
height: 25px;
width: 25px;
background-image: url(http://www.nailtraininguk.com/images/trash.png);
background-color: transparent;
border: 0;
background-repeat: no-repeat;
background-position: center;
text-decoration:none
} 





/* BANNERS */


#banners{ width:100%; margin:0 auto;   }

#banners li { display:block; float: left;width:100%; position:relative}

/*  headline*/
#banners li h5  {
position:absolute;
left:2%;
bottom:7%;
max-width:80%; width:auto;  
text-align: left;  
}

#banners li h5  span{   display:block; }

@media only screen and (orientation:portrait)   { 
#banners li h5  { font-size:2em; word-spacing: -1px; letter-spacing:0px;	line-height:28px;}
}

#banners img { width:100%; height:auto;  margin:0 0 0 0;  display:block; float:left } 

#bannerControls{   text-align:right;  
height:20px; line-height:20px;  margin:0 0px  0  0 ; position:absolute; bottom: 36px; width:98%;}	

#bannerControls li { display:inline-block; padding:0; margin:0px 4px;font-size: 0;height: 12px; width:12px; }

#bannerControls li a{
display:block;
height:12px; width:12px; border-radius:6px;
background-color:#000;
text-decoration:none;
}
#bannerControls li a span{ display:none; } 



#carousel{ display:block; width:100%; height:auto;  overflow:hidden; clear:both; margin:10px auto; min-height:100px; }

#carousel ul{ width:30000px;   display:block; }

#carousel li { display:block; float:left; margin: 0 13px 0 0; position:relative; z-index:1 } 
 
#carousel li  a, 
#carousel li h5 {
 display:block;
 overflow:hidden;
 border:10px solid; border-color:#e1e1e1;
 position:relative;
 position:relative;
  width:240px;
 height:240px; 
  -webkit-transition: all 300ms ease-in-out 0s;
 -moz-transition: all 300ms ease-in-out 0s;
 -o-transition: all 300ms ease-in-out 0s;
 transition: all 300ms ease-in-out 0s;
}

 #carousel li  a:hover, #carousel li h5:hover { border:1px solid; border-color:#000;} 

#carousel li a img, 
#carousel li h5 img{
position:absolute;
left:0; right:0; top:0; bottom:0; overflow:hidden;
width:100%;  display:block; margin:  auto;
z-index:1;  

}  

#carousel li:hover  img{ 
opacity:0.8
}


 /*text wrap*/
#carousel li span{
 display:block;
 font-size:0.90em;
 color:#fff;
 padding:20px 10px;
 margin:0 auto;
 position:absolute;
 bottom:6px;
 left:6px;
 width:calc(100% - 12px);
 background-image:url(../images/bgTransBlack.png);
 font-weight:normal;
 display:none;
 text-align:center;
 color: #fff;
 margin:0 auto;
 z-index:1; 
 font-size:1em;
 text-shadow:1px 1px #000;
 font-family: Georgia, "Times New Roman", Times, serif;
 letter-spacing: 0px;
}  


/*  mobile smaller carousel */
.mobile #carousel li  a, .mobile #carousel li h5 {
 width:120px;
 height:120px; 
}

.mobile #carousel li span{ visibility: hidden}
 

.educatorImage{ padding:6px; border:2px solid #e1e1e1; margin:4px  0}
.mobile .educatorImage{ max-width:90%;}
 
/* educators page */
#educators hr{ margin:10px auto}

#educators #searchFilter{ margin:8px 0 20px 0; border:4px solid #e1e1e1; padding:10px; max-width:500px; border-radius:3px;	}
#educators #searchText, #educators #searchCounty { width:240px; border:2px solid ; border-color:#ccc; height:40px;border-radius:3px; margin:5px 0 }
#educators #searchCounty option{ font-size:18px; font-family:Arial, Helvetica, sans-serif} 
#educators #searchText.searchTextErr , #educators #searchCounty.searchTextErr{ border-color:#FF0000}
#educators #searchBtn{height:40px; width:40px; background:none; border:none; background-color:#888;background-image:url(../images/searchWhite.png); background-repeat:no-repeat; background-position:50% 50%;border-radius:3px; cursor:pointer; }
#educators #searchBtn:hover{ background-color:#666666}

#educators  #resetFilter{ color: #006699; font-size:12px; font-weight:bold; display: block; font-family:Arial, Helvetica, sans-serif; margin:16px 15px 0 0;float:right}
#educators  #resetFilter:hover{ text-decoration:underline}
.mobile #educators #resetFilter{clear: both; margin:5px 0; float: none}

#educators  #searchOption  input[type=radio]  { position:absolute; left:-20000px;}
#educators  #searchOption  input[type=radio]  + label   { /* links to checkboxes fonts in screen/ mobile setttings */
 text-align:left;
 display:block;
 min-height:24px;
 margin: 4px  0 4px  0px;
 display:	block;
 padding: 5px  0 0 30px;
 background-image:url(../images/checkBoxOFF.png);
 background-position: left 0px;
 background-repeat:no-repeat;
 cursor:pointer;
 font-size: 15px; text-transform:uppercase;
 font-weight: bold;
 position: relative;
 color:#666666
 }

#educators  #searchOption  input[type=radio]:checked + label {
 background-image:url(../images/checkBoxON_1.png);
 background-position: left 0px;
 color:#7C3E7C ; 
} 

#educators  #searchOption  input[type=radio]  + label  span{ color:#333; font-weight:bold}


#educators a.educatorProfileOpener{   text-decoration:underline;  font-weight:bold; color: #0066CC; cursor: pointer; display:inline-block; padding:4px 0 }
#educators a.educatorProfileOpener:hover{ color:#333333}

/* ///  widgets ///// */
 



/* eds page */
.screen p.venueList{ max-width:880px;  }
.screen .profilePic{   height:0px; width:100%; display:block; position:relative;  float:right;	 width:auto; height:106px;   }
.screen .profilePic img{  display:block; float:right; height:100px; margin:0 0 0 6px; border:1px solid #e1e1e1; padding:3px; }
.screen .profilePic strong{ display:block; text-align:right; font-size:11px; text-transform:uppercase; clear:both; padding:4px 0 0 0; color:#999 }
.mobile .profilePic{ height:auto; width:100%;  display:block; margin:15px 0  }
.mobile .profilePic img{ position: relative; height:70px; display:inline-block;  }
.mobile .profilePic strong{ display:block; text-align:left; font-size:10px; text-transform:uppercase; clear:both; padding:4px 0 0 0; color:#999 }
	
.collapsible{ 
display:block;  	
text-decoration:none; 
clear:both;
cursor:pointer;
width:100%; 
border:0px solid #ccc;   	
padding:0 15px;
margin: 10px auto 0 auto;
border-radius:  0px 0px ;  
font-size:1.0em; 
font-weight:bold;
height:44px; line-height:44px;
text-align:left;  
}

.collapsible span{	
background-position:right  50%; height:100%;   display:block; cursor:pointer;
background-repeat:no-repeat;
background-image:url(../images/icons/plusWhite.png);}

.collapsibleOpen span{
background-image:url(../images/icons/minusWhite.png);} 



.DDmenu , .DDmenu li  {z-index:4;  }

.DDmenu li  {
position:relative;
display:block;	
clear:both; margin:0; 
padding:0;	
cursor:pointer;   
}

/* top level */
.DDmenu li h3 {
color:#FFFFFF;
text-align:left;
background-image:url(../images/icons/plusWhite.png); 
background-size:10px;
background-position:calc(100% - 10px) 50%;
background-repeat:no-repeat; display:block;
padding: 0px 34px 0px  16px;

-webkit-transition: background-color 500ms ease-in-out 0s;
-moz-transition: background-color 500ms ease-in-out 0s;
-o-transition: background-color 500ms ease-in-out 0s;
transition: background-color 500ms ease-in-out 0s;
}

/*.DDmenu li a:hover*/
.DDmenu li .DDopen {
	background-color:#616161;
	color:#FFFFFF;
	background-image:url(../images/icons/minusWhite.png);
}

/* sub */
.DDmenu li ul {
position:absolute;
left:0px;
display:none;
z-index:1000;
margin:0;
padding:5px 0 10px 0;
background-color:#9B9B9B; 
border-top:1px solid #bbb; 

}  

.DDmenu li ul li {
display:block;
clear:both;
background:none;  
}

.DDmenu li ul li a, 
.DDmenu li ul li a:hover {
background:none;
display:block;
clear:both;
margin:2px 0px;
padding:10px 16px 10px 16px;
border:0px;
color:#fff;
background:none; display:block; clear:both;
background-image:url(../images/semiTransLine.png) ;  
background-position:left bottom; 
background-repeat:repeat-x;
font-size:0.9em;
}

.DDmenu li ul li:last-child a{  background: none}
.DDmenu.rightOpening li ul li a { text-align:left} 


/* no checkbox list done all in courses as per each type */

/* ///  widgets ///// */




/* listing Options for grids etc container changes on screen / mob */

#listingOptions{
text-align:right;
margin:0 auto;
width:100%;   
z-index:100;
 
}


#listingOptions li { display: inline-block; margin:0;  white-space: nowrap;	 height:30px; line-height:30px; }



#listingOptions  li span{ 
background-color:#fff;	 
display:block;	 
text-decoration:none;
text-align:left;
height:30px; 
width:30px;
padding:0; 
margin: 0px 0 0 0;
background-repeat:no-repeat;
background-image:url(../images/icons/listingOptions.png);
text-indent:-2000px;	font-size:1px; cursor:pointer
}


#listingOptions  li span{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}
#listingOptions  li span.gridActive{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity:1.0;
}

#gridList_changer {
background-position: left  0px;
}	


#grid1_changer {
background-position: left   -30px;  
}	

#grid2_changer {
background-position: left   -60px;
}	

#grid3_changer { 
background-position: left -90px; 
}	 	

#grid4_changer { 
background-position: left -120px; 
}	 	


/*gallery*/ 

#galleryWrap{ margin:0 }

#galleryWrap h1{ font-size:1.1em; font-weight:normal; text-align:left; padding:5px 0; margin: 0px 0 0 0} 

#gallery, ul#gallery{ display:block; clear:both; margin:6px auto; z-index:10}

/* image list dynamically sized */
.grid { clear:both; display:block;  margin:5px 0 0 0; padding:0;   width:100%;   }

.grid li {
display:block; 
float:left;
position:relative;
text-align:center; 
-webkit-transition: width 750ms ease-in-out; 
-moz-transition: width 750ms ease-in-out; 
transition: width 750ms ease-in-out;

}  

.grid1 li {  width:100%; height:auto; clear:both; margin:0 auto; float:none } 
.grid2 li {	 width: 50% ; padding-bottom: 50%; } 
.grid3 li { 	  width: 33.33333333%; padding-bottom: 33%; }
.grid4 li { 	 width:25% ; padding-bottom: 25%; }
.gridList li {  width:100%; clear:both; height: auto;margin:0 auto; float:none  } 

 


.grid li a , .grid2 li a , .grid3 li a , .grid4 li a   { 
display:block; 
width:100%; 
}

.gridList li a{
display:inline-block;  padding:5px; 
background-image:url(../images/icons/arrowRGrayThin.png);
background-position:calc(100% - 10px) 50%;
background-repeat: no-repeat;  

}

.grid1 li span.thumbs { display:block; position:relative; height:auto ; width:100%;  }

.grid2 li span.thumbs,
.grid3 li span.thumbs,
.grid4 li span.thumbs {
width:100%; 
height:100%; 
overflow:hidden; 
text-align:center; 
border:1px solid #fff ;
position:absolute;
left:0; top:0;



}

.grid2 li:nth-child(2n +1) span.thumbs { border-left:0px}
.grid2 li:nth-child(2n +2) span.thumbs { border-right:0px}
.grid3 li:nth-child(3n +1) span.thumbs { border-left:0px }
.grid3 li:nth-child(3n +3) span.thumbs { border-right:0px}
.grid4 li:nth-child(4n +1) span.thumbs { border-left:0px}
.grid4 li:nth-child(4n +4) span.thumbs { border-right:0px}
 

.gridList li span.thumbs{ width:100px; padding:3px; display:block; float:left; border:1px solid #ccc; text-align:center }


.grid1 li span.thumbs  img { 
width:100%;  
} 

.grid2 li span.thumbs img,
.grid3 li span.thumbs img,
.grid4 li span.thumbs img  { 
position:absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

}
.gridList li a span.thumbs img  { display:block; max-height:80px; max-width:100%; margin:0 auto  } 


.grid2 li a  img.portrait, 
.grid3 li a  img.portrait,
.grid4 li a  img.portrait  { width:100%; height:auto; }


.grid2 li a  img.landscape,
.grid3 li a  img.landscape,
.grid4 li a  img.landscape { height:100%; width:auto}

.grid li a:hover  img {   opacity:0.9;  }



.grid li em.text{ display:none} 
.gridList li a  em.text{  display:inline-block;  max-width:calc(100% - 110px); padding: 0  0 0 10px;  }  

.grid hr{ display:none;}
.gridList hr{ display:block; clear: both; background-color:#e9e9e9}

.grid li a em.enlarge{ position:absolute; bottom:10px; right:10px; border:2px solid #fff; background-color:#fff;
text-indent:-2000px; height:25px; width:25px; background-image:url(../images/enlarge.png); background-position:50% 50%; background-repeat:no-repeat; background-size:16px; display:none;
}

.grid li a:hover em.enlarge{  display:block;}
/* gallery*/  






#googleMapOuter{
height:400px;
width:100%;
border:2px solid #ccc;
padding:5px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius:  1px; 
margin:10px 0 0 0 
}

@media only screen and (orientation:landscape)   { 
#googleMapOuter{	height:500px;}
}

@media only screen and (orientation:portrait)   { 
#googleMapOuter{	height:300px;}
}



#googleMap { 
height:100%; width:100%;
display:block
}

#googleMap p{ margin:0; padding:3px; font-size:14px; text-align:left; width:200px; height:auto; overflow:visible; font-family:Arial, Helvetica, sans-serif}	

#googleMap img{ max-width:inherit; max-height:inherit}
#googleMap p  img { width:120px; display:block; padding:0px; border:1px solid #fff; margin: 6px 0 }


/* Ask An Educator section */
#educatorquestions{ margin:15px auto}
#educatorquestions li { font-size:1.2em; }
#educatorquestions li.Qcats{ font-size:1.4em; font-weight:bold; color:#7C3E7C; margin:10px 0 4px 0 }
#educatorquestions li.questions{
color:#333;
cursor:pointer;
margin:6px 0 4px 0;
display: block; clear:both
}
#educatorquestions li.questions:hover{
text-decoration:underline;}

#educatorquestions li.answers{  margin:4px 0 25px 0 ;font-style: normal}
#educatorquestions li.Qopened{ font-weight:bold; color:#000; font-size:1.1em;  }

#educatorquestions li strong { color:#FF3399}
 


/* cookies */

#cookieAlertWrap{
width:100%;
position:fixed;
z-index:1000;
bottom:0px;
right:0px  ;
padding:0px 20px;
height:80px;
background-image:url(../images/cookiesBg.png)
}

#cookieAlertWrap p{ 
font-size:14px; 
color:#e1e1e1; 
padding :0px; 
margin:0px;  line-height:80px;
font-family:Arial, Helvetica, sans-serif;
}

#cookieAlertWrap p strong{
font-family:Arial, Helvetica, sans-serif;
display:inline-block; color:#FFFFFF; padding-right:10px;
} 

#cookieAlertWrap #closer{
padding:0px;
height:34px;
width:34px;
text-align:center;
color:#fff;
font-size:1px;
text-indent:-2000px;
position:absolute;
right:12px;
top:22px;
cursor:pointer;
background-image:url(../images/icons/deleteWhite.png);
background-repeat:no-repeat;
background-position:50% 50%;
background-color:#666666;
-webkit-transition: all 500ms ease-in-out 0s;
-moz-transition: all 500ms ease-in-out 0s;
-o-transition: all 500ms ease-in-out 0s;
transition: all 500ms ease-in-out 0s;

}
#cookieAlertWrap #closer:hover{ 
background-color:#FFFFFF; background-image:url(../images/icons/delete.png);
-webkit-transition: all 500ms ease-in-out 0s;
-moz-transition: all 500ms ease-in-out 0s;
-o-transition: all 500ms ease-in-out 0s;
transition: all 500ms ease-in-out 0s;
}

#cookieAlertWrap #pageLink{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
display:inline-block;
margin:0;
padding: 0px 0 0 10px;
color:#99CC00;
text-decoration:underline;
}
#cookieAlertWrap #pageLink:hover{ color:#99CC00}



/* footer globals */

#footerWrap{
	background-color:#333;
	background-image:url(../images/semiOverlay.png);
	background-repeat:repeat;
} 



/*icon*/
#socialWrap li a span {
display:block;
width:42px;
height:42px;
line-height:42px;
background-position:50% 50%;
background-repeat:no-repeat;
border-radius:0px;
background-color:#FF00CC;

-webkit-transition: all 500ms ease-in-out 0s;
-moz-transition: all 500ms ease-in-out 0s;
-o-transition: all 500ms ease-in-out 0s;
transition: all 500ms ease-in-out 0s;

border:1px solid 	;
border-color: #999;
background-size:22px; 
}
  
#socialWrap #twitter span{ background-image:url(../images/social/twitter.png)   }
#socialWrap #facebook span {	background-image:url(../images/social/facebook.png)}
#socialWrap #googlePlus span{	background-image:url(../images/social/googleplus.png)}
#socialWrap #linkedIn span{ background-image:url(../images/social/linkedin.png) }
#socialWrap #rss span{ background-image:url(../images/social/rss.png)  }
#socialWrap #pinterest span{ background-image:url(../images/social/pinterest.png) }
#socialWrap #tumblr span{ background-image:url(../images/social/tumblr.png) }
#socialWrap #soundcloud span{ background-image:url(../images/social/soundCloud.png) }
#socialWrap #instagram span{background-image:url(../images/social/instagram.png) ;}
#socialWrap #youtube span{background-image:url(../images/social/youtube.png)  }






#footer ul,
#footer ul li ,
#footer ul li a ,
#footer ul li span ,
#footer ul li strong {color:#fff}
#footer ul li a:hover {color:#FFFFFF; text-decoration:none} 
/*animated hover */

#socialWrap li a:hover span {
background-color:#333399;
background-size:30px;
border-color: #fff;
}





#footer #pageTop { position:fixed; bottom:10px; right:20px;width:40px; height:40px; display:none	} 

#pageTop a {
-webkit-transition: all 500ms ease-in-out 0s;
-moz-transition: all 500ms ease-in-out 0s;
-o-transition: all 500ms ease-in-out 0s;
transition: all 500ms ease-in-out 0s;
background-position: left top; 
 width:40px; height:40px; line-height:40px; display:block; 
z-index:1000; background-image:url(../images/pageTop.png); background-repeat:no-repeat;
}

#pageTop a:hover{  background-position:left bottom;
} 
#pageTop a span{ display:none}