/* Swizzlesticks Main CSS File - 2007 - ClickSpace Interactive */

body {
	background: #7A5B45 url(/ir/clients/swizzlesticks/i/bg_body_brown.jpg) no-repeat top center;
	font-family: Trebuchet MS, Arial, sans-serif;
		color: #FFFFFF;
	font-size: 13px;
	line-height: 18px;
}

.clear {
	clear: both;
}

img {
	border: 0;
}


.PrintCertificateLink {
	color: red;
	font-size: 15px;
	width: 150px;
	height: 26px;
	background: url(/ir/clients/swizzlesticks/i/PrintIcon.jpg) no-repeat top left;
	padding-left: 30px;
}

.PrintCertificateLink a:link {
	color: red;
	font-size: 15px;
	text-decoration: underline;
}


/* Home Page Styles */

.BoxHome {
	width: 633px;
	height: 510px;
	background: url(/ir/clients/swizzlesticks/i/bg_box_home.jpg) no-repeat;
	margin: 60px auto 20px auto;
}

.BoxHomeShop {
	width: 645px;
	height: auto;
	background: #543019 url(/ir/clients/swizzlesticks/i/bg_box_yellow_shop.jpg) no-repeat;
	margin: 60px auto 20px auto;
}

.BoxHomeCheckout {
	width: 730px;
	height: auto;
	background: #543019 url(/ir/clients/swizzlesticks/i/bg_box_yellow_shop.jpg) no-repeat;
	margin: 60px auto 20px auto;
}


.BoxTall {
	width: 633px;
	background: #543019 url(/ir/clients/swizzlesticks/i/bg_box_browntall.jpg) no-repeat;
	margin: 80px auto 20px auto;
}

.BoxTall .Content {
	padding: 10px;
}

.MainMenu {
		margin: 0px 0px 15px 23px;
		_margin-left: 0px;
}

.MainMenu ul {
	list-style: none;
	padding: 0;
}

.MainMenu ul li {
	float: left;
		margin: 35px 0px 0px 0px;
}

.MainMenu ul li a {
	display: block;
	
}

.MainMenu ul li a:hover {
	background-position: bottom left;
}

.MainMenu .Home {
	background: url(/ir/clients/swizzlesticks/i/menu/menu_home.gif) no-repeat top left;
	width: 55px;
	height: 22px;
}

.MainMenu .Salon {
	background: url(/ir/clients/swizzlesticks/i/menu/menu_salon.gif) no-repeat top left;
	width: 64px;
	height: 22px;
}

.MainMenu .Spa {
	background: url(/ir/clients/swizzlesticks/i/menu/menu_spa.gif) no-repeat top left;
	width: 48px;
	height: 22px;
}

.MainMenu .Retail {
	background: url(/ir/clients/swizzlesticks/i/menu/menu_retail.gif) no-repeat top left;
	width: 65px;
	height: 22px;
}

.MainMenu .Aveda {	
	background: url(/ir/clients/swizzlesticks/i/menu/menu_aveda.gif) no-repeat top left;	
	width: 63px;	
	height: 22px;
	}


.MainMenu .Tour {	
	background: url(/ir/clients/swizzlesticks/i/menu/menu_tour.gif) no-repeat top left;	
	width: 57px;	
	height: 22px;
	}

.MainMenu .Contests {	
	background: url(/ir/clients/swizzlesticks/i/menu/menu_contests.gif) no-repeat top left;	
	width: 84px;	
	height: 22px;
	}

	.MainMenu .Join {	
	background: url(/ir/clients/swizzlesticks/i/menu/menu_join.gif) no-repeat top left;	
	width: 52px;	
	height: 22px;
	}

	.MainMenu .Shop {	
	background: url(/ir/clients/swizzlesticks/i/menu/menu_shop.gif) no-repeat top left;	
	width: 101px;	
	height: 22px;
	}

.Content .Left {
	width: 160px;
	float: left;
	margin: 15px 0px 0px 48px;
	_margin-left: 24px;
}

.Content .LeftInside {
	width: 216px;
	float: left;
}

.Content .LeftInsideShop {
	width: 115px;
	float: left;
}

.Content .LeftInsideShop a:link, .Content .LeftInsideShop a:visited, .Content .Left a:link, .Content .Left a:visited {
	color: #fb9f2d;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

.Content .LeftInsideShop a:visited, .Content .Left a:visited {
	color: #e6a14d;
}

.Content .LeftInsideShop a:hover, .Content .Left a:hover {
	color: #ffbf71;
	text-decoration: underline;
}


.Content .LeftInsideShop ul {
	list-style: none;
	padding: 0;
	margin: 15px 0px 0px 13px;
}


.Content .LeftInside .HeaderImage {
	margin:  15px 0px 0px 48px;
}

.Content .LeftInside ul {
	list-style: none;
	padding: 0;
	margin: 15px 0px 0px 48px;
}

.Content .Left ul {
	list-style: none;
	padding: 0;
	margin: 10px 0px 0px 25px;
}

.Content .LeftInside a:link, .Content .LeftInside a:visited, .Content .Left a:link, .Content .Left a:visited {
	color: #fb9f2d;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

.Content .LeftInside a:visited, .Content .Left a:visited {
	color: #e6a14d;
}

.Content .LeftInside a:hover, .Content .Left a:hover {
	text-decoration: underline;
	color: #ffbf71;
}

.ScrollCheckout {
	width: 603px;
	height: 317px;
	background: #dbb870;
	overflow: auto;
	margin-bottom: 20px;
	padding: 10px 5px 5px 25px;
}

.ScrollCheckout2 {
	width: 700px;
	background: #ffffff;
	margin-bottom: 20px;
	padding: 10px 15px 5px 15px;
	color: #543019;
}

.ScrollHome {
	width: 387px;
	height: 317px;
	background: #b0b579;
	overflow: auto;
	margin-bottom: 20px;
	padding: 10px 5px 5px 25px;
}

.ScrollHomeShop {
	width: 483px;
	height: 317px;
	background: #b0b579;
	overflow: auto;
	margin-bottom: 20px;
	padding: 10px 5px 5px 15px;
}

.ScrollHomeShop2 {
	width: 518px;
	background: #ffffff;
	margin-bottom: 20px;
	padding: 10px 5px 5px 7px;
	color: #543019;
}


.RightInside p {
	color: #ebecdd;
	font-size: 11px;
	line-height: 13px;
	margin: 0px 0px 10px 0px;
	width: 94%;
	font-family: Arial, Helvetica, sans-serif;
}

.RightInsideShop p {
	color: #ebecdd;
	font-size: 11px;
	line-height: 13px;
	margin: 0px 0px 10px 0px;
	width: 94%;
	font-family: Arial, Helvetica, sans-serif;
}

.RightInsideShop2 p {
	color: #54301a;
	font-size: 11px;
	line-height: 13px;
	margin: 0px 0px 10px 0px;
	width: 94%;
	font-family: Arial, Helvetica, sans-serif;
}

.RightInside ul {
	color: #ebecdd;
	font-size: 11px;
	line-height: 13px;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
}

.RightInside h1 {
	color: #5a381f;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
}

.RightInside h2 {
	color: #5a381f;
	font-size: 12px;
	font-weight: normal;
	margin: 12px 0px 2px 0px;
}

h4 {
	color: #5a381f;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}


.Content .Right {
	float: right;
	_min-height: 230px;
	width: 415px;
	margin: 15px 0px 0px 0px;
}

<!--[if IE 7]>

.Content .Right {
	min-height: 230px;
}

<![endif]-->

.Content .RightInside {
	float: left;
	margin: 0px 0px 0px 0px;
}

.Content .RightInsideShop {
	float: left;
	margin: 0px 0px 0px 0px;
}

.Content .RightInsideShop2 {
	float: left;
	margin: 0px 0px 0px 0px;
}


.Content .Right p, .Content .Right ul {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 18px;
	width: 96%;
	margin: 0px 0px 10px 0px;
}

.ContactInfo {
	margin-top: 0px;
}


/* Multi-Colour Layouts */

#Purple .BoxHome {
	background: url(/ir/clients/swizzlesticks/i/bg_box_purple.jpg) no-repeat;
}

#Purple .ScrollHome {
	background: #95b4de;
}

#Brown .BoxHome {
	background: url(/ir/clients/swizzlesticks/i/bg_box_brown.jpg) no-repeat;
}

#Brown .ScrollHome {
	background: #977c69;
}

#Yellow .BoxHome {
	background: url(/ir/clients/swizzlesticks/i/bg_box_yellow.jpg) no-repeat;
}

#Yellow .ScrollHome {
	background: #dbb870;
}

#Yellow .ScrollHomeShop {
	background: #dbb870;
}


#LGreen .BoxHome {
	background: url(/ir/clients/swizzlesticks/i/bg_box_green.jpg) no-repeat;
}

#LGreen .ScrollHome {
	background: #dbb870;
}


a:link, a:visited {
	color: #ececec;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.diserrorhilite, .digerrorhilite, .dilerrorhilite {
	color: red;
}

.FeaturedHeader {
	width: 632px;
	height: 172px;
	clear: both;
}


.FeaturedImage {
	width: 197px;
	float: left;
}

.FeaturedText {
	float: left;
	width: 435px;
	background: url(/ir/clients/swizzlesticks/i/img_bg_featured.jpg);
	height: 172px;
}

.FeaturedText h1 {
	position: relative;
	top: 30px;
	left: 30px;
	font-size: 26px;
	font-weight: normal;
}

.FeaturedText h2 {
	position: relative;
	color: #4c5039;
	width: 230px;
	top: 30px;
	left: 30px;
	font-size: 18px;
	font-weight: normal;
}

.footer {
	font-size: 10px;
	color: #341e11;
	text-align: center;
	margin-top: -63px;
}

.footer a {
	font-size: 10px;
	color: #341e11;
	text-align: center;
}