/*	ARROGANT CAT CASCADING STYLESHEET
	
	Index:
	--- Notes
	--- Global definitions
	--- Structure
	--- Header
	--- Sidebar navigation
	--- Footer
	--- Main content area
	--- Common styles
	
*/

@import url(css-reset.css);

/*=======================================================
	NOTES  
======================================================= 

	colors used
	-----------
	primary gold #e4c58e
	primary gold 2 #ad966b
	background brown #2a2727
	highlight red #f11f24
	search grey #949393
	background grey #2e2c2c
	bar brown #1f1d1d

*/

/*=======================================================
	GLOBAL  
=======================================================*/
html {
	background: url(http://www.arrogantcat.com/images/static/backgrounds/leopard_tile_2.jpg) repeat center 37px #2a2727;
}

body {
	background: url(http://www.arrogantcat.com/images/static/backgrounds/leopard_tile_1.jpg) repeat-x center top;
	color: #e4c58e;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 0;
}

/*=======================================================
	HEADINGS  
=======================================================*/

#main h1 {
	background: no-repeat left top;
	float: left;
	clear: both;
	height: 25px;
	margin-bottom: 30px;
	text-indent: -9999px;
	width: 778px;
}
#main h1#h1-press {

}
#main h1#h1-stores {

}
#main h1#h1-storedetail {

}
#main h1#h1-dresses {

}
#main h1#h1-signin {

}
#main h1#h1-shoppingbag {

}
#main h1#h1-addresses {

}
#main h1#h1-deliveryoptions {

}
#main h1#h1-payment {

}
#main h1#h1-wishlist {

}
#main h1#h1-register {

}
#main h1#h1-myaccount {

}
#main h1#h1-forgpass {

}
#main h1#h1-edit {

}

/*=======================================================
	STRUCTURE  
=======================================================*/

#content li {
	float: left;
}
#globalwrap {
	background: url(http://www.arrogantcat.com/images/library/f13d02a5-.jpg) no-repeat center top;
	margin: 0 auto;
	padding: 0 18px;
	width: 960px;
}

/*=======================================================
	HEADER  
=======================================================*/

#header {
	background: url(http://www.arrogantcat.com/images/static/backgrounds/ac-header-bg.png) right top no-repeat;
	margin: 0 0 0 0;
	height: 114px;
	padding-top: 10px;
	padding-bottom: 20px;
	width: 958px;
}
#header #ac_logo {
	float: left;
	height: 114px;
	width: 178px;
}
#header #ac_logo a {
	background: url(http://www.arrogantcat.com/images/static/logo/ac_logo_gold.png) 0 0 no-repeat;
	display: block;
	height: 114px;
	text-indent: -9999px;
	width: 178px;
}
#header .linkholder {
	float: left;
	height: 37px;
	width: 780px;
}
#header .linkholder ul {
	float: right;
}
#header #search {
	display: inline;
	margin: -4px 0 0 7px;
	width: 213px;
}
#header #search label {
	color: #e4c58e;
	float: left;
	font-size: 1.2em;
	font-style: italic;
	padding: 2px 10px 0 0;
	text-transform: lowercase;		
}
#header #search input {
	float: left;
}
#header #search input.textfield {
	background: url(http://www.arrogantcat.com/images/static/backgrounds/ac-header-searchpanel.png) right top no-repeat;
	color: #cacaca;
	height: 20px;
	font-size: 1em;
	padding: 5px 0 0 6px;
	width: 160px;
}
#header #search input#btn-search {
	background: url(http://www.arrogantcat.com/images/static/backgrounds/ac-header-searchbutton.png) right top no-repeat;
	cursor: pointer;
	height: 25px;
	font-size: 1em;
	padding: 0 0 0 0;
	width: 28px;
}
#header ul li a {
	color: #A2A1A1;
	display: block;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	line-height: 16px;
	padding:0 7px 0;
	text-decoration: none;
	text-transform: uppercase;
}
#header ul li a span {
	color: #e4c58e;
}
#header ul li a.first-item {
	padding-left: 0;
}
#header ul li a.last-item {
	background: none;
	padding-right: 0;
}

/*=======================================================
	SIDE NAVIGATION  
=======================================================*/

#side_nav {
	min-height: 550px;
	padding: 0 0 0 0;
	width: 180px;
}
#side_nav ul li {
	clear: both;
}
#side_nav ul li a {
	color: #e4c58e;
	display: block;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
	text-transform: uppercase;
	width: 155px;
}
#side_nav .separator {
	margin-top: 15px;
}
#side_nav .active {
	color: #fff !important;
}
#side_nav ul.subnav li {
	border-bottom: 1px dotted #574D3E;
	clear: both;
	padding-left: 15px;
}
#side_nav ul.subnav li a {
	color: #ad966b;
	display: block;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	line-height: 28px;
	text-decoration: none;
	text-transform: none;
	width: 110px;
}
#side_nav ul.subnav li a:hover {
	font-weight: bold;
	color: #f11f24;
}
#side_nav ul.subnav li.active {
	background: url(http://www.arrogantcat.com/images/static/backgrounds/selected-submenu-bg.png) 0 3px no-repeat;
}
#side_nav ul.subnav li.active a {
	font-weight: bold;
	color: #fff !important;
}
#side_nav ul.subnav li.first-item {
	border-top: 1px solid #e4c58e;
}
#side_nav ul.subnav li.last-item {
	border-bottom: none;
}
#ecom_tracker {
	background: url(http://www.arrogantcat.com/images/static/backgrounds/tracker-bg.png) 0 0 no-repeat;
	min-height: 550px;
	padding: 0;
	width: 180px;
}
#ecom_tracker span {
	background: url(http://www.arrogantcat.com/images/static/backgrounds/tracker-box-bg.png) 0 0 repeat-y;
	display: block;
	height: 182px;
	width: 180px;
}
#ecom_tracker ul {
	padding: 15px 0;
}
#ecom_tracker ul li {
	border-bottom: 1px dotted #403d3e;
	display: inline;
	font-size: 1.2em;
	margin-left: 18px;
	padding: 6px 0 3px 0;
	width: 130px;
}
#ecom_tracker ul li.step {

}
#ecom_tracker ul li.step strong,
#ecom_tracker ul li.currentstep {
	color: #ffffff;
	font-weight: bold;
}
#ecom_tracker ul li.firststep {

}

/*=======================================================
	FOOTER  
=======================================================*/

#footer {
	background: url(http://www.arrogantcat.com/images/static/backgrounds/ac-footer-bg.png) center top no-repeat;
	height: 225px;
	margin: 0 auto;
	width: 958px;	
}
#footer div#footer_panel {
	position: relative;
	background: url(http://www.arrogantcat.com/images/static/backgrounds/ac-footer-panel-bg.png) 0 0 repeat-x;
	height: 38px;
	margin: 35px auto 0;
	text-align: center;
	width: 958px;
	z-index: 100;
}
#footer div span {
	display: table;
	margin: 0 auto;
}
#footer ul {
	text-align: left;
}
#footer ul li.active {
	background: url(http://www.arrogantcat.com/images/static/backgrounds/selected-submenu-bg.png) center 7px no-repeat;
}
#footer ul li a {
	color: #e4c58e;
	display: block;
	font-size: 1.2em;
	line-height: 38px;
	padding: 0 28px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
#footer ul li a:hover {
	color: #f11f24;
}
#footer ul li.active a {
	color: #ffffff;
	font-weight: bold;
}
#storyref {
	float: right !important;
	margin: 0 0 0 0;
	width: 120px;
	color: #fff;
	display: block;
	float: right;
	font-size: 1.2em;
	font-style: italic;
	line-height: 50px;
	text-decoration:none;
}


/*=======================================================
	MAIN CONTENT AREA  
=======================================================*/

#main {
	width: 780px;
}
#main h2 {
	font-size: 2em;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 30px 0;
}
#main .pane {
	background-color: #1f1d1d;
	line-height: 35px;
	text-align: right;
	width: 778px;
}
#main .pane h3 {
	float: left;
	font-size: 1.4em;
	font-weight: normal;
	color: #e4c58e;
	padding: 0 0 0 15px;
}
#main .pagination-wrapper {
	float: right;
	clear: both;
	text-align: left;
	width: 778px;
}
#main .pagination-navigation {
	float: right;
	line-height: 45px;
}
#main .pagination-navigation li a {
	display: block;
	color: #ccaf79;
	font-size: 1.2em;
	padding: 0 0 0 10px;
	text-decoration: none;
}
#main .pagination-navigation li.pagination-current {
	font-weight: bold;
}
#main .pagination-navigation li a.nan {
	padding: 0 6px 0 10px;
	text-decoration: underline;
}
#main .back-to-top {
	clear: both;
	color: #e4c58e;
	float: left;
	font-size: 1.2em;
	padding-left: 12px;
	width: 200px;
}

/*=======================================================
	COMMON STYLES  
=======================================================*/

#main .textfield {
	color: #949393;
	background: url(http://www.arrogantcat.com/images/static/backgrounds/bg-textfield.gif) repeat-x 0px 0px #2e2c2c;
	border: 1px solid #000000;
	height: 15px;
	font-size: 1em;
	padding: 1px 0 0 5px;
}
#main a {
	color: #fff; text-decoration: none;
}
#main p.error {
	background: url(http://www.arrogantcat.com/images/static/icons/paw.gif) no-repeat 0px 2px;
	padding: 0 0 10px 30px;
	color: #f11f24!important;
	display: inline;
	margin: 15px 0 15px 25px;
	line-height: 1.2em;
}

/*=======================================================
	TOOLS  
=======================================================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

.clearfix {display: block;}

.noscript {display: none }

.havescript {display: none }

#tooltip{
	position:absolute;
	border:1px solid #29231C;
	background:#000;
	padding:10px 15px;
	color:#949599;
	display:none;
}	

/*=======================================================
	LARGEBOX  
=======================================================*/

#largebox-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:auto;
	right:auto;
	
	z-index:100;
	width:100%;
	height:auto;
	
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;
	
	text-decoration:none;
	background:none;
	word-spacing:normal;
	letter-spacing:normal;
	float:none;
	clear:none;
	display:block;
}

#largebox-overlay {
	z-index: 90;
	background-color:#000;
	height: 100%;
}
#largebox { 
	position: absolute;
	z-index:100;
	top: 0;
	left: 0;
	background: #1f1d1d;
	overflow: visible;
	border: 1px solid #ad966b;
}
#largebox-close {
	position: absolute;
	z-index:110;
	top: -10px;
	right: -10px;
	width: 18px;
	height: 18px;
	background: url(http://www.arrogantcat.com/images/static/icons/close.gif) no-repeat 0 0;
	cursor: pointer;
} 

/*=======================================================
	NEWSLETTER SIGNUP  
=======================================================*/

#box_newsletter				{ position: absolute; top: -135px; left: 110px; width: 515px; height: 120px; display: none; border: 1px solid #ad966b; background-color: #120f0f; z-index: 200}
#box_newsletter img.close	{ position: absolute; top: 0; right: 0; width: 18px; height: 18px; z-index: 400; cursor: pointer }
#box_newsletter p.main		{ float: left; clear: both; width: 505px; padding: 35px 20px 20px; text-align: left; font-size: 1.2em;  }
#box_newsletter label		{ float: left; clear: both; width: 100px; margin-left: 20px; display: inline; color: #fff; font-weight: bold; font-size: 1.2em; text-align: left; }
#box_newsletter input		{ 
	float: left; 
	width: 235px;
	display: inline;
	border: 1px solid #917f5b;
	color: #8f8d8e;
	line-height: 1.5em;
	margin-left: 20px;
	margin-right: 20px; 
	padding: 5px 7px 7px 7px;
}
#box_newsletter button		{ 
	float: left; 
	background: url(../images/static/buttons/ac-buttons.png) -136px -90px no-repeat;
	width: 70px;
	cursor: pointer;
	height: 30px;
}


/*	CSS by Story Worldwide 2009 - www.storyworldwide.com  */