body {background:#fafafa; font-family: helvetica, Verdana, Arial, Helvetica, Sans-Serif; min-width:315px; width:100%;}

div#outerwrap {min-width:260px; max-width:600px; margin:0 auto; background:#fff;}
div#header {width:98%; height: 160px; margin:0 auto; font-size:13px; text-align:right;}
div#logo {width:180px; height:auto; float:left;}
div#logo.touchstone {width:60%; height:auto; float:left;}
div#logo img {width:100%;}
div#sitemenu {display:none;}

div#login {width:35%; height:30px; margin-top: 20px; float:right;  clear:right;}
div#minicart {width:130px; height:30px; margin-top: 5px; float:right;  clear:right;}
div#minicartTS {width:40%;height:30px; margin-top: 5px; float:right; clear:right;}
/*
div#search {width:98%; height:30px; margin:5px auto 10px; clear:both; text-align:center;}
*/
div#search {width:250px; height:30px; float:right; clear:right; margin-bottom: 5px;}

div#spexmobile {width:120px; height:30px; float:right;  clear:right; display:block;}

div#topmenu{width:98%; height:30px; margin:0 auto; clear:both; border:1px #004f71 solid; border-width: 1px 0; background: #004f71;}
div#topmenu.touchstone{width:98%; height:30px; margin:0 auto; clear:both; border:1px #e7e7e8 solid; border-width: 1px 0; background: #e7e7e8;}
div#strapline {width:98%; text-align:center;}
img#straplarge {display:none;}
img#strapsmall {display:block;width:100%;}
div#banner {display:none; }
div#scroll {width:97%; float:none; padding: 3px; clear:both; margin:0 auto 25px; font-size: 1.1em; line-height: 150%; /*border:1px #535154 solid; background: #ececed;*/ }

div#homeleft {width:98%; margin:0 auto; float:none;}
div#homeright {width:98%; margin:0 auto; float:none; clear:both;}
div#basetext {width:98%; clear:both; }

div#footer {height:auto; background-size:100%;

background: #d3d4d5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDRkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2Q0ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d3d4d5 0%, #ffffff 40%, #ffffff 60%, #d3d4d5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d4d5), color-stop(40%,#ffffff), color-stop(60%,#ffffff), color-stop(100%,#d3d4d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d3d4d5 0%,#ffffff 40%,#ffffff 60%,#d3d4d5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d3d4d5 0%,#ffffff 40%,#ffffff 60%,#d3d4d5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d3d4d5 0%,#ffffff 40%,#ffffff 60%,#d3d4d5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d3d4d5 0%,#ffffff 40%,#ffffff 60%,#d3d4d5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d4d5', endColorstr='#d3d4d5',GradientType=0 ); /* IE6-8 */
}
div#footernav {display:none}


/* Search */
/* 
#search input.search {width:80%; height:20px; border:1px #13526e 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;}
*/ 
#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;}

/*menu*/
div#topmenu div#menumenu {display:block; font-size:1.3em; font-weight:bold; color: #fff; padding: 7px 7px 4px 7px; background-position: 98% 50%; cursor:pointer;}
div#topmenu.touchstone div#menumenu {display:block; font-size:1.3em; font-weight:bold; color: #004f71; padding: 7px 7px 4px 7px; background-position: 98% 50%; cursor:pointer;}
#menumenu {background: url('../images/icons/icon_expand.png') no-repeat;}
#menumenu:hover {background: url('../images/icons/icon_expand_over.png') no-repeat;}
div#menumenu.expanded {background: url('../images/icons/icon_contract.png') no-repeat;}
div#menumenu.expanded:hover {background: url('../images/icons/icon_contract_over.png') no-repeat;}
div#topmenu ul.menu {width:98%; padding:1%;}
#topmenu ul {display:none;}
div#topmenu ul li {float:none; max-width:100%; border-top:1px solid white;/*background:url("../images/snz-menu-bck.png") repeat-x left top #13526E;*/}
div.menumenu {height:30px;}
div#topmenu,div#topmenu.touchstone {height:100%;}
div#topmenu ul.menu li.section {max-width:100%; background:#e7e7e8 url('../images/icons/icon_down_blue.png') no-repeat 99% 10px;}
div#topmenu ul.menu li.section>ul {display:block;}
div#topmenu ul.menu li.section ul li {background: #f3f3f4 url('../images/icons/icon_next_blue.png') no-repeat 99% 10px; border-top:none;}
div#topmenu ul.menu li:hover>ul {display:none; position:relative; top:0px; width:100%;}
div#topmenu ul.menu li.section:hover>ul {display:block;}
div#topmenu ul.menu li ul li a {text-align:left; height:100%; text-transform:none; color:#000; padding: 10px 15px; text-align:left; line-height:1.2em; border-top:1px #004f71 solid; }
div#topmenu ul.menu li:hover ul li ul {display:none;}
div#topmenu ul.menu li.section:hover>ul {display:block;}
div#topmenu ul.menu li.section ul li.current ul {display:block;}
div#topmenu ul.menu li:hover ul ul {position: relative; width:auto; top:0px;}
div#topmenu ul.menu li:hover ul li:hover ul {width:100%; top:0px; position:relative; left:0px;}
div#topmenu ul.menu li a {padding:10px 5px;}
div#topmenu ul.menu li a {display: block; height: 15px; text-align: left;text-transform: none;}
div#topmenu ul ul {padding-left:0px;}
li.active li.active ul {padding-left:10px;}
div#topmenu ul.menu li.current ul li.current ul a {background: #ffffff; border:none;}
div#topmenu ul.menu li.current ul li.current li {border-top: 1px dotted #b5b7b9;}
div#topmenu ul.menu li.current ul li.current {background: #e7e7e8 url('../images/icons/icon_down_blue.png') no-repeat 99% 10px;}
div#topmenu ul.menu li.current {max-width:100%; background:#e7e7e8 url('../images/icons/icon_down_blue.png') no-repeat 99% 10px;}
div#topmenu ul.menu li.current>ul {display:block;}
div#topmenu ul.menu li.current ul li {background: #f3f3f4 url('../images/icons/icon_next_blue.png') no-repeat 99% 10px; border-top:none;}
div#topmenu ul.menu li.current:hover>ul {display:block;}
div#topmenu ul.menu li.current:hover>ul {display:block;}
div#topmenu ul.menu li.current ul li.current ul {display:block;}

div#topmenu ul.menu li.section ul li.current ul a {background: #ffffff; border:none;}
div#topmenu ul.menu li.section ul li.current li {border-top: 1px dotted #b5b7b9;}
div#topmenu ul.menu li.section ul li.current {background: #e7e7e8 url('../images/icons/icon_down_blue.png') no-repeat 99% 10px;}
div#topmenu ul.menu li.current ul li.current ul a {background: #ffffff; border:none;}
div#topmenu ul.menu li.current ul li.current li {border-top: 1px dotted #b5b7b9;}
div#topmenu ul.menu li.current ul li.current {background: #e7e7e8 url('../images/icons/icon_down_blue.png') no-repeat 99% 10px;}
div#topmenu > ul > li {background: url('../images/icons/icon_next_white.png') no-repeat 99% 50%;}

div#topmenu ul.menu > li:hover > a {color:#fff;}
div#topmenu ul.menu li ul li li a {padding:10px 25px;}
div#topmenu ul.menu > li.active:hover > a {}
div#topmenu ul.menu li.active ul li:hover {background: #e7e7e8 url('../images/icons/icon_down_blue.png') no-repeat 99% 10px;}
div#topmenu ul.menu li.active ul li.active > a:hover { background: #e7e7e8 url('../images/icons/icon_next_blue.png') no-repeat 99% 10px;}
div#topmenu ul.menu li.active:hover {background: #e7e7e8 url('../images/icons/icon_down_blue.png') no-repeat 99% 10px;}
div#topmenu ul.menu > li.active:hover > a {color:#004f71;}
/*images*/
div#topmenu>ul>li {background: url('../images/icons/icon_next_white.png') no-repeat 99% 10px;}
div#topmenu ul.menu li:hover {background: url('../images/icons/icon_down_white.png') no-repeat 99% 10px;}

/*cancel out 901 rules*/
div#topmenu ul.menu li:hover ul li a {border-width:1px 0px 0px 0px; background:none; display:block; width:inherit;}

/*cancel out 301 rules*/

/* Font Treatments */
#header a {text-decoration:none;}
#scroll {text-transform: none;}

/* Homepage hotlink elements */

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

div.hotlink { height:47px; width:100%; margin-bottom:5px;}

div.hotlink div.hotlinkimage {width:60px; height:44px; float:left; margin-right:18px; border:1px #000 solid;}
div.hotlink div.hotlinktext { float: left; width: 68%;}
div.hotlink h2 {margin: 14px 0 0; font-size:16px; color:#fff; border:none;}
div.hotlink p {display:none;}

div#hotLink1 a,div#hotLink2 a, div#hotLink3 a, div#hotLink4 a {color:#ffffff;}

div#hotLink1 {background-color:#e58203;}
div#hotLink2 {background-color:#00a5c1;}
div#hotLink3 {background-color:#913569;}
div#hotLink4 {background-color:#0074a5;}

div#hotLink1.shop div.hotlinkimage {border:none; background: url(../images/homepage/homeimage_search_small.png) no-repeat 50% 50%;}
div#hotLink2.shop div.hotlinkimage {border:none; background: url(../images/homepage/homeimage_onlinelibrary_small.png) no-repeat 50% 50%;}
div#hotLink3.shop div.hotlinkimage {border:none; background: url(../images/homepage/homeimage_publiccomment_small_purple.png) no-repeat 50% 50%;}
div#hotLink4.shop div.hotlinkimage {border:none; background: url(../images/homepage/homeimage_touchstone_small.png) no-repeat 50% 50%;} 

div#hotLink1.corporate div.hotlinkimage {border:none; background: url(../images/homepage/homeimage_publiccomment_small.png) no-repeat 50% 50%;}
div#hotLink2.corporate div.hotlinkimage {border:none; background: url(../images/homepage/homeimage_media_small.png) no-repeat 50% 50%;}
div#hotLink3.corporate div.hotlinkimage {border:none; background: url(../images/homepage/homeimage_workprogramme_small.png) no-repeat 50% 50%;}
div#hotLink4.corporate div.hotlinkimage {border:none; background: url(../images/homepage/homeimage_touchstone_small.png) no-repeat 50% 50%;} 

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

/* shop single page */
div#middleshop {width:98.5%; margin:0 auto;  float: none;}
div#rightshop {display:none; }
div#productdescription {width:98%; margin:0 auto 5px; float:none;}
div#productpricing {width:98%;margin:0 auto 5px;  float:none;}

div#productcrosssell {width:98%; margin:5px auto 5px;  float:left;}
div#producttitle {width:98%; margin:0 auto 5px 0;  float:none;}
div#productdetails {width:98%; margin:0 auto 5px;  float:none;}

/* Shop layout */

div#shopleft {width:98%; margin: 1%  0 0 1%; float:left; /*font-size: 0.875em;*/ padding:0;}
div#shopright {display:none;}
div#outerwrap div#orderleftbar {width:97%;}
div#shoprefineresults { width:48%; margin: 1% 1% 0 0; float:right; /*font-size: 0.875em;*/  padding:0;}
div#searchkeys {display:none;}
div.standardprice a.helpicon {top:11px;}

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

div#orderrightbar {width:auto;margin:10px;float:none;}
div#rightbar1 {clear:both;}
div.shopnote {margin:5px auto 10px; min-height:40px; width: 98%; float: right; font-size:0.95em; clear: right; padding:2px 3px;}
div.standard_buttons div.buynow_dropdown {right: 0px;}

div.searchheading {clear:both; width:98.5%; margin:4px auto; display:block;}
div.searchheading  h1 {text-align:center; margin:0;}

div#searchkeys {font-size: 0.875em;  margin-top: 0;}

div.search_pagination, div#search_resultsfor, div.search_results_top h1 {display:none;}
/* Three column layout */

div#submiddle {width:98%; margin:0 auto; float:none;}
div#middlethree {width:98%; margin:0 auto; float:none; }


div#leftthree { display:none;}
div#middletwo {width:98%; margin:0 auto; float:none; }
div#rightthree {display:none; }

/* two column layouts */

div#lefttwo { display:none;}
div#middletwo {width:98%; margin:0 auto; float:none; }
div#righttwo {display:none; }

/* Homepage latest product */
ul.advert li {position:relative;}
ul.advert li:first-child {width:48%; height:120px; margin-bottom:10px; border:1px #0079a7 solid; float:left;}
ul.advert li:last-child {width:48%; height:120px; margin-bottom:10px; border:1px #96ca50 solid; float:right;}

h3.adtext {width:100%; top:10px;}
p.adcall {position:absolute; z-index: 99; padding: 3px 0; color:#fff; text-decoration:none; bottom:0; right:0; width:100%; text-align:center;}
li:first-child h3.adtext   {color:#0079a7; text-align:center;}
h3.adtext {color:#96ca50; text-align:center;} 

.advert img {display:none;}

/* Homepage latest product */
div#homeright div.latestproduct, div#homeright div.latestproduct3 {position:relative; max-width:48%; max-height:100%; overflow: hidden; font-size:1em; }
div#homeright div.adtext { position:relative; width:100%; top:5px;}
div#homeright div.adtext p {display:none;}
div#homeright img {display:none;}
div#homeright div.latestproduct div.adtext h3  {color:#0079a7; text-align:center;}
div#homeright div.latestproduct3 div.adtext h3 {color:#96ca50; text-align:center;} 

div#homeright div.latestproduct {float:left; width:48%; height:100px; margin-bottom:10px; border:1px #0079a7 solid;}
div#homeright div.latestproduct3 {float:right; width:48%; height:100px; margin-bottom:10px; border:1px #96ca50 solid; float:right;}

div.leftbox {
	padding: 1px 2% 1px 2%;
	margin: 0px;
}
div#refineSearchDetails {
	width: 95%;
	display:none;
}
div#refineSearchDetails h4 {padding:1px 0; margin: 1px 0;}

div#r_publisher {
	width: 45%; float: left; margin-right:4%; clear:both;
}
div#r_status, div#r_keywords, div#r_subscription {
	width: 45%; float: left; margin-right:4%;
}
/*
div#r_keywords_box+p{
	display:none;
}*/
li.keywordFilter {display:block;padding-right:18px;}
div#mostcommon {float:none;width:98%}
/*#tableofcontents {border-bottom: 1px dotted rgb(147,149,152);} dont think we want a border on the bottom*/

li.productlink {padding:2px 6% 2px 2px;}

/*Checkout*/
span.hdr_retail, span.yourPrice {display:none;}
div#shop_cart span.type {width: 19%;}
div#shop_cart span.cart_qty {width:10%;}
div#shop_cart span.total {width:20.5%;}
div#shop_cart span.delCol {width:8%;}
div#shop_cart span.expandCol {width:8%;}
div.form_line label {width:100%;}
div.form_line.radio_line label {width:85%;}
div.form_line.checkbox_line label {width:88%;}
div.form_line input[type="text"] {width:88%;}
div.requireRefWrap table {clear:both;}
div#shop_cart div.pack_line span {display:none;}
div#shop_cart div.pack_line span.product,div#shop_cart div.pack_line span.yourPrice {display:inline-block;width:51%;} 
div#shop_cart div.pack_line span.yourPrice {width:25%;text-align:right;display:inline-block;}
div#shop_cart div.pack_line span.total {display:none;}
div#shop_cart div#cart_costs, #shop_cart div#subscriptions_checkout {width: 100%;}
span.hide_at_320 {display:none;}

div.form_line div.left_double_list, div.form_line  div.right_double_list {width:49%;}
div.form_line div.middle_double_list {width:100%;float:none;clear:both;margin:0px;}
div.form_line .forms-doubleList select {width:100%;margin:0px;}
#orderleftbar div#formLegend {width:auto;float:none;}
#orderleftbar div.page_2_buttons {width:auto;float:none;margin-top:10px;}
div.button_wrap input[type="submit"] {margin:3px;}
#quoteReceiptLogo img {max-width:100%;}
div#quoteReceiptAddress {float:none;}
fieldset div.moreLinesButtonDiv {padding:0 8% 0 0;}
div.form_line div.helperWrapper {width:73%;}
div.form_line div.helperWrapper a {padding-left:5px;}

/* person/business tabs*/
#continue_as a#person_button.active,#continue_as a#person_button.active:hover {background: url('../images/checkout/tab_personal_active_small.png') no-repeat; }
a#business_button.active,a#business_button.active:hover {background: url('../images/checkout/tab_organisation_active_small.png') no-repeat; }
a#person_button {background: url('../images/checkout/tab_personal_inactive_small.png') no-repeat; width:100px;}
a#business_button {background: url('../images/checkout/tab_organisation_inactive_small.png') no-repeat;margin-left:135px;}
a#person_button:hover {background: url('../images/checkout/tab_personal_hover_small.png') no-repeat; }
a#business_button:hover {background: url('../images/checkout/tab_organisation_hover_small.png') no-repeat; }

/*shop results*/
.helperWrapper img.helpIcon {right:1%;}
div#shopleft div.helperWrapper img {display:block;}
#refine_search_results h3 {margin-bottom:0px;}
div.search_box input[type="text"] {width:71%;}

div.hide_at_full {display:block;}
.hide_at_compact, #heading {display:none;}

li.caseStudy { width: 100%; padding:5px; height:auto; border-bottom: 1px solid #e7e7e8;}
/*li.caseStudy p { clear:none; margin-left: 150px; padding-bottom: 10px; }*/

.grid-container {
	padding-top:10px;
/*	border-top: 1px dashed #DEDEDE;
	background: transparent url(http://www.iso.org/iso/divider-horizontal-732.png)  no-repeat 50% 0;*/
	
	position: inherit; 
	z-index: inherit; 
	width: 100%; 
}
.grid-container .col { 
	position: inherit; 
	width: 98%; 
	padding: 0.5% 1.5%; 
	float: none; 
	border-bottom: 1px dashed #DEDEDE;
}
.grid-container .doublecol { 
	position: relative; 
	width: 96%; 
	padding: 0.5% 1.5%; 
	float: left; 
}
div.newsArticleImage {float:none; width:100%}
img.featureImage {width: inherit; max-width: 300px;margin:auto;display: block;}
.touchstoneArticle {width: 95%; float:none;}
.touchstoneAux {width: 93%; margin-left: 2%; float: none;}
div#topmenu.touchstone ul.menu > li {max-width: 100%;}
div#topmenu.touchstone ul.menu > li img {vertical-align: middle;padding-right: 10px;}
div#topmenu.touchstone ul.menu > li a {padding: 6px 0px 6px 0px; height:25px;}
.menuText {display:inline;}
.menuImage {display:inline-block;}

.doublepage .colleft {right:auto;}
.doublepage .col1, .doublepage .col2 {left:auto;margin:auto;width:100%;}
.doublepage .colleft .col1 {max-width:300px;float:none;}


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;
}
#ceUpdate {display:none;}
#touchstone_left {display:none;}
#touchstone_right.homepage_summary {width: 96%; float:none; border:none;}
.mobileButtons {display:block;}
.mobileButton {font-size:0.9em; height: 60px; border: 1px #b5b7b9 solid; margin: 0px 2%; padding: 3px 2%; width: 41%; float:left;}
div.touchstoneAd {margin:0; width:45%;padding:5px 2.5%;float:left;}
img.touchstoneAd {width:100%;display:block;}
img.galleryImage {max-width:40%;}
.rssable a {
	float:right;
	width:14px;
	height:14px;
	background-image: url(../images/feed-icon-14x14.png);
	margin-right: 3px;
	margin-top: 6px;
}