body {background:#fafafa; font-family: helvetica, Verdana, Arial, Helvetica, Sans-Serif;}

div#outerwrap {min-width:585px; max-width:900px; margin:0 auto;  padding-bottom:5px; box-shadow: 0 0 25px #ccc; background:#fff;}
div#header {width:98.5%; margin:0 auto; font-size:13px; text-align:right;}
div#logo {width:210px; height:120px; float:left;}
div#logo img {width:100%; }
div#logo.touchstone img {width:auto; }

div#sitemenu {width:40%; float:left; height:30px;}

div#login {width:auto; height:30px; margin-top: 20px; float:right;  clear:right;}
div#minicart {width:190px; height:30px; margin-top: 5px; float:right;  clear:right;}
div#search {width:250px; height:30px; float:right; clear:right;}
div#spexmobile {display:none;}

div#topmenu {width:98.5%; height:45px; margin:0 auto; clear:both; border:1px #4e7d92 solid; border-width: 1px 0; background: #13526e url(../images/snz-menu-bck.png) repeat-x center left;}
div#strapline {float:left; width:36%; }
div#banner {width:61%; float:right; }
div#scroll {width:97.5%; padding: 3px; clear:both; margin:0 auto 25px; font-size: 1.1em; line-height: 150%; /*border:1px #535154 solid; background: #ececed;*/ }

div#homeleft {width:51%; margin-left:2.1%; float:left;}
div#homeright {width:44%; margin-right:2.1%; float:right;}
div#basetext {width:95.5%; /*min-height:90px;*/ clear:both; margin:0 auto; clear:both;}

div#footer { height:28px; clear:both; margin:0 auto; clear:both; background: #f3f3f4 url(../images/snz-footer-bck.png) repeat-x center left; padding-top:8px; text-align: center;}


/* Search */
#search input.search {width:190px; height:20px; border:1px #004f71 solid;vertical-align: middle;}
#search input.searchgo {width:28px; height:28px; margin: 0 3px; text-indent:-999em; border:none; background: url(../images/snz-search-go.png) no-repeat center center;}


/* Font Treatments */

#scroll {text-transform: none;}

div#strapline img {}

/* Sites menu */
div#sitemenu ul {list-style-type: none;}
div#sitemenu ul li {float:left; padding: 0 3px; font-size:12px;}
div#sitemenu ul li a {color:#004f71; text-decoration: none; text-transform: uppercase;}

/* top menu */
div#topmenu { position:relative; z-index:50;}

div#topmenu ul {list-style-type:none; margin:0; padding:0;}
div#topmenu ul li {position: relative; float:left; max-width: 24%; text-transform: none; } 
div#topmenu ul li a {display: table-cell; vertical-align: middle; padding: 4px 8px 0; overflow: hidden; height: 41px; color: #fff; text-decoration:none; font-size:13px; text-align: center;  }
div#topmenu ul li a {*display:block;}
div#topmenu ul li:hover {color: #004f71; background: url(../images/snz-menu-hover-bck.png) repeat-x center left;}
div#topmenu ul li a:hover {color: #004f71;}
div#topmenu ul.menu > li {max-width: 19%;}

/* hover menu styling */

div#topmenu ul li ul {display: none;}
div#topmenu ul li:hover ul {display:block; position:absolute; top:45px; left:0; width:165px; padding:0; margin:0;}
div#topmenu ul li:hover ul div.clear {clear:both;}
div#topmenu ul li:hover ul li {min-width:165px;}
div#topmenu ul li:hover ul li a {text-align:left; background:#f3f3f4; text-transform:none; color:#004f71; padding: 6px 0 4px 8px; width:165px; text-align:left; line-height:1.2em; border:1px #c9c9c9 solid; border-width: 0 1px 1px 1px; }
div#topmenu ul li:hover ul li:hover {background:#e7e7e8;}
div#topmenu ul li:hover ul li a.hide {color:#000;}
div#topmenu ul li:hover ul li:hover a.hide {border:1px #c9c9c9 solid; background:#f3f3f4; color:#525252;}
div#topmenu ul li:hover ul li ul {display: none;}
div#topmenu ul li:hover ul li a:hover {color: #0079a7; background:#e7e7e8;}
div#topmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0; z-index:30;}
div#topmenu ul li:hover ul li:hover ul.left {left:-105px;}


/* Homepage hotlink elements */

div#strapline img {width:100%;}
div#banner img {width:99%;}

div.hotlink {width:98%; height:110px; float:left; margin-bottom:30px;}

div.hotlink div.hotlinkimage {width:80px; height:110px; float:left; margin-right:18px; border:1px #000 solid;}
div.hotlink div.hotlinktext {width:65%; float:left;}

div.hotlink h2 {margin: 10px 0; font-size:16px; border-width: 0 0 2px 0; border-style: solid;}
div.hotlink p {margin: 10px 0; border-top:1px; font-size:14px;}

div#homebuy {color:#e58203;}
div#homeonline {color:#00a5c1;}
div#homemembership {color:#913569;}
div#homesubscribe {color:#0074a5;}

/* 
div#homebuy div.hotlinkimage {border-color:#e58203; background: url(../images/snz-hot-buy.jpg) no-repeat top left;}
div#homeonline div.hotlinkimage {border-color:#00a5c1; background: url(../images/snz-hot-online.jpg) no-repeat top left;}
div#homemembership div.hotlinkimage {border-color:#913569; background: url(../images/snz-hot-membership.jpg) no-repeat top left;}
div#homesubscribe div.hotlinkimage {border-color:#0074a5; background: url(../images/snz-hot-subscribe.jpg) no-repeat top left;} 
*/

div.hotlinkimage {background-size: contain !important}

/* Footer */
div.center {margin:0 auto; width: 98%;}
div#footer ul { list-style-type:none; margin:0 auto; padding:0;}
div#footer li { padding: 0 8px; text-transform: uppercase;  font-size:0.9em; border-right: 1px #004f71 solid;}
div#footer li:last-child {border-right: none;}
div#footer ul li a {color: #004f71; text-decoration:none; text-align: center;}
div#footer ul li a:hover {color: #0079a7;}

/* shop single page */
div#middleshop {width:95%; margin: 0px 1%;}
div#rightshop {display:none; }
div#shopnote {margin:5px 0; min-height:40px; width: 49%; float: right; font-size:0.95em; clear: right; padding:2px 3px;}


/* Shop layout */

div#shopleft {width:25%;  margin: 0 1% 0 0.75%; float:left; /*font-size:0.875em; line-height:110%;*/}
div#shopright {display:none;}
div#shoprefineresults { width:70.88888%; margin: 0 0.75% 0 0; padding-top:25px; float:right; /*font-size: 0.875em;*/}
div#shopmiddle {width:70.88888%; margin: 0 0.75% 0 0; padding-top:25px; float:right; /*font-size: 0.875em;*/}

div#cartarea {width:96%; padding: 1.25%; border:1px solid black; font-size: 0.875em; margin-bottom:10px;}
div.search_results_top { height:auto; margin-bottom:20px;}
div#advertright {clear:both; width:98.5%; margin:0 auto; float:none;}
div.standard_buttons div.buynow_dropdown {right:0px;}

/*shop checkout */
div#shop_cart #cart_costs {width: 60%;}

/* Three column layout */

div#submiddle {width:77.0555555%; margin:25px 0.83333% 0; float:left; }

div#leftthree { width:18.55555%;  min-width:119px; margin: 0 1.83333% 0 0.75%; float:left;}
div#middlethree {width:77.0555555%;; margin:25px 0 0; float:left; }
div#rightthree {clear:both; width: 98%; margin:25px auto 0; float:none; }

div#rightthree div.latestproduct1 {width:49%; float:left;}
div#rightthree div.latestproduct2 {width:49%; float:right;}

/* two column layouts */

div#lefttwo { width:18.55555%;  min-width:119px; margin: 0 0 0 0.75%; float:left;}
div#middletwo {width:77.0555555%; margin:0 0.83333% 0; float:left; }
div#righttwo {display:none; }

/* side menu styling */
div#lefttwo div#heading {width: auto; min-height: 20px; border-bottom: 1px #b5b7b9 solid;}
div#lefttwo div#heading h2 {padding: 5px 0 5px 0; margin:0; font-size: 14px; text-transform: uppercase;}
div#lefttwo div#heading h2 a {padding: 0;  color:#004f71; text-decoration:none;}

div#sidemenu {padding: 0;}

/* Homepage latest product */
ul.advert {width: 100%; height:225px; margin-bottom:50px; font-size:1em}
ul.advert li:first-child {position: relative; width:48%; max-height:225px; height:100%; margin-bottom:5px; float:left;  overflow:hidden;}
ul.advert li {position: relative; width:48%; max-height:225px; height:100%; margin-bottom:5px; float:right;  overflow:hidden; }

h3.adtext, div.adtext  {position:absolute; width:50%; top: 30%; right:0; z-index: 99;}
h3.adtext, div.adtext  {width:50%; padding:8px; background: none repeat scroll 0% 0% rgba(255,255,255,0.7); text-shadow: 0px -1px 0px rgba(255,255,255,0.7); }
p.adcall {position:absolute; z-index: 99; padding: 3px 0; color:#fff; text-decoration:none; bottom:0; right:0; width:100%; text-align:center;}


/* Homepage latest product */
/*div#homeright img {width: 100%; min-width:350px;} This is making the image too wide */
div#homeright div.latestproduct1, div#homeright div.latestproduct2, div#homeright div.latestproduct3 {position:relative; max-width:100%; max-height:200px; overflow: hidden; font-size:1em; }
div#homeright div.adtext p {display:block; margin: 3px 0 0 0; text-align:right;}

/*cart*/
/*div#shop_cart span.total {width:18.5%;}*/
div#orderrightbar {width:auto;margin:10px;float:none;}
div#rightbar1 {clear:both;}
span.hdr_retail {width:12%;}


li.caseStudy { width: 98%; padding:5px 20px 5px 5px; height:auto; border-bottom: 1px solid #e7e7e8; margin-right: 20px;}
li.caseStudy h1, li.caseStudy h2 { padding-right:5px;}
div.newsArticleImage {width: 50%;}
img.featureImage {width: 100%;}
.menuText {display:none;}
.menuImage {display:block;margin: auto;padding-top:7px;}


div#topmenu.touchstone ul.menu > li {width: 9.7%;border-right: 1px solid rgb(1,63,90);}
div#topmenu.touchstone ul.menu > li a {display: block;border-right:none;margin:auto;}

.colleft {
	float: none;
	width: auto;
}
.doublepage .colleft, .doublepage .colright{
	left: auto;
	right: auto;
}
.doublepage .col1 {
	left: auto;
}
.doublepage .col2 {
	left: auto;
	width: 100%;
}
.col1 {
	float: left;
	width: 50%;
}
.col2 {
	float: none;
	overflow: visible;
	width: 100%;
}

.grid-container .col.leftcol { 
	position: relative; 
	width: 98%; 
	padding: 0.5% 1.5%; 
	float: none; 
}
.grid-container .doublecol { 
	position: relative; 
	width: 96%; 
	padding: 0.5% 1.5%; 
	float: left; 
}
.grid-container .doublecol.rightcol { 
	position: relative; 
	width: 96%; 
	padding: 0.5% 1.5%; 
	float: left; 
	height: auto;
}
#ceUpdate {height:auto;}
.grid-container .col.middlecol,.grid-container .col.rightcol {
	border-top: 1px #DEDEDE dashed;
	position: relative; 
	width: 46%; 
	padding: 0.5% 1.5%; 
	float: left; 
}
.grid-container .col.middlecol {
	border-right: 1px #DEDEDE dashed;
}

article.touchstoneSubFeature {
	width: 95%;
	padding: 2.3%;
	margin: auto;
	float:none;
	border-bottom: 1px dotted #b5b7b9;
}
article.touchstoneSubFeature div.imageHolder {
	width: 15%;
	float: left;
	border: 1px solid #0079a7;
	padding: 2px;
	margin-bottom: 0px;
}
article.touchstoneSubFeature div.summaryHolder {
	width: 76%;
	padding: 0px 1.5% 0px 3.5%;
	float:left;
}
article.touchstoneSubFeature.subFeature2 {
	border-left: none;
}
.rssable a {
	float:right;
	width:14px;
	height:14px;
	background-image: url(../images/feed-icon-14x14.png);
	margin-left: 1px;
	margin-right: 3px;
	margin-top: 6px;
}