body #container.landing { background : url(images/backtocollege_background.jpg) 0 0 no-repeat; border-color : #ddd !important; border-width : 10px !important; }

#header div.logo { background : none; }

#header #shopping-trolley ul.basket { background : none; }
#header { background:none; }
#container.product-list #header {background-image:url(images/backtocollege_bg.jpg); background-position:left top; background-repeat:no-repeat;}
#container.landing #header { background-image : none; }

/* IMPORTANT! */
/* altering the top padding on the landing element will move all the main content up or down the page as required */
#landing {padding:255px 0px 0pt 5px!important; position:relative;}

/* IMPORTANT! */
/*Wrap brand content - this flot and width setting ensures that the skyscraper appears on the right*/
#container.brand-page #landing div.wrap-brand-content {float:left; width:620px; margin-top:0px; }
#container.brand-page #landing div.brand-features {margin-bottom: 0;}
#container.brand-page #custom-landing-link a {display: block;	width: 200px;height: 150px;	position: absolute;	top: 50px;left: 40px;text-indent: -9999em;}
#container.brand-page #custom-landing-text {	height: 130px;font-size: 1em;padding-top: 20px;	padding-left: 260px;	padding-right: 190px;}
#container.brand-page #landing h1 {text-indent: -9999em;}
#container.brand-page #custom-landing-text a {color: #65416D;}
.brand-skyscraper {float:right; width:129px; margin-right: 10px;}
* html .brand-skyscraper {float:right; width:129px; margin-right: 5px;}
#container.brand-page #landing div.brand-promos .promo-two {float: right; padding-right: 0px;}

#container.brand-page #landing div.brand-skyscrapper {margin-top:73px}

#container.brand-page #landing div.brand-products .products li {margin-right:7px !important;}
* html #container.brand-page #landing div.brand-products .products li {margin-right:3px !important;}
