@charset "utf-8";
* 					{ word-wrap: break-word; -webkit-text-size-adjust: none; }

body 					{  margin: 0; padding: 0; background: #ffffff; color: #787878; font-size: 13px; font-family: 'OpenSansLight'; text-align: left; }
html, body				{ height: 100%; min-height: 100%; }

.clearfix:after				{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix				{ display: inline-block; }
html[xmlns] .clearfix			{ display: block; }
* html .clearfix			{ height: 1%; }

textarea				{ font-size: 13px; font-family: 'OpenSansLight'; resize: none; }
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='number'],
input[type='password']			{ font-size: 13px; }
textarea,
input, select				{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type='submit']			{ -webkit-appearance: none; border-radius: 3px; background: #e2e2e2; color: #333333; border: 1px solid #888888; cursor: pointer; }

/* WRAPPERS */
#wrapper				{ width: 100%; margin: 0 auto; padding: 0; background: #ffffff; overflow: hidden; }
#headerwrap				{ position: relative; display: block; width:100%; height:175px; margin:0 auto; background:#1F2944; }
#headerlogo				{ width: 280px; height: 155px; margin: 0 auto; }
#menuwrap				{ position: relative; width: 100%; height: 45px; margin:0 auto; /*background: #1F2944;*/ }
#menuwrapinner				{ position: relative; width: 960px; height: 45px; margin:0 auto; /*background: #1F2944;*/ }
#middlewrap				{ position: relative; display: inline-block; width: 100%; margin: 0 auto;}
#middle					{ position: relative; width: 960px; min-height: 710px; margin: 0 auto; }

.A					{ background: url(../images/arrows-background.jpg) no-repeat bottom left; padding-bottom: 70px; }
.L					{ background: url(../images/logo-background.jpg) no-repeat bottom left; }
.N					{ background-color: #ffffff; }

#header					{ position: relative; width: 960px; height: 165px; margin: 0 auto; text-align: center; }
#header img				{ padding: 20px 0 0 0; float:left;}
#main					{ position:relative; display:inline-block; width: 575px; min-height: 640px; margin: 0 20px 5px 20px; padding: 0; min-height: 100px; overflow: hidden; }
#main2					{ position:relative; display:inline-block; width: 670px; min-height: 640px; margin: 0 20px 5px 20px; padding: 0; min-height: 100px; overflow: hidden; }
#altmain				{ position:relative; display:inline-block; width: 960px; min-height: 640px; margin: 0 20px 5px 20px; padding: 0; min-height: 100px; overflow: hidden; }

.column					{ position: relative; width: 44%; display: inline-block; vertical-align: top; margin-right: 4%; }
.column h2				{ font-size: 20px; color: #202945; }
.column 				{ list-style-image: url(../images/arrow-dot-point.png); } 

/* SOCIAL HEADER */
#socialhead 				{ position: absolute; display: inline-block; width:auto; height:auto; margin: 0 auto; padding: 0; top:0; right:0; }
#socialhead img				{ padding: 20px 3px 0 0; }
#socialhead img:hover			{ opacity:0.6; }

/* DEFAULT STYLING */
a					{ color: #202945; text-decoration: none; }
a:hover					{ color: #35bfae; text-decoration: none; }
h1, h2, h3, h4, h5 			{ color: #202945; font-weight: normal; }
h1					{ font-size: 40px; font-family: 'OpenSansLight'; color:#35bfae; }
h2					{ font-size: 32px; font-weight: bold; }
h3					{ font-size: 26px; text-transform: uppercase; }
h4					{ font-size: 22px; font-weight: bold; }
h5					{ font-size: 17px; text-transform: uppercase; }
p, li, td, th				{ color: #202945; line-height: 20px; font-family: Arial; }
#wrapper img				{ max-width: 100%; height: auto; }
iframe					{ max-width: 100%; }

#main li				{ margin-bottom: 6px; line-height: 18px; }
#main li ul, #main li ol		{ margin-top: 6px; }
#main hr				{ border: 0; width: 80%; margin: 20px auto; color: #cccccc; background-color: #cccccc; height: 1px; }
#main ul > li ul			{ list-style-type: circle; }
#main ol > li > ol			{ list-style-type: lower-alpha; }
#main ol > li > ol > li > ol		{ list-style-type: lower-roman; }
#main blockquote			{ font-family: 'OpenSansLight'; font-style: italic; padding: 0 5px 0 15px; border-left: 5px solid #cccccc; overflow: hidden; }

blockquote				{ border-left: 0px solid #c8c8c8; padding: 3px 0 5px 6px; margin: 5px 0 20px 5px; font-size: 15px; }
blockquote p				{ padding: 2px 0px 2px 5px; }

/* DROPDOWN MENU */
#menuwrap				{ background-color: #35BFAE; }
#menubg					{ text-align:left; bottom:10px; right:5px; height:30px; }
#menucontainer				{ height:30px; margin:0 auto; width:960px;}
#menu					{ position:relative; z-index:100; text-transform: uppercase; font-weight: bold; }

#searchbutton2				{ display: none; }

/* LEVEL 1 */
#menu ul				{ position:relative; padding:0; margin:0; list-style:none; z-index:100; }
#menu ul li				{ float:left; position:relative; z-index:100; text-align:center; margin-top: -1px; }
#menu ul li a, 
#menu ul li a:visited 			{ display:block; text-decoration:none; color:#1F2944; height:30px; line-height:30px; font-size:16px; overflow:hidden; padding:7px 10px; letter-spacing:0; }
#menu ul li a.selected, 
#menu ul li a.selected:visited 		{ color:#ffffff; text-decoration:none; }
#menu ul li ul				{ display:none; }
#menu ul li:hover a 			{ text-decoration:none; color:#ffffff; }
#menu a:hover				{  }

/* LEVEL 2 */
#menu ul li:hover ul 			{ width:220px; display:block; position:absolute; top:45px; z-index:100; left:auto; background:#ffffff; }
#menu ul li:hover ul li ul 		{ display:none; z-index:100; }

/* LEVEL 2 LINK */
#menu ul li:hover ul li a 		{ display:block; color:#000000; border-bottom:1px solid #d7e5f1; z-index:100; text-align:left; padding:0 15px; font-size:14px; width:190px; text-decoration:none; background:none; }

/* LEVEL 2 HOVER */
#menu ul li:hover ul li a:hover 	{ color:#ffffff; z-index:100; background:#35bfaf; text-decoration:none; width:190px; }

/* LEVEL 3 AND UP */
#menu ul li:hover ul li:hover ul 	{ display:block; position:absolute; left:220px; top:0; z-index:100; border:none; }

/* LEVEL 3 LEFT */
#menu ul li:hover ul li:hover ul.left 	{ left:-220px; }
#menu li:hover ul, 
#menu li.sfhover ul 			{ left:auto; }

/* PAGE TREE */
#pagetree				{ text-align: right; margin-right:0px; margin-top: 25px; margin-bottom: 10px; }
#pagetree p				{ font-size: 12px; margin: 0; padding: 10px 0 0 0; }
#pagetree p a				{ font-size: 12px; color: #202945; text-decoration: none; }
#pagetree p a:hover			{ color: #202945; text-decoration: underline; }
#pageheading				{ width: auto; padding-bottom: 0; text-align: left; }

/* VERTICAL MENU */
#leftcontainer				{ float: left; width: 182px; background:#ce1a2b; }
#leftcontainer ul			{ position: relative; margin: 0; padding: 0; list-style: none; }
#leftcontainer ul li a			{ position: relative; display: block; margin: 0 auto; padding: 10px; border: 1px solid #bbbbbb; text-decoration: none; }
#leftcontainer ul .menuvnotselect a	{ color: #ffffff; background:#ce1a2b;}
#leftcontainer ul .menuvselect a	{ color: #ffffff; background:#2f2f2f;}
#leftcontainer ul .menuvnotselect a:hover { color: #ffffff; background:#2f2f2f;}

/* SLIDESHOW */
#slideshowwrap				{ position: relative; background-image: url(../images/slideshow_right.jpg), url(../images/slideshow_left.jpg);background-repeat: no-repeat, no-repeat; background-position: right top, left top; height: auto; clear: both; }
#slideshowcenter			{ position: relative; max-width: 980px; height: auto; margin: 0 auto; border: 0px solid red; overflow: hidden; }

.smallarrow				{ position: absolute; top: 93px; right: 0px; width: 100%; border: 0px solid red; }

.cycle-slideshow			{ overflow: hidden; /*width: auto; height: auto;*/ z-index: 10; }
.cycle-slide				{ /*width: 100%;*/ line-height: 0; }
.cycle-slide a				{ display: block; /*width: 100%; height: auto;*/ line-height: 0; }
.cycle-slide img			{ line-height: 0; max-width: 100%; width: 100%; }

.linkarrow				{ border: 1px solid yellow; position: absolute; top: 155px; right: 120px; }

.slideshow-overlay			{ position: absolute; z-index: 10; max-width: 980px; width: 100%; height: auto; margin: 0 auto; top:0; }

.slideshow-text				{ position: absolute; display:inline-block; width: 100%; height: auto; top: 90px; text-align:center; vertical-align: middle; border: 0px solid green; }

.title					{ font-size: 34px; color: #35BFAE; }
.title a				{ font-size: 34px; color: #35BFAE; text-decoration: none; }
.title a:hover				{ font-size: 34px; color: #35BFAE; text-decoration: none; }

.desc					{ font-size: 34px; color: #35BFAE; }
.desc a					{ font-size: 34px; color: #35BFAE; text-decoration: none; }
.desc a:hover				{ font-size: 34px; color: #35BFAE; text-decoration: none; }

.slideshow-pager			{ position: absolute; z-index: 100; display:inline-block; width: 960px; height:auto; margin: 0 auto; top:85%; text-align:right; }
.slideshow-pager a			{ position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 0 0 6px; border: 3px solid #35BFAE; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; }
a.cycle-pager-active			{ border-color: #ffffff; }

#prevbutton				{ display: none; }
#nextbutton				{ display: none; }

.singleslide				{ padding: 0px; margin: 0px; background-color: #35BFAE; }
.singleslide img			{ padding: 0px; margin: 0px; }

/* Free Framework */
#freeframework				{ position: relative; margin-top: -40px; z-index: 999; width: 100%; text-align: center; border: 0px solid yellow; }
#freeframework a:hover img		{ opacity: 0.7; }

/* UPPER */
#upperwrap				{ position: relative; display: inline-block; width: 100%; height: 50px; margin: 0 auto; background: #35bfae; }
#upper					{ position: relative; display: block; width: 960px; margin: 0 auto; text-align: center; }

#uppertext				{ display: inline-block; width: 380px; font-weight: bold; margin-top: 15px; font-size: 14px; color: #ffffff; }
#formouter				{ display: inline-block; width: 400px; }
.formfield				{ display: inline-block; margin-right: 6px; height: 30px; }

#formouter input[type=text]		{ height: 35px; padding-left: 5px; padding-right: 5px; }
#formouter input[type=submit] 		{ background:url(../images/subscribe-button.png) no-repeat; text-indent:-9999px; width:20px; height:17px; border: 0px; }

.uppersignup a				{ color:#ffffff; font-size:25px; margin:0 auto; text-align:center; text-decoration:none;}
.uppersignup a span 			{ color:#ce1a2b; font-family: 'OpenSansLight';}
.uppersignup img 			{ vertical-align:bottom!important; padding:22px 0 0 10px;}

/* Right Container */
#rightcontainer				{ position:relative; display:inline-block; float: right; width: 225px; vertical-align:top; padding: 0px 0 10px 0; margin-right:10px; }
#rightcontainer h1			{ color: #35bfae; font-size: 20px; line-height: 22px; padding: 5px; }
#rightcontainer	p			{ color:#202945; padding: 5px;}
#rightcontainer a			{ color: #202945; text-decoration: none; }
#rightcontainer a:hover			{ color: #202945; text-decoration: underline; }

/* PRODUCT FILTERING */
#productfilter				{ margin: 0 10px; }
.filterHead				{ text-transform: uppercase; font-size: 14px; padding: 5px; margin: 3px 0; border-bottom: 1px solid #ccc; }
.filterOpts				{ font-size: 12px; padding: 5px; }
.filterOpts label			{ display: block; }
.filterSect				{ margin-bottom: 10px; }
.filterSect input[type='checkbox']	{ margin-right: 3px; }
.filterSect input[type='submit']	{ font-size: 11px; margin: 5px 5px 5px 3px; }

/* RECENTLY VIEWED PRODUCTS */
#recentview				{ float: left; width: 162px; clear: left; margin-left: 10px; }
.recent_view				{ overflow: hidden; }
.recent_view a				{ display: inline-block; max-width: 100%; }
.recent_image				{ display: inline-block; width: 50%; text-align: center; }
.recent_image a				{ line-height: 0; }
.recent_image img			{ max-width: 90% !important; }
.recent_detail				{ display: inline-block; width: 50%; }
.recent_title				{  }
.recent_price				{  }

/* HEADER CART */
.cartheaderouter			{ position: relative; display: inline-block; float: right; width: 120px; vertical-align:top; margin-top:-24px;}
.cart-icon 				{ position: relative; width: 32px; height: 30px; right: 80px; text-align: right; float: right; }
.cart-icon img				{ border: 0; }
.cartqty				{ position: relative; right: -15px ; padding-top: 5px; text-align: right; float: right; color:#ffffff; }

.responsivecartbuttons			{ display: none; }

/* IMAGE LIBRARY */
#imagelibrary				{ margin: 4px; padding: 4px; }
#imagelibrary img			{ margin: 3px; }

/* IMAGE STYLING */
html>body .outerpair1			{ background: url(../images/upperrightfade.png) no-repeat right top; }
html>body .outerpair2			{ background: url(../images/lowerleftfade.png) no-repeat left bottom; padding-top: 8px; padding-left: 8px; }
html>body .shadowbox			{ background: url(../images/shadow.png) bottom right; }
html>body .innerbox			{ position: relative; left: -8px; top: -8px; }
.shadowbox img				{ border: 1px solid #000000; vertical-align: bottom; }

.pageimagecenter			{ text-align: center; margin: 0 auto; padding: 0; max-width: 100%; }
.pageimageright				{ float: right; margin: 5px 0 5px 5px; padding: 0; max-width: 100%; }
.pageimageleft				{ float: left; margin: 5px 5px 5px 0; padding: 0; max-width: 100%; }
.pageimagenone img			{ margin: 3px; padding: 0; }

/* SOCIAL SHARING BUTTONS */
#social					{ height: auto; padding: 20px 0; overflow: hidden; }
#social > *				{ vertical-align: top !important; }
#social .social_div			{ width: 3px; display: inline-block; }

/* SEARCH */
#searchinner				{ margin: 0px; width: 250px;  }
#searchdiv				{ max-width: 250px; height: auto; margin: 0 auto; text-align: center; }
#searchouter				{ position: absolute; float: right; display: inline-block; width: 250px; height: 35px; background: url(../images/search-background.png) repeat; text-align: center; right:0; top:40%; margin-right:20px;}
#search					{ margin: 0px; width: 250px; }
#searchinner input[type='text']		{ display:inline-block; height: 30px; width: 200px; border:0; margin-top:2px;}
#searchinner input[type='submit']	{ /*height: 24px; line-height: 14px;*/ }
#searchfield				{ display:inline; top: 0px; left: 0px; width: 230px; height: 25px; background-color: transparent; border: 0px; }
#searchbutton				{ display:inline; top: 2px; right: 2px; width: 24px; height: 22px; border: 0px solid blue; padding-left: 2px; }
input#search				{ background: url(../images/search-button.png) no-repeat; width: 20px; height: 18px; border: 0px solid black; text-indent: -999px; padding: 0px; margin: 0px; }
input#search a:hover			{ opacity: 0.7; background: url(../images/search-button2.png) no-repeat; }

#results ul				{ font-size: 13px; list-style: none; padding: 0; margin: 0; }
#results ul li				{ padding: 5px 10px; margin: 3px 0 10px 0; }
#results .title				{ padding-bottom: 5px; font-size:16px; font-weight:normal;}
#results .title a			{ font-weight: bold;  color:#185953;}
#results small				{ display: block; color: #185953; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#results .desc				{ font-size: 12px; line-height: 18px; width: 400px; max-width: 100%; color: #565656; }

/* PAGE GALLERY */

.pagegalleryheading			{ display: none; }
.pagegalleryinner	{ width: 100%; margin: 40px 0; padding: 0; }
.pagegalleryimage	{ position: relative; display: inline-block; width: 23%; height: 0; padding-bottom: 23%; overflow: hidden; margin: 1%; vertical-align: middle; }
.pagegalleryimage img			{ border: 0;  line-height: 0; position: absolute; display: block; /*min-width: 100% !important;*/ height: auto; /*min-height: 100%;*/ /*left: -25%;*/ }
.pagegalleryimage a			{ line-height: 0; }
.pagegalleryimage a:hover img 		{ opacity: 0.7; }

/* LINKS SECTION */
.link					{ background: #efefef; overflow: hidden; border: 1px solid #bbbbbb; margin: 15px 0; padding: 5px; }
.linktop				{ margin: 0; padding: 5px; }
.linktop,
.linktop a				{ font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
.linkleftcontainer			{ float: left; width: 150px; height: auto; max-width: 25%; margin: 0 5px 0 0; }
.linkleftcontainer img			{ border-style: none; margin: 0; padding: 0; line-height: 0; }
.linkrightcontainer			{ height: 120px; overflow-y: auto; border: 1px solid #bbbbbb; background: #ffffff; padding: 5px; }
.linkrightcontainer p			{ margin: 0; }
.linkfooter				{ padding: 5px 0 0 0; text-align: right; }

/* BLOG */
#bloghome				{ background:#61c7cd; background: url(../images/home-blog-background.jpg) repeat; border: 0px solid red; padding: 10px; }
.blogheader				{ color: #202945; font-weight: bold; text-decoration: none; vertical-align: top; }
#bloghome a:hover			{ color: #35BFAE; text-decoration: none; vertical-align: top; }
#articlesheader				{ padding: 0px; }
#articlesheader h4			{ text-align: left; font-weight:normal; font-size:28px; color: #35bfae; margin: 0px;}
#recentarticlestext			{ }
.homeposts				{ color:#202945; padding:15px 5px 15px 5px; font-family: Arial; }
.homeposts h4				{ display:none; }
.date					{ color:#202945; padding:2px 0 10px 0; font-family: Arial; }
.shortdescription			{ color:#202945; font-family: Arial; }
.read					{ color:#202945; text-decoration:none;}
.hrline					{ background-color: #cc0000; width: 40%; border-bottom: 1px solid #35bfae; margin-left: 5px;  }

.insights				{ width: 100%; /*text-align: center;*/ }
.insights h4				{ /*text-align: center!important;*/ }
.insights h4 a				{ /*text-align: center;*/ color: #35BFAE!important; }
.insights h4 a:hover			{ color: #202945!important; }

/* Post List */
.posts					{ padding: 25px 0 25px 0; border-bottom: 3px solid #dfdfdf; }
.posts h1				{ font-size: 22px; line-height: 24px; }
.posts h1 a				{ text-decoration: none; }
.posts .date				{ color: #bbbbbb; letter-spacing: -0.5px; font-size: 14px; font-weight: bold; text-transform: uppercase; }

/* Post Pagination */
.paginate				{ overflow: hidden; }
.paginate a				{ display: inline-block; padding: 8px 12px; margin: 20px 15px; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; border-radius: 3px; border: 1px solid #cccccc; }
.paginate .older			{ float: right; }
.paginate .newer			{ float: left; }

/* Post Display */
.post .date				{ color: #bbbbbb; letter-spacing: -0.5px; font-size: 14px; font-weight: bold; text-transform: uppercase; }

/* Next Post */
.next_post				{ margin: 15px 0; }

/* Popular Posts */
.popular_posts				{ padding: 0 0 10px 0; border-top: 3px solid #dfdfdf; border-bottom: 3px solid #dfdfdf; }
.popular_posts ul			{ padding-left: 20px; }

/* Comments */
.comment				{ border-bottom: 1px solid #cccccc; padding: 13px 0; width: 60%; overflow: hidden; }
.commentName,
.commentName a				{ font-weight: bold; text-decoration: none; }
.commentDate				{ color: #666666; font-size: 12px; padding-bottom: 10px; }
.commentText,
.commentText p				{ color: #555555; margin: 0; }

/* HTML SITEMAP */
#sitemap a				{ text-decoration: none; }
.sitemapL2:before,
.sitemapL3:before,
.sitemapL4:before,
.sitemapL5:before,
.sitemapL6:before			{ content: "\00BB"; display: inline-block; margin: 0 3px 0 0; }
.sitemapL1				{ margin: 0 0 5px 0;  }
.sitemapL1 a				{ font-size: 16px; text-transform: uppercase; font-weight: bold; }
.sitemapL2				{ margin: 10px 0 3px 10px; }
.sitemapL2 a				{ color: #333333; text-transform: uppercase; }
.sitemapL3				{ margin: 0 0 3px 20px; }
.sitemapL4				{ margin: 0 0 3px 30px; }
.sitemapL5				{ margin: 0 0 3px 50px; }
.sitemapL6				{ margin: 0 0 3px 60px; }

/* PRODUCT LIST */
#product				{ margin-top: 20px; }
.productitem				{ position: relative; display: inline-block; vertical-align: top; width: 30%; margin: 5px 1% 10px; background: #f5f5f5; border: 1px solid #bfbfbf; text-align: center; }
.producttitle				{ font-weight: bold; padding: 3px 3px 3px 5px; }
.productsold				{ color: #ff0000; font-weight: bold; font-size: 9px; display: block; }
.productimage				{ margin: 5px; text-align: center; }
.productimage a				{ display: inline-block; width: 100%; }
.productimage img			{  }
.productprice				{ font-size: 14px; }
.productwas				{ font-size: 12px; text-decoration: line-through; color: #9f0000; margin: 0 10px; }

.productbtns				{ position: relative; margin: 10px 0; width: 100%; }
.productbtns a				{ display: inline-block; color: #ffffff; text-decoration: none; padding: 3px 7px; }
.productview				{ background: #35bfae; }
.productview:hover			{ opacity: 0.8; }
.productorder				{ background: #9f0000; }
.productorder:hover			{ background: #009f00; }
.productenquire				{ background: #1F2944; }
.productenquire:hover			{ opacity: 0.8; }

.productorder,
.productview,
.productenquire,
.productD_thumb,
#productD_order,
#productD_enquire			{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }

/* PRODUCT DISPLAY */
#productD_left				{ display: inline-block; width: 50%; vertical-align: top; }
#productD_right				{ display: inline-block; width: 48%; vertical-align: top; margin-left: 2%; }

.productD_large				{ max-width: 100%; text-align: center; overflow: hidden; }
.productD_large a			{ background: url("../images/loading.gif") no-repeat 50% 50%; display: inline-block; width: 100%; height: auto; }
.productD_large img			{ max-width: 90%; height: auto; }

.productD_images			{ text-align: center; }
.productD_thumb				{ border: 3px solid #efefef; margin: 2px; background: #ffffff; line-height: 0; }
.productD_thumb,
.productD_thumb a			{ display: inline-block; width: 100px; height: 100px; line-height: 96px; overflow: hidden; }
.productD_thumb img			{  }
.productD_thumb:hover			{ -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }

#productD_award				{ position: relative; display: block; text-align: center; }
#productD_award img			{ margin: 0 10px; }

#productD_right h1			{ margin-top: 0; padding: 0 10px; }
.productD_detail			{ padding: 0 10px; }
.productD_status			{ font-size: 15px; }
#available				{ color: #009f00; }
#outofstock,
#soldout				{ color: #35bfae; }

#productD_price				{ font-size: 27px; font-weight: bold; padding: 10px; margin-top: 15px; border-top: 1px solid #dddddd; }
#productD_was				{ font-size: 13px; text-decoration: line-through; color: #35bfae; display: block; }
#productD_links				{ padding: 0 10px 10px 10px; border-bottom: 1px solid #dddddd; }
#productD_links a			{ display: inline-block; color: #ffffff; text-decoration: none; padding: 4px 10px; }
#productD_order				{ background: #9f0000; }
#productD_order:hover			{  opacity: 0.8;  }
#productD_enquire			{ background: #1F2944; }
#productD_enquire:hover			{  opacity: 0.8;  }
#productD_pdfs				{ padding: 10px; border-bottom: 1px solid #dddddd; }
.productD_pdf				{ display: inline-block; width: 50%; }
.productD_pdf img			{ max-width: 20px !important; margin-right: 6px;  }
.productD_text				{ padding: 0 10px; }

/* CART v2 STYLING */
.c_div					{ overflow: hidden; }
.c_div table				{ width: 100%; border-collapse: collapse; }
.cart th				{ background: #333333; color: #ffffff; font-weight: normal; font-size: 11px; }
.cart tr:nth-child(even) td		{ background: #efefef; }
.cart th				{ padding: 3px 5px; }
.cart td				{ padding: 3px 5px; height: 70px; }
td.c_del				{ width: 20px; padding: 3px 5px 3px 10px; }
td.c_del a				{ background: url("../images/remove.png") no-repeat top left; display: inline-block; width: 20px; height: 20px; }
td.c_del a:hover			{ background-position: bottom left; }
.c_img					{ width: 70px; }
.c_img img				{ width: auto; max-width: 70px !important; height: auto; }
.c_part					{ display: block; color: #777777; font-size: 10px; }
.c_unit					{ width: 60px; text-align: center; }
.c_qty					{ width: 60px; text-align: center; }
.c_sub					{ width: 70px; text-align: right; }
.c_opt					{ width: 60px; text-align: center; }

/* Totals & Voucher/Shipping */
#c_total				{ text-align: right; background: none; border-top: 1px solid #bbbbbb; }
.c_box					{ padding: 10px; background: #efefef; float: left; text-align: left; }
.c_box label				{ display: block; }
.c_voucher				{ margin: 5px 5px 5px 0; }
.c_shipping				{ margin: 20px 5px 5px 0; }
.c_voucher input[type='text']		{ text-transform: uppercase; width: 200px; }
.c_totals				{ width: 300px; padding: 10px 5px; margin: 20px -5px 10px 0; float: right; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; }
.c_totals span				{ width: 95px; display: inline-block; vertical-align: top; }
.c_subtotal				{ color: #444444; }
.c_promo				{ color: #444444; }
.c_freight				{ color: #444444; }
.c_freight span span			{ font-size: 9px; line-height: 10px; }
.c_total				{ display: block; font-size: 14px; font-weight: bold; color: #444444; }

/* Buttons */
#c_spBtn				{ padding: 2px 6px; font-size: 13px; border: none; border-radius: 3px; color: #ffffff; display: inline-block; text-decoration: none; cursor: pointer; }
#c_spBtn				{ background: #3882ad; }
#c_poBtn				{ background: #3882ad; color: #ffffff; }
#c_frBtn				{ background: #3882ad; color: #ffffff; }
#c_coBtn				{ background: #82ad38; color: #ffffff; font-weight: bold; float: right; }
#c_upBtn				{ background: #996600; color: #ffffff; font-size: 9px; padding: 2px; margin-top: 4px; }
#c_ecBtn				{ background: #bbbbbb; float: right; }
#c_prBtn				{ background: #006699; color: #ffffff; font-weight: bold; float: right; }
#c_ppBtn				{ margin: 0 auto; display: block; }

/* Steps */
#c_steps				{ border-bottom: 6px solid #efefef; text-align: right; margin: 10px 0; }
#c_steps span				{ border-bottom: 6px solid #cfcfcf; display: inline-block; width: 120px; max-width: 33%; text-align: center; color: #666666; font-size: 11px; padding: 4px 0; margin-bottom: -6px; }
#c_steps span.active			{ border-bottom: 6px solid #a1c562; font-weight: bold; }
#c_steps span.done			{ border-bottom: 6px solid #666666; }

/* Messages */
#c_bigmsg				{ border: 2px dashed #a1c562; width: 70%; padding: 10px; margin: 0 auto 10px auto; text-align: center; font-weight: bold; font-size: 15px; }
#c_mainmsg				{ background: #efefef; width: 50%; padding: 10px 10px 8px 10px; margin: 15px auto; text-align: center; }
#c_submsg				{ width: 50%; margin: 15px auto; text-align: center; color: #666666; }
#c_errmsg				{ background: #db4848; color: #ffffff; padding: 10px 10px 8px 10px; margin: 15px auto; text-align: center; }

/* Form (Step 2) */
.c_div h2				{ border-bottom: 2px solid #777777; color: #444444; }
table.c_table th			{ width: 135px; color: #555555; font-weight: normal; text-align: left; }
table.c_table td			{ padding: 3px 0; }
.c_cards img				{  border: 1px solid #888888; margin: 0 1px; width: 25px; }
.c_table input[size='34'],
.c_table textarea			{ width: 220px; }
.c_table label.c_err			{ color: #990000; }
#c_cvvhelp				{ padding-left: 8px; }
#c_cvvhelp a				{ font-size: 10px; }
#c_cvvhelpbox				{ top: -140px; left: 60px; line-height: 0; z-index: 50; box-shadow: 5px 5px 10px #666666; border-radius: 10px; }

/* ADMIN STYLING */
#adminpage input[name='login'],
#adminpage input[name='password'] 	{ width: 100%; }

#adminpage				{ margin: 0 0 20px 0; font-size: 12px; font-weight: normal; }
#adminpage b				{ color: #000000; font-weight: bold; }

#adminpage table			{ margin-bottom: 10px; border: 1px solid #9f9f9f; background: #dfdfdf; }
#adminpage table img			{ display: inline-block; margin: 0 auto; }
#adminpage td				{ background: #dfdfdf; color: #000000; text-align: left; }
#adminpage th				{ background: #cfcfcf; color: #000000; text-align: left; }
#adminpagegallery			{ position: relative; font-size: 12px; font-weight: normal; }

#adminpage table.productedit		{ width: 100%; }
#adminpage .productedit > td		{ background: #d6d6d6; }
#adminpage .productedit2 > td		{  }
#adminpage table.LogBody		{ width: 100%; }
#adminpage table.log			{ width: 100%; background: #333333; }
#adminpage table.log th			{ padding: 2px; background: #555555; color: #ffffff; font-size: 13px; }
#adminpage table .logrow1 td		{ padding: 4px; background: #cfcfcf; font-size: 12px; }
#adminpage table .logrow2 td		{ padding: 4px; background: #eeeeee; font-size: 12px; }
#adminpage table .logrowS td		{ padding: 4px; background: #ffff66; font-size: 12px; }
#adminpage table label			{ display: inline-block; width: 100%; padding: 2px; }
#adminpage table label:hover		{ color: #cf0000; cursor: pointer; }

.audit_box li				{ width: 48%; display: inline-block; vertical-align: top; }
span.audit_showhide			{ background: #222; }

#adminpage input[size='90']		{ width: 100%; }
#adminpage input[name='insert']		{ width: 50%; }

/* Blog Admin */
.admin_blog input[type='text']		{ width: 100%; }
.admin_blog textarea			{ width: 100%; min-height: 80px; }
.admin_blog table			{ width: 100%; }
.admin_blog td,
.admin_blog th				{ padding: 0 10px; }
.admin_blog td				{ padding-top: 5px; padding-bottom: 5px; border-top: 2px solid #bbb; }
.admin_blog .comBox			{ padding: 5px; max-width: 500px; max-height: 35px; line-height: 17px; background: #efefef; overflow-y: auto; }

/* SUBPAGES */
.subpages div				{ display: inline-block; width: 30%; margin: 20px 4px 4px 2px; text-align: center; vertical-align: top; }
.subpages a				{ display: inline-block; max-width: 100%; color: #202946; }
.subpages a:hover			{ color: #405494; }
.subpages img				{ border: 0px solid #e3e3e3; margin-bottom: 5px; }
.subpages span				{ display: inline-block; text-decoration: none; width: 100%; max-width: 100%; }
.subpages a:hover img			{ opacity: 0.7; }

/* CLIENTS */

#clients h3 				{ text-transform: none; }

/* CONTACT MESSAGE */
#contact				{ clear: both; width: auto; margin: 20px auto; background: #cccccc; color: #000000; font-size: 14px; text-align: center; }
#contact a 				{ color:#202945;}
#contact a:hover			{ font-weight:bold; color: #35bfae; }

/* CONTACT */
#map					{ border: 0px; }
#contactform 				{ position: relative; display: inline-block; overflow: hidden; width: 100%; }
#contactform input[name='enquiry[Postcode]'] { width: 100px; }
#contactform #contact_thanks 		{ padding: 15px; margin: 0 auto; width: 75%; text-align: center; border: 1px solid #afafaf; background: #cfcfcf; }

/*
#contactright 				{ position:relative; display:inline-block; width:350px; vertical-align:top; text-align:left; margin-left:10px;}
#contactright h2			{ margin-top: 0px; padding-top: 0px; }
#contactright img			{ padding:5px 10px 5px 5px; vertical-align:middle;}
#contactright img a:hover		{ opacity:0.6;}
#contactright a				{ font-weight:normal; color:#202945; text-decoration:none;}
#contactright a:hover			{ font-weight:normal; color:#35bfae; text-decoration:none; opacity:0.6;}
*/

#contacttext				{ border: 0px solid purple; margin-bottom: 50px; }
#contactpage				{ position:relative; display:inline-block; width:100%; vertical-align:top; text-align:left; border: 0px solid red; font-family: Arial; }

#contactleft 				{ position: relative; display: inline-block; width: 45%; vertical-align: top; text-align: left; margin-left: 5%; border: 0px solid blue; color: #202945; }
#contactleft h2				{ margin-top: 0px; padding-top: 0px; }
#contactleft img			{ padding: 5px 10px 5px 5px; vertical-align: middle; }
#contactleft img a:hover		{ opacity: 0.6; }
#contactleft a				{ font-weight: normal; color: #202945; text-decoration: none; }
#contactleft a:hover			{ font-weight: normal; color: #35bfae; text-decoration: none; opacity: 0.6; }

#contactright 				{ position:relative; display:inline-block; width:50%; vertical-align:top; text-align:left; margin-left:0px; border: 0px solid green; color: #35BFAE; font-size: 13px; line-height: 22px; }
#contactright h2			{ margin-top: 0px; padding-top: 0px; }
#contactright img			{ padding:5px 10px 5px 5px; vertical-align:middle; }
#contactright img a:hover		{ opacity:0.6; }
#contactright a				{ font-weight:normal; color:#202945; text-decoration:none; }
#contactright a:hover			{ font-weight:normal; color:#35bfae; text-decoration:none; }

/* SITE FORMS */
.form					{ position:relative; display:inline-block; overflow: hidden; float:left; text-align: left; width: 560px; }
.form *					{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form .error				{ color: #cc0000; }
.form > div				{ padding: 1px; margin: 0 0 10px 0; overflow: hidden; }
.form > div > label			{ width: 25%; float: left; padding-right: 10px; line-height: 24px; }
.form > div > div			{ width: 75%; float: right; }
.form input[type=text],
.form input[type=email],
.form input[type=url],
.form input[type=password],
.form input[type=tel],
.form input[type=number],
.form textarea,
.form select				{ width: 100%; padding: 4px; border: 1px solid #ccc; border-radius: 2px; }
.form input[type=text],
.form input[type=email],
.form input[type=url],
.form input[type=password],
.form input[type=tel],
.form input[type=number],
.form select				{ width: 100%; }
.form input[type=text]:focus,
.form input[type=email]:focus,
.form input[type=url]:focus,
.form input[type=password]:focus,
.form input[type=tel]:focus,
.form input[type=number]:focus,
.form textarea:focus			{ outline: 0; border-color: #4697e4; }

@media (max-width: 640px) {
	.form				{ width: 100%!important; }
	.form > div			{ margin: 0 0 8px 0; }
	.form > div > label		{ width: 100%; float: none; margin: 0 0 5px 0; }
	.form > div > div		{ width: 100%; float: none; }
	.form input[type=text],
	.form input[type=email],
	.form input[type=url],
	.form input[type=password],
	.form input[type=tel],
	.form input[type=number],
	.form textarea,
	.form select			{ width: 100%; }
}

/* COMPANIES */

#companies					{ position:relative; display: block; width: 100%; text-align: center; margin: 0; padding: 15px 0; clear: both; }
#companies h3 a				{ color: #35BFAE; text-transform: none; }
#companies h3 a:hover,
#companies h3 a:focus		{ color: #202945; }
#companies img 				{ margin: 10px; }
#companies img:last-child	{ margin: 10px 0 10px 10px; }


/* SUBSCRIBE */
.subscribewrap				{ position: relative; width: 100%; height: 46px; margin: 0 auto; background-color: #35bfae!important; font-family: arial; font-weight: bold; }

.subscribe				{ position:relative; display:inline-block; width:100%; height: 70px; margin: 0 auto; text-align:center; padding-top: 2px; }
.subscribe a				{ color: #1F2944; font-size:17px; margin:0 auto; padding: 0 0 0 0; text-align:center; text-decoration:none; }
.subscribe a:hover			{ color: #ffffff; }
.subscribe img 				{ vertical-align:bottom!important; padding: 3px 0 0 10px; }

/* LOWER */
#lowerwrap				{ position: relative; width: 100%; margin: 0px auto; padding-top: 50px; /*background: url(../images/footer-background.jpg) repeat;*/ background-color: #202945; }
#footerlogo				{ width: 229px; margin: 0 auto; height: auto; text-align: center; }

#lower					{ position:relative; width:960px; margin:0 auto 50px auto; border: 0px solid red; }
#lower1					{ position:relative; display:inline-block; width:24%; vertical-align:top; margin-left: 0px; border: 0px solid orange; margin-right: 1%; }
#lower1 h5				{ color:#35BFAE; font-size:17px; line-height: 17px; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px; }
#lower1 ul				{ -webkit-padding-start: 0px; list-style-type: none; padding:0; }
#lower1 a				{ color:#ffffff; text-transform:uppercase; text-decoration:none; line-height:200%; }
#lower1 a:hover				{ font-weight:normal; opacity:0.7; text-decoration: underline; }
#lower1 p				{ color:#ffffff; }
#lower1 h5 a 				{ color:#35BFAE; font-weight: bold; font-size:17px; line-height: 17px;  }
#lower1 h5 a:hover			{ font-weight: bold; font-size:17px; line-height: 17px;  }

#lower2					{ position:relative; display:inline-block; width:24%; vertical-align:top; border: 0px solid green; }
#lower2 h5				{ color:#35BFAE; font-size:17px; font-weight: bold; border: 0px solid green; margin-bottom: 0px; padding-bottom: 0px; }
#lower2 ul				{ -webkit-padding-start: 0px; list-style-type: none; padding:0; }
#lower2 a				{ color:#ffffff; text-decoration: none; font-size:15px; line-height: 17px; }
#lower2 a:hover				{ font-weight:normal; opacity:0.7; text-decoration: underline; font-size:15px; line-height: 17px; }
#lower2 p				{ color:#ffffff; font-size:14px; line-height: 24px;  }
#lower2 h5 a 				{ color:#35BFAE; font-weight: bold; }
#lower2 h5 a:hover			{ font-weight: bold; }

#lower3					{ position:relative; display:inline-block; width:50%; height: 280px; text-align: center; vertical-align:top; border-left: 1px solid #ffffff; }
#lower3 img				{ vertical-align: center; margin-top: 75px; margin-left: 20px; border: 0px solid red; }


#socialicons				{ }
#socialicons img			{ width: 32px; height: 32px; }

#lower4					{ position:relative; display:inline-block; width:24%; vertical-align:top; }
#lower4 h5				{ color:#35BFAE; font-size:17px; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px; }
#lower4 ul				{ -webkit-padding-start: 0px; list-style-type: none; padding:0; }
#lower4 a				{ color:#ffffff; text-transform:uppercase; text-decoration:none; line-height:200%; }
#lower4 a:hover				{ font-weight:bold; opacity:0.7; }
#lower4 p				{ color:#ffffff; }
#lower4 h5 a 				{ color:#35BFAE; font-weight: bold; }
#lower4 h5 a:hover			{ font-weight: bold; }

.lowercontact a				{ text-decoration: underline!important; }

/* SOCIAL FOOTER */
#socialfoot 				{ position: relative; display:inline-block; width:100%; height:60px; margin: 0 auto; padding: 0; text-align: left; }
#socialfoot img				{ position: relative; display:inline-block; padding: 5px 3px 0 0; }

/* Contact Address Area */
#contactaddressouter			{ border: 0px solid red; margin-top: 20px; margin-bottom: 20px; width: 100%; }
#contactaddress				{ border: 0px solid yellow; width: 960px; margin: 0px auto; }
#icons					{ width: 960px; margin: 0 auto; text-align: center; margin: 10px auto; }
#address				{ width: 960px; margin: 0 auto; text-align: center; font-size: 16px; color: #35bfae; }

/* FOOTER */
#footerwrap				{ position: relative; display: inline-block; width: 100%; height: 30px; margin: 0 auto; background-color: #151C36; }
#footer					{ clear: both; padding: 5px 10px; color: #ffffff; font-size: 11px; font-weight: normal; text-align: center; }
#footer a				{ font-size: 11px; text-decoration: underline; color: #ffffff; }
#footer a:hover				{ text-decoration: none; color: #ffffff; }
#footer img				{ margin-left: 5px; vertical-align: top; }
#footerwrap a:hover img			{ opacity: 0.7; }

@media (max-width: 960px) {
	* 				{ width: auto; height: auto; }
	#headerwrap			{ position: relative; display: block; width:100%; height:260px; margin:0 auto; background:#1F2944; }
	#headerlogo			{ width: 280px; height: 155px; margin: 0 auto; }

	#pagetree			{ width: 95%; padding-left: 2.5%; padding-right: 2.5%; text-align: right; }

	#header				{ width: 100%; height: 220px; }

	.slideshow-text			{ top: 60px; }

	/* SEARCH */
	#searchwrap			{ position: relative; width: 100%; height: 35px; margin-top: 50px; }

	#searchinner			{ position: relative; margin: 0px auto!important; right: auto!important; left: auto!important; width: 250px!important; }
	#searchdiv			{ max-width: 250px; height: auto; margin: 0 auto; text-align: center; }
	#searchouter			{ position: absolute; float: none; top: 0px; margin: 0 auto; display: inline-block; width: 250px; height: 35px;text-align: center; left: 0; right:0;  }
	#search				{ margin: 0px; width: 250px; }

	/* HEADER CART */
	.responsivecartbuttons		{ display: block; margin: 0px auto 0 auto; height: 25px; }
	.cartheaderouterwrap		{ display: none; }
	.cartheaderouter		{ position: relative; margin: 0px auto 0 auto; float: none; margin-top: 20px; }
	.cartheaderouter img		{ padding: 0px; }

	.cart-icon 			{ position: relative; width: 32px; height: 30px; right: 70px; text-align: right; }
	.cart-icon img			{ border: 0; padding: 0px!important; }
	.cartqty			{ position: relative; right: -25px ; padding-top: 9px; text-align: right; float: right; color:#ffffff; }

	#menu ul li a, 
	#menu ul li a:visited		{ font-size:14px;}

	#map				{ border: 0px; }
	#map iframe			{ width: 100%; height: auto; }

	#middlewrap			{ position: relative; display: inline-block; width: 100%; margin: 0 auto; }
	#middle				{ position: relative; width: 100%; margin: 0 auto;}

	#main				{ width: 95%!important; min-height: 640px; margin: 0 2.5% 5px 2.5%!important; }
	#main2				{ width: 95%; min-height: 640px; margin: 0 2.5% 5px 2.5%; }
	#altmain			{ width: 95%; min-height: 640px; margin: 0 2.5% 5px 2.5%; }

	#rightcontainer			{ width: 95%; padding: 0 2.5%; text-align: center; border: 0px solid green; }

	/* Blog */
	.hrline				{ width: 40%; border-bottom: 1px solid #35bfae; margin-left: auto; margin-right: auto;  }

	#recentarticlestext		{ position: relative; width: 100%; height: auto; display: inline-block; }
	.insights			{ width: auto; display: inline-block; /*float: left;*/ text-align: center;}
	.insights h4			{ text-align: center!important; }
	.insights h4 a			{ text-align: center;}

	.title				{ font-size: 34px; }
	.title a			{ font-size: 34px; }
	.title a:hover			{ font-size: 34px; }

	.desc				{ font-size: 34px; }	
	.desc a				{ font-size: 34px; }	
	.desc a:hover			{ font-size: 34px; }	

	#main				{ width: 510px; }
	#contactform			{ width: 480px; }	
	.subscribe a			{ font-size: 20px; }
	#lower				{ width: 100%; }

	#lower1				{ padding-left: 10px; }
	#menuwrapinner			{ width: 100%; }
	.slideshow-pager		{ width: 95%; }

	.A				{ background: url(../images/arrows-background.jpg) no-repeat bottom center; }
	.L				{ background: url(../images/logo-background.jpg) no-repeat bottom center; }
	.N				{ background-color: #ffffff; }
}

@media (max-width: 900px) {
	/* UPPER */
	#upperwrap			{ width: 100%; height: 80px; }
	#upper				{ width: 100%; }
	#uppertext			{ width: 100%; margin-top: 5px; margin-bottom: 8px; }
	#formouter			{ width: 400px; }
	.formfield			{ margin-right: 6px; height: 30px; }
}

@media (max-width: 780px) {
	* 				{ width: auto; height: auto; }
	#menu ul li a, 
	#menu ul li a:visited		{ padding: 7px 4px; }

	/* UPPER */
	#upperwrap			{ width: 100%; height: 80px; }
	#upper				{ width: 100%; }
	#uppertext			{ width: 100%; margin-top: 5px; margin-bottom: 8px; }
	#formouter			{ width: 400px; }
	.formfield			{ margin-right: 6px; height: 30px; }

	/* Right Container */
	#rightcontainer			{ float: none; width: 100%; padding: 0px 0 10px 0; margin-right:0px; }

	/* SEARCH */
	#searchwrap			{ display: none; }
	.slideshow-text			{ top: 50px; }
	.title				{ font-size:34px; }
	.desc				{ font-size:34px; }
	.subscribe a			{ /*font-size:18px;*/ }
	.uppersignup a			{ font-size:20px; }
	/*#searchouter			{ margin-right:10px; }*/
	#contactform			{ width: 300px; }
	#contactright			{ width: 280px; }

	.A				{ background: none; }
	.L				{ background: none; }
	.N				{ background-color: #ffffff; }

	#main				{ width: 96%; min-height: 640px; margin: 0 2% 5px 2%; }
	#main2				{ width: 96%; min-height: 640px; margin: 0 2% 5px 2%; }
	#altmain			{ width: 96%; min-height: 640px; margin: 0 2% 5px 2%; }

	#middlewrap			{ position: relative; display: inline-block; width: 100%; margin: 0 auto; }
	#middle				{ position: relative; width: 100%; margin: 0 auto; }

	#main				{ width: 95%!important; margin: 0 5px 0 5px; float: none; }

	#rightcontainer			{ width: 100%; text-align: center; border: 0px solid red; }

	#contactaddressouter		{ width: 100%!important; margin-left:auto; margin-right: auto; }
	#contactaddress			{ width: 100%!important; margin-left:auto; margin-right: auto; }
	#address			{ width: 100%!important; margin-left:auto; margin-right: auto; }
	#icons				{ width: 100%!important; margin-left:auto; margin-right: auto; }
}

/* RESPONSIVE FOR MOBILE */
@media (max-width: 640px) {
	* 				{ width: auto; height: auto; }
	/* Structure */
	h1				{ font-size: 22px; font-weight: bold; }
	h2				{ font-size: 18px; font-weight: bold; }
	h3				{ font-size: 16px; text-transform: uppercase; }
	h4				{ font-size: 14px; font-weight: bold; }
	h5				{ font-size: 14px; text-transform: uppercase; }

	/* WRAPPERS */
	#wrapper			{ width: 100%; margin: 0 auto; padding: 0; background: #ffffff; overflow: hidden; }
	#headerwrap			{ position: relative; display: inline-block; width: 100%; height: auto; margin: 0 auto; background: #202946; padding-bottom: 40px;}
	#menuwrap			{ position: relative; width: 100%; height: 45px; margin: 0 auto; background: #2f2f2f;}

	#upperwrap			{ position: relative; display: inline-block; width: 100%; margin-left: auto; margin-right: auto; }
	#middlewrap			{ position: relative; display: inline-block; width: 100%; margin: 0 auto;}
	#middle				{ position: relative; width: 100%; margin: 0 auto;}

	.subscribewrap			{ position: relative; width: 100%; margin: 0 auto; padding-top: 12px; }
	.subscribe img			{ border: 0px solid blue; }

	#lowerwrap			{ position: relative; width: 100%; height: auto; margin: 0 auto; background: #202946;}
	#footerwrap			{ position: relative; display: inline-block; width: 100%; height: 75px; margin: 0 auto; background: #292929;}

	/* Slideshow */
	.slideshow-text			{ top: 30px; }
	.slideshow-pager		{ display: none; }
	#freeframework			{ margin-top: 0px; background-color: #1F2944; padding-top: 2px; }

	/* SEARCH */

	#header				{ display: inline-block; width: 100%; height: auto; }
	#rightcontainer			{ width: 100%; text-align: center; }

	/* SOCIAL HEADER */
	#socialhead 			{ position: relative; display: inline-block; width:auto; height:auto; margin: 0 auto; padding: 0 0 0 5px; top:0; right:0; }
	#socialhead img			{ padding: 20px 3px 0 0; }
	#socialhead img:hover		{ opacity:0.6;}

	#main				{ width: 95%!important; margin: 0 5px 0 5px; float: none; }

	#menucontainer			{ height: 50px; width: 100%; margin: 0 auto; }
	
	.cartqty			{ padding-top:10px;}
	.cart-icon			{ padding-top:0px!important;}

	/* HORIZONTAL MENU */

	#searchbutton2			{ position: absolute; top: 10px; right: 85px; display: inline-block; }

	#toggleMenu			{ background: url("../images/menu-icon.png") 44% 16px no-repeat; color: #ffffff; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 11px 15px 13px; cursor: pointer; background-color: #35BFAF; text-align: center; }
	#toggleMenu:hover		{ background-color: #2f2f2f; }
	#menu				{ min-width: 0px; width:100%; margin: 0px auto; padding: 0px; text-align: left; display:block; z-index:9999; background-color: #35BFAF; }
	#menu a				{ width:100%; margin: 0px auto; padding: 0px; text-align: left;  text-transform: uppercase;}
	#menu ul			{ position: relative; min-width: 100%; float: left; display:block; overflow:hidden; background-color: #353b4e; }
	#menu ul li			{ width: 100%; height: auto; margin: 0px; border: 0px; color: #ffffff; display:block; padding-left:20px;}

	#menu ul :hover			{ background-color: #202946; }

	#menu .menuhselect a		{ position: relative; /*float: left;*/ padding: 0px; border-left: 0px;  width: 100%; height: auto; padding: 2% 2% 2% 2%; color: #ffffff; font-weight:bold; background-color: #cc0000; }
	#menu .menuhnotselect a		{ position: relative; float: left; padding: 0px; border: 0px; max-width: 100%; width: 100%; padding: 2% 2% 2% 2%; color: #ffffff; }
	#menu .menuhnotselect a:hover	{ position: relative; float: left; padding: 0px; border: 0px; width: 100%; height: auto; padding: 2% 2% 2% 2%; color: #ffffff; text-decoration: none; font-weight:bold; opacity: 0.4; }
	#menu .menuhselect a		{ color: #ffffff; border: 0px; font-weight:bold; }
	
	#menus 				{ min-width: 0px; width: 100%;  height: 30px; }
	#menu ul li a			{ padding: 0px; color: #ffffff!important; }
	#menu ul li ul			{ display: none; }
	#menu ul li ul li		{ display: none!important; }
	#menu ul li ul li ul		{ display: none;}
	/* Hide Secondary Levels */
	#menu ul li:hover ul,
	#menu ul li:hover ul li ul,
	#menu ul li:hover ul li a,
	#menu ul li:hover ul li:hover ul { display: none; }

	/* Left Menu */
	#leftcontainer			{ width: auto; float: none; }
	#leftcontainer ul		{ display: none; }

	.column				{ width: 98%; padding: 0 1%; }

	/* Product Filtering */
	.filterOpts label		{ display: inline-block; margin-right: 10px; }

	/* Gallery */
	.pagegalleryimage		{ width: 19%; padding-bottom: 19%; margin: 0.5%; }

	/* HTML Sitemap */
	#sitemap > div			{ float: none !important; width: auto !important; }

	/* Product List */
	.productitem			{ width: 46%; height: 255px; margin: 5px 1% 10px 1%; }

	/* Product Display */
	#productD_left			{ display: block; width: auto; }
	#productD_right			{ display: block; width: auto; margin-left: 0; }
	#productD_right h1		{ padding: 0; }
	.productD_detail		{ padding: 0; }
	#productD_price			{ padding: 10px 0; }
	#productD_links			{ padding: 10px 0; }
	#productD_pdfs			{ padding: 10px 0; }
	.productD_pdf			{ display: inline-block; width: 50%; }
	.productD_text			{ padding: 0; }

	/* Recent Views */
	#recentview			{ float: none; width: auto; padding: 0 15px 15px 15px; margin: 0; border-top: 1px solid #bbbbbb; }
	.recent_view			{ width: 50%;  display: inline-block; }

	/* Shopping Cart */
	td.c_del			{ width: 20px; padding: 3px 5px; }
	.c_img				{ width: 60px; }
	.c_qty				{ width: 50px; }
	.c_qty input			{ width: 100%; }
	.c_sub				{ width: 60px; }
	.c_opt				{ width: 50px; }
	.c_voucher input[type='text'],
	.c_shipping input[type='text'],
	.c_shipping select		{ width: 100%; }
	.c_box				{ clear: right; margin-top: 10px; }

	/* Form (Step 2) */
	#form_detail,
	#form_shipping,
	#form_payment			{ width: auto !important; display: block !important; margin: 0 !important; }
	.c_table input[type='text'],
	.c_table input[type='email'],
	.c_table input[type='phone'],
	.c_table input[type='number'],
	.c_table textarea,
	.c_table select			{ width: 100% !important; }
	.c_table input[size='4'],
	select[name='cart_submit[orderCardExpiryM]'],
	select[name='cart_submit[orderCardExpiryY]'] { width: auto !important; }
	table.c_table th		{ width: 35%; min-width: 90px; }
	#c_cvvhelpbox			{ left: -140px; width: 200px; }

	/* Admin Area */
	#adminpage textarea,
	#adminpage select,
	#adminpage input		{ width: 100%; }
	#adminpage input[size='3']	{ width: 50px; }
	#adminpage input[type='submit']	{ width: auto; }
	.audit_box li			{ width: auto; display: block; }

	/* Forces better display of page thumb editor */
	#adminpage td#subpage		{ width: 46%; display: inline-block; }
	#adminpage td#subpage table	{ width: 100%; }
	#adminpage td#subpage img	{ width: 100%; }

	/* Forces better display of page gallery editor */
	#adminpagegallery > table > tbody > tr > td,
	#adminpagegallery > table > tr > td		{ display: inline-block; width: 100%; }
	#adminpagegallery > table > tbody > tr > td > table,
	#adminpagegallery > table > tr > td > table	{ width: 100% !important; border: 0; }
	#adminpagegallery div[align='right']		{ text-align: center; }
	#adminpagegallery > form td			{ width: 19%; height: 75px; overflow: hidden; display: inline-block; }

	/* Replace parts of Site Report that wont display well on mobile with a message */
	#sr_mvp #sr_data		{ display: none; }
	#sr_mvp:after			{ content: "This information cannot be displayed on this sized screen or device. Please view on a larger screened computer or device."; display: block; margin: 0 15px; }

	#contactform 			{ position:relative; display:inline-block; 	}
	#contactright 			{ position:relative; display:inline-block; width: 98%;	}

	/* Subpages */
	.subpages div			{ display: inline-block; width: 45%; }
	
	/* LOWER */

	.subscribe			{  }
	.subscribe a 			{ font-size:16px; font-weight:bold;}
	.subscribe img			{ padding:0; width:16px!important; height:16px!important;}

		
	#lower				{ position: relative; width: 100%; margin: 0 auto; }
	#lower1				{ position: relative; display: block; width: 70%; vertical-align: top; padding: 0 10px 5px 10px; margin: 0 auto; }
	#lower2				{ position: relative; display: block; width: 70%; vertical-align: top; padding: 0 10px 5px 10px; margin: 0 auto; }
	#lower3				{ position: relative; display: block; width: 70%; height: auto; vertical-align: top; padding: 0 10px 5px 10px; margin: 0 auto; border: 0px; text-align: center; }

	#lower3	img			{ padding: 0px; margin: 0px; }

	#footerwrap			{ height:auto; }
	#footerlogo			{ max-width: 100%; width: 100%; }
}

@media (max-width: 600px) {
	.smallarrow			{ display: none; }
}

@media (max-width: 530px) {
	#toggleMenu			{ background: url("../images/menu-icon.png") 43% 16px no-repeat;  padding: 11px 15px 13px; background-color: #35BFAF; }
	.slideshow-text			{ top: 10px; }
	.title				{ font-size: 25px; }
	.title a			{ font-size: 25px; }
	.title a:hover			{ font-size: 25px; }
	.desc				{ font-size: 25px; }
	.desc a				{ font-size: 25px; }
	.desc a:hover			{ font-size: 25px; }
}

@media (max-width: 470px) {
	#toggleMenu			{  background: url("../images/menu-icon.png") 42% 16px no-repeat; padding: 11px 15px 13px; background-color: #35BFAF; }
}

@media (max-width: 420px) {
	/* UPPER */
	#upperwrap			{ border: 0px solid red; height: 130px; }
	#upper				{ width: 100%; height: 60px; border: 0px solid orange; }
	#uppertext			{ width: 95%; padding-right: 2.5%; padding-left: 2.5%; margin-top: 5px; margin-bottom: 8px; }
	#formouter			{ width: 200px; border: 0px solid green; text-align: left; }
	.formfield			{ margin-right: 0px; height: 35px; border: 0px solid blue; margin-bottom: 7px; }
	#formouter input[type="submit"]		{ margin-left: 5px; }
	#toggleMenu			{ background: url("../images/menu-icon.png") 41% 16px no-repeat; padding: 11px 15px 13px; background-color: #35BFAF;}

	#lower1				{ width: 95%; padding: 0 2.5% 5px 2.5%; }
	#lower2				{ width: 95%; padding: 0 2.5% 5px 2.5%; }
	#lower3				{ width: 95%; padding: 0 2.5% 5px 2.5%; }
}

@media (max-width: 400px) {
	#upperwrap			{ border: 0px solid orange; height: 150px; }
}

@media (max-width: 360px) {

	/* Product List */
	.productitem			{ width: auto; display: block; height: 255px; margin: 5px 0 10px 0; }
	.productbtns a			{ font-size: 14px; }

	/* Product Display */
	.productD_pdf			{ display: block; width: auto; }

	/* Recent Views */
	.recent_view			{ width: auto; display: block; }

	/* Shopping Cart */
	table.cart			{ border-collapse: separate !important; border-spacing: 0 5px; }
	table.cart th			{ display: none; }
	td.c_title,
	td.c_opt,
	td.c_unit,
	td.c_qty,
	td.c_sub			{ display: inline-block; width: 94%; height: auto; border-right: 1px solid #bbbbbb; }
	td.c_del			{ border: 1px solid #bbbbbb; border-right: 0; border-radius: 6px 0 0 6px; height: auto; }
	td.c_img			{ width: auto; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; }
	td.c_img img			{ width: 50px !important; }
	td.c_title			{ border-top: 1px solid #bbbbbb; border-radius: 0 6px 0 0; }
	td.c_unit			{ text-align: left; }
	td.c_qty			{ text-align: left; border-bottom: 1px solid #bbbbbb; border-radius: 0 0 6px 0; }
	td.c_qty input			{ width: auto; }
	#c_upBtn			{ font-size: 13px; padding: 2px 6px; margin: 0 0 0 4px; }
	td.c_sub			{ display: none; }
	td#c_total			{ padding: 0; border-top: 0; }
	.c_totals			{ float: none; width: auto; }
	.c_box				{ float: none; width: auto; margin-right: 0; }
	#c_cvvhelpbox			{ left: -140px; width: 160px; }
	
	#toggleMenu			{ background: url("../images/menu-icon.png") 40% 16px no-repeat; }
}

@media (max-width: 320px) {
	/* Shopping Cart */
	table.cart *			{ font-size: 12px !important; line-height: 15px; }
	td.c_del			{ padding-right: 0; padding-left: 3px; }
	td.c_img			{ display: none; }
	td.c_title,
	td.c_opt,
	td.c_unit,
	td.c_qty,
	td.c_sub			{ padding-left: 0; }
	.c_totals div > span		{ width: 50%; }
	.c_totals span > span		{ width: 100%; }
	#toggleMenu			{ background: url("../images/menu-icon.png") 37% 16px no-repeat; }

	#header				{ width: 95%; padding: 0 2.5%; border: 0px solid green; }
	#header img			{ max-width: 100%;  width: 100%; height: auto; }

	#headerlogo			{ width: 100%; height: auto; min-height: 155px; }
	#headerlogo img			{ width: 100%; }
}

@media (max-width: 280px) {
	#toggleMenu			{ background: url("../images/menu-icon.png") 36% 16px no-repeat; }

	#searchouter			{ width: 95%; padding: 0 2.5%; background-color: #ffffff; }
	#searchinner			{ width: 98%!important; }
	#searchfield			{ width: 60px!important; }

	#searchinner input[type='text']	{ width: auto!important; }

	.title				{ font-size: 14px; }
	.title a			{ font-size: 14px; }
	.title a:hover			{ font-size: 14px; }

	.desc				{ font-size: 14px; }
	.desc a				{ font-size: 14px; }
	.desc a:hover			{ font-size: 14px; }

}

/* DEBUG */
#debug					{ position: relative; padding: 10px 15px; text-align: left; background: #cfdaff; border-top: 12px solid #c4d2ff; border-bottom: 12px solid #c4d2ff; }
#debug h1				{ border: none; color: #001b51; text-transform: none; text-decoration: none; }
#debug pre				{ color: #000d27; }