/* CUSTOM CSS V1.0 - MY LITTLE DETAILS */

@charset "utf-8";

/* BOILERPLATE RESET, CLEAR FIX, HTML5 SETUP ETC */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;overflow-y:scroll}body{margin:0}small{font-size:85%}ul,ol{margin:1em 0;padding:0}nav ul{list-style-image:none;list-style:none;margin:0;padding:0}img{-ms-interpolation-mode:bicubic;border:0;vertical-align:middle}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}a{text-decoration:none;}legend{*margin-left:-7px;border:0;padding:0}button,input,select,textarea{*vertical-align:middle;font-size:100%;margin:0;vertical-align:baseline}button,input{*overflow:visible;line-height:normal}table button,table input{*overflow:auto}button,input[type="submit"]{-webkit-appearance:button;cursor:pointer}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}input[type="search"]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-webkit-appearance:textfield;box-sizing:content-box}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;resize:vertical;vertical-align:top}.hidden{display:none;}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}.clear{clear:both;content:".";display:block;height0;visibility:hidden}.FB_UI_Hidden{width:100px!important}


/*FONTS */
@font-face 				{ font-family: Aller; src: url('../css/fonts/aller_rg-webfont.eot'); src: url('../css/fonts/aller_rg-webfont.eot?iefix') format('eot'), 
						url('../css/fonts/aller_rg-webfont.woff') format('woff'), url('../css/fonts/aller_rg-webfont.ttf') format('truetype'), 
						url('../css/fonts/aller_rg-webfont.svg#webfontF8ghCIPU') format('svg'); font-weight: normal; font-style: normal; }

@font-face				{font-family: Aller; src:url('../css/fonts/aller_bd-webfont.eot');src:local('‚ò∫') ,url('../css/fonts/aller_bd-webfont.woff') format('woff'),
						url('../css/fonts/aller_bd-webfont.ttf') format('truetype') ,url('../css/fonts/aller_bd-webfont.svg#webfontjtLSc1Ri') format('svg');
						font-weight:bold;font-style:normal;}



.announcement           { display: block; text-align: center; background: #69caf3; color: #fff; padding: 20px; font-size: 1.4em; }




/* GLOBAL LAYOUT */
body					{ font-size: 62.5%; font-family: Aller; background: #FFF url('../images/global/body_bg.png') no-repeat left top; }
.sw	     				{ width: 960px; margin: 0 auto; text-align: left; position: relative; }
.whiteBox				{ width: 920px; padding: 20px; }

.column					{ float: left; width: 31%; margin-right: 3.5%; }
.twocol					{ float: left; width: 47.5%; margin-right: 5%; }
.contentInfo			{ margin: 0px 0px 1px 0px; border-top: 1px solid #1b99cd; border-bottom: 1px solid #6b6b6b; padding-bottom: 20px; }
#leftContent, #sideBar	{ float: left; position: relative; }
#leftContent			{ width: 621px; margin-right: 35px; }
#leftContent li			{ padding-left: 15px; list-style: none;  }
#sideBar				{ width: 260px; }
.noRightMargin			{ margin-right: 0px!important; }
.rounded				{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; }

/*FONTS*/
a               		{ -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; }
p		        		{ color: #6b6b6b; font-size: 1.5em; margin-bottom: 10px; }
p a						{ color: #1b99cd; }
p a:hover				{ color: #57b9ed; }
h1, h2					{ text-transform: uppercase; }
h1						{ color: #1b99cd; font-size: 2em; font-weight: normal; }
h2						{ color: #6b6b6b; font-size: 1.5em; font-weight: bold; }
.sectionHeading			{ border-bottom: 1px solid #1b99cd; }

/* HEADER */
header 					{ height: 215px; z-index: 80; }
#logo, #slogan, #eCommerce, header nav
						{ position: absolute; }
#logo    				{ left: 40px; top: 20px; }
#slogan    				{ right: 40px; top: 65px; }
#eCommerce				{ right: 80px; top: 20px; }
#eCommerce a			{ color: #1b99cd; font-size: 1.2em; }
#eCommerce a span		{ width: 18px; height: 18px; padding: 2px; display: block; color: #fff; font-size: 1.3em; background: #13B5ED; 
						-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-align: center; position: absolute; right: 40px; top:-10px; }
#eCommerce a span:hover { background: #FD0F1D; }


/* NAVIGATION */
header nav				{ height: 40px; left: 0px; top: 185px; background: #FFE88A; z-index: 1; border: 2px solid #FFF; }
header nav ul			{ padding: 12px 0 12px 40px; }
header nav li			{ display: inline; font-weight: bold; font-size: 1.6em; text-transform: uppercase; padding-right: 40px; }
header nav li a			{ color: #1b99cd; }
header nav li a:hover	{ color: #57b9ed; }
header nav li a:active  { color: #57b9ed; }
#home #homeLink, #about @aboutLink, #testimonials #testimonialsLink, #contact #contactLink, #faq #faqLink, #links #linksLink, 
#missing #missingLink, #news #newsLink, #privacy #privacyLink, #product #productLink, #products #productsLink, #stockists #stockistsLink, #terms #termsLink 
						{ color: #57b9ed; }

.menu					{ display: none; }


/* BREADCRUMBS */
#breadcrumbs			{ position: relative; height: 50px; margin-top: 20px; }
#breadcrumbs p			{ font-weight: bold; text-transform: uppercase; letter-spacing: 1px; padding: 5px 0px 3px 25px; }
#breadcrumbs p a		{ color: #1b99cd; }
#breadcrumbs p a:hover	{ color: #57b9ed; }
#location				{ background: url('../images/global/location.png') no-repeat left top; }

/* FOOTER */
footer					{ height: 270px; position: relative; background: url('/images/global/footer_bg.png') repeat-x left top; }
footer nav              { position: absolute; left: 50%; margin-left: -480px; top: 40px; }
footer nav ul			{ float: left; margin-right: 90px; }
footer nav li           { text-transform: uppercase; font-size: 1.6em; line-height: 2.2em; }
footer nav a            { color: #FFF; }
footer nav a:hover      { color: #ffe88c; }
#footerLogo				{ position: absolute; right: 50%; margin-right: -400px; top: -64px; }
#footerMobile, #footerEmail
						{ color: #FFF; font-size: 2em; position: absolute; right: 50%; }
#footerMobile			{ top: 80px; margin-right: -370px; }
#footerEmail			{ top: 120px; margin-right: -440px; }

/* COPYRIGHT & CREDIT */
#copyright, #credit		{ color: #FFF; position: absolute; margin-top: 190px; font-size: 1.2em; }
#copyright				{ left: 50%; margin-left: -480px; }
#copyright a			{ color: #66e9fd; font-weight: bold}
#copyright a:hover		{ color: #FFF; }
#credit					{ right: 50%; margin-right: -480px; }
#credit a				{ color: #66e9fd; font-weight: bold; }
#credit a:hover			{ color: #FFF; }

/* READ MORE LINKS */
.readMore 				{ height: 15px; padding: 10px 15px; background-color: #1b99cd; color: #FFF; font-weight: bold; font-size: 1.5em; text-transform: uppercase; margin: 5px 0px; display: inline-block; }
.readMore:hover			{ background-color: #57b9ed; }


/* SLIDESHOW IMAGES */
#hero, #heroSlides				{ position: relative; overflow: hidden; height: 360px; background: url('/images/home/hero_bg.jpg') repeat-x center top; }
#heroSlides img 				{ position: absolute; right: 50%; z-index:8; top: 0; margin-right: -940px;  }
#heroSlides img.active 			{ z-index:10; }
#heroSlides img.last-active  	{ z-index:9; }

#hero .heroImg			{ text-align: center; }
.tag					{ width: 450px; position: absolute; left: 50%; margin-left: -450px; top: 30px; z-index: 11; }
.tag h1, .tag p 		{ color: #FFF; font-weight: normal; letter-spacing: 1px; }				
.tag h1					{ font-size: 3.5em; font-style: oblique; }
.tag p					{ font-size: 1.8em; margin-top: -10px; margin-bottom: 20px; }

/* SIDEBAR - GENERAL */
.info 	 				{ margin-bottom: 25px; }
.info ul 				{ list-style: none; }
.info li 				{ padding-left: 20px; background: url('/images/global/arrow.png') no-repeat left top; font-size: 1.4em; color: #5d5d5d; margin-bottom: 5px; }

.zoom					{ font-size: 1.2em; background: url('../images/global/magnifier.png') no-repeat 0px 10px; padding: 10px 0px 8px 20px; }

/* SIDEBAR -VIEW CART */
#viewcart				{ margin: 10px 0px; }

/* SIDEBAR - PRODUCTS LIST */ 
#productlist			{ padding-bottom: 10px; }
#productlist ul 		{ padding-bottom: 30px; }
#productlist li 		{ background: none!important; padding: 10px 0px; border-bottom: 1px solid #1b99cd; }
#productlist li a 		{ color: #1b99cd; padding-left: 20px; }
#productlist li a:hover { color: #57b9ed; }

/* LIGHTBOX */
#jquery-overlay					{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox				{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img			{border:none;}
#lightbox-container-image-box 	{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image 		{padding:10px;}
#lightbox-loading 				{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav 					{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box>#lightbox-nav {left:0;}
#lightbox-nav a 				{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext {width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev 			{left:0;float:left;}
#lightbox-nav-btnNext 			{right:0;float:right;}
#lightbox-container-image-data-box {font-size:11px;background-color:#fff;margin:0 auto;line-height: 1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data 	{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details {width:70%;float:left;text-align:left;}
#lightbox-image-details-caption {font-weight:bold;}
#lightbox-image-details-currentNumber {display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose 		{width:66px;float:right;padding-bottom:0.7em;}				

/* PAGINATION */
#pagination					{ font-size: 1.6em; position: relative; height: 30px; }
#pagination a				{ color: #1b99cd; display: block; width: 200px; }
#pagination a:hover			{ color: #1b99cd; }
#pagination #previous		{ position: absolute; left: 0; top: 0; }
#pagination #page			{ position: absolute; left: 45%; top: 0; }
#pagination #next			{ position: absolute; right: 0; top: 0; text-align: right; }


@media screen and (max-width: 800px) { 


.sw	     					{ width: 100%; margin: 0 auto; text-align: left; position: relative; }
.whiteBox					{ width: 90%; padding: 2.5%; }	
#leftContent					{ width: 100%; padding-right: 0%; border-right: none; }
#sideBar					{ width: 100%; padding-left: 0%; }

.twocol						{ width: 95%; margin-right: 0%; }


.menu				{ position: absolute; display: inline-block; text-transform: uppercase; text-align: center; left: 0px; top: 155px; width: 100%; float: left;  padding: 1em 0; font-size: 1.5em; color: #1b99cd; background-color: #ffe88a; z-index: 9999999999999; }
	
	
header nav				{ display: none; height: 50px; left: 0px; top: 180px; background: none!important; z-index: 1; border: none!important; }

header nav ul			{ padding: 12px 0 12px 0px; }
header nav li			{ display: inline-block; width: 100%!important; color: #fff; background-color: #ffe88a; padding: 10px 0px; border-left: none!important; border-right: none!important; border-top: 1px solid #383838; text-align: center; font-weight: normal; }
header nav li a			{ color: #1b99cd; }
header nav li a:hover	{ color: #57b9ed; }
header nav li a:active  { color: #57b9ed; }


header 					{ height: 180px; z-index: 80; }
#logo, #slogan, #eCommerce, header nav
						{ position: absolute; }
#logo    				{ left: 20px; top: 20px; width: 170px; }
#slogan    				{ right: 40px; top: 65px; }
#eCommerce				{ right: 20px; top: 20px; }
#eCommerce a			{ color: #1b99cd; font-size: 1.2em; }
#eCommerce a span		{ width: 18px; height: 18px; padding: 2px; display: block; color: #fff; font-size: 1.3em; background: #13B5ED; 
						-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-align: center; position: absolute; right: 40px; top:-10px; }
#eCommerce a span:hover { background: #FD0F1D; }



#hero, #heroSlides			{ position: relative; overflow: hidden; height: 360px; background: url('/images/home/hero_bg.jpg') repeat-x center top; }
#heroSlides img 				{ position: absolute; right: 50%; z-index:8; top: 0; margin-right: 0px;  }
#heroSlides img.active 			{ z-index:10; }
#heroSlides img.last-active  	{ z-index:9; }

#hero .heroImg			{ text-align: center; }
.tag					{ width: 90%; position: absolute; left: 2.5%; margin-left: 0px; top: 40px; z-index: 11; }
.tag h1, .tag p 		{ color: #FFF; font-weight: normal; letter-spacing: 1px; }				
.tag h1					{ font-size: 2em; }
.tag p					{ font-size: 1.6em; margin-top: 0px; margin-bottom: 20px; }

footer					{ margin-top: 80px; }

#footerLogo				{ position: absolute; right: 20%; margin-right: 0px; top: -64px; }
#footerMobile, #footerEmail
						{ color: #FFF; font-size: 2em; position: absolute; right: 0%; width: 100%;
						text-align: center;  }
#footerMobile			{ top: 80px; margin-right: 0px; }
#footerEmail			{ top: 120px; margin-right: 0px; }

#copyright, #credit		{ width: 100%; text-align: center; font-size: 1em; }
#copyright				{ left: 0%; margin-left: 0px; margin-top: 175px; }
#credit					{ right: 0%; margin-right: 0px; margin-top: 195px; }

#slogan,
#breadcrumbs,
footer nav 						{ display: none!important; }
}