* {
-webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;
  box-sizing: border-box;}

body {background:#fff;

margin:0;/* auto;width:320px;border:1px solid red;*/

}
input[type="image"],
input[type="submit"]
{		-webkit-appearance: none;-webkit-border-radius: 0!important;;}

body.top3 div#leftnav,
body.top3 div.left,
div.stage1box,
div.person_main,
div.person_side,
div.articles_main,
div.articles_side,
div.articles_main.__home,
div.articles_side.__home,
div.full #regileft,
div.full .left,
div.full .right,
div #form_right,
div   #product_main, 
div   #product_sub,
div   #form_details, 
div   .checkout_left,
div   #checkout_details,
div   #checkout_right,
div .product_review_item,
div #product_holisticthink,
div #product_guest_review,
div #tickboxes,
div #mp3,
div.midddle, 
div#main2,
 div#main,
div#footer,
div#footer2 {width:100%;float:none;height:auto;clear:both;}
body div#regileft.left,
body.top3 div.left {display:block!important;}

body	div .productpage #productinfo,
body	.productpage #productinfo,
body	.prodimages,
body	#pricearea,
body	#dictionary,
body	#holistic_think,
body	#relatedproductsearch,
body	#fbt,
body	#alsobought,
body	#product_sub #sharer,
body	#alsobought,
body	#reassurance,
body	#added-to-basket,
body	#product_reviews {margin:0 0 10px 0;padding:1px;/*overflow:hidden;*/transition:all 0.5s ease;border:0;clear:left;}
	

body	div#pricearea {
	border:1px solid #ccc;	padding:5px;
}

body	div#added-to-basket {padding:5px 10px;}
body	div#added-to-basket-small {background:orange;color:#fff;}
body	div#added-to-basket-small.show {display:block;}



body div#header {height:auto;overflow:hidden;}
/*
body div#header p{display:none;}
body div#header h1 {	background:#117BB1;background-size:auto 30px;
display:block;color:#ffff;margin:50px 0px 0;font-size:20px;line-height:30px;height:auto;width:100%;padding:0 10px 0;;}
*/
a#logo {background-color:#fff;/*position:absolute;top:0;left:0;*/width:200px;height:56px;margin:0;background-position:10px 50%;background-size:auto 40px;display:block;z-index:1;}

#headlinks_mobile {position:absolute;right:10px;top:0;display:block;width:100px;}
	#headlinks_mobile li {display:block;line-height:18px;text-align:right;font-size:12px;}

div#nav {padding:0;height:auto;position:relative;min-height:27px;background:#4F0074;}


body form#frmfindtext {background:none;width:98%;border:1px solid #4F0074;;margin:4px;height:39px;background:none;}
body #frmfindtext input, 
body #frmfindtext button {
    height: 37px;
    margin: 0;
    padding: 0;
    top: 0;
}
body #frmfindtext input{
	font-size:15px;	
}
body #frmfindtext button{
right:0;
}
 #nav {background:#fff!important;}
 
 #leftnav ul,
 ul#menu  {;border-top:1px solid #4f0074;border-left:1px solid #4f0074;border-right:1px solid #4f0074;;width:97%;padding:0;display:none;height:auto;background:#fff;margin:0 0 5px 5px;}
 	#page_home ul#menu {display:block;}
 	#page_home ul#menu li a {text-transform:none;}
	#page_home #pull {display:none;border-top:5px solid white!important;}
	

#leftnav ul li,
 #nav ul#menu li.nav_articles, 
 #nav ul#menu li.nav_offers, 
 #nav ul#menu li.nav_new,
 
 
 #nav ul#menu li {display:block;float:none;;border-width:0 0  1px 0!important;border-style:solid!important;border-color:#4f0074!important;;;height:auto;;
 
 
 
 background:url('/images/mobile/purple-arrow.png') right 50% no-repeat, -moz-linear-gradient(top,  rgba(245,247,249,1) 0%, rgba(230,235,238,0.6) 50%, rgba(65,0,106,0.19) 100%); /* FF3.6+ */
background:url('/images/mobile/purple-arrow.png') right 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,247,249,1)), color-stop(50%,rgba(230,235,238,0.6)), color-stop(100%,rgba(65,0,106,0.19))); /* Chrome,Safari4+ */
background:url('/images/mobile/purple-arrow.png') right 50% no-repeat, -webkit-linear-gradient(top,  rgba(245,247,249,1) 0%,rgba(230,235,238,0.6) 50%,rgba(65,0,106,0.19) 100%); /* Chrome10+,Safari5.1+ */
background:url('/images/mobile/purple-arrow.png') right 50% no-repeat, -o-linear-gradient(top,  rgba(245,247,249,1) 0%,rgba(230,235,238,0.6) 50%,rgba(65,0,106,0.19) 100%); /* Opera 11.10+ */
background:url('/images/mobile/purple-arrow.png') right 50% no-repeat, -ms-linear-gradient(top,  rgba(245,247,249,1) 0%,rgba(230,235,238,0.6) 50%,rgba(65,0,106,0.19) 100%); /* IE10+ */
background:url('/images/mobile/purple-arrow.png') right 50% no-repeat, linear-gradient(to bottom,  rgba(245,247,249,1) 0%,rgba(230,235,238,0.6) 50%,rgba(65,0,106,0.19) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f9', endColorstr='#3041006a',GradientType=0 ); /* IE6-9 */





 
 ;transition:background 0.3s ease-in;margin:0px;box-shadow:inset 0 -1px 2px #d3cbd7;}
  #nav ul#menu li a {text-transform:none;}
/*
#leftnav ul li:hover,
#nav ul#menu li:hover {;background:url('/images/menu_fwd.png') right 50% #fff;}
*/

#leftnav ul li a,
 #nav ul#menu li.nav_offers a, 
 #nav ul#menu li.nav_new a,
 ul#menu li a {display:block;float:none;;border:0;height:34px;line-height:34px;color:#4f0074;background:none;font-weight:bold}

 ul#menu *:focus div.drop, 
 ul#menu *:hover div.drop {display:none;}

/*div#leftnav>h3+ul:first-child {font-size:1.9;border-top:1px solid #4f0074!important;}*/
div#leftnav ul {padding:0 ;margin:0 0 0 5px;display:block;border-bottom:0;}
div#leftnav h3 {margin-top:10px;border-bottom:0;text-transform:none;;}


 .mini-breadcrumb {display:block!important;background:url('/images/mobile/purple-arrow-flip.png') -9px 50% no-repeat #fafbfc;border-bottom:1px solid #4f0074;margin:0;padding: 7px 8px 7px 25px;margin:0 0 5px 0;font-size: 12px;font-weight:bold;}
	.mini-breadcrumb a {display:block;}

div#minibasket {
	left:6px;
	top:78px;
	right:auto;
	z-index:10;	
}

div#ajax-search-results{
    position:absolute; 
	top:150px; 
	left:6px;
}

body .prodimages h1,
body h1,
body h1 b {line-height:24px;font-size:18px;}

span#pull {	background:url('/images/menu.png')  right 8px no-repeat #5F1084 ;height:31px;/*position:absolute;*/;cursor:pointer;/*bottom:3px;right:3px;*/text-indent:-999px;overflow:hidden;display:block;width:100%;}
span#pull.open {background-position:right -41px;}

body #content .expander {background:url('/images/expander.png') right 4px no-repeat;height:48px;overflow:hidden;cursor:pointer;padding:5px ;box-shadow:3px 3px 5px #4f0074;border:0;opacity:0.7;transition:opacity 0.3s ease-in;clear:both;position:relative;}
body #content .expander.snippet {height:145px;box-shadow:3px 3px 5px #4f0074,inset 0 -2px 2px #ddd}
body #content .expander.expanded {/*background:none;box-shadow:none;padding:0px;cursor:default;*/opacity:1;height:auto;background:url('/images/expander_close.png') right 4px no-repeat;min-height:48px;}

.expander .xp {float:right;width:40px;height:40px;}

body #content .expander h2 ,
body #content .expander h3 {line-height:38px;color:#4f0074;margin:0;padding:0 50px 0 0;border:0;font-size:14px;letter-spacing:-1px;display:block;}
.expander #boxtext {padding:0;}

#centralcontent div p.citation {margin: 0px -60px -10px -10px;
padding: 5px 10px;
line-height: 34px;
height: 50px;}


ul#headlinks,
form#frmfindtext,
div#cart {position:relative;top:auto;right:auto;left:auto;bottom:auto;margin:0 0 05px 4px;;}

ul#headlinks li {float:none;width:100%;border:0;display:none;padding:4px 0;}
ul#headlinks li#nv_you {display:block;}

body div#cart {width:98%;margin:4px;height:40px;background:none;border:1px solid #777;overflow:hidden;}
body #cart li {height:39px;line-height:39px;}
body #cart li#nobasket,
body #cart li#viewbasket {background-position:8px 10px;height:38px;line-height:38px;}
body #cart li#checkout {background:#E65C01;height:40px;float:right;width:auto;text-transform:uppercase;}
body div#cart li#checkout a {overflow:none;text-indent:0;color:#fff;padding:0 10px;}

body #cart li#nobasket, 
body #cart li#viewbasket, 
body button#close_basket, 
body #cart li#closebasket {width:75px;overflow:hidden;}

body div#content {width:100%;;clear:both;}

body div.items div.item,
 .list div.items div.item {width:50%;height:auto;padding-bottom:10px;}  
body.top3 div.items div.item {width:100%;height:auto;padding-bottom:10px;}  

 
body div.items div.item:nth-of-type(odd) ,
 .list div.items div.item:nth-of-type(odd){clear:both;} 

#productinfo .issuuembed{width:100%!important;height:200px!important;;}
#productinfo iframe {width:100%!important;height:auto!important;}
 
 body .items .image {height:auto;padding:5px;}


div#footer2 {border-top:1px solid #8f40b4;}
div#footer2 div.box,
div#footer2 div.box.address {width:50%;float:left;display:block;}

div  .rslides_nav {top:40px;width:20px;height:24px;background-size:auto 24px;}


div.clasheading {background:none;border-top:1px solid #ccc;padding-top:5px;;}
div.clasheading:after {content:".";clear:both;height:1px;}
body h1,
	div.clasheading span {font-family:Arial,  sans-serif;font-size:15px;font-weight:700;line-height:20px;}
	div.clasheading a {
		padding-left:10px;
    background: none;
	line-height:23px;
    display: inline-block;
    float: left;
	width:auto;
	height:auto;
	color:#000;
	font-size:11px;
    font-weight: bold;
	overflow:hidden;
	text-indent:0;
}
div.paging {line-height:30px;}
div.paging:after {clear:both;content:' ';display:block;}
	.paging label {clear:both;display:block;text-align:right;width:24%;margin-right:0!important}
	.paging ul {clear:both!important;float:right;}
	.paging li {margin:0 0 0 5px!important;}
	.paging select {float:right!important;width:72%;margin:0 0 5px 0!important;}
body .prodimages .mainimage {width:100%;}
body .prodimages .mainimage img {width:100%;max-width:100%;}
body .prodimages .mainimage a {height:auto;background:none;}


body #centralcontent p.delivery,
body #centralcontent p.return {background:none;padding:5px;}

div#alsobought li {height:auto;}
div#alsobought li .details {width:180px;}
div#alsobought form {width:148px;float:left;margin-left:130px;}
div#alsobought li .item_quantity_text {width:50px;}

#content {padding:4px 10px;}

body #person .heading,
body #articles .heading {height:auto;margin:-10px -10px 0;padding:8px;}
body #person .heading h1,
body #articles .heading h1 {font-size:16px;line-height:25px;float:none;}
body #articles #article_addthis{display:none;}
body .article h2 {
display:block;font-size:16px;clear:both;}


div.article {width:50%!important;margin:0!important;height:auto!important;float:left;border:none;}
div.article a {padding:0 10px 0 0;;}
div.article img.article_image {width:80%!important;height:auto;}
div.article a.readmore {display:none;}


.article_full p ,
div.aritlces_side,
div.person_side {clear:both;}

.article_image {width:100%;}

div#content .stage1box.s1_existing .field {height:30px;margin:10px;}
div#content .stage1box.s1_existing .field label {width:40%;}
div#content .stage1box.s1_existing .field input {width:60%;}

#centralcontent table.basket  {border-top:1px solid #7a7a7a;margin:10px 0;;}
#centralcontent table.basket td {display:block;border:0;text-align:left;width:auto;}
#centralcontent table.basket tr {border-bottom:1px solid #7a7a7a;position:relative;}
#centralcontent table.basket tr.header {display:none;}
#centralcontent table.basket td.basket-cellx {position:relative;}

#centralcontent table.basket td.basket-cell {padding-left:85px;}
#centralcontent table.basket td.item_unit {display:none;}
#centralcontent table.basket .total #shippingcostdisplay, 
#centralcontent table.basket td.total ,
#centralcontent table.basket td.item_totl {text-align:right;}
.basket-image {position:absolute;left:3px;top:3px;}
.item_qty table,.item_qty form {float:left;}
.item_qty td {padding:5px;}

body .formmain_proceed {width:100%;height:45px;}
body .formmain_proceed .baskbutton {width:130px;height:auto;float:left;clear:none;}
.baskbutton img {width:100%;}
body .formmain_proceed #baskpuch,
body .formmain_proceed #baskclea {float:right;width:150px;}

body #centralcontent p.msg {margin:5px;clear:both;float:none;}

body #tickboxes .field.checkbox {padding:5px;}
body #tickboxes .checkbox * {line-height:1.2;}
body #tickboxes .checkbox input {clear:left;margin-top:2px;}
body #tickboxes .checkbox strong {width:auto;}

#tickboxes textarea {width:100%;margin:5px 0;}
a.help {display:none;}


body #content fieldset .field {padding-right:0;}
body #checkout_details fieldset .field.anythingelse label, 
body #checkout_details fieldset .field label {width:100%;display:block;float:none;text-align:left;}
body #checkout_details .field input.textbox, 
body #checkout_details .field select, 
body #content fieldset .field.anythingelse textarea,
body #checkout_details .field textarea {width:100%;float:none;margin:0;}
body #content fieldset .field.anythingelse textarea,
body #checkout_details .field textarea {height:150px;}

div ul#payment-progress  {background:#eaeaea;border-top:1px solid #777777;border-bottom:1px solid #777777;height:34px;}
	div ul#payment-progress li {display:none;float:none;}
	div ul#payment-progress li:before {content:"Stage ";}
	ul#payment-progress.stage1 li:nth-child(1) ,
	ul#payment-progress.stage2 li:nth-child(2),
	ul#payment-progress.stage3 li:nth-child(3),
	ul#payment-progress.stage4 li:nth-child(4) {width:100%;;display:block;}

body form fieldset {width:97%;padding:4px;overflow:hidden;-webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;
  box-sizing: border-box;}
/*
label,
input,
select,
textarea {display:block!important;clear:both!important;float:none!important;width:90%!important;margin-left:0!important;text-align:left!important;}
*/
body.top3 div.items,
#page_home #main2,
div#payment-security,
div.left,
a.audio,
a.pdf,
a.video,
.no-mobile,
div#banner,
div.mainimage,
ul#thumblist,
div.infoboxes,
div#sharer,
div.breadcrumb,
/*div.paging label,
div.paging select,*/
div.socials,
#homesocials, 
#footer,
#headstrip {display:none!important;;}

@media only screen and (min-width: 499px) {
body div#footer2 div.box,
body.list div div.items div.item,
body div div.items div.item,
body div  .list div.items div.item {width:33%!important;}  

body div.items div.item:nth-of-type(odd) ,
 .list div.items div.item:nth-of-type(odd){clear:none;} 

body div.items div.item:nth-child(3n+1) ,
 .list div.items div.item:nth-child(3n+1){clear:both;} 

body.top3 div.items div.item,
body.top3 div.items div.item:nth-of-type(odd),
body.top3 div.items div.item:nth-child(3n+1)
 {width:100%;clear:both;}  

 
}

@media only screen and (min-width: 599px)  and (max-width: 799px) {
body div #product_main {width:60%;float:left;clear:none;} 
body div #product_sub {width:39%;float:right;clear:none} 
#itempurc {width: 100%;height: auto;}
p.product_price + table {width:100%!important;}
}
