#container {
	position: relative;
	width: 1020px;
	text-align: left;
	min-height: 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #FFF;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#container #adverts {
	float: left;
	margin-left: 10px;
	position: relative;
	background-color: #CCC;
	height: 289px;
	width: 473px;
	border: 1px solid #D8D8D8;
}
#container #adbanner {
	position: relative;
	float: left;
	width: 475px;
	margin-top: 10px;
	height: 195px;
	margin-left: 10px;
	background-color: #CCC;
}
#container #menubar #header-text {
	position: relative;
	width: 800px;
	font-size: 1.4em;
	color: #666;
	float: left;
	margin-top: 10px;
	background-color: #FFF;
}
#container #menubar {
	position: relative;
	float: left;
	width: 810px;
	height: 115px;
	margin-top: 0px;
	background-color: #FFF;
}
#container #loginbox {
	position: relative;
	float: left;
	margin-top: 5px;
	font-size: 0.8em;
	padding-top: 3px;
	background-color: #EEB040;
	color: #333;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 1px;
}
body {
	margin-top: 0px;
	margin-bottom: 0px;
}

#container #menubarbottom {
	background-color: #EEB040;
	position: relative;
	width: 1019px;
	height: 25px;
	float: left;
	margin-top: 0px;
}

#container #leftmenu {
	position: relative;
	float: left;
	width: 218px;
	min-height: 700px;
	margin-top: 10px;
	padding-right: 10px;
	font-size: 0.9em;
	overflow: hidden;
	background-color: #FFF;
}
#container #leftmenu .catalogue {
	position: relative;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
#container #leftmenu .search-button {
	position: relative;
	top: 5px;
	margin-left: 5px;
}
#container #student-order-form {
	float: left;
	position: relative;
	width: 230px;
	margin-top: 10px;
	margin-left: 10px;
	background-color: #CCC;
	font-size: 0.8em;
	padding: 10px;
	background-image: url(../images/student-order-right-bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#container #twitter-box {
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 245px;
	height: 219px;
}
#container #twitter-box .header {
	position: relative;
	float: left;
	width: 235px;
	background-color: #666;
	color: #FFF;
}
#container #twitter-box .content {
	float: left;
	font-size: 0.8em;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	position: relative;
	width: 235px;
	height: 186px;
	background-color: #EAEAEA;
}
#container #twitter-box .content .news-story {
	text-align: center;
	width: 100%;
}
#container #twitter-box .content .all-news {
	position: absolute;
	bottom: 0px;
	right: 0px;
	border: 1px solid #CCC;
	background-color: #EEB040;
	padding: 5px;
	font-weight: bold;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #333;
}
#container #twitter-box .content a {
	position: relative;
	float: left;
	margin-top: 5px;
	width: 100%;
	color: #333;
	text-decoration: none;
	padding-bottom: 5px;
}
#container #twitter-box .content a:hover {
	text-decoration: underline;
}
#container #socialbar {
	position: relative;
	float: left;
	margin-left: 10px;
	width: 250px;
	text-align: center;
}



#container #leftmenu #searchbox {
	position: relative;
	width: 218px;
	float: left;
	font-size: 0.9em;
	height: 32px;
	background-image: url(../images/searchbox.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#container #righttabs {
	position: relative;
	float: left;
	margin-left: 5px;
	width: 35px;
}
#container #righttabs ul li {
	list-style-type: none;
	float: left;
	position: relative;
	height: 125px;
	width: 40px;
}
#container #righttabs ul {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}


#container #leftmenu #searchbox #form1 {
	text-align: center;
	position: relative;
	float: right;
	width: 150px;
}

#container #student-order-form #form2 {
	margin-bottom: 0px;
}

#container .product-header {
	font-size: 0.9em;
	font-weight: bold;
	position: relative;
	float: left;
	margin-top: 20px;
	width: 735px;
	margin-left: 10px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color: #FFF;
}
#container .product-content {
	position: relative;
	float: left;
	width: 114px;
	margin-top: 10px;
	margin-left: 10px;
	background-color: #FFF;
}
#container #habialogo {
	position: absolute;
	width: 200px;
	left: 775px;
	margin-left: 45px;
	top: 5px;
	background-color: #FFF;
}

#container .product-content .product-image {
	position: relative;
	float: left;
	width: 110px;
	height: 130px;
	overflow: hidden;
}
#container .product-content .product-title {
	position: relative;
	float: left;
	margin-top: 5px;
	width: 110px;
	font-size: 0.8em;
	color: #333;
	height: 80px;
	overflow: hidden;
}
#container .product-content .product-price {
	position: relative;
	float: left;
	margin-top: 10px;
	width: 110px;
	color: #000;
	font-weight: bold;
	font-size: 1em;
}
#container #menubarbottom #menubar-basket {
	position: relative;
	float: right;
	width: 500px;
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	padding-top: 3px;
	height: 20px;
	background-image: url(../images/checkout-corner.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 40px;
}

#container #menubarbottom #menubar-basket a {
	text-decoration: underline;
	color: #333;
}
#container #leftmenu .leftmenuitem a {
	text-decoration: none;
	color: #000;
}
#container #leftmenu .leftmenuitem a:hover {
	text-decoration: underline;
	color: #000;
}
#container .product-basket  {
	float: left;
	position: relative;
	width: 200px;
	text-align: center;
}
#container .product-basket #form3  {
}
#container .product-basket-fp  {
	float: left;
	position: relative;
	width: 110px;
	margin-top: 10px;
}
#container .product-basket-fp #form3  {
}
#container .product-basket-fp #form3 #basket-qty  {
	background-color: #EEB040;
	border: 1px solid #999;
}
#container .product-basket-fp #form3 label  {
	font-size: 0.8em;	
}
#container #leftmenu .leftmenuheader {
	position: relative;
	float: left;
	width: 218px;
	height: 30px;
	color: #FFF;
	font-size: 0.8em;
	margin-top: 10px;
	font-weight: bold;
}
#container #leftmenu .leftmenuitem {
	position: relative;
	float: left;
	width: 213px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 0.8em;
}
#container #leftmenu .leftmenuitem:hover {
	background-color: #F9E2B9;
}
#container #menubar .menuitem {
	position: relative;
	float: left;
	margin-right: 10px;
	background-color: #666;
	color: #FFF;
	padding-right: 20px;
	padding-bottom: 6px;
	font-size: 0.7em;
	font-weight: bold;
	padding-top: 5px;
	margin-top: 0px;
	background-image: url(../images/menubar-right.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 20px;
}

#container #menubar #basket-container {
	position: absolute;
	width: 275px;
	height: 77px;
	top: 55px;
	left: 500px;
	background-image: url(/shop/images/shopping-basket-bg.jpg);
	background-repeat: no-repeat;
}
#container #menubar #basket-container #basket-header {
	font-size: 0.8em;
	font-weight: bold;
	position: relative;
	float: right;
	width: 170px;
	padding-top: 10px;
	color: #666;
	text-align: right;
	padding-right: 20px;
}
#container #menubar #basket-container #basket-content {
	font-size: 0.8em;
	position: relative;
	width: 170px;
	float: right;
	line-height: 1.4em;
	padding-top: 10px;
	text-align: right;
	padding-right: 20px;
}


#container #menubar li {
	text-decoration: none;
	color: #FFF;
}
#container #menubar .menuitem a {
	text-decoration: none;
	color: #FFF;
}
#container #menubar .menuitem a:hover {
	text-decoration: underline;
	color: #FFF;
}#container #breadcrumb {
	float: left;
	position: relative;
	width: 718px;
	margin-left: 10px;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#container h1 {
	float: left;
	position: relative;
	margin-top: 20px;
	margin-left: 10px;
	font-weight: bold;
	font-size: 1em;
	color: #333;
	width: 585px;
}
#container #contenttopbox {
	float: left;
	position: relative;
	margin-top: 20px;
	margin-left: 10px;
	font-size: 0.8em;
	color: #333;
	width: 730px;
	background-color: #FFF;
}
#container #categoryboxaccount {
	position: relative;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	min-height: 155px;
	width: 173px;
	border: 1px solid #CCC;
	background-color: #EAEAEA;
	font-size: 0.9em;
}
#container #categoryboxaccount .header{
	position: relative;
	float: left;
	width: 173px;
	background-color: #EEB040;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#container #categoryboxaccount .content{
	position: relative;
	float: left;
	width: 163px;
	text-align: center;
	padding: 5px;
	margin-top: 5px;
}
#container #categoryboxaccount a {
	text-decoration: none;
	color: #000;
}
#container #categorybox {
	position: relative;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	min-height: 155px;
	width: 150px;
	border: 1px solid #CCC;
	background-color: #CCC;
}
#container #categorybox .title {
	position: absolute;
	float: left;
	width: 150px;
	text-align: center;
	margin-top: 5px;
	text-decoration: none;
	color: #000;
	font-size: 0.8em;
	margin-bottom: 8px;
	left: 0px;
	bottom: 0px;
	overflow: visible;
	background-color: #CCC;
}
#container #breadcrumb a {
	color: #333;
	text-decoration: none;
}
#container #breadcrumb a:hover {
	color: #333;
	text-decoration: underline;
}
#container #searchfilter {
	position: relative;
	float: left;
	width: 728px;
	margin-top: 20px;
	margin-left: 10px;
	background-color: #666;
	height: 26px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #FFF;
}#container #searchfilter #form4 {
	position: relative;
	float: left;
	width: 200px;
	padding-top: 3px;
	font-size: 0.8em;
}
#container #pagingbar {
	float: left;
	position: relative;
	height: 23px;
	width: 714px;
	margin-left: 10px;
	background-color: #E2E2E2;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#container #content {
	position: relative;
	float: left;
	width: 745px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E1E1E1;
	margin-top: 10px;
	min-height: 875px;
	background-color: #FFF;
}
#container #contentarea {
	position: relative;
	float: left;
	width: 735px;
	margin-left: 10px;
	min-height: 875px;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
}
#container #footer #footer-title {
	position: relative;
	width: 1010px;
	margin-left: 10px;
	float: left;
	margin-top: 10px;
	font-size: 0.9em;
	font-weight: bold;
}
#container #footer .footer-column {
	float: left;
	position: relative;
	width: 232px;
	height: 130px;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 0.8em;
	line-height: 1.4em;
	background-color: #FFF;
	padding: 5px;
}
#container #footer a  {
	color: #235BD9;
	text-decoration: underline;
}

#container #contentarea .h1 {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
#container #contentarea .h1box {
	text-decoration: none;
	border: 1px solid #CCC;
	background-color: #FFB3B3;
	position: relative;
	width: 708px;
	float: left;
	padding: 10px;
}
#container #contentarea .note {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	text-decoration: underline;
}

#container #pagingbar .pagingfirstpage {
	position: relative;
	float: left;
	font-size: 0.8em;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #333;
}
#container #pagingbar .pagingprevious {
	float: left;
	position: relative;
	font-size: 0.8em;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #333;
}
#container #pagingbar .pagingnum {
	float: left;
	position: relative;
	font-size: 0.8em;
	margin-left: 5px;
	background-color: #EEB040;
	border: 1px solid #333;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#container #pagingbar .pagingnext {
	float: left;
	margin-left: 5px;
	position: relative;
	font-size: 0.8em;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #333;
}
#container #pagingbar .pagingnext a {
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
#container #pagingbar .paginglastpage a {
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
#container #pagingbar .pagingprevious a {
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
#container #pagingbar .pagingfirstpage a {
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
#container .product-content-result {
	position: relative;
	float: left;
	width: 360px;
	min-height: 120px;
	margin-left: 10px;
	border: 1px solid #CCC;
	font-size: 0.9em;
	margin-bottom: 10px;
}
#container #viewproduct-image {
	position: relative;
	float: left;
	min-height: 150px;
	margin-right: 10px;
	width: 200px;
}
#container #content #viewproduct-blurb #viewproduct-image #addtomenu #header {
	position: relative;
	font-weight: bold;
	background-color: #F2C56F;
	float: left;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	width: 193px;
	text-align: center;
}

#container #viewproduct-price {
	position: relative;
	float: left;
	font-weight: bold;
	color: #333;
	width: 140px;
	text-align: right;
	font-size: 1em;
	margin-top: 20px;
	margin-left: 5px;
}
#container #viewproduct-blurb {
	position: relative;
	float: left;
	margin-top: 15px;
	font-size: 0.8em;
	width: 730px;
	margin-left: 10px;
	line-height: 1.4em;
}
#container #viewproduct-description {
	position: relative;
	float: left;
	width: 520px;
}
#container #viewproduct-reviews {
	position: relative;
	float: left;
	font-size: 0.9em;
	width: 300px;
	margin-top: 10px;
	margin-left: 10px;
}
#container #viewproduct-related {
	position: relative;
	float: left;
	width: 724px;
	margin-top: 20px;
	margin-left: 10px;
	font-size: 0.9em;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}



#container #viewproduct-options {
	float: left;
	position: relative;
	width: 200px;
	margin-top: 10px;
	text-align: center;
}
#container #viewproduct-options #options-header {
	position: relative;
	width: 193px;
	float: left;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	background-color: #F2C56F;
	text-align: center;
}
#container #viewproduct-options #options-content {
	position: relative;
	float: left;
	width: 200px;
	text-align: center;
	padding-bottom: 15px;
}
#container #viewproduct-options #options-content a {
	text-decoration: none;
	color: #000;
}
#container #content #addtomenu{
	float: left;
	position: relative;
	width: 730px;
	text-align: center;
	margin-top: 15px;
}
#container #addtomenu .icon {
	position: relative;
	float: left;
	margin-left: 15px;
}
#container .product-content-result .product-image-result {
	position: relative;
	float: left;
	width: 89px;
	overflow: hidden;
	height: 110px;
	margin-right: 11px;
}
#container .product-content-result .product-title-result {
	position: relative;
	float: left;
	width: 250px;
}
#container .product-content-result .product-price-result {
	position: absolute;
	width: 100px;
	margin-top: 5px;
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
	bottom: 5px;
	left: 100px;
}
#container .product-content-result .product-basket-result {
	position: absolute;
	width: 100px;
	text-align: right;
	right: 5px;
	top:85px;
}
#container .product-content-result .product-basket-result #form3 {
}
#container .product-content-result .product-basket-result #form3 #basket-qty {
	background-color: #EEB040;
	border: 1px solid #EEB040;
	padding: 1px;
}
#container .product-content-result .product-basket-result #form3 label {
	font-size: 0.8em;
}
#container #pagingbar .pagingnum a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#container #pagingbar .paginglastpage {
	font-size: 0.8em;
	float: left;
	margin-left: 5px;
	position: relative;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #333;
}
#container #menubar ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	float: left;
	position: relative;
	margin-top: 1px;
}
#leftmenu ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
#container #leftmenu a .notamember {
	position: relative;
	float: left;
	text-decoration: underline;
	margin-left: 10px;
	padding: 2px;
	color: #000;
}
#container #leftmenu .menu-browse {
	position: relative;
	float: left;
	width: 208px;
	height: 18px;
	color: #333;
	font-size: 1em;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 10px;
	font-weight: bold;
}
.inputred {
	background-color: #E8B13C;
}
.submit {
	position: relative;
	margin-top: 10px;
}
#contentarea .header {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EEB040;
	color: #333;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	height: 25px;
}
#contentarea .content {
	padding: 5px;
	background-color: #EAEAEA;
	line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
}
#contentarea .basket-center {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 50px;
}
#login-account {
	position: relative;
	width: 220px;
	float: left;
	height: 250px;
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 7px;
	border: 1px solid #999;
}
#login-create {
	float: left;
	width: 220px;
	position: relative;
	margin-left: 8px;
	height: 250px;
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 7px;
	border: 1px solid #999;
}
#payment-quick {
	position: relative;
	width: 220px;
	margin-left: 10px;
	float: left;
	height: 250px;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
	border: 1px solid #999;
}
#contentarea #login-create .title {
	font-weight: bold;
	font-size: 1em;
}
#contentarea .imgbottom {
	position: absolute;
	bottom: 10px;
	left: 15px;
}
#contentarea #login-account .title {
	font-size: 1em;
	font-weight: bold;
}
#contentarea #payment-quick .title {
	font-size: 1em;
	font-weight: bold;
}
#container #menubar .menuimg {
	position: relative;
	float: left;
}
#container #menubar .menuitemhighlighted {
	position: relative;
	float: left;
	margin-right: 10px;
	background-color: #333;
	color: #FFF;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 0.7em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #EEB040;
	border-right-color: #EEB040;
	border-left-color: #EEB040;
	font-weight: bold;
	padding-top: 5px;
	margin-top: 0px;
}
#container #menubar ul .menuitemhighlighted a {
	text-decoration: none;
	color: #EEB040;
}
#filterbox {
	float: left;
	width: 730px;
	position: relative;
	border: 1px solid #CCC;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 10px;
}
#filterbox .title {
	font-weight: bold;
	position: relative;
	width: 720px;
	height: 21px;
	float: left;
	background-color: #EEB040;
	padding-top: 4px;
	padding-left: 10px;
}
#filterbox .filters {
	position: relative;
	float: left;
	width: 720px;
	margin-top: 5px;
	margin-left: 10px;
	line-height: 2em;
}#container #menubar #confirm-basket {
	position: absolute;
	width: 200px;
	height: 30px;
	background-color: #CCC;
	visibility: hidden;
	top: 75px;
}
#container #content #contentarea #free_product {
	padding: 10px;
	width: 708px;
	position: relative;
	float: left;
	border: 1px solid #333;
	margin-bottom: 10px;
	background-color: #EFEFEF;
}
#container #leftmenu #cardsaccepted {
	position: relative;
	width: 218px;
	float: left;
	height: 96px;
	margin-top: 10px;
}
#container #content #viewproduct-blurb #viewproduct-description #member-school-icon {
	float: right;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#container  #footer{
	float: left;
	position: relative;
	height: 185px;
	background-color: #DDD;
	width: 1020px;
	margin-top: 10px;
}
#contentarea .quickcheckout {
	float: left;
	position: relative;
	width: 722px;
	margin-top: 10px;
	text-align: right;
}
html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/bg-gradient.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#callfordetails {
	float: left;
	width: 100%;
	position: relative;
	background-color: #EEB040;
	text-align: center;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 10px;
}#callfordetails_small {
	float: left;
	width: 100%;
	position: relative;
	background-color: #F4D595;
	text-align: center;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 0.8em;
}