/* Standard */
body { background: #fff; margin:0 auto; overflow-x:hidden; margin-bottom:0px; padding-bottom:0px; }
html { overflow-x: hidden; }
form { font-family: Montserrat; font-size: 0.8em; color: #444; border:none; margin:0 auto; width:100%; max-width:2000px; min-width:1000px; line-height:1.5em; margin-top:0px; margin-bottom:0px; padding-bottom:0px; }
h1 { font-size: 1.7em; font-weight: 600; color: #222; margin-top:0px; margin-bottom:20px; line-height:1.3em; text-transform:uppercase; }
h2 { font-size: 1.7em; font-weight: 600; color: #222; margin-top:0px; margin-bottom:20px; line-height:1.3em; text-transform:uppercase; }
h3 { font-size: 1.3em; font-weight: lighter; color: #222; margin-top:20px; margin-bottom:20px; line-height:1.3em; }
a:link, a:active, a:visited { color: #7F3661; text-decoration:none; font-weight:normal; }
a:link:hover, a:active:hover, a:visited:hover { color: #5258A5; text-decoration:none; font-weight:normal; }
.input {  }
p { margin-top:0px; }
.gmnoprint img { max-width:none; }
input[type="submit"] { -webkit-appearance:none; }
input:focus { outline:none; }

/* Header */
#header { height:160px; width:100%; position: relative; }
#header .logo { position:absolute; left:50%; margin-left:-120px; top:50%; margin-top:-50px; width:240px; }
#header .logo img { width:240px; }
#header .contact { position: absolute; left:0px; top:20px; font-size:1.3em; color: #323566; line-height:1.2em; font-weight:600; }
#header .contact ul { list-style-type:none; margin-top:0px; margin-left:-20px; }
#header .contact li { border-left: solid 0px #9EA3EF; padding:0px; padding-left:0px; margin-bottom:10px; }
#header .contact li a:link, #header .contact li a:active, #header .contact li a:visited { color: #323566; font-weight:600; }
#header .searchfacility { position: absolute; right:20px; top:10px; }
#header .searchtext { float: left; margin-right:10px;  }
#header .searchbutton { float: left; margin-left:-44px; margin-top:8px; opacity:1; transition:0.25s; }
#header .searchbutton:hover { opacity:0.5; }
#header .searchtext .input { font-family:Montserrat; padding: 10px 42px 10px 14px; background: #E9F0FE; border: solid 0px #E9F0FE; border-radius:18px; color: #00276B; font-size:1.2em; }
#header .searchtext .input:focus { outline:none; opacity:1; }
#header .clear { clear:both; height:0px; }

.topphoto { position: relative; }
.topphoto .label { position: absolute; bottom:0px; right:0px; z-index:5000; }
.topphoto .label .leftedge { background:url(/images/base/categoryleft.png); width:22px; height:50px; display:inline-block; vertical-align:top; }
.topphoto .label .enquire { background: #2C3457; height:22px; padding: 15px 30px 13px 20px; min-width:100px; color: #fff; font-size:1.8em; display:inline-block; vertical-align:top; margin-left:-5px; transition:0.25s; font-weight:600; letter-spacing:0.04em; }
.topphoto .label .enquire a:link, .productdetails .pic .label .enquire a:active, .productdetails .pic .label .enquire a:visited { color: #fff; transition:0.25s; font-weight:600; }
.topphoto .label .enquire a:link:hover, .productdetails .pic .label .enquire a:active:hover, .productdetails .pic .label .enquire a:visited:hover { color: #FFFB26; }
.topphoto .label .enquire:hover { cursor: pointer; color: #FFF028; }

/* Search */
.sitesearch { padding: 20px; padding-bottom:0px; background: #f4f4f4; margin-bottom:20px; }
.sitesearch .searchtitle { float:left; margin-right:15px; padding-top:2px; }
.sitesearch .searchtext { float:left; margin-right:10px; }
.sitesearch .searchbutton { float: left; margin-right:0px; }
.sitesearch .searchtext .input { font-family:Montserrat; padding: 4px 4px; border: solid 1px #ccc; border-radius:2px; }
.sitesearch .searchbutton .input {font-family:Montserrat; background: #2C3457; color: #fff; border: solid 1px #2C3457; padding: 4px 10px; border-radius:2px; transition:0.25s; }
.sitesearch .clear { clear:both; height:0px; }
.searchresults { font-size:0.8em; }

/* Benefits */
.benefits { width:100%; text-align:center; }
.benefit { width:300px; margin:10px; display:inline-block; vertical-align:top; opacity:1; transition:0.25s; }
.benefit:hover { opacity:0.6; }
.benefit img { width:100%; }

/* Menu */
.mobilemenu { display:none; }
#menu {  height:42px; width:100%; z-index:300; position: relative; font-size:1.0em;  margin-bottom:20px; text-align:center; }
#menu ul {margin:0; padding:0; list-style-type: none; text-align:center; width:100%; }
#menu li { display: inline-block; }
#menu li a { display:inline-block; color: #2C3457; background: url(/images/base/menubg1.png); background-position:right; font-size:1.3em; letter-spacing:0.03em; padding: 12px 25px 11px 15px; text-align:left; text-decoration: none; text-transform:uppercase; font-family: Montserrat; font-weight:600; transition:0.25s; }
#menu li a:hover { color: #fff;  background: url(/images/base/menubg1-over.png); background-position:right; }
#menu li.menunosubmenu a { display:inline-block; color: #2C3457; background: url(/images/base/menubg1a.png); background-position:right; font-size:1.3em; letter-spacing:0.1em; padding: 12px 15px 11px 15px; text-align:left; text-decoration: none; text-transform:uppercase; font-family: Montserrat; font-weight:600; transition:0.25s; }
#menu li.menunosubmenu a:hover { color: #fff;  background: url(/images/base/menubg1a-over.png); background-position:right; }
#menu ul ul { display: none; position: absolute; top: auto; left: auto; margin-left: 0px; width:150px; background:none; }
#menu ul li.menu2 ul { margin-left:-3px; }
#menu ul li.menu3 ul { margin-left:0px; }
#menu ul li.menu4 ul { margin-left:-5px; }
#menu li:hover ul { display: block;  }
#menu li li a { width: 145px; color: #fff; padding:11px 25px 11px 15px; background: url(/images/base/menubg1a-over.png); text-transform:capitalize; letter-spacing:0; font-weight:300; font-size:1.1em; transition:0.25s; }
#menu li.menu1 li a { width:190px; }
#menu li.menu2 li a { width:105px; }
#menu li.menu3 li a { width:146px; }
#menu li.menu4 li a { width:100px; }
#menu li.menu5 li a { width:148px; }
#menu li.menu6 li a { width:145px; }
#menu li li a:hover { color: #CFCEE5; background: url(/images/base/menubg1a-over.png); }

/* Structure */
#content { position: relative; width:100%; background:#fff; }
#main { position:relative; top:0px; background: #fff; }
.clear { clear:both; height:0px; }

/* Certifications */
.certifiedtext { float:left; width:calc(100% - 200px); vertical-align:middle; }
.certifiedimage { float:left; width:150px; margin-right:50px; text-align:right; vertical-align:middle; }

/* Body Care */
.bodycare { font-size:1.0em; }
.bodycare .pic { width:100%; }
.bodycare .pic img { width:100%; }
.bodycare .introtext { text-align:center; padding: 20px 150px;  }
.bodycare .introtext2 { text-align:center; padding: 10px 0px;  }
.bodycare .introtext3 { text-align:center; padding: 10px 0px;  }
.bodycare .text .column1 { width:calc(50%  - 130px); float:none; display:inline-block; vertical-align:top; margin-right:90px; padding:0px; margin-left:0px; padding-left:80px; background:url(/images/base/bodycarelogos.png) no-repeat; line-height:1.7em; background-size: auto calc(100% - 20px); }
.bodycare .text .column2 { width:calc(50%  - 50px); float:none; display:inline-block; vertical-align:top; padding:0px; margin-right:0px; line-height:1.45em;  }
.bodycare .text .column3 { width:calc(50%  - 100px); float:none; display:inline-block; vertical-align:top; padding:0px; margin-right:0px; line-height:1.45em; border-left:solid 2px #dd0000; border-right:solid 2px #ED2535; padding:0px 35px; margin-bottom:40px; }
.bodycare .text .column4 { width:calc(50%  - 60px); float:none; display:inline-block; vertical-align:top; padding:0px; margin-right:0px; line-height:1.45em; border-right:solid 2px #dd0000; padding:0px 35px; margin-bottom:40px; }
.bodycare .text .column5 { width:calc(50%  - 30px); float:none; display:inline-block; vertical-align:top; margin-right:30px; padding:0px; margin-left:0px; line-height:1.7em; }
.bodycare .text .column6 { width:calc(50%  - 130px); float:none; display:inline-block; vertical-align:top; margin-right:90px; padding:0px; margin-left:0px; padding-left:80px; background:url(/images/base/montecarelogos1.png) no-repeat; line-height:1.7em; background-size: auto calc(100% - 20px); }
.bodycare .text .column7 { width:calc(50%  - 130px); float:none; display:inline-block; vertical-align:top; margin-right:0px; padding:0px; margin-left:0px; padding-left:80px; background:url(/images/base/montecarelogos2.png) no-repeat; line-height:1.7em; background-size: auto calc(100% - 20px); }
.bodycare .text .column8 { width:calc(50%  - 50px); float:none; display:inline-block; vertical-align:top; padding:0px; margin-right:0px; line-height:1.45em;  }
.bodycare .text .column5 img { width:100%; }
.bodycare .text .column2::first-letter { font-size: 3.0em; color: #dd0000; float: left; line-height: 40px; padding: 7px 3px 0px 0px; }
.bodycare .text .column8::first-letter { font-size: 3.0em; color: #399CDC; float: left; line-height: 40px; padding: 7px 3px 0px 0px; }
.bodycare .text h3 { color: #dd0000; margin-bottom:5px;  margin-top:0px;}
.bodycare .introtext2 .item { display:inline-block; vertical-align:middle; margin-right:0px; }
.bodycare .introtext2 .item2 { display:inline-block; vertical-align:middle; margin-right:40px; }
.bodycare .introtext2 .item3 { display:inline-block; vertical-align:middle; text-align:right;}
.bodycare .introtext2 img { height:30px; }
.bodycare .introtext3 .item { display:inline-block; vertical-align:middle; margin-right:0px; }
.bodycare .introtext3 .item2 { display:inline-block; vertical-align:middle; margin-right:40px; }
.bodycare .introtext3 .item3 { display:inline-block; vertical-align:middle; text-align:right;}
.bodycare .introtext3 img { height:30px; }
.bodycare .introtext2 a:link, .bodycare .introtext2 a:active, .bodycare .introtext2 a:visited { color: #222; transition:0.25s; text-decoration:none; }
.bodycare .introtext2 a:link:hover, .bodycare .introtext2 a:active:hover, .bodycare .introtext2 a:visited:hover { color: #dd0000; transition:0.25s; text-decoration:none; }
.bodycare .introtext3 a:link, .bodycare .introtext3 a:active, .bodycare .introtext3 a:visited { color: #222; transition:0.25s; text-decoration:none; }
.bodycare .introtext3 a:link:hover, .bodycare .introtext3 a:active:hover, .bodycare .introtext3 a:visited:hover { color: #399CDC; transition:0.25s; text-decoration:none; }

/* Categories */
.category { }
.category h1 { text-transform:uppercase; text-align:center; color: #444; font-size:2.7em; margin-bottom:0px; }
.category .pic { width:100%; position: relative; margin-bottom:20px; }
.category .pic img { width:100%; }
.category .pic .label { position: absolute; bottom:0px; right:0px; }
.category .pic .label .leftedge { background:url(/images/base/categoryleft.png); width:22px; height:50px; display:inline-block; vertical-align:top; }
.category .pic .label .catname { background: #2C3457; background-position:right; height:22px; padding: 14px 60px 14px 20px; min-width:100px; font-weight:600; color: #fff; font-size:1.8em; letter-spacing:0.04em; display:inline-block; vertical-align:top; margin-left:-5px; position: relative; }
.category .pic .label .catname .icon { position: absolute; right:10px; top:10px; width:30px; }
.category .pic .label .catname .icon img { width:30px; }
.category .productcaptions { margin-top:40px; }
.category .product { width:100%; border-top: solid 2px #ddd; padding: 30px 0px; }
.category .product .photo1 { width:200px; background: #eee; height:200px; text-align:center; float:left; position: relative; }
.category .product .photo2 { width:200px; background: #eee; height:200px; text-align:center; float:right; position: relative; }
.category .product img { height:100%; }
.category .product .moreinfo { position: absolute; right:0px; bottom:0px;  }
.category .product a:link, .category .product a:active, .category .product a:visited { display:block; background:url(/images/base/more.png); width:140px; height:30px; padding:0px 0px 0px 10px; color: #fff; font-weight:600; text-decoration:none; font-size:0.9em; opacity:1; transition:0.25s; }
.category .product a:link:hover, .category .product a:active:hover, .category .product a:visited:hover { text-decoration:none; background:url(/images/base/more_over.png); color: #FFEB3F; font-weight:600; }
.category .product .desc1 { float:left; width:calc(100% - 240px); padding-left:40px; }
.category .product .desc2 { float:left; width:calc(100% - 240px); padding-right:40px; }
.category .product .clear { clear:both; height:0px; } 
.category .product h2 { color: #555; text-transform:none; margin-top:0px; }

/* Brands */
.brands { text-align:center; }
.brands .brand { width: 240px; margin:40px; display:inline-block; vertical-align:top; }
.brands .brand img { width:100%; }

/* Products */
.productdetails { }
.productdetails h1 { text-transform:uppercase; text-align:center; color: #444; font-size:2.7em; margin-bottom:0px; }
.productdetails .pic { width:100%; position: relative; margin-bottom:30px; }
.productdetails .pic .desktop { display:block; }
.productdetails .pic .mobile { display:none; }
.productdetails .pic img { width:100%; }
.productdetails .pic .label { position: absolute; bottom:0px; right:0px; }
.productdetails .pic .label .leftedge { background:url(/images/base/categoryleft.png); width:22px; height:50px; display:inline-block; vertical-align:top; }
.productdetails .pic .label .enquire { background: #2C3457; height:22px; padding: 15px 30px 13px 20px; min-width:100px; color: #fff; font-size:1.8em; display:inline-block; vertical-align:top; margin-left:-5px; transition:0.25s; font-weight:600; letter-spacing:0.04em; }
.productdetails .pic .label .enquire a:link, .productdetails .pic .label .enquire a:active, .productdetails .pic .label .enquire a:visited { color: #fff; transition:0.25s; font-weight:600; }
.productdetails .pic .label .enquire a:link:hover, .productdetails .pic .label .enquire a:active:hover, .productdetails .pic .label .enquire a:visited:hover { color: #FFFB26; }
.productdetails .pic .label .enquire:hover { cursor: pointer; color: #FFF028; }
.productdetails .range { margin:20px 40px; display:inline-block; width:240px; vertical-align:top; }
.productdetails .range img  { width:100%; }
.productdetails .separator2 { background:url(/images/base/separator.png); width:600px; height:50px; text-align:center; margin:40px 0px; position: relative; left:50%; margin-left:-300px; }
.productdetails .left { float:left; width:calc(100% - 350px); margin-top:-20px; }
.productdetails .right { float:left; margin-left:50px; width:300px; }
.productdetails .right .photo { width:300px; height:225px; margin-top:50px; position: relative; }
.productdetails .right .photobox { position: absolute; width:300px; height:225px; overflow:hidden; top:0px; left:0px; }
.productdetails .right .slider { position: absolute; background:url(/images/base/slider.png); width:38px; height:225px; left:50%; margin-left:-19px; z-index:200;  }
.productdetails .right img { width:300px; }
.productdetails .right .slider:hover { cursor: pointer; }
.productdetails .separator2 .icon { position: absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; width:50px; height:50px; filter: brightness(0.75); }
.productdetails .separator2 .icon img { width:100%; }

.productdetails .productcaptionholder { width:970px; min-width:970px; position: relative; height:250px; }
.productdetails .productcaptionholder .prev { position: absolute; left:10px; top:50%; margin-top:-35px; opacity:0.7; transition:0.25s; }
.productdetails .productcaptionholder .next { position: absolute; right:0px; top:50%; margin-top:-35px; opacity:0.7; transition:0.25s; }
.productdetails .productcaptionholder .prev:hover { cursor: pointer; opacity:1; }
.productdetails .productcaptionholder .next:hover { cursor: pointer; opacity:1; }
.productdetails .productcaptions { min-width:970px; width:970px; text-align:center; margin-bottom:40px; overflow-y:hidden; overflow-x:hidden; height:250px; position: relative; }
.productdetails .productcaptions .item { width:225px; height:225px; background: #eee; margin: 10px 10px; text-align:center;position: relative; display:inline-block; }
.productdetails .productcaptions .item img { height:225px; text-align:center; margin-top:10px; }
.productdetails .productcaptions .item .link { position: absolute; bottom:0px; right:0px; background: url(/images/base/link.png); color: #fff; font-size:0.9em; padding:6px 15px 6px 15px; height:28px; overflow:hidden; text-align:right; max-width:180px; }
.productdetails .productcaptions a:link, .productdetails .productcaptions a:active, .productdetails .productcaptions a:visited { color: #fff; text-decoration:none; transition:0.25s; background:none; display:block; }
.productdetails .productcaptions a:link:hover, .productdetails .productcaptions a:active:hover, .productdetails .productcaptions a:visited:hover { color: #FFEB3F; text-decoration:none; }
.productdetails .productcaptions .clear { clear:both; height:0px; }
.productdetails .productcaptions .holder { width:1000px; left:0px; position: relative; }

/* Enquiry form */
.text .contactform .input { background: #313566; padding:10px 20px; font-size:1.5em; color: #fff; border: solid 0px #fff; border-radius:4px; margin-bottom:0px; transition:0.25s; text-transform:uppercase; font-weight:bold; letter-spacing:0.05em; }
.text .contactform .input:hover { cursor: pointer; background: #5860B5; }
.text .enquiryform { font-size:0.9em; line-height:1.3em; height:520px; margin-top:-280px; }
.text .enquiryform .clear { clear:both; height:10px; }
.enquiryformbg { background:url(/images/base/formbg.png); position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000; }
.enquiryform { position: absolute; left:50%; margin-left:-320px; top:50%; margin-top:-270px; background:#fff; padding:20px; width:600px; height:500px; font-size:1.2em; }
.standard .enquiryform { position:relative; left:0px; margin-left:0px; top:0px; margin-top:0px; width:auto; height:auto; padding:0px; font-size:1.0em; margin-bottom:50px; line-height:1.6em; }
.enquiryform .close { position: absolute; top:10px; right:10px; opacity:0.25; transition:0.25s; }
.enquiryform .close:hover { opacity:1; cursor:pointer; }
.enquiryform .intro { margin-bottom:30px; }
.enquiryform .title { float:left; width:120px; margin-right:10px; padding-top:5px; }
.enquiryform .value { float:left; width:calc(100% - 130px); }
.enquiryform .clear { clear:both; height:10px; }
.standard .enquiryform .intro { margin-bottom:20px; }
.standard .enquiryform .title { float:left; width:150px; margin-right:10px; padding-top:3px; }
.standard .enquiryform .value { float:left; width:calc(100% - 160px); }
.standard .enquiryform .clear { clear:both; height:15px; }
.standard .enquiryform .submit { position: relative; bottom:0px; right:0px; }
.enquiryform .input { font-family:Montserrat; padding: 4px 5px; font-size:1.0em; border: solid 1px #ccc; }
.enquiryform .submit { position: absolute; bottom:15px; right:15px; }
.enquiryform .submit .input { padding:7px 20px;font-size:1.2em; background: #eee; border: solid 1px #aaa; transition:0.25s; } 
.enquiryform .submit .input:hover { background: #444; border: solid 1px #444; color: #fff; cursor:pointer; }

/* Base */
#base { width:100%; background: #2C3457; color: #fff; }
#base .sections { line-height:1.4em; font-weight:normal; color: #fff; text-align:center; margin-top:0px; font-size:1.0em; padding: 30px 0px; position: relative; width:1800px; max-width:100%; margin:0 auto; text-align:center; }
#base .section { display:inline-block; vertical-align:top; width: 300px; margin-left:30px; text-align:left; position:relative; line-height:1.4em; }
#base .pic { width:300px; height:225px; overflow:hidden; }
#base h3 { display:none; }
#base .pic img { width:100%; transition:0.25s; }
#base .pic img:hover { opacity:0.75; }
#base .loc { margin-top:-34px; height:20px; background: url(/images/base/label.png); color: #2C3457; text-transform:uppercase; font-size:1.3em; font-weight:600; padding: 9px 5px 5px 10px; text-align:left; position: relative; z-index:1000; margin-bottom:20px; letter-spacing:0.05em; }
#base .clear { clear:both; height:0px; }
#base .desc { line-height:1.7em; font-size:1.1em; }
#base a:link, #base a:active, #base a:visited { color: #fff; text-decoration:underline; font-weight:normal; transition:0.25s; }
#base a:link:hover, #base a:link:hover, #base a:visited:hover { color: #FBFF47; text-decoration:underline; font-weight:normal; }

/* Base Menu */
#basemenu { width:100%; background: #349839; color: #fff; text-align:center; }
#basemenu .menucolumn { display:inline-block; vertical-align:top; margin: 20px 0px 0px 0px; width:180px; text-align:left; }
#basemenu ul { list-style-type:none; padding:0px; margin-top:0px; }
#basemenu a:link, #basemenu a:active, #basemenu a:visited { color: #eee; transition:0.25s; }
#basemenu a:link:hover, #basemenu a:active:hover, #basemenu a:visited:hover { color: #FBFF47; }
#basemenu h3 { margin-top:0px; margin-bottom:10px; font-weight:600; color: #fff; font-size:1.1em; }
#basemenu .divider { padding-left:20px; margin-right:20px; border-left: solid 1px #7FD882; height:110px; margin-bottom:10px; display:inline-block; vertical-align:top; margin-top:10px; }

/* Footer */
#footer { background: #EAEFFF; line-height:1.7em; font-weight:normal; color: #444; text-align:center; margin-top:0px; font-size:0.9em; padding: 10px 20px; }
#footer a:link, #footer a:active, #footer a:visited { color: #2E3357; text-decoration:underline; font-weight:normal; }
#footer a:link:hover, #footer a:active:hover, #footer a:visited:hover { color: #7280D8; text-decoration:underline; font-weight:normal; }
#footer .social .fab { font-size:2em; color: #323566; padding: 10px 5px }
#footer .social .fab:hover { opacity:0.75; }

/* Photo Gallery */
#photos {  }
.photogallery {
  width: 100%;
  position: relative;
  background: #f8f8f8;
  overflow: hidden;
  aspect-ratio: 4 / 1; 
  margin-bottom: 20px;
  /* remove height:0 and padding-top */
}

.photogallery .photos {
  width: 100%;
  position: relative;   /* was absolute */
}

.photogallery .photo {
  width: 100%;
  height: auto;
  display: block;
  position: relative;   /* was absolute */
}

.photogallery .photo img {
  width: 100%;
  height: auto;
  display: block;
}
.photogallery .overlay { position: absolute; top: 90px; width:100%; height:120px; background:url(/images/base/overlay.png); display:none; }
.photogallery .options { position: absolute; top:50%; left:0px; margin-top:-20px; width:calc(100% - 40px); z-index:100;  }
.photogallery .options .moveleft { position: absolute; left:35px; opacity:0.75; transition:0.25s; }
.photogallery .options .moveright { position: absolute; right:0px; opacity:0.75; transition:0.25s; }
.photogallery .options .moveleft:hover { opacity:1; }
.photogallery .options .moveright:hover { opacity:1; }
.photogallery .options img { height:100%; }
.photogallery .options img:hover { cursor: pointer; }
.photogallery .options .title { margin-top:75px; margin-left:20px; color: #fff; font-weight: bold; font-family: Montserrat; }
.photogallery .labels { position: absolute; bottom:20px; margin-left:20px; z-index:120; left:50%; display:none; }
.photogallery .labels .label { float: left; width:20px; height:20px; margin-right:4px; text-align:center; color: #fff; font-weight:bold; background: url(/images/base/photolabel.png); z-index: 100; font-family:Montserrat; font-size:1.4em; }
.photogallery .labels .label:hover { background: url(/images/base/photolabelselected.png); cursor: pointer; }
.photogallery .labels .selectedlabel { float: left; width:20px; height:20px; margin-right:4px; text-align:center; color: #fff; font-weight:bold; background: url(/images/base/photolabelselected.png); z-index: 200; font-family:Montserrat; font-size:1.4em;}
.photogallery .review { position: absolute; bottom:0px; z-index:10000; background:Red; color: #fff; text-align:center; width:calc(100% - 20px); background: #323566; padding: 12px 10px; }
.photogallery .review .author { color: #C5C8E8; font-style: italic; }

.charity .photogallery { width:300px; height:400px; background: #f8f8f8; padding-top:0px;  }
.charity .photogallery .photos { width:300px; height:400px; }
.charity .photogallery .photo  { width:300px; height:400px; top:0px; left:0px; }
.charity .photogallery .photo img { width:300px; height:400px; }
.charity .photogallery .options { position: absolute; top:50%; left:0px; margin-top:-20px; width:300px; height:40px; z-index:100;  z-index:1000; }
.charity .photogallery .options .moveleft { position: absolute; left:10px; opacity:0.75; transition:0.25s; height:30px; }
.charity .photogallery .options .moveright { position: absolute; right:10px; opacity:0.75; transition:0.25s;  height:30px; }
.charity .photogallery .options .moveleft img { height:40px; width:auto; }
.charity .photogallery .options .moveright img { height:40px; width:auto; }
.charity .photogallery .labels { display:block; bottom:10px; }
.charity .photogallery .labels .label { width:16px; height:16px; background: #fff; border: solid 0px #fff; border-radius:50%; opacity:0.5; transition:0.25s; }
.charity .photogallery .labels .label:hover { opacity:0.75; }
.charity .photogallery .labels .selectedlabel  { width:16px; height:16px; background: #fff; border: solid 0px #fff; border-radius:50%; }
.productdetails .right .charity .photo { width:300px; height:400px; margin-top:0px;  }

/* Logos */
.logoholder { background: #fff; padding:10px; width: calc(100% - 20px); height:60px; overflow:hidden;  }
.logoholder .logos { }
.logoholder .logos img { width:60px; margin-right:10px; }

/* Careers */
.careers h3 { margin-bottom:10px; font-weight:600; }
.careers .vacancy { margin-top:25px; padding-top:0px; border-top: solid 1px #eee; }
.careers .desc { margin-top:20px; }
.careers .link { margin-top:10px; }

/* NewsItems */
.newsitems h3 { margin-bottom:10px; font-weight:600; }
.newsitems h3 a:link, .newsitems h3 a:active, .newsitems h3 a:visited { color: #444; text-decoration:none; font-weight:600; }
.newsitems h3 a:link:hover, .newsitems h3 a:active:hover, .newsitems h3 a:visited:hover { text-decoration:none; font-weight:600; }
.newsitems .newsitem { margin-top:25px; padding-top:0px; border-top: solid 1px #eee; }
.newsitems .pic { width: 100%; margin: 20px 0px; text-align:left; }
.newsitems .pic:hover { cursor: pointer; }
.newsitems .link { margin-top:10px; }
.newsitems .pic img { max-width:100%; }
.newsitems .desc { margin-top:20px; }
.newsitems .photos { margin-left:-20px; }
.newsitems .photo { margin-left:20px; margin-bottom:20px; float:left; width:300px; }
.newsitems .photo img { width:100%; }
.newsitems .video { margin:20px 0px; max-width:100%; }

/* Google Map */
.map { width:100%; height:400px; border: none; position:relative; margin-bottom:20px; margin-top:20px; }
.map .marker { font-family:Montserrat; font-size:1.0em; margin-bottom:0px; color: #555; width:400px; }
.map .marker .picture { float:left; width: 125px; margin-right:10px; }
.map .marker .details { float:left; }
.map .description { font-size: 0.9em; font-family: Montserrat; }
#directions { margin-bottom:20px; position: relative;  }
#directions .controls { left:50%; margin-left:-125px; position: relative; }
#directions .button { font-size:1.0em; padding: 3px 15px; }
.showdirections { background: #f6f5f5; width:90%; }
.overlay { width:450px; }
.overlaytitle { margin-top:-10px; }
.overlay .description h2 { color: #222; font-size:1.4em; font-weight:bold;  font-family: Montserrat; padding-bottom:4px; border-bottom: dotted 1px #aaa; margin-bottom:6px; }
.overlay .description { width:260px; color: #555;  font-family: Montserrat; font-size:1.0em; }
.map a:link, .map a:active, .map a:visited { color: #403C3D; text-decoration:none; font-weight:normal; }
.map a:link:hover, .map a:active:hover, .map a:visited:hover { color: #91bb3d; text-decoration:none; font-weight:normal; }

/* Testimonials */
.testimonials { position: relative; background: #fff; margin: 0px; border-top: solid 0px #ddd6d0; border-bottom: solid 0px #ddd6d0; height: 220px; text-align:center; width:100%; padding:0px; font-size:1.4em; margin-bottom:40px; }
.testimonials .left2 { float:left; width:125px; margin-left:0px; padding-left:0px;  }
.testimonials .center2 { float:left; width:calc(100% - 250px); text-align:center; }
.testimonials .right2 { float:right; width:125px; text-align:left; }
.testimonials .item { text-align:center; width:calc(100% - 350px); padding: 0px 50px; }
.testimonials .item .desc { line-height:1.6em; color: #444; max-height: 130px; overflow:hidden; margin-bottom:10px; font-style:normal; text-align:center;  }
.testimonials .item .owner { font-style:normal; color: #222; font-weight:bold;  }
.testimonials h2 { color: #222; width:calc(100% - 20px); padding: 0px; font-size:1.3em; font-weight:bold; font-family: Kameron; margin-bottom:10px; margin-top:20px; display:none; }
.testimonials .labels { position: absolute; bottom:12px; z-index:120; left:50%;  }
.testimonials .labels .label { float: left; width:14px; height:14px; margin-right:10px; text-align:center; color: #fff; font-weight:bold; background: #ddd; border: solid 0px #ddd; border-radius:7px; z-index: 100; font-family:Montserrat; font-size:1.4em; transition:0.25s; }
.testimonials .labels .label:hover { background: #bbb; cursor: pointer; }
.testimonials .labels .selectedlabel { float: left; width:14px; height:14px; margin-right:10px; text-align:center; color: #fff; font-weight:bold; background: #bbb; border: solid 0px #ddd; border-radius:7px; z-index: 100; font-family:Montserrat; font-size:1.4em; }

/* Top Testimonials */
.testimonials2 { padding:15px 20px; width:calc(100% - 40px); border-top: solid 0px #9198EA; background: #323566; height:130px; font-size:1.5em; }
.testimonials2 h3 { text-align:center; font-size:1.4em; text-transform:uppercase; letter-spacing:0.1em; color: #C5C8E8; margin-top:0px; margin-bottom:14px; }
.testimonials2 .item { float:left; width: 280px; padding-right:19px; border-right: solid 1px #9198EA; margin-right:30px; height:90px; }
.testimonials2 .itemlast { float:left; width: 280px; }
.testimonials2 .desc { color: #fff; font-size:1.0em; }
.testimonials2 .name { margin-top:8px; color: #444; font-style:normal; }
.testimonials2 .clear { clear:both; height:0px; }

/* News */
.newsitem { padding-top:0px; margin-top:20px; border-top: solid 1px #ddd;}
.newsitem h2 { font-size:1.2em; font-weight:bold; }
.newsitem .text { text-align:left; }
.newsitem .date { font-weight:normal; color: #999; font-size:1.2em; }

/* Text */
.text { color: #222; font-size:1.4em; line-height:1.6em; text-align:left; padding: 20px 0px; margin-bottom:0px; font-family:Montserrat; left:50%; margin-left:-480px; width:960px; position: relative; }
.text h3 { font-weight:600; }
.text a:link, .text a:active, .text a:visited { color: #7F3661; text-decoration:underline; font-weight:normal; }
.text a:link:hover, .text a:active:hover, .text a:visited:hover { color: #C65599; text-decoration:underline; font-weight:normal; }
.text ul { text-align:left; padding: 0px 40px; }
.text table { border: solid 0px #ccc; border-collapse: collapse; }
.text td { border: solid 0px #ccc; border-collapse:collapse; padding: 5px 7px }
.text .input { font-family: Montserrat; font-size:1.0em; }
.text .title { float:left; width:120px; margin-right:10px; padding-top:3px; }
.text .value { float:left; width:calc(100% - 130px); }
.text .clear { clear:both; height: 30px; }
.text .button { font-size:1.3em; color: #fff; background: #444; border: solid 1px #444; border-radius:3px; font-family: Montserrat; padding:8px 20px; }
.text .button:hover { cursor: pointer; background: #7F3661; border: solid 1px #7F3661; }
.text .button:focus { outline:none; }
.text .links { margin-bottom:30px; }
.text .linkbutton { margin:30px 0px; display: block; }
.text .linkbutton a:link, .text .linkbutton a:active, .text .linkbutton a:visited { background: #444; color: #fff; padding: 9px 20px; font-size:1.2em; text-decoration:none; }
.text .linkbutton a:link:hover, .text .linkbutton a:active:hover, .text .linkbutton a:visited:hover { background: #555;  text-decoration:none; text-decoration:none; }
.text .pic { text-align:center; margin-bottom:30px; }
.text .newsitem .pic { text-align:left; margin-bottom:30px; }
.text .column1 { float:left; width: calc(33% - 30px); margin-left:10px; margin-right:40px; text-align:left; }
.text .column1 img { width:100%; }
.text .column2 { float:left; width: calc(33% - 30px); margin-right:40px; text-align:left; }
.text .column3 { float:left; width: calc(33% - 30px); margin-right:0px; text-align:left; }
.input2 { font-family: Montserrat; background: #CC1473; color: #fff; border: solid 1px #CC1473; border-radius:3px; padding: 3px 15px; font-size:1.1em; }
.input2:hover { cursor: pointer; background: #EF1787; border-color: #EF1787; }
.input2:focus { outline:none; }
.separator { border-bottom: solid 2px #ddd; margin-top:0px; margin-bottom:30px; width:600px; text-align:center; position: relative; left:50%; margin-left:-300px; }

/* Pic Lniks */
.piclinks { margin-left:0px; padding-bottom:30px; background:#fff;  padding-top:0px; margin-top:0px; text-align:center; }
.piclinks .link { display:inline-block; vertical-align:middle; margin: 0px 20px; margin-bottom:0px; width:120px; opacity:1; transition:0.25s; }
.piclinks .link:hover { opacity:0.5; }
.piclinks .link img { width:100%; }

/* Portal */
.portal { font-size:1.2em; margin-top:60px; padding:20px; }
.portal h3 { margin:30px 0px; }
.portal .document { margin-bottom:25px; padding-bottom:25px; border-bottom: solid 1px #eee; }
.portal .document h3 { margin-bottom:10px; font-size:1.2em; font-weight:600; margin-top:0px;  }
.login { padding: 10px; padding-bottom:20px; background: #eee; max-width:400px; width:calc(100% - 20px); margin-top:40px; margin-bottom:60px; }
.login h2 { margin-left:-10px; margin-top:-10px; background: #222; padding: 10px; text-align:center; color: #fff; border-bottom: solid 1px #fff; width:100%; margin-bottom:30px; font-size:1.3em; }
.login .item { width: 120px; float:left; margin-right:5px; padding-top:6px; margin-left:10px;}
.login .value { width: calc(100% - 135px); float: left; }
.login .input { border: solid 1px #aaa; border-radius:0px; padding: 5px; background:#fff; max-width:calc(100% - 10px); color: #444; font-size:1.0em; }
.login .clear { clear:both; height:20px; }
.login .submit {  text-align:right; margin-right:10px; }
.login .button { background: #333566; color: #fff; border:solid 1px #333566; font-size:1.2em; padding:6px 20px; font-family:Montserrat; letter-spacing:0.05em; }
.login .button:hover { background: #222444; border-color: #222444; cursor: pointer; }
.loggedin { color: #888;line-height:1.6em; }
.loggedin a:link, .loggedin a:active, .loggedin a:visited {  color: #323566; text-decoration:underline; }
.loggedin a:link:hover, .loggedin a:active:hover, .loggedin a:visited:hover { color: #8E89D3; text-decoration:underline; }

/* AJAX Calendar */
.calendar .ajax__calendar_container { background: #d9d9d9; z-index:255; }
.calendar table { background: #fff; padding: 0; font-size: 0.9em; }
.calendar td { padding: 1px; }
.calendar .ajax__calendar_active { background: #018287; color: #fff; }
.calendar .ajax__calendar_other { background: #e9e9e9; color: #333; }
.calendar .ajax__calendar_day { margin: 1px; padding: 0; }
.calendar .ajax__calendar_day:hover { border: 1px solid #018287; margin: 0; }

@media only screen and (max-width: 960px)
{
	form { max-width:100%; min-width:100%; }
	
	/* Header */
	#header { height:270px; }
	#header .logo { position:absolute; left:50%; margin-left:-120px; top:0px; margin-top:0px; }
	#header .contact { position: absolute; left:0px; top:110px; font-size:1.0em; color: #323566; line-height:1.2em; font-weight:600; width:100%; }
	#header .contact ul { list-style-type:none; margin-top:0px; margin-left:-40px; text-align:center; }
	#header .contact li { border-left: solid 0px #9EA3EF; padding:0px; padding-left:0px; margin-bottom:10px; text-align:center; }
	#header .searchfacility { position: absolute; width:100%; text-align:center; top:220px; }
	#header .searchtext { float: none; display:inline-block; margin-left:40px; vertical-align:top;  }
	#header .searchbutton { float: none; display:inline-block; vertical-align:top; }
	.searchresults { font-size:0.9em; }
	
	/* Menu */
	.mobilemenu { display:block; position: absolute; top:10px; right:10px; transition:0.25s; opacity:0.75; }
	.mobilemenu:hover { opacity:1; cursor:pointer; }
	#menu { display:none; }
	
	.benefit { width:150px; }
	
	#basemenu { padding:20px 0px; }
	#basemenu .menucolumn { display:block; vertical-align:top; margin: 0px; width:100%; text-align:center; height:auto; }
	#basemenu .divider { padding-left:0px; margin-right:0px; border-left: none; border-bottom:solid 1px #777; width:100%; margin-bottom:20px; padding-bottom:10px; display:none; margin-top:0px; height:0px; }
	#basemenu h3 { margin-top:20px; }
	
	/* Body Care */
	.bodycare .introtext { text-align:center; padding: 20px 0px;  }
	.bodycare .text .column1 { width:calc(100%  - 70px); margin-right:0px; padding:0px;  padding-left:70px; line-height:1.6em; background-size: auto calc(100% - 10px); }
	.bodycare .text .column2 { width:100%; padding:20px 0px 0px 0px; }
	.bodycare .text .column3 { width:100%; border-left:none; border-right:none; padding:0px 0px; margin-bottom:0px; }
	.bodycare .text .column4 { width:100%; border-left:none; border-right:none; padding:0px 0px; margin-bottom:30px; }
	.bodycare .text .column5 { width:100%; border-left:none; border-right:none; padding:0px 0px; margin-bottom:0px; }
	.bodycare .text .column6 { width:100%; border-left:none; border-right:none; padding:0px 0px; margin-bottom:0px; padding-left:70px; line-height:1.6em; background-size: auto calc(100% - 10px);}
	.bodycare .text .column7 { width:100%; border-left:none; border-right:none; padding:0px 0px; margin-bottom:0px; padding-left:70px; line-height:1.6em; background-size: auto calc(100% - 10px); }
	.bodycare .text .column8 { width:100%; padding:20px 0px 0px 0px; }
	.bodycare .text h3 { color: #ED2535; margin-bottom:5px;  margin-top:0px;}
	.bodycare .introtext2 .item { display:inline-block; vertical-align:middle; margin-right:0px; }
	.bodycare .introtext2 .item2 { display:inline-block; vertical-align:middle; margin-right:40px; }
	.bodycare .introtext2 .item3 { display:inline-block; vertical-align:middle; text-align:right;}
	.bodycare .introtext2 img { height:30px; }
	.bodycare .introtext2 a:link, .bodycare .introtext2 a:active, .bodycare .introtext2 a:visited { color: #222; transition:0.25s; text-decoration:none; }
	.bodycare .introtext2 a:link:hover, .bodycare .introtext2 a:active:hover, .bodycare .introtext2 a:visited:hover { color: #ED2535; transition:0.25s; text-decoration:none; }
	.bodycare .text .column2::first-letter { line-height: 30px; padding: 6px 3px 0px 0px; }
	.bodycare .text .column8::first-letter { line-height: 30px; padding: 6px 3px 0px 0px; }
	
	/* Roll out menu */
	.rolloutmenu { position: absolute; left:0; top:0px; width:100%; background: #75778F; z-index:6000; padding-bottom:40px;  }
	.rolloutmenu .rolloutmenuinner { padding: 10px 0px 30px 0px;  }
	.rolloutmenuinner h2 { text-align:left; text-transform:uppercase;  font-size:2.0em; padding-top:0px; color: #fff; margin-top:15px; margin-left:20px;  }
	.rolloutmenu .logo { width: 100%; height:120px; border-bottom: solid 1px #8C8C75; text-align:center; position: relative; z-index:0; }
	.rolloutmenu .close { position: absolute; top:10px; right:10px; z-index:100; transition:0.25s; opacity:0.75; }
	.rolloutmenu .close:hover { cursor: pointer; opacity:1;}
	.rolloutmenu .rolloutleft { float:left; width:0%; }
	.rolloutmenu .rolloutcentre { float:left; width:100%; margin-top:-20px; }
	.rolloutmenu .rolloutright { float:left; width:0%; text-align:center; }
	.rolloutmenu .menu { text-transform:uppercase; font-size:1.1em; position: relative;  }
	.rolloutmenu .menu ul {margin:0; padding:0; list-style-type: none; }
	.rolloutmenu .menu li {}
	.rolloutmenu .menu li a { padding: 8px 0px 7px 0px; border-bottom: solid 1px #A9A9CC; text-align:left; padding-left:20px; display:block; color: #fff; text-decoration:none; letter-spacing:0.0em; font-weight:400; text-transform:none; transition:0.25s; }
	.rolloutmenu .menu li a:hover { color: #fff; text-decoration:none; background: #5F5F72; transition:0.25s; }
	.rolloutmenu .menu li li a { padding-left:40px; }
	
	/* General Text */
	.text { color: #222; font-size:1.1em; line-height:1.6em; text-align:left; padding: 20px 20px; margin-bottom:0px; font-family:Montserrat; left:0px; margin-left:0px; width:calc(100% - 40px); position: relative; }
	.text img { max-width:100%; height:100%; }
	.text .right img { max-width:1000px; }
	.separator { width:80%; left:50%; margin-left:-40%; }

	/* Awards */
	.certifiedtext { float:none; width:100%; vertical-align:middle; }
	.certifiedimage { float:left; width:100px; margin-right:20px; text-align:right; vertical-align:middle; }
	.certifiedimage img { width:100%; margin-bottom:10px;  }
	
	/* Photo Gallery */
	.photogallery { padding-top:37.5%; }
	.photogallery .options { margin-top:-15px; width:calc(100% - 10px); }
	.photogallery .options .moveleft { left:10px; }
	.photogallery .options img { height:30px; }
	
	.charity .photogallery { width:300px; height:400px; background: #fff; padding-top:0px; margin-top:40px  }
	.productdetails .right .charity { position:relative; left:50%; margin-left:-150px; }
	.productdetails .right .charity .photo { width:300px; height:400px; position: relative; left:0; margin-left:0px; }
	
	/* Logos */
	.piclinks { text-align:center; }
	.piclinks .link { width:80px; float:none; display:inline-block; vertical-align:middle; }
	
	/* Testimonials */
	.testimonials { height: 270px;font-size:1.2em;  }
	.testimonials .left2 { margin-left:-50px;  }
	.testimonials .center2 {width:calc(100% - 150px); margin-top:5px; }
	.testimonials .right2 { margin-right:-50px; }
	.testimonials .item { text-align:center; width:calc(100% - 150px); padding: 0px 0px; }
	.testimonials .item .desc { height:auto; max-height:240px;   }
	.testimonials .labels { bottom:0px; top:-30px; }
	
	/* Enquiry Form */
	.text .contactform { text-align:center; }
	.enquiryformbg { background:url(/images/base/formbg.png); position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000; }
	.enquiryform { position: absolute; left:10px; margin-left:0px; top:290px; margin-top:0px; background:#fff; width:calc(100% - 60px); height:auto; padding-bottom:80px; font-size:1.2em; }
	.enquiryform .title { float:none; width:100%; margin-right:0px; padding-bottom:5px; padding-top:0px; margin-top:-10px; }
	.enquiryform .value { float:none; width:100%; margin-bottom:10px; }
	.enquiryform .clear { clear:both; height:0px; }
	.enquiryform .value .input { max-width:calc(100% - 20px); }
	.standard .enquiryform .submit { bottom:20px; }
	.standard .enquiryform .title { float:none; width:100%; margin-right:0px; padding-bottom:5px; padding-top:0px;}
	.standard .enquiryform .value { float:none; width:100%; margin-bottom:10px; }
	
	.topphoto .label { position: relative; bottom:0px; right:0px; text-align:center; margin-bottom:0px; margin-top:-21px; width:100%; background:#2C3457; }
	.topphoto .label .leftedge { display:none; }
	.topphoto .label .catname { background: #2C3457; background-position:right; height:22px; padding: 14px 10px 14px 10px; width:calc(100% - 20px); font-size:1.5em;margin-left:0px; }
	
	/* Categories */
	.category { margin-bottom:0px; }
	.category .pic { width:200%; margin-left:-50%; }
	.category .pic .label { position: relative; bottom:0px; right:0px; text-align:center; margin-bottom:0px; }
	.category .pic .label .leftedge { display:none; }
	.category .pic .label .catname { background: #2C3457; background-position:right; height:22px; padding: 14px 10px 14px 10px; width:calc(100% - 20px); font-size:1.5em;margin-left:0px; }
	.category .product { width:100%; border-top: solid 2px #ddd; padding: 30px 0px; }
	.category .product .photo1 { width:140px; background: #eee; height:140px; text-align:center; position: relative; margin-bottom:10px; margin-right:20px; }
	.category .product .photo2 { width:140px; background: #eee; height:140px; text-align:center; position: relative; margin-bottom:10px; margin-left:20px; }
	.category .product img { height:100%; }
	.category .product .moreinfo { position: absolute; right:0px; bottom:-5px;  }
	.category .product a:link, .category .product a:active, .category .product a:visited { display:block; background:#2C3457; width:140px; height:22px; padding:4px 0px 4px 0px; bottom:10px;  }
	.category .product a:link:hover, .category .product a:active:hover, .category .product a:visited:hover { background:#636B8E;  }
	.category .product .desc1 { width:100%;  float:none; padding-left:0px; text-align:justify; }
	.category .product .desc2 {  width:100%; float:none; padding-right:0px; text-align:justify; }
	.category .product .clear { clear:both; height:0px; } 
	.category .product h2 { color: #555; text-transform:none; margin-top:0px; text-align:left; }
	
	/* Products */
	.productdetails { }
	.productdetails .pic { width:100%; position: relative; margin-bottom:0px; }
	.productdetails .pic .desktop { display:none; }
	.productdetails .pic .mobile { display:block; }
	.productdetails .pic .label { position: relative; bottom:0px; right:0px; text-align:center; margin-bottom:0px; }
	.productdetails .pic .label .leftedge { display:none; }
	.productdetails .pic .label .enquire { background: #2C3457; background-position:right; height:22px; padding: 14px 10px 14px 10px; width:calc(100% - 20px); font-size:1.5em;margin-left:0px;}
	.productdetails .range { margin:20px 40px; display:inline-block; width:240px; vertical-align:top; }
	.productdetails .separator2 { background:url(/images/base/separator.png); width:600px; height:50px; text-align:center; margin:40px 0px; position: relative; left:50%; margin-left:-300px; }
	.productdetails .left { float:none; width:100%; }
	.productdetails .right { float:none; margin-left:0px; width:100%; text-align:center; }
	.productdetails .right .photo { width:300px; height:225px; margin-top:50px; position: relative; left:50%; margin-left:-150px; }
	.productdetails .right .photobox { position: absolute; width:300px; height:225px; overflow:hidden; top:0px; left:0px; }
	.productdetails .right .slider { position: absolute; background:url(/images/base/slider2.png); width:38px; height:225px; left:50%; margin-left:-19px; z-index:200;  }
	.productdetails .right img { width:300px; height:225px; }
	.productdetails .ranges { text-align:center; }
	.productdetails .range { margin:10px 10px 10px 10px; display:inline-block; width:150px; vertical-align:top; }
	.productdetails .productcaptionholder { min-width:100%; width:100%; }
	.productdetails .productcaptions { min-width:100%; width:100%; text-align:center; margin-bottom:40px; overflow:hidden; height:auto;  overflow-x:auto; }
	.productdetails .productcaptionholder .prev { display:none; }
	.productdetails .productcaptionholder .next { display:none; }
	
	/* Base */
	#base .sections { font-size:0.9em; padding: 30px 20px; left:0px; position: relative; width:calc(100% - 40px); }
	#base .section { margin-left:0px; width:300px; margin:10px; text-align:center;}
	#base .pic { width:100%; height:225px; }
	#base .loc { text-align:center; }
}