@import url(reset.css);

html, body {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#000; 
}

body {
	min-height:950px;
	background-attachment:fixed;
	background-position:top left;
 	background-repeat:no-repeat;
	-webkit-text-size-adjust:none;
}

#illustration {
	position:fixed;
	width:1400px; height:950px;			
	background-position:top left;
	background-repeat:no-repeat
}

#ishi-co-uk-salon,
#ishi-co-uk-salon #illustration { background-image:url(/css/img/background-image-1.jpg); }
#ishi-co-uk-hair,
#ishi-co-uk-hair #illustration { background-image:url(/css/img/background-image-2.jpg); }
#ishi-co-uk-beauty,
#ishi-co-uk-beauty #illustration { background-image:url(/css/img/background-image-3.jpg); }
#ishi-co-uk-promotions,
#ishi-co-uk-promotions #illustration { background-image:url(/css/img/background-image-4.jpg); }
#ishi-co-uk-contact,
#ishi-co-uk-contact #illustration { background-image:url(/css/img/background-image-5.jpg); }

#container {
	position:relative;
	margin:0px auto 0px;
	padding:15px 40px 60px 40px;
	width:910px;
}

#ishi-co-uk { min-height:500px; }
#ishi-co-uk #container { width:780px; padding:25px 0px 0px 0px; }

.hidden {
	position:absolute;
	left:-9999px;
}

.sQUIRT {
	position:relative;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

.sQUIRT span {
	position:absolute;
	top:0px; left:0px;
	width:100%; height:100%;
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#header {
	position:relative;
	height:215px;
}

#header-meta {
	float:right;
}

#header-meta h1 a {
	position:relative;
	display:block;
	width:334px; height:171px;
	color:#f0300e;
	overflow:hidden;
}

#header-meta h1 a span {
	position:absolute;
	top:0px; left:0px;
	width:100%; height:100%;
	background:url(/css/img/ishi-logo.png) top left no-repeat;
	cursor:pointer;
}

#primary-nav {
	clear:both;
	margin:0 auto 0px;
	padding-left:13px;
	width:895px; height:37px;
	background:url(/css/img/nav-background.png) top left repeat-x;
}

#primary-nav li {
	float:left;
	display:inline;
	margin-right:10px;
}

#primary-nav li.separator {
	margin-left:301px;
}

#primary-nav li a {
	display:block;
	padding:0px 10px;
	height:36px;
	line-height:36px;
	background-image:url(/css/img/primary-nav-labels.png);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9000px;
}

#nav-salon { width:63px; background-position:7px 10px; }
#ishi-co-uk-salon #nav-salon,
#nav-salon:hover { background-position:7px -37px; }

#nav-hair { width:82px; background-position:-85px 10px; }
#ishi-co-uk-hair #nav-hair,
#nav-hair:hover { background-position:-85px -37px; }

#nav-beauty { width:99px; background-position:-202px 10px; }
#ishi-co-uk-beauty #nav-beauty,
#nav-beauty:hover { background-position:-202px -37px; }

#nav-home { width:33px; background-position:-337px 10px; }
#ishi-co-uk-home #nav-home,
#nav-home:hover { background-position:-337px -37px; }

#nav-promotions { width:75px; background-position:-401px 10px; }
#ishi-co-uk-promotions #nav-promotions,
#nav-promotions:hover { background-position:-401px -37px; }

#nav-contact { width:57px; background-position:-507px 10px; }
#ishi-co-uk-contact #nav-contact,
#nav-contact:hover { background-position:-507px -37px; }

#footer {
	padding:25px 25px 0px 0px;
	font-size:11px;
	text-align:right;
	color:#626262;
}

#page-content {
	padding-top:34px;
	width:100%;
	overflow:hidden;
} 

#main-content {
	position:relative;
	float:right;
	margin-right:12px;
	padding:15px 15px 7px 13px;
	width:510px;
	border:1px solid #61271c;
}

#contact-details {
	position:relative;
	float:right;
	margin:50px 25px 0px 0px;
	padding:15px 15px 0px 15px;
	width:500px; height:300px;
}

h2 {
	float:right;
	width:543px;
	margin-bottom:5px;
	padding:0px 0px 4px 110px;
	font-size:30px;
	color:#626262;
	text-transform:uppercase;
}

h3 {
	padding-bottom:25px;
	width:375px;
	font-size:23px;
	font-weight:normal;
	color:#f0300e; /* EF4223 */
	line-height:1.3em;
}

#ishi-co-uk-contact h3 { width:100%; }

h3 strong {
	font-weight:bold;
	text-transform:uppercase;
}

h4 {
	padding-bottom:3px;
	font-size:18px;
	color:#f0300e;
}

h5 { font-weight:bold; }



h2.sQUIRT { background-image:url(img/h2-all.png); }

#ishi-co-uk-salon h2.sQUIRT { background-position:0px -20px; }
#ishi-co-uk-hair h2.sQUIRT { background-position:0px -70px; }
#ishi-co-uk-beauty h2.sQUIRT { background-position:0px -120px; }
#ishi-co-uk-promotions h2.sQUIRT { background-position:0px -170px; }
#ishi-co-uk-contact h2.sQUIRT { background-position:0px -220px; }

#main-content p,
#contact-details p {
	padding-bottom:18px;
	width:450px;
	font-size:14px;
	line-height:16px;
}

#main-content p.legal {	font-size:0.7em; }

#main-content p.wide { width:469px; text-align:right; }

#pricelist-extras {
	position:absolute;
	top:-73px; right:0px;
}

#pricelist-extras a {
	display:block;
	margin-bottom:6px;
	padding:9px 10px 0px 0px;
	width:145px; height:21px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	color:#f0300e;
	background-color:#454545;
}

#pricelist-extras a:hover { color:#eb6850; text-decoration:underline; }

#download-pdf { background:url(/css/img/download-background.png) top left no-repeat; }
#keep-in-touch { background:url(/css/img/keep-in-touch-background.png) top left no-repeat; }
#jan-promo { width:238px!important; height:36px!important; padding:0px!important; margin-top:20px; }
#jan-promo span { background-image:url(/css/img/jan-promo.png); cursor:pointer; }

#footer a {
	color:#fff;
}

#footer a img {
	vertical-align:middle;
}

table {
	margin-bottom:18px;
	width:435px;
}

th {
	padding:0px 0px 5px 0px;
	font-weight:bold;
	vertical-align:top;
}

td {
	padding:2px 3px 1px 0px;
	width:55px;
}

.item-title {
	width:172px;
	vertical-align:baseline;
}

.col2 td.item-title {
	width:289px;
}

.col2 { margin-bottom:9px; }

.col3 td.item-title {
	width:280px;
}

.col3 {
	width:520px;
	font-size:13px;
}

#hair-pricelist {
	font-size:14px;
}

#hair-pricelist em,
#discounts-pricelist em {
	font-size:18px;
	color:#f0300e;
	font-style:normal;
	text-transform:uppercase;
}

#discounts-pricelist td {
	padding-bottom:9px;
}

.vcard { font-size:0.8em; line-height:1.5em; }
.vcard .org { font-weight:bold; }
.vcard .tel { margin-top:1em; }

#contact-details img {
	position:absolute;
	top:0px; right:0px;
}

fieldset { margin-bottom:8px; padding:15px; overflow:auto; }

legend { display:none; }

label {
	display:block; 
	float:left;
	padding-top:10px;
	width:100px;
	font-size:0.8em;
}

fieldset li {
	float:left;
	padding:1px 0px 1px 0px;
	width:100%;
}

fieldset li input {
	padding:5px;
	width:340px;
}

fieldset li textarea {
	padding:5px;
	width:340px; height:65px;
}

#flash-intro { padding-bottom:50px; }
#ishi-co-uk h2 { float:none; padding:0px; text-transform:none; }
#ishi-co-uk h3 { width:auto; padding-bottom:20px; }
#ishi-co-uk p { margin-bottom:15px;	width:500px; }
#ishi-co-uk #primary-nav { margin:0px 0px 20px 0px; width:720px; }
#ishi-co-uk #primary-nav li.separator { margin-left:130px; }
p.right { width:730px!important; text-align:right; }

#main-content .special-offer {
	padding:0px 130px;
	text-align:center;
}

#main-content .special-offer p {
	width:100%;
	font-size:18px;
	line-height:1.4em;
}

#main-content .special-offer p strong {
	display:block;
	font-size:21px;
	color:#f0300e;
}

#main-content .special-offer p em {
	display:block;
	padding:10px 0px 10px 0px;
	font-size:30px;
	font-weight:bold;
	font-style:normal;
	color:#f0300e;
}