* {
	padding:0;
	margin:0;
	border:0;
}

html {
	background:#694726 url(images/body.jpg);
	height:100%;
	}

body {
	font: 0.7em "Arial", Tahoma, Helvetica, Sans-Serif;
	background:url(images/container.jpg) 50% 50% no-repeat;
	height:100% !important;
	}
	
#bodyWrapper {
	height:100%;
	width:100%;
	text-align:center;
	}
	
#container {
	margin:auto auto;
	position:relative;
	width:766px;
	height:543px;
	text-align:left;
	}

#frame {
	width:746px;
	height:523px;
	padding:10px;
	text-align:left;
	background:#fff;
	}
	
/* ---------- 1.0 Header ---------- */
#header{
	width:746px;
	height:53px;
	}
	
	/* ---------- 1.1 Logo ---------- */
	
	h1 a {
	display:block;
	width:260px;
	height:49px;
	background: url(images/icenstrait_logo.png);
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	cursor:pointer;
	float:left;
	}
	
  /* ---------- 1.2 Menu ---------- */
				
  #menu {
		width:410px;
		padding-top:12px;
		height:20px;
		float:right;
		text-align:right;
		position:relative;
		z-index:1000;
		}
		
	/* If you want to hide the text, using a textalign right or justify could effect the hiding */

  #menu ul {
		text-align:left;
		}
				 
  #menu ul li {
		display:inline;
		float:left;
		height:20px;
		padding-left:30px;
		background:url(images/split_link_menu.png) 12px 4px no-repeat;
		}

  #menu ul li.home {
		padding-left:0;
		background:none;
		}
		
  #menu li.products {
		position:relative;
		top:0;
		left:0;
		}

  #menu ul li a {
		height:20px;
		display:block;
		text-decoration:none;
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		}

  #menu li.home a {
		background:url(images/link_menu_home.png) 0 0 no-repeat;
		width:36px;
		}

  #menu li.myStyle a {
		background:url(images/link_menu_my_style.png) 0 0 no-repeat;
		width:51px;
		}

  #menu li.products a {
		background:url(images/link_menu_products.png) 0 0 no-repeat;
		width:55px;
		}
		
  #menu li.shop a {
		background:url(images/link_menu_shop.png) 0 0 no-repeat;
		width:33px;
		}
		
  #menu li.salon a {
		background:url(images/link_menu_salon.png) 0 0 no-repeat;
		width:35px;
		}
		
  #menu li.contact a {
		background:url(images/link_menu_contact.png) 0 0 no-repeat;
		width:49px;
		}

  #menu li a:hover, #menu li a.selected {
		background-position:0 -20px;
		}
		
	#menu .products a:hover, #menu .products a.on {
		border-bottom:10px solid #da2f70;
		}
	/* ---------- 1.2.1 Submenu ---------- */
	
  #menu .submenu ,  #menu .submenu ul {
		display:none;
		position:absolute;
		top:30px;
		left:0;
		background:#da2f70;
		padding:5px;
		z-index:5000;
		color:#fff;
		font-size:1.1em;
		}
		
  #menu .submenu ul {
		top:-5px;
		left:120px;
		font-size:1.0em;
		padding-bottom:4px;
		float:left;
		}
		
  #menu .submenu li {
		float:none;
		height:auto;
		background:none;
		display:block;
		width:120px;
		padding:0;
		margin-bottom:1px;
		cursor:pointer;
		position:relative;
		}
		
  #menu .submenu li span {
		background:#de447f;
		display:block;
		width:110px;
		padding:5px;
		}
		
  #menu .products .submenu ul a {
		background:#f9e0ea;
		display:block;
		width:110px;
		padding:5px;
		border-bottom:1px solid #e7bfcf;
		color:#da2f70;
		font-size:1.0em;
		text-indent:0;
		height:auto;
		line-height:normal;
		}
		
	#menu .products .submenu ul a:hover {
		border-bottom:1px solid #e7bfcf;
		background:#fff;
		}
	
	

/* ---------- 2.0 Content ---------- */

#content {
	width:746px;
	height:470px;
	position:relative;
	color:#fff;
	z-index:500;
	}

#home #content {
	background:#000 url(images/content_home.jpg);
	}

#myStyle #content {
	background:#000 url(images/content_my_style.jpg);
	}

#products #content {
	background:#f8e3d2 url(images/content_products.jpg);
	}
#minis #content {
	background:#f8e3d2 url(images/content_minis.jpg);
	}	
.goldIron#products #content {
	background:#000 url(images/content_gold_iron.jpg);
	}
	
.curlingIron#products #content {
	background:#fff url(images/content_curling_iron.jpg);
	}

#shop #content {
	background:#f8e3d2 url(images/content_shop.jpg);
	color:#000;
	}

#salons #content {
	background:#000 url(images/content_home.jpg);
	}
	
#contact #content {
	background:#000 url(images/content_contact.jpg);
	}
	

	/* ---------- 2.1 ColLeft ---------- */
	

	#colLeft {
		position:absolute;
		top:9px;
		left:9px;
		width:317px;
		height:414px;
		padding:17px 20px;
		}
		
		
		
	#colRightFlash {
		position:absolute;
		top:0px;
		left:380px;
		width:366px;
		height:470px;
		z-index:0;
		}
		
		/* ---------- 2.1.1 MainContent ---------- */

		#colLeft .mainContent {
			font-size:1.1em;
			line-height:1.4em;
			}
			
		#colLeft .mainContent h1 {
			margin-bottom:0.8em;
			font-size:1.1em;
			color:#fff;
			}
			
		#colLeft .mainContent h3 {
			margin-bottom:0.3em;
			font-size:1.0em;
			color:#da2f70;
			}
			
		.goldIron #colLeft .mainContent h3 {
			color:#bcac37;
			}
			
		#colLeft .mainContent ul {
			margin:0 0 1em 18px;
			}

		#colLeft .mainContent ul li {
			margin:0 0 0.3em 0;
			}

		#colLeft .mainContent p {
			margin-bottom:1.3em;
			}
	
		#colLeft .mainContent a {
			color:#fff;
			}

		#shop #colLeft .mainContent a {
			color:#000;
			}
			
		.goldIron #colLeft .mainContent a {
			color:#d0cba5;
			}
			
		.curlingIron #colLeft .mainContent a {
			color:#da2f70;
			}

		#colLeft .mainContent a:hover {
			text-decoration:none;
			}
	
		#colLeft .sparkle {
			text-decoration:none;
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			width:228px;
			height:31px;
			background:url(images/add_sparkle_grey_bg.png);
			}
	
		#colLeft .designedToCreate {
			text-decoration:none;
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			width:256px;
			height:40px;
			background:url(images/Designed_create_grey_bg.png);
			}
			
			#colLeft .MiniIrons {
			text-decoration:none;
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			width:256px;
			height:40px;
			background:url(images/new_minis_bg.png);
			}
		
			
		/* ---------- 2.1.2 Scrollpane ---------- */	

		.scroll-pane {
			position: relative;
			width:317px;
			overflow:hidden;
			}
		
			/* ---------- 2.1.2.1 Testimonials ---------- */	
			
			#testimonials {
				height:340px;
				color:#fff;
				}
			
			#testimonials .quote{
				padding:20px 0;
				border-top:1px solid #5d5954;
				border-bottom:1px solid #000;
				}

			#testimonials .quote p{
				margin-bottom:0.9em;
				}

			#testimonials .quoteWrapper{
				width:205px;
				}

			* html #testimonials .quoteWrapper{
				width:215px;
				}
			
			#testimonials .pic {
				margin-left:10px;
				float:right;
				}

			#testimonials .pic img {
				display:block;
				border:1px solid #fff;
				}

			#testimonials .pic em {
				font-size:0.9em;
				}

			#myStyle .jScrollPaneTrack {
				background: #f5f5f5;
				}

			#myStyle .jScrollPaneDrag {
				background: #828282;
				}

			#myStyle a.jScrollArrowUp {
				background: url(images/scrollpan_top_black.png) no-repeat 0 0;
				}
	
			#myStyle a.jScrollArrowUp:hover {
				background-position: 0 -16px;
				}
	
			#myStyle a.jScrollArrowDown {
				background: url(images/scrollpan_bottom_black.png) no-repeat 0 0;
				}
	
			#myStyle a.jScrollArrowDown:hover {
				background-position: 0 -16px;
				}
	
			#myStyle a.jScrollActiveArrowButton, #myStyle a.jScrollActiveArrowButton:hover {
				background-position: 0 -32px;
				}
		
		/* ---------- 2.1.2.2 Products ---------- */
			
			#productDescription {
				height:310px;
				color:#fff;
				}
				
			#shop #productsList {
				height:340px;
				}
				
			.goldIron #productDescription {
				height:200px;
				color:#bcac37;
				}
				
			.curlingIron #productDescription {
				height:200px;
				color:#7c7c7c;
				}
			
			#products .jScrollPaneTrack, #shop .jScrollPaneTrack{
				background: #f4e1ce;
				}

			#products .jScrollPaneDrag, #shop .jScrollPaneDrag {
				background: #8a5023;
				}

			#products a.jScrollArrowUp, #shop a.jScrollArrowUp {
				background: url(images/scrollpan_top_brown.png) no-repeat 0 0;
				}
	
			#products a.jScrollArrowUp:hover, #shop a.jScrollArrowUp:hover {
				background-position: 0 -16px;
				}
	
			#products a.jScrollArrowDown, #shop a.jScrollArrowDown {
				background: url(images/scrollpan_bottom_brown.png) no-repeat 0 0;
				}
	
			#products a.jScrollArrowDown:hover, #shop a.jScrollArrowDown:hover {
				background-position: 0 -16px;
				}
	
			#products a.jScrollActiveArrowButton, #products a.jScrollActiveArrowButton:hover, #shop a.jScrollActiveArrowButton, #shop a.jScrollActiveArrowButton:hover {
				background-position: 0 -32px;
				}


		/* ---------- 2.1.3 Products Pic ---------- */	
		
		#picProducts a {
			text-decoration:none;
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			display:block;
			position:absolute;
			}

		#picProducts a#purple {
			left:380px;
			top:30px;
			width:350px;
			height:130px;
			}

		#picProducts a#pink {
			left:380px;
			top:180px;
			width:350px;
			height:120px;
			}

		#picProducts a#black {
			left:380px;
			top:330px;
			width:350px;
			height:130px;
			}
			
		#picProducts a#gift {
			left:20px;
			top:345px;
			width:330px;
			height:120px;
			}
			
			#picProducts a#goldmini {
			left:380px;
			top:30px;
			width:350px;
			height:130px;
			}

		#picProducts a#pinkmini {
			left:380px;
			top:180px;
			width:350px;
			height:120px;
			}

		#picProducts a#whitemini {
			left:380px;
			top:330px;
			width:350px;
			height:130px;
			}
			
		#picProducts a#blackmini {
			left:20px;
			top:345px;
			width:330px;
			height:120px;
			}
		
	/* ---------- 2.1.4 Shop ---------- */	
		
		
		#productsList {
			color:#DA2F70;
			font-size:1.1em;
			padding-top:5px;
			}	
			
		.products {
			position:relative;
			height:87px;
			}	
			
		.products h3, .products strong, .products form {
			position:absolute;
			}

		.products h3 {
			width:120px;
			text-align:center;
			top:50%;
			margin-top:-40px;
			}
			
		.products strong  {
			top:25px;
			left:140px;
			}	

		.products form {
			left:200px;
			top:20px;
			}

		.vatInc {
			font-size:0.9em;
			position:absolute;
			top:430px;
			text-align:right;
			display:block;
			width:330px;
			left:20px;
			}

		/* ---------- 2.1.5 Basket ---------- */	
			
		.topBasket {
			background: #fff url(images/view_basket_white_bg.png) 0 0 no-repeat;
			position:absolute;
			top:0;
			left:420px;
			width:315px;
			height:36px
			}
	
		.topBasket ul {
			display:block;
			color:#da2f70;
			padding:5px 4px 0 10px;
			}
	
		.topBasket li {
			display:inline;
			}
	
		.topBasket .details {
			padding-top:5px;
			display:block;
			list-style:none;
			}
	
		.topBasket .items {
			}
	
		.topBasket .totalOrder {
			margin-left:10px;
			}
	
		.topBasket .totalOrder strong {
			color:#ec5c00;
			}
	
		.topBasket .viewBasket a {
			color:#fff;
			width:106px;
			height:27px;
			display:block;
			float:right;
			background: url(images/view_basket.png) 0 0 no-repeat;
			text-decoration:none;
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			}
	
		/* ---------- 2.1.6 Login ---------- */	

		.login form {
				width:300px;
				}

		.login .fields {
			margin-bottom:5px;
			}
		
		.login .fields p {
			margin-top:10px;
			position:relative;
			display:block;
			z-index:10;
			}
		
		.login .fields label {
			color:#5D5C58;
			display:block;
			}
		
		.login .fields input {
			border:0;
			width:180px;
			padding:2px 5px;
			position:absolute;
			display:block;
			background:#5e5e5e;
			right:0;
			top:5px;
			height:1.3em;
			font-size:1.0em;
			color:#fff;
			font-weight:bold;
			z-index:200;
			}
			
					
		/* ---------- 2.1.7 View basket ---------- */
			
			#viewBasket table, #price table {
				margin: 10px 0 10px 0;
				width: 317px;
			}
		
			#price table {
				width: 269px;
			}
			
			#viewBasket tr td {
				border-top:2px solid #FCF5EF;
			}

			#viewBasket tr th {
				color: #fff;
				text-align:left;
				padding:5px 8px;
				background:#3a3a3a;
				border-bottom:3px solid #FCF5EF;
			}
		
			#viewBasket th.nobg {
				border: 0;
				background: none;
				padding:0;
			}
		
			#viewBasket td {
				background: #fff;
				height:18px;
				padding:5px 8px;
				color: #3a3a3a;
			}
		
			#viewBasket tr.alt td {
				background: #fff;
			}
		
			#viewBasket tr td.invisible {
				border: 0;
				background-color:transparent;
				width:45px;
				padding:0;
			}
		
			#viewBasket table input {
				border: 1px solid #ccc;
				width: 3em;
				text-align: center;
			}
			
		
			#viewBasket .updateBasketBt {
				cursor:pointer;
				float:left;
				margin-right:5px;
			}
		
			#viewBasket .CartRemove {
				background:url(images/remove_item.png) no-repeat;
				width:45px;
				height:22px;
				display:block;
				font-weight: normal;
				font-size: 1.0em;
				line-height: 1.0em;
				text-indent: -2000em;
				cursor:pointer;
			}
			
			#price th, #price td {
				padding: 3px 8px;
				border-top:3px solid #F8F0E5;
				color:#da2f70;
				background:#fff;
			}
		
			#price th {
				background: #fff;
				color:#3a3a3a;
				width:80px;
			}
		
			#price .total th, #price .total td {
				background: #DA2F70;
				color:#fff;
			}		
			
			
		/* ---------- 2.1.8 Form ---------- */
	
			.form form {
				width: 317px;
				color:#fff;
				}
			
			.form p {
				margin-top: 4px;
				position:relative;
				display:block;
				width:100%;
				left:0;
				z-index:10;
				}
				
			.form p.long {
				margin-top:6px;
				}

			.form p.submit {
				margin-top:10px;
				}
		
			.form dd.radio {
				margin-bottom:12px;
				position:relative;
				}
			
			.form .fields label {
				padding-right:180px;
				font-size:1.0em;
				display:block;
				font-weight:bold;
				}
			
			.form .fields input, .form .fields select {
				border:0;
				width:180px;
				position:absolute;
				/*display:block;*/
				background:#fff;
				right:0;
				top:0;
				height:1.3em;
				font-size:1.0em;
				z-index:200;
				}
			
			.form .fields select {
				background:#fff;
				color:#000;
				height:1.2em;
				}

			.form .fields .long label {
				padding-right:0;
				}

			.form .fields .long input {
				width:317px;
				position:static;
				}
				
			.form .fields .small label {
				padding-right:130px;
				}

			.form .fields .small select, .form .fields .small input {
				width:120px;
				}
				
			.form .checkBox label {
				padding:0 0 0 20px;
				}
		
			.form .checkBox input {
				border:0;
				height:16px;
				width:16px;
				left:0;
				top:0;
				z-index:200;
				}
			
			.form .radio input {
				border:0;
				margin-right:236px;
				height:16px;
				width:16px;
				}
				
			.form .radio2 input {
				border:0;
				margin-right:5px;
				height:16px;
				width:16px;
				}
			
			.form select option {
				color:#000;
				background:#fff;
				padding:3px 9px;
				border-bottom:1px solid #ccc;
				font-size:1.0em;
				font-weight:normal;
				}
			
			.form textarea {
				border:0;
				width:317px;
				height:80px;
				margin-top:8px;
				font-size:1.2em;
				}
				
			#errors {
				color: red !important;
				border: 1px solid red;
				padding: 18px 20px 0 20px;
				margin-bottom:10px;
				width: 435px;
				background:#FFF6EF;
			}
	
			#errors li {
				color: red !important;
			}
			
			#enquiry {
				width: 475px !important;
			}
			
			#enquiry form{
				width: 475px !important;
			}
			
			#enquiry textarea {
				width: 475px !important;
				height:40px;
			}
			
			
				

/* ---------- 3.0 Footer ---------- */

#footer {
	position:absolute;
	text-align:right;
	width:766px;
	left:0;
	bottom:-15px;
	font-size:0.8em;
	color:#c2a68a;
	}

#footer a {
	color:#dcc4ad;
	}

#footer a:hover {
	text-decoration:none;
	}
.minitext {
	font-size: 1.1em;
}