﻿@import url("TopNavMenu.css");
@import url("TopNavMainMenu.css");
@import url("TopNavDropDownList.css");

/*********************************** GENERAL STYLING ***********************************/

html {
	margin:0px;
	padding:0px;
	background:url(/images/TemplateImages/LayoutImages/Lower-Body-Background.jpg) left top repeat;
}
body {
	margin:0px;
	padding:0px;
	/*background:transparent url(/images/TemplateImages/LayoutImages/Upper-Body-Background.png) center top no-repeat;*/
	/*background-image: url(/images/TemplateImages/LayoutImages/Upper-Body-Background.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-color:transparent !important;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
}
body td {
	font-size:12px;
}
form {
	margin:0px;
	padding:0px;
	/*height:100%;*/
	background:transparent url(/images/TemplateImages/LayoutImages/Upper-Body-Background.png) center top no-repeat;
}
#navmain1, #navmainbody {
	width:992px !important;
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF;
	border-left:1px solid #c6b7ce;
	border-right:1px solid #c6b7ce;
}
*html #navmain1, *html #navmainbody {
	width:992px !important;
}
#LeftSideNav {
	display:none;
}
a img {
	border:none;
}
h1,
h1 a,
h1 a:visited
{
/*	background:url(/webfiles/IGlamourAU/layouts/images/h1.gif) no-repeat left #F4F4F4;*/
	background:#F4F4F4;
	color: #000000;
	font: normal 24px verdana;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-decoration: none;	
}

h4,
h4 a,
h4 a:visited
{
/*	background:url(/webfiles/IGlamourAU/layouts/images/h1.gif) no-repeat left #F4F4F4;*/
	background:#F4F4F4;
	color: #000000;
	font: normal 24px verdana;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-decoration: none;
}

h2{

}

h2,
h2 a,
h2 a:visited
{
	color: #666666;
	font: bold 12px verdana;
	margin: 0px 0px 10px 0px;	
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}

h2.section-header
h2.section-header a,
h2.section-header a:visited
{
/*	background: none;
	font: bold 24px verdana;
	margin: 8px 0px 0px 0px;
	border-bottom: 0px solid #fff;
	text-transform: uppercase;
	border-left: 0px solid #ccc; */
	text-transform: none;
	background-color:##Box Header Color##;
	text-decoration: none;
}

h3,
h3 a,
h3 a:visited
{
	color: #999999;
	font: bold 12px verdana;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
}

h3 a
{
	text-decoration: none;
}
a
{
	text-decoration: none;
	color: #666666;
}

a:visited {
	color: #666666;
}

a:hover {
	color: #000000;
}


/*********************************** TOP NAVIGATION ***********************************/

#MainMenuContainer {
	display:block;
	width:990px;
	height:28px;
	background:#FFFFFF url(/images/TemplateImages/LayoutImages/Top-Navigation-Main-Menu-Background.jpg) top left no-repeat;
	margin-bottom:9px;
}
#CartContainer {
	width:180px;
	font-size:11px;
	color:#FFFFFF;
	float:right;
	padding-top:5px;
}
#CartContainer #MyCartLabel {
	font-weight:bold;
}
#CartContainer a:link, #CartContainer a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
#CartContainer a:hover, #CartContainer a:active {
	text-decoration:none;
}
#LogoContainer {
	padding-left:11px;
	float:left;
	height:81px;
	margin-bottom:9px;
}
*html #LogoContainer {
	margin-bottom:0px;
}
#PromoContainer {
	float:left;
	margin-left:40px;
	height:81px;
}
#SearchContainer {
	float:left;
	height:81px;
	clear:right;
	margin-left:40px;
}
*html #SearchContainer {
	margin-left:20px;
}
#TopNavigationSearchBox {
	height:32px;
	border-right:none;
	border-left:1px solid #E2E2E2;
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	color:#7C609A;
	font-weight:bold;
	width:235px !important;
	/*float:left;*/
	padding-left:5px;
    
    position: relative;
    z-index: 200;
}
*html #TopNavigationSearchBox {
	padding-top:7px;
}
#TopNavigationSearchButton {
	height:32px;
	width:30px;
	border:0px;
	cursor:pointer;
	background:url(/images/TemplateImages/LayoutImages/Top-Navigation-Search-Button-Background.jpg) top left no-repeat;
	/*float:left;*/
}
*html #FacebookLink {
	margin-left:20px;
}
#FacebookLink:link, #FacebookLink:visited, #YouTubeLink:link, #YouTubeLink:visited {
	display:block;
	width:100px;
	height:28px;
	padding-left:30px;
	color:#959499;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	float:left;
	margin-top:12px;
}
*html #FacebookLink:link, *html #FacebookLink:visited, *html #YouTubeLink:link, *html #YouTubeLink:visited {
	width:130px;
}
#FacebookLink:link, #FacebookLink:visited{
	background:url(/images/TemplateImages/LayoutImages/Facebook-Icon.jpg) left center no-repeat;
}
#YouTubeLink:link, #YouTubeLink:visited{
	background:url(/images/TemplateImages/LayoutImages/You-Tube-Icon.jpg) left center no-repeat;
}
#FacebookLink:hover, #FacebookLink:active, #YouTubeLink:hover, #YouTubeLink:active {
	text-decoration:underline;
}
#SubMenuContainer {
	height:49px;
	width:990px;
	background:url(/images/TemplateImages/LayoutImages/Top-Navigation-Sub-Menu-Background.jpg) top left repeat-x;
}
#RegisterContainer {
	float:right;
	margin:10px 15px 0px 0px;
	color:#85569b;
	width:300px;
	font-size:12px;
}
#RegisterContainer #RegisterLabel {
	display:block;
	width:120px;
	float:left;
	font-weight:bold;
}
#RegisterContainer input {
	border:2px solid #c1c1c1;
	background:url(/images/TemplateImages/LayoutImages/Drop-Down-List-Menu-Background-Shade.jpg) left top repeat-x;
	height:25px;
	color:#727272;
	width:150px !important;
	font-size:12px;
}
*html #RegisterContainer input {
	height:25px;
	padding-top:3px;
}
#RegisterContainer input#subscribeButton {
	width:20px !important;
}

/*********************************** FOOTER ***********************************/

#FooterContainer {
	background:url(/images/TemplateImages/LayoutImages/Footer-Background.jpg) top left repeat-x;
	width:992px;
}
#FooterContainer #FooterTable {
	width:972px;
	margin-left:20px;
}
#FooterContainer #FooterTable td {
	vertical-align:top;
	padding-top:18px;
}
#FooterContainer #FooterTable td#LinksColumn1 {
	width:220px;
}
#FooterContainer #FooterTable td#LinksColumn2, #FooterContainer #FooterTable td#LinksColumn3 {
	width:270px;
}
#FooterContainer #FooterTable td#LinksColumn4 {
	padding-top:0px;
	text-align:right;
}
#FooterContainer #FooterTable .FooterTitle {
	color:#84549b;
	font-weight:bold;
	display:block;
	border-bottom:1px dotted #999999;
	width:200px;
}
#FooterContainer #FooterTable td#LinksColumn2 .FooterTitle, #FooterContainer #FooterTable td#LinksColumn3 .FooterTitle {
	width:250px;
}
#FooterContainer #FooterTable td a:link, #FooterContainer #FooterTable td a:visited {
	color:#6d6d6d;
	font-size:11px;
	display:block;
	text-decoration:none;
	width:250px;
	margin-top:3px;
}
#FooterContainer #FooterTable td#LinksColumn1 a:link, #FooterContainer #FooterTable td#LinksColumn1 a:visited {
	width:200px;
}
#FooterContainer .CommVisiLink {
	display:none;
}

/* LEFT NAV STARNDARD LINKS */




a.ln-link-std,
a.ln-selected-std,
a.ln-link-std:active,
a.ln-selected-std:active,
a.ln-link-std:visited,
a.ln-selected-std:visited,
a.notselected, a.selected
{
	background: url(../../images/TemplateImages/ln-border-top.jpg) no-repeat top left #FFFFFF;
	border-bottom: 0px solid #BDBDBD;
	color: #000000;
	display: block; /* "block" is used to make top and bottom padding work on A tags*/
	font: normal 10px verdana;
	padding: 6px 3px 6px 26px;
	text-align:left; /* by default this A tag will center the text */
	text-decoration: none;
	text-transform: uppercase;
}

a.ln-selected-std,
a.ln-link-std:hover,
a.ln-selected-std:hover ,
a.notselected:hover, a.selected:hover
{
/*	background: url(/webfiles/IGlamourAU/layouts/images/layout_leftnav_bullet.jpg) no-repeat left top  #BDBDBD  !important; */
	color: #666666 !important;
}

/* LEFT NAV SUB LINKS */


a.ln-link-sub,
a.ln-selected-sub,
a.ln-link-sub:active,
a.ln-selected-sub:active,
a.ln-link-sub:visited,
a.ln-selected-sub:visited,
a.subCats
{
/*	background: #FFFFFF; */
	border-bottom: 1px solid #BDBDBD;
	color: #000000;
	display: block; /* "block" is used to make top and bottom padding work on A tags*/
	font: normal 11px verdana;
	padding: 6px 3px 6px 25px;
	text-align:left; /* by default this A tag will center the text */
	text-decoration: none;
}

a.ln-selected-sub,
a.ln-link-sub:hover,
a.ln-selected-sub:hover,
a.subCats:hover 
{
	/*font-weight:bold;*/
	color:#90b2d8;
}

/**** LEFT NAV STYLES END ****/

/**** PRODUCT BROWSE STYLES START ****/

#CatNav a:hover, #PageNumbers a:hover
{
	font-weight:bold;
}
.CategoryProduct
{
	display:block;
	width:197px !important;
	vertical-align:top;
	height:356px;
	float:left;
	border-right:1px dotted #999999;
	border-bottom:1px dotted #999999;
}
*html .CategoryProduct
{
	height:335px;
	width:198px !important;	
}

.CategoryProduct .ProductDescription
{
	display:block;
	vertical-align:top;
	height:50px;
}
#SubCategoryContainerTable, #ProductContainerTable, #ProductSearchContainerTable {
	border-left:1px dotted #999999;
	border-top:1px dotted #999999;
}
#ProductSearchContainerTable {
	width:793px;
}
.CategoryCategory
{
	height:200px !important;
	border-right:1px dotted #999999;
	border-bottom:1px dotted #999999;
	width:197px !important;
	text-align:center;
}
.CategoryCategory td{
	text-align:center;
}
*html .CategoryCategory
{
	width:198px !important;
}
.CategoryCategoryBrands
{
	height:20px;
	width:165px !important;
}
.CategoryProduct a
{
	color:#808080;
}
.CategoryProduct a:hover
{
	color:#000000;
}
.CategoryProduct .ProdImage
{
	display:block;
	width:125px !important;
	height:125px !important;
	/*border:1px solid #000000;*/
	margin-left:auto;
	margin-right:auto;
}
.CategoryProduct img
{
	/*border:1px solid #000000;*/
}

.RRPPrice
{
	/* Hide by Default */
	/*color:gray;*/
	color:#434343;
	display:none;
	font-weight:bold;
}

.NettPrice
{
	font-weight:bold;		
	/*color:#000000;*/
	color:#ff0000;
}

div.PromoMessage
{
	float:right;
	color:#9668ac !important;
	font-weight:bold;
}

*html div.PromoMessage SPAN
{
	float:right;
	width:100px;
	text-align:left;
}

.DiscountMsg
{
	/* Hide by Default */
	color:#9668ac !important;	
	display:none;
	font-weight:bold;	
}
#PBSX0199,#PBSX0299,#PBSX0399,#PBSX0499,#PBSX0599,#PBSX0699,#PBSX0799,#PBSX0899,#PBSX0999
{
	display:none;
}

/**** PRODUCT BROWSE STYLES END ****/

/**** PRODUCT VIEW STYLES START ****/

#ProductReviews
{
	visibility:hidden;
}
#ProductAverageRating
{
	visibility:hidden;
}
#ProductNotes
{
	/*color:#663399;*/
}

/**** PRODUCT VIEW STYLES END ****/
/* Meta Data Summary */

div.MetaDataSummary {
    /*display: none;*/
    text-align: left;
    margin-left:100px;
    margin-bottom: 30px;
}

div.MetaDataSummary div.HeaderMenu {
    float:left;
    width:150px;
    margin-bottom: 20px;
    margin-top: 15px;
    margin-left:20px;
}

div.MetaDataSummary div.SubMenu {
    float:left;
    width:300px;
}

div.MetaDataSummary .FieldPrompt {
    display: inline-block;
    margin-right: 20px;
}

div.MetaDataDetail {
    margin-top:10px;
}

/*------------------------------------*\
    SIDEBAR
\*------------------------------------*/

/* Left Sidebar */
.Sidebar-ExpandableBox {
	border: 1px solid #AAA;
	margin: 0 0 10px;
	width: 180px;
}

.Sidebar-ExpandableBox-Header {
	padding: 15px;
	height: 15px;
	background-color: #f6f6f6; 
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea); 
	background-image:    -moz-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image:     -ms-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image:      -o-linear-gradient(top, #f6f6f6, #eaeaea);
}

	.Sidebar-ExpandableBox-Header:hover {
		cursor: pointer;	
	}

	.Sidebar-ExpandableBox-Header span {
		font-weight: bold;
		font-size: 13px;	
		float: left;
	}
	
	.Sidebar-ExpandableBox-Header img.upArrow {
		float: right;
		margin-top: 5px;
	}
	
	.Sidebar-ExpandableBox-Header img.downArrow {
		display: none;
		float: right;
		margin-top: 5px;
	}

.Sidebar-ExpandableBox-Content {
    margin-left:170px;
    clear: both;
	/*padding: 15px;*/
	/*border-top: 1px solid #AAA;*/
	/*border-bottom: 1px solid #AAA;*/
}

    .Sidebar-ExpandableBox-Content ul li {
        font-size: 11px;
        margin: 0 0 10px 0;
        width: 150px;
    }
    
        .Sidebar-ExpandableBox-Content ul li:hover a {
            font-weight: bold;
            text-decoration: none !important;
        }
			

input#sidebarRangeSliderValues {
    margin-right: 50px;
}

a.Sidebar-ClearAll, a.SidebarApplyButton, a.clear-filter {
    top:-20px;
    position: relative;
}

a.Sidebar-ClearAll, a.SidebarApplyButton, a.clear-filter {
	-moz-box-shadow:inset 0px 1px 0px 0px #e6cafc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e6cafc;
	box-shadow:inset 0px 1px 0px 0px #e6cafc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c579ff), color-stop(1, #a341ee) );
	background:-moz-linear-gradient( center top, #c579ff 5%, #a341ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c579ff', endColorstr='#a341ee');
	background-color:#c579ff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #a946f5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #8628ce;
}

a.Sidebar-ClearAll:hover, a.SidebarApplyButton:hover, a.clear-filter:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a341ee), color-stop(1, #c579ff) );
	background:-moz-linear-gradient( center top, #a341ee 5%, #c579ff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a341ee', endColorstr='#c579ff');
	background-color:#a341ee;
}

a.Sidebar-ClearAll:active, a.SidebarApplyButton:active, a.clear-filter:active {
	position:relative;
	top:-19px;
}

a.clear-filter {
	margin-left:20px;
	cursor: pointer;
}
			
.Sidebar-ClearAll {
	/*float: left;*/
	/*display: block;*/
	background: url(/images/TemplateImages/icons/cross.png)	0 50% no-repeat;
	/*padding: 0 0 0 15px;*/
	/*font-size: 11px;*/
	/*color: #252525;*/
	/*margin: 0 0 5px;*/
    margin-left:20px;
}

	.Sidebar-ClearAll:hover {
		cursor: pointer;	
	}
	
#sidebarRangeSlider {
	/*clear: right;*/
	/*margin: 25px 0 10px;	*/
    width:100px;
    margin-top:10px;
    margin-left:10px;
    /*float:left;*/
    margin-right: 20px;
}

#sidebarRangeSlider .ui-state-default {
    background: #482F53;
    border: white 1px solid;
}

#sidebarRangeSliderValues {
	background: none;
	border: none;
	/*font-family: 'trade-cnd-18';*/
	color: #464646;
	font-size: 12px;
	/*float: left;*/
	width: 150px;
}

.Sidebar-Brands, .Sidebar-Materials {
	clear: both;
	max-height: 190px;
	overflow: auto;	
	margin-top: 25px;
}

	.Sidebar-Brands li, .Sidebar-Materials li {
		width: 130px !important;
	}
	
.Sidebar-AreaofUse {
	margin-top: 25px;	
}

.Sidebar-Colours {
	margin: 25px 0 10px 0px;	
}

.Sidebar-Colours-Red { background: #ed1c24; width: 30px; height: 15px; float: left; display: inline-block; margin: 0 2px 2px 0; }
.Sidebar-Colours-Green { background: #598527; width: 30px; height: 15px; float: left; display: inline-block; margin: 0 2px 2px 0; }
.Sidebar-Colours-Brown { background: #7b2e00; width: 30px; height: 15px; float: left; display: inline-block; margin: 0 2px 2px 0; }
.Sidebar-Colours-Blue { background: #003471; width: 30px; height: 15px; float: left; display: inline-block; margin: 0 2px 2px 0; }
.Sidebar-Colours-Yellow { background: #fff200; width: 30px; height: 15px; float: left; display: inline-block; margin: 0 2px 2px 0; }
.Sidebar-Colours-Grey { background: #8593a8; width: 30px; height: 15px; float: left; display: inline-block; margin: 0 2px 2px 0; }
.Sidebar-Colours-Orange { background: #f26522; width: 30px; height: 15px; float: left; display: inline-block; margin: 0 2px 2px 0; }
.Sidebar-Colours-White { background: #FFF; width: 30px; height: 15px; float: left; display: inline-block; margin: 0 2px 2px 0; }

.Sidebar-Metadata-Area {
	background: #f2f2f2;
	padding: 10px;
	border: 1px solid #AAA;
	width: 160px;
	margin-bottom: 10px;
}

	.Sidebar-Metadata-Area h2 {
		font-size: 13px;
		color: #000;
		font-weight: bold;
		padding-bottom: 5px;
		font-family: Arial, Helvetica, sans-serif;	
	}

	.Sidebar-Metadata-Area p {
		font-family: Arial, Helvetica, sans-serif !important;
		line-height: 17px !important;	
		font-size: 12px !important;
		color: #252525 !important
	}

*html div#sidebarRangeSlider .ui-slider-handle {
    top: -0.1em !important
}


 .category-header{
	background-color:#fff;
	background-image:url(http://i-glamour.com/images/category-header-bg.jpg);
	border:1px solid #dfdfdf;
	padding:0px;
	width: 750px;
	text-align:center;
}
.category-header h1{
	background-color:transparent;
	margin:0px;
	padding:0px;
	color:#A2A2A2;
	font-size:40px;
}
.category-header h2{
	color:#726579;
	font-size:20px;
	text-transform:none;
}
.category-header p{
font-family: trebuchet ms;
color: #666666;
font-size: 10pt;
padding:0px 10px;
}