html {}
/*AVOIDS PADDING increasing the sizes of boxes - as it should anyway really!! */
div, p {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
/* END AVOIDS PADDING increasing the sizes of boxes - as it should anyway really!! */

body {
	margin: 0 auto !important;
	min-width:320px;
	padding:0px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;*/
	font-family: 'Indie Flower', cursive;
	line-height:120%;
	color:#000;
	background-color:#666666;
	font-size:1.2em;
	background-image:url("/img/OxfordSkylineMirror2000x1984-Faded.jpg")
	}

a:link,a:visited {color:#330099;}
.blacktext {color:#000;}
a.blacktext:link, a.blacktext:visited {color:#000; text-decoration: none;}

div#clearallfooter {clear:both;}

p {font-size:1.2em;}
body#homepage {text-align:center; background-image:none;}
body#homepage h2 {font-size:2em; margin:10px; line-height:1em; text-align:center;}


div#header {color:#000; background-color:#cccccc;}
div#header p {text-align:center;font-family: 'Kaushan Script', cursive; font-size:4em; line-height:.9em; margin:0px 0px 10px 0px; color:#000; font-weight:bold;}
div#header img#largescreen {height:80px; width:auto; display:inline; margin:10px 0px 0px 0px;}
div#header img#smallscreen {height:60px; width:auto; margin:10px 0px 0px 20px; display:none; float:left;}

div#headerinner {width:1000px; max-width:90%;margin:0px auto;}		

div#footer {color:#000; background-color:#cccccc;}
div#footerinner {width:1000px; max-width:90%;margin:0px auto;}		
div#creditcardlogos {float:right; margin:0px 30px 0px 0px;}
div#footertext {float:left; margin:0px 0px 0px 20px; font-size:0.8em;}

table#optionstable {text-align:center; border-collapse: collapse;}
table#optionstable th {font-size:1.2em; font-weight:bold;}
table#optionstable td {border-bottom:1px solid #000;}
table#optionstable th {border-bottom:1px solid #000;}
table#optionstable th.col1 {width:55%;}
table#optionstable th.col2 {width:15%;}
table#optionstable th.col3 {width:15%;}
table#optionstable th.col4 {width:15%;}
.dot {font-size:3em; font-weight:bold;}
div#privacypolicycontent,
div#cookiepolicycontent {width:90%; margin:0px auto;}

/*old text colour #330099 */
h1 {font-size:1.6em; line-height:1em; font-weight:bold; padding:5px 5px 5px 0px; color:#397305; text-align:center;}
h2 {font-size:1.2em; line-height:1em; font-weight:bold; padding:5px 5px 5px 0px; color:#000; text-align:center;}
h3 {font-size:1.0em; line-height:1em; font-weight:bold; padding:5px 5px 5px 0px; color:#397305;}
.lefttext {text-align:left;}

div.contentbox {clear:both; width:1000px; max-width:90%; background:#cccccc; margin:10px auto; padding:10px;}
div.contentbox h1 {margin:10px 0px 0px 0px;}
div.contentbox h2 {margin-top:0px;}
div#teddyheaderbox {clear:both;width:640px; background:#cccccc; margin:10px auto; }
div#teddyheaderbox img#teddyphoto {width:200px; height:auto; float:left; border:10px solid #330099; margin:0px 20px 0px 0px;}
div#teddyheaderbox h1 {padding:20px 0px 0px 0px;}
div#teddyheaderbox h2 {padding:0px 0px 0px 0px;}

p#aboutbear {border:2px solid #cccccc; color:#cccccc; background:#330099; border-radius:5px; float:right; width:150px; text-align:center; margin:-5px 10px 10px 0px;}

img#teddybooklogo {float:right; width:60px;margin:10px 10px 0px 0px;}


div#progressboxouter {width:640px; margin:10px auto; padding:0px 0px 20px 0px; background:#cccccc;}
div#progressboxouter h2 {margin:5px 0px 0px 10px;}
div.progressbox {padding:0px; width:100px; float:left; margin:0px; font:0.8em; vertical-align:middle;}
div.progressboxnumber {width:30px; height:30px; line-height:25px;margin:5px auto 0px auto; border-radius:20px; border:2px solid #330099;text-align:center; vertical-align:middle; color:#330099; font-weight:bold;}
div.progressboxtext {margin:3px 0px 2px 0px; padding:0px; text-align:center;color:#330099;}
div.completedstage {color:#cccccc; background:#330099;}
div.completedstagetext {font-weight:bold;}

div.post {margin:20px auto; background:#cccccc; padding:10px; width:640px; max-width:90%;}
div.post h2 {padding:0px 0px 0px 0px; font-size:1.2em; color:#330099; margin:0px; text-align:left;}
div.post h3 {padding:0px 0px 0px 0px; font-size:1.0em; font-style:italic; margin:0px 0px 10px 0px; text-align:left;}
div.postimages {float:left; text-align:center; width:320px;}
div.postimages img {margin:0px 20px 10px 0px; width:300px; border-radius:10px;}
div.post p {margin:0px 20px 10px 300px;}
div.teddybookteddyicon {width:30px; height:30px; border-radius:15px; padding:0px; float:left; margin:0px 20px 0px 0px;}
div.teddybookteddyicon img {width:30px; height:30px; border-radius:15px; margin:0px; padding:0px;}

div.clearall {clear:both;}
p.hiddenposttext {font-weight:bold; color:#F00;}
span.newlinesmallscreen {display:none;}
div.clearallonsmallscreen {height:0px; width:0px;}

div#buynowhomepage, div#buynowhomepage2 {width:120px; height:80px; vertical-align:middle; text-align:center; border-radius:40px; background:#63c809;margin-right:20px; border:3px #ffcc33 solid;}
div#buynowhomepage p,div#buynowhomepage2 p {margin:0px 0px 0px 0px; font-weight:bold; font-size:1.2em; padding:12px 0 0 0; font-size:1.6em; line-height:1em;}
div#buynowhomepage:hover,div#buynowhomepage2:hover {background:#000; color:#63c809; cursor:pointer;border:3px #000 solid;}
div#buynowhomepage {float:right; }
div#buynowhomepage2 {display:block; margin:0px auto 20px auto;}

div.listitem {clear:left; padding:0px 0px 0px 20px;}
div.listitem p {margin:10px 160px 0px 40px; padding:8px 0 0 0;}
div.numbercircle {float:left; width:30px; height:30px; border-radius:15px; background:#63c809; text-align:center; font-weight:bold; padding:5px 0 0 0;}


div.homepagebulletlistleft {width:60%; float:left;}
div.homepageimageright { width:30%; float:right; margin:0px 10px 10px 0px;}
div.homepageimageright img {width:100%;}
div.homepagebulletlist {margin:0px 0px 20px 10px;}
div.homepagebulletlist p {margin:0px 0 0 30px;}
div.homepagebulletlist img {width:20px; float:left;}

div.question {float:left; width:300px; font-weight:bold; margin:5px 0px; padding:10px 0px; font-size:1.1em; }
div.answer {float:left; width:320px; padding:10px 0px;}
div.answer input {border-radius:5px; font-size:1.2em; padding:5px; width:300px;} 
div.answer select {border-radius:5px; font-size:1.2em; padding:5px; width:315px;}
div.answer input.AddToCartButton {width:150px; float:right;}
input.basketbutton {clear:both; float:right;}
input.basketbuttoncentered {clear:both; float:none; margin:10px auto; display:block;}

table#privacytable {border-collapse:collapse; border:1px #000 solid;}
table#privacytable td {border:1px #000 solid; padding:5px; vertical-align: top;}
table#privacytable th {border:1px #000 solid; padding:5px;}
table#privacytable .firstcol {width:100px;}

@media only screen and (max-width: 720px) 
{
	div#headerinner {width:90%; margin:0px auto;}		
	div#header p {margin:0px 0px 10px 0px; width:100%;}
	
	div#header img#largescreen {display:none;}
	div#header img#smallscreen {display:block;}

	div.clearallonsmallscreen {clear:both;}
	div#progressboxouter {width:90%;}
	div.progressbox {float:none; width:90%; }
	div.progressboxnumber {float:left; margin-left:20px;}
	div.progressboxtext {text-align:left; line-height:100%; padding:10px 0px 0px 60px;}
	div#teddyheaderbox {width:90%;}
	span.datedash {display:none;}
	span.newlinesmallscreen {display:inline;}
	div.post {text-align:center; width:90%;}
	div.postimages {float:none; margin:10px 0px; padding:10px; width:100%;}
	div.postimages img {width:90%; margin:10px auto;}
	div.post p {margin:0px 20px 10px 0px;}
	div.post h2 {text-align:left; margin-left:50px;}
	div.post h3 {text-align:left; margin-left:50px;}
	
	div.question,div.answer {float:none; width:280px; margin:0px auto; display:block; text-align:center;}
	div.question {padding:10px 0px 5px 0px;}
	div.answer { padding:0px 0px 0px 0px;}
	
	div.answer input {width:280px; text-align:center;} 
	div.answer select {width:280px; text-align:center;}
	div.answer input.AddToCartButton {width:150px; float:none; margin:0px auto;}

}

@media only screen and (max-width: 500px) 
{
	div#header img#smallscreen {height:80px; width:auto;}
	body#homepage img {max-width:90%;}
	img#teddybooklogo {display:none;}
	div#teddyheaderbox {text-align:center; padding:10px 0px;}
	div#teddyheaderbox img#teddyphoto {float:none; margin:0px auto; display:block;}
	table#optionstable th {font-size:1em; font-weight:bold;}

	p#aboutbear {float:none; text-align:center; margin:10px auto;}
	
	div.homepagebulletlistleft {width:100%; float:none; padding:10px;}
	div.homepageimageright { width:100%; float:none; text-align:center;}
	div.homepageimageright img {display:block; margin:0px auto;}
	
	
}