/* CSS Document */

html, body {
	margin: 0px;
	padding: 0px;
}

body, tr, th, td, a, p, input {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

body {
	text-align:center;
}



a {
	outline: none;
}
.clear {
	clear: both;
}
.hr {
	margin: 0px;
	padding: 0px;
	height: 1px;
	font-size: 1px;
	background-color: #ffffff;
	clear: both;
	border-bottom: 1px solid #cccccc;
}

p, dl, dt, dd, tr, td, th {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	line-height: 18px;
}

a:link, a:visited{color: #E10076; text-decoration:underline;}
dt a:link, dt a:Visited{color: #000; text-decoration:none;}
a:hover, a:active,
dt a:hover, dt a:active{color: #E10076; text-decoration:underline;}


h1, h2, h3, h4, h5{
	font-family:Geneva, Arial, Helvetica, sans-serif, Tahoma;
}




h1, h1 a, h1 a:visited {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	color: #000;
	letter-spacing: -1px;
	text-decoration: none;
}

h1 a:hover {
	color: #000;
}







h2 {
	margin: 20px 0px 10px 0px;
	padding: 0px;
	font-size: 16px;
}

h3 {
	margin: 20px 0px 20px 0px;
	padding: 0px;	
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #000000;
	letter-spacing: -1px;
}

a img{border:none !important; background-color:transparent;}

/*=======================================================+
|                                                        |
|         CSS Containers and Blocks			 |
|                                                        |
+=======================================================*/

a.highslide{}
a.highslide img{margin:4px;}


div#outercontainer{display:block; width: 100%; background:#fff url(graphics/body_bg.jpg) top left repeat-x;}

div#container {display:block; position: relative; padding:0; text-align:center; margin:0 auto; width:960px;background:transparent none;}
div#container div#wrapper {display:block; position: relative; padding:1px 0; text-align:left; margin:0 auto; width:960px; background:transparent url(graphics/wrapper_bg.jpg) top right no-repeat;}

div#container div#wrapper #login-bg{position:absolute; top:20px; right:0; z-index:1000;}
div#container div#wrapper #login{margin:0; padding:0; text-align:right; line-height:24px;}
div#container div#wrapper #login a {text-decoration:none; color: #e4e4e4!important;}
div#container div#wrapper #login a:hover {text-decoration:underline;}

div#container div#wrapper div#header-bg {position:relative; top:0; left:1px; height:100px; background-color:transparent; text-align:center;}
div#container div#wrapper div#header-bg div#header {display:block;margin:0 auto 0 auto; height:100px; text-align:left; width: 960px; background: transparent none;}
div#container div#wrapper div#header-bg div#header div#logo {display:block; position:absolute; top:0px; left:1px; margin:0; padding:0; z-index:1000;}
div#container div#wrapper div#header-bg div#header div#logo a{display:block;background:transparent url(graphics/zappas_logo.jpg) 0 -1px no-repeat; height:120px; width:230px;}
div#container div#wrapper div#header-bg div#header div#logo a b{display:none;}
div#container div#wrapper div#header-bg div#header div#logo img {display:none;}

#shopmenu-bg{display:none;position: absolute; top: 230px; right:15px; background:transparent; padding:0; margin:0; text-align:center; color:#fff;}
#shopmenu{display:none;position: relative; margin:0; padding:0; text-align:center; color:#fff;}
#shopmenu-bg #shopmenu a:link,
#shopmenu-bg #shopmenu a:visited,
#shopmenu-bg #shopmenu a:hover,
#shopmenu-bg #shopmenu a:active{color:#fff; line-height:25px; margin:0;}

div#container div#wrapper #breadcrumb-bg{display:none;background-color:transparent;}
div#container div#wrapper #breadcrumb-row{margin:0 auto; display:block; padding:10px 0;}
div#container div#wrapper #breadcrumb {text-decoration:none; color: #666666; text-align:left; line-height:12px;}
div#container div#wrapper #breadcrumb a {text-decoration:none; color:#666666; font-style:normal;}
div#container div#wrapper #breadcrumb a:hover {text-decoration:underline;font-style:normal;}

div#container div#wrapper div#content-bg {display:block; width:960px; margin:20px auto 0 auto; /*background: transparent url(graphics/content_bg.png) top left repeat;*/}
div#container div#wrapper div#content-bg div#content {width:960px; background-image:none; margin:0 auto;}
div#container div#wrapper div#content .contentpane h2 {margin-bottom:0;}

div#container div#wrapper div#content .leftpane {margin:10px;padding:0; background-image:none; background-color:transparent;}
div#container div#wrapper div#content .contentpane {margin:10px;padding:0; background-image:none;background-color:transparent; text-align:left;}

div#container div#wrapper div#content td.left{margin:10px;padding:0;width:230px;}
div#container div#wrapper div#content td.content{margin:10px;padding:0;width:700px;}



#brandstrip-bg {display:block; position:relative; /*background:transparent url(graphics/brandstrip_bg.png) top left no-repeat;*/ top:-20px; height:250px; border-bottom:#999 solid 1px;}
#brandstrip {position:absolute; display:block; bottom:20px; left:0px; height:100px; border:1px solid #999; text-decoration:none; margin:0 auto 0 auto; width: 960px; text-align:left; font-family:Arial, Helvetica, sans-serif; padding:0; background:#fff url(graphics/grad01.jpg) top left repeat-x;}

		#brands{
			display: block;
			height: 70px;
			margin: 15px;
			padding: 0px;
			overflow:hidden;
		}

		#brands a{display:block; float:left; overflow:hidden; height:70px; background-image: url(graphics/brandstrip_logos.png); background-repeat:no-repeat;}
		#brands a#brand-kerastase{width:250px; background-position:0px 0px;}
		#brands a#brand-ghd{width:220px; background-position:-250px 0px;}
		#brands a#brand-tigi{width:210px; background-position:-470px 0px;}
		#brands a#brand-loreal{width:223px; background-position:-680px 0px;}

		#brands a#brand-kerastase:hover{background-position:0px -70px;}
		#brands a#brand-ghd:hover{background-position:-250px -70px;}
		#brands a#brand-tigi:hover{background-position:-470px -70px;}
		#brands a#brand-loreal:hover{background-position:-680px -70px;}



#footer-bg {display:block; margin-bottom:50px;}
#footer {/*font-size:10px;*/ text-decoration:none; margin:0 auto 0 auto; width: 940px; text-align:left; font-family:Arial, Helvetica, sans-serif; padding:4px 0 30px 0;}
#footer a {/*font-size:10px;*/ text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#footer , #footer ul.tameHoriz li
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer ul.tameHoriz li
{
	/*display: inline;*/
	float:left;
}
br.cl
{
	clear: both;
}

#terms{float:right;padding: 0; margin: 0; line-height:30px;}
#copyright{padding: 0 0 0 70px; margin: 0; background:transparent none; line-height:30px;}
#copyright{padding: 0; margin: 0; background:transparent none;}

/*HEADER ELEMENTS*/
#leftWrap {margin:20px 0 10px 0; padding:10px;}
#leftWrap h2 {padding:0 0 0 10px; margin:0; background-color:#000000; color:#FFFFFF; line-height:24px; font-size:12px;}
#leftWrap ul li {line-height:1.5em;line-height:24px; border-top:1px solid #999;}
#leftWrap ul li a{text-decoration:none;}
#leftWrap form{margin-top:10px;}

td.custom_submanu_item td{padding:5px;}
td.custom_submanu_item td img {border:solid 2px #f1f1f1; padding:2px; background-color:transparent;}
td.gridcellsep{border-top:solid 2px #f1f1f1; background-color:transparent;}
div.paging{text-align:right; border:solid 2px #f1f1f1; maring:0; padding:5px;}
table.product_table tr td{padding:4px; margin:5px;}
	

/*FROM ORIGINAL CSS*/

ul.tame,
ul.tame li
{
	margin: 0;
	padding: 0;
	display: list-item;
	list-style: none;
}
ul.tame li
{
	line-height: 1.25em;
}
.tameHoriz,
ul.tameHoriz li
{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.tameHoriz li
{
	display: inline;
}
br.cl
{
	clear: both;
}


.SearchField{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}
a.SearchField {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666 !important; text-decoration:none !important; padding-right:3px; vertical-align:bottom;}
a.SearchField:hover {text-decoration:underline !important;}
#dnn_dnnSEARCH_txtSearch.NormalTextBox {padding: 2px 2px 1px 4px; font-size:11px; height:15px;border: #999999 1px solid; width:150px;}

.DNNAligncenter {text-align:left;}
.ControlPanel, .PagingTable {background-color:#FFFFFF;border:1px solid #003366; text-align:center; width:50%;margin-left: auto;margin-right: auto;}


#menu-bg{position: absolute; top:62px; right:0px; background:none; padding:0; text-align:center;}
#menu{display:block; position: relative; margin:0 auto 0 auto; text-align:left; margin-left:6px;}


#nav li {position:relative;float:left;line-height:24px;list-style:none;padding:0;white-space:nowrap;margin-bottom:0px; margin-left: 15px;}
#nav ul {padding:1px;margin:0;list-style:none;background-color:transparent;}
#nav a {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px; display:block;margin: 0;text-decoration:none;text-align:center;font-weight:normal;padding: 0;color: #FFFFFF;border-right:none;}
#nav li ul {position:absolute;left: -999em;width:150px;border: #FFFFFF 1px solid;background-color:#000;}
#nav li li {margin-left: 5px;}
#nav li li a {width:130px;font-size:10px;text-align:left;background-color:#000;}
#nav li a:hover {background-color: #000;}
#nav li.SelectedTab a {background-color:#000;}
#nav li li.SelectedTab a {background-color:#000;}
#nav li li li.SelectedTab a {background-color: #000;}
#nav li.SelectedTab a:hover {background-color: #000;}
#nav .DisabledTab {color:#CCCCCC;}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{left: -999em;}
#nav li:hover ul, 
#nav li.iehover ul {top: 24px;left:0;}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {top:0;left:171px;}

div.article div.articleThumbnail{float:left;}
/*dl{margin:0; padding:10px; background:transparent url(graphics/blog_bottom.png) bottom center no-repeat;}*/
dl{margin:0; padding:10px;}
div.article dl{margin:0 0 0 120px; min-height:120px;} 
dl dt{margin:0; padding:0; color:#000000; font-weight:bold;}
dl dd{margin:0; padding:0 0 10px 0; color:#333333;}


div.saloncarddetails{margin:0 0 30px 0; padding: 0 0 20px 0;}
.rightpane div.saloncarddetails td {margin:0; padding:4px;}

a.newsitemlink{display:block; margin:0; padding:5px; border-bottom:1px solid #f1f1f1;}