/* SCREEN.css */

@media print {
	#backstretch { display:none; }
}

* {
	padding:0;
	margin:0;
}

body {
	min-width:1020px;
	margin: 20px auto 10px auto;
	color:#FFF;
/*	background-image:url(/jpg/body-background.jpg);
	background-position:top center;	*/
	background-color:#FFF;
}

#Header {
	height:90px;
	width:990px;
	margin:0px auto 0px auto;
	padding:0px 5px 0px 5px;
}

#Header div.islLogo {
	width:152px;
	height:69px;
	float:left;
	margin:0px 0px 0px 5px;
}

/*#Header div.islLogo img { -ms-interpolation-mode:bicubic; }*/

#Header div.otherLogos {
	width:492px;
	float:right;
	margin:7px 0px 0px 0px;
}

#Header div.otherLogos div.companyLogo {
	width:140px;
	float:left;
}
#Header div.otherLogos div.workingWithLabel {  
	float:left;
	width:10px;
	height:65px;
	margin:-6px 0px 0px 10px;
	border-left:1px solid #FFF;
	padding:0px 0px 0px 8px;
}

#Header div.otherLogos div.workingWith {
	width:150px;
	height:78px;
	overflow:hidden;
	margin:-10px 0px 0px 15px;
	float:left;
}
#Header div.otherLogos div.workingWith div.logo {
	width:150px;
	float:left;
}

#Navigation {
	height:50px;
	background-image:url(/png/navigation-background.png);
	background-repeat:repeat-x;	
}

#Navigation div.innerNavigation {
	width:990px;
	margin:0px auto 0px auto;	
	padding:0px 5px 0px 5px;		
}

#Navigation div.innerNavigation ul.navigation {
	list-style-type:none;
	margin:0;
	padding:0;
}

#Navigation div.innerNavigation ul.navigation li {
	float:left;
	line-height:46px;
}

#Navigation div.innerNavigation ul.navigation li a {
	margin:1px 0px 0px 0px;
	padding:0px 15px 0px 15px;
	border-right:1px solid #FFF;
	border-left:1px solid #CCC;
	text-transform:uppercase;
	display:block;
	
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;	
	
}

#Navigation div.innerNavigation ul.navigation li a:hover,
#Navigation div.innerNavigation ul.navigation li a.active {
	background-color:#CCC;
	color:#333;
}

#Navigation div.innerNavigation ul.navigation li.spacer {
	width:180px;
	height:46px;
	margin:1px 0px 0px 0px;
	border-left:1px solid #CCC;
	line-height:42px;
}
#Navigation div.innerNavigation ul.navigation li.largerSpacer {
	width:181px;
	height:46px;
	margin:1px 0px 0px 0px;
	border-left:1px solid #CCC;
	line-height:42px;
}
#Navigation div.innerNavigation ul.navigation li.search {
	margin:1px 0px 0px 0px;
	border-left:1px solid #CCC;
	line-height:42px;
	
}

#Navigation div.innerNavigation ul.navigation li.search input {
	border:1px solid #c9c9c9;
	width:130px;
	margin:10px 0px 0px 10px;
	padding:5px 10px 5px 30px;
	background-image:url(/png/header/search-icon.png);
	background-repeat:no-repeat;
	background-position:10px 7px;
	outline:none;
	
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#Navigation div.innerNavigation ul.navigation li.basket {
	float:right;
	width:201px;
	text-align:center;
}

#Navigation div.innerNavigation ul.navigation li.basket a {
	padding:0px 0px 0px 0px;
}

/* DROP DOWN MENU */

#Navigation div.dropDownMenu {
	background-color:#F3F3F3;
	border:1px solid #AAA;
	border-top:0;
	width:948px;
	max-height:420px;
	padding:20px 20px 20px 20px;
	position:absolute;
	top:159px;
	z-index:100;
	overflow:hidden;
}

#Navigation div.dropDownMenu ul.navlist {
	list-style-type:none;
	border-right:1px solid #CCC;
	margin:0px 0px 24px 0px;
	padding:0px 20px 0px 20px;
	float:left;
	width:146px;
	height:198px;
	overflow:hidden;
}

#Navigation div.dropDownMenu ul.navlist li.title {
	font-weight:bold;
	margin:0px 0px 8px 0px;

}

#Navigation div.dropDownMenu ul.navlist li.main {
	margin:0px 0px 5px 0px;
}




#Content {
	min-height:500px;
	height: auto !important;
	height: 500px;	
	text-align:left;
	margin:25px auto 25px auto;	
	padding:0px 5px 0px 5px;	
	width:990px;
}


#Content div.twoColumnLeft {
	width:200px;
	min-height:300px;
	float:left;
	background-color:#FFF;


	box-shadow: 0px 0px 2px 1px #999;
	
}

#Content div.twoColumnLeft div.menuTitle { 	width:170px; margin:15px 0px 10px 15px; font-size:12px; font-weight:bold; }

#Content div.twoColumnLeft ul.navlist {
	width:170px;
	margin:0px 0px 15px 15px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

#Content div.twoColumnLeft ul.navlist li.title {
	margin:15px 0px 8px 0px;
	padding:0px 0px 5px 0px;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px solid #AAA;
}

#Content div.twoColumnLeft ul.navlist li.main {
	border-bottom:1px solid #DDD;
	margin:0px 0px 0px 0px;
}

#Content div.twoColumnLeft ul.navlist li.main a { display:block; width:160px; padding:5px 5px 5px 5px; }
#Content div.twoColumnLeft ul.navlist li.main a:hover {
	background-color:#EEE;
	
	-webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;	
}

#Content div.twoColumnLeft ul.navlist li.searchTitle {
	margin:10px 0px 8px 0px;
	padding:10px 0px 0px 0px;
	text-transform:uppercase;
	border-top:1px solid #AAA;	
}

#Content div.twoColumnLeft ul.navlist li.searchItem {
	margin:0px 0px 4px 0px;
	line-height:20px;
}

#Content div.twoColumnLeft ul.navlist li.searchItem.text input {		
	border:1px solid #c9c9c9;
	width:128px;
	margin:0px 0px 0px 0px;
	padding:5px 10px 5px 30px;
	background-image:url(/png/header/search-icon.png);
	background-repeat:no-repeat;
	background-position:10px 7px;
	outline:none;
	
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#Content div.twoColumnLeft ul.navlist li.searchItem div.checkbox { width:15px; float:left; margin:-1px 0px 0px 0px; }
#Content div.twoColumnLeft ul.navlist li.searchItem div.label {	width:140px; float:left; margin:-2px 0px 0px 7px; cursor:pointer; }
#Content div.twoColumnLeft ul.navlist li.searchItem label {	cursor:pointer; display:block; }

#Content div.twoColumnLeft ul.navlist li.searchItem.colour {	width:34px; float:left; cursor:pointer; }
#Content div.twoColumnLeft ul.navlist li.searchItem.colour input { display:none; }


#Content div.twoColumnRight {
	width:730px;
	min-height:300px;
	padding:20px 20px 20px 20px;
	float:right;
	background-color:#FFF;

	box-shadow: 0px 0px 2px 1px #999;		
	border-radius: 0px 0px 17px 0px;
}

#Content div.twoColumnRight div.smgRetailContact {
	width:200px;
	min-height:100px;
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 20px;
	
	box-shadow: 0px 0px 2px 1px #999;		
	border-radius: 0px 0px 17px 0px;	
}

#Content div.fullWidth {
	min-height:300px;
	padding:20px 20px 20px 20px;
	background-color:#FFF;

	box-shadow: 0px 0px 2px 1px #999;		
	border-radius: 0px 0px 17px 0px;
}

#Content div.breadcrumbs {
	width:992px;
	height:22px;
	font-size:12px;
	margin:-12px 0px 5px 0px;
	text-transform:uppercase;
/*	padding:10px 20px 10px 20px;
	
	
	float:right;
	background-color:#FFF;

	box-shadow: 0px 0px 2px 1px #999;		*/
	
}

#Content div.breadcrumbs div.crumbText { width:800px; float:left; }
#Content div.breadcrumbs div.crumbButton { width:150px; float:right; margin:-10px 0px 0px 0px; }




div.pageBanner {
	width:768px;
	height:80px;
	margin:-20px -20px 20px -20px;
}
div.pageBanner div.headerImage {
	width:768px;
	height:80px;
}
div.pageBanner div.headerText {
	position:relative;
	top:-80px;
	left:35px;
	line-height:80px;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
}	

div.pageBanner div.headerText.product {
	line-height:inherit;
	padding:17px 0px 0px 0px;
}
div.pageBanner div.headerText.product div.productTitle {  }

div.pageBanner div.headerText.product div.productCode { font-size:12px; font-style:italic; margin:4px 0px 0px 0px; font-weight:normal; }

div.customShopIntroduction {
	margin:15px 0px 0px 0px;
}






#Footer {
	text-align:left;
	height:110px;
	background-image:url(/png/footer-background.png);
	background-repeat:repeat-x;	
}

#Footer div.innerFooter {
	width:990px;
	height:77px;	
	margin:0px auto 0px auto;	
	padding:17px 5px 10px 5px;
}

#Footer div.footerLeft {
	width:320px;
	float:left
}

#Footer div.footerLeft div.socialNetworks {
	margin:5px 0px 15px 0px;
}

#Footer div.footerLeft div.socialNetworks.smg {
	margin:0px 0px 7px 0px;
}

#Footer div.footerLeft div.socialNetworks div.network {
	width:32px;
	height:32px;
	float:left;
	margin:0px 10px 0px 0px;
}

#Footer div.footerLeft div.copyright {
	font-size:11px;
	float:left;
}

#Footer div.footerRight {
	width:660px;
	float:right;
}

#Footer div.footerRight ul.footerMenu {
	list-style-type:none;
	text-transform:uppercase;
	float:left;
}

#Footer div.footerRight ul.footerMenu li.title,
#Footer div.footerRight ul.footerMenu li.title a {
	color:#000;
	font-weight:bold;
	font-size:11px;
	margin:0px 0px 5px 0px;
}
#Footer div.footerRight ul.footerMenu li.main,
#Footer div.footerRight ul.footerMenu li.main a {
	font-size:10px;
	margin:0px 0px 4px 0px;
}



/********************************************************/

#SMGBrandButtons { margin:15px 0px 15px 0px; min-height:146px; float:left; }
#SMGBrandButtons div.button {
	float:left;
	width:171px;
	height:90px;
	margin:0px 15px 15px 0px;
	background-color:#FFF;
	overflow:hidden;

	
	-webkit-box-shadow: 0px 0px 2px 1px #AAA;
	box-shadow: 0px 0px 2px 1px #AAA;	

	-webkit-border-radius: 17px 0px 17px 0px;
	border-radius: 17px 0px 17px 0px;	
}

#SMGBrandButtons div.button div.image {
	opacity:0.8;

	
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;		
}
#SMGBrandButtons div.button div.image img {
	-webkit-border-radius: 17px 0px 17px 0px;
	border-radius: 17px 0px 17px 0px;	
}

#SMGBrandButtons div.button:hover div.image { opacity:1; }

#SMGBrandButtons div.button div.image { }

#SMGBrandButtons div.button div.text { 
	position:relative; 
	top:-83px; 
	left:0px; 
	padding:2px 10px 2px 10px; 
	font-weight:bold; 
	font-size:12px; 
	opacity:1; 
}
#SMGBrandButtons div.button a:hover { color:#272357; }


/*********************************************************/









@font-face {
	font-family: 'Segoe';
	src: url('/includes/font/segoeui.eot?') format('eot'),
	url('/includes/font/segoeui.woff') format('woff'),
	url('/includes/font/segoeui.ttf') format('truetype');
}