/***************************** STYLES **************************************/

/************  reset  ***********/
div, h1, h2, h3, h4, h5, h6, /* form, label, input, */ span, ul, li, p, a, table, tr, td {margin:0; padding:0;}   
img {border: 0;}
tr {vertical-align:top}


/*********** typography **********/

body {font-family:Verdana, Arial, Helvetica, sans-serif; background:#efefef;}

h1 {font-size:1.5em; padding:0.3em; margin:0; color:#ECA7AA;}
h2 {font-size:1.2em; padding:0.3em; margin:0;}
h3 {font-size:1.1em; padding:0.3em; margin:0;}
h4 {font-size:1.0em; padding:0.3em; margin:0;}
h5 {font-size:1.0em; padding:0.3em; margin:0;}
h6 {font-size:1.0em; padding:0.3em; margin:0;}

p  {font-size:1.0em; padding:0.7em; margin:0;}

	
h1.top_of_page_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-decoration: none;
	padding: 0;
	margin: 0;
}


/******** links ************/

/* a */
/*
a:link 		{color: #1E6AB5;}
a:visited 	{color: #695591;}
a:hover 	{color: #FFF; background-color: #EBA5A7; text-decoration: none;}
a:active 	{color: #A3A5FF; background-color: #EBA5A7; text-decoration: none;}
*/

/******* links to match h1 *************/
a:link 		{color: #46465f; text-decoration: none;}
a:visited 	{color: #46465f; text-decoration: none;}
a:hover 		{color: #000; text-decoration: underline;}
a:active 		{color: #000; text-decoration: underline; background-color: #fff; }



/******************************* LAYOUT *****************************************/

body 
{
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	background-color:#fff;
}

div#wrapper,div#wrapper-inner {
		background: url(sexy-low-rise-brazilian-jeans.jpg) center 105px no-repeat #efefef;
}
div#wrapper-inner
 {
		background-image: none;
}

div.clear {
	clear:both; height:0px;
}

#container,#container-inner
{
	margin: 0 auto;
	max-width: 1280px;
  min-width: 995px;
}
#container-inner
{
	background-color: #fff;
}


#header
{
	background:#fff;
	padding: 10px 0 10px 150px;
}

#header h1 { margin: 0; }

div#logobox {
	width:283px;
	float:left;
}

/************* Logo Image Replacement **************/
h1.logo {
    margin-top: 0px; /* for this particular site, set this as you like */
    position: relative; /* allows child element to be placed positioned wrt this one */
    overflow:hidden; /* don’t let content leak beyond the header - not needed as height of anchor will cover whole header */
    padding: 0; /* needed to counter the reset/default styles */
	width:283px;
}

h1.logo a {
    position: absolute; /* defaults to top:0, left:0 and so these can be left out */
    height: -12px; /* hiding text, prevent it peaking out */
    width: 100%; /* 686px; fill the parent element */
    background-position: left top;
    background-repeat: no-repeat;
}

h1#logo {
    height: 50px; /* height of replacement image */
}

h1#logo a {
    padding-top: 50px; /* height of the replacement image */
    background-image: url(groovy-jeans.png); /* the replacement image */
}

/*****  SEARCH *******/
div#search {float:right; margin:10px 50px 0 0; }
form#search-form {background:url(search.png) no-repeat #fff; padding:0 0 0 20px; width:172px; height:29px;}
input#searchbar {border:0; font:12px  Verdana, Arial, Helvetica, sans-serif; color:#999; margin:6px 0 0 0; width:138px; vertical-align:middle; padding:0;}
input#searchsubmit {cursor:pointer; padding:0; margin:3px 5px 0 0; background: url(search-submit.gif); width:23px; height:22px; border:none; float:right;}
input#searchsubmit:hover {background-image:url(search-submit-alt.gif);}

/*	strong {background: url(input-bottom-left.gif) no-repeat 0 100%; display: block; float: left;}	*/	/*longer sides*/
/*	strong em {background: url(/images/input-top-right.gif) no-repeat 100% 0; display: block; float: left;}	*/	/*longer sides*/
/*	strong em span {background: url(/images/input-bottom-right.gif) no-repeat 100% 100%; display: block; float: left;} */
/*	strong em span span {background: url(/images/input-top-left.gif) no-repeat; display: block; float: left;}	*/
/*	input, select, textarea {margin: 1px 3px; border: 1px solid #fff;}	*/


div#cartlink {float:right; width:160px; height:28px; margin:10px 150px 0 0;}
div#cartlink a img {vertical-align:middle; padding:0 0 7px 0;}
div#cartlink a { font:12px  Verdana, Arial, Helvetica, sans-serif; color:#EE78AC;}

/**********/

#navigation
{
	width: 100%;
	height:35px;
	background:#E16596;
	padding: 0;
	background-image:url(menu.jpg);

		}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 6px 35px;
	color:#fff;
	text-decoration: none;
	border-right: 1px solid #F2B1DB;
	font-size:16px;
}

#navigation li a:hover { background:#E577A3; }


/***** CONTENT AREA ******/

dl.image_map {display:block; height:853px; position:relative; margin:0;}

/* #content-home {cursor: pointer; width:1280px; height:853px;} */

.content
{
	clear: left;
	padding: 0px;
	background-color:#fff;
}

.content h2
{
	color:#000;
	font-size: 160%;
	margin: 0 0 .5em;
}

.catalogblock {
	padding:10px;
}

#footer
{
	margin:0;
	text-align: right;
	padding: 0;
	margin:0px;
	background:url(images/shop-for-jeans-securely.gif) bottom right no-repeat #fff; 
	height:100%;
}

#footer-link-container {
	margin:0 0 0 70px;
}

div.footer-links {
	float:left;
	height:180px;
	padding:0px;
	width:15%;
	padding: 0 10px;
	margin:0;
	line-height:.7em;
	text-align:left;
	border-right: 1px #efefef solid;
}

.last {border:0 !important;}

div.footer-links ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

div.footer-links li {
	line-height:1em;
	padding:3px 0;
}

div.footer-links h4 {
	font-size:.9em; 
	padding:.8em 0em; 
	margin:0;
    color: #666;
	line-height:1.1em;
	font-weight:bold;
}

div.footer-links ul li a {
		font-size:0.95em;
}

div#footer-sub-parent {
	background-color:#efefef;
	font-size:10px; 
	color:#999;
	margin:0 auto;
	text-align:center;
}

div#footer-sub {
	background-color:#efefef;
	font-size:10px; 
	padding:40px 60px;
	color:#999;
	text-align:left;
	
}

/* Left hand product menu */
table#categorization h5, li {font-size:12px;}
table#categorization {padding:10px;}
table#categorization h5 {padding:0;margin:10px 0 0 0; }
table#categorization li {line-height:15px; padding:0 0 0 3px;} /* space and indent the list items */

div.content hr {display:none;} /*** hr's are ugly ***/


div.category-text {font:10px Verdana, Arial, Helvetica, sans-serif; color:#333}


/* Veracart over-rides  */
p.veramain {padding:0 !important;}
td .veramain p {padding:0 0 10px 0;}
.item-list-cell-template .veralink {font-size:.85em;}
.item-list-cell-template td, p.veramain {padding:0 !important; font-size:12px !important; line-height:16px;}
.item-list-cell-template a.veralink {font-size:14px !important;}
div#content hr {display:none;} /*** hide HR tags ***/
td.veralarge a.veralinklg {font-size:12px !important;} /*** breadcrumb size ***/
span.veramain a.veralink {display:none !important;}   /*** hide subcategories on top ***/
span.veramain  {display:none !important;} /*** hide empty td's on top ***/
span.veraregpricesk {text-decoration:line-through;}
span.verasaleprice {color:red;}

.item-list-cell-template input {display:none;} /*** Hides the quantity box, since people only add one to their cart anyways ***/
.item-list-cell-template td.addtocart img {position:relative; left:-6px;}
td.addtocart a img {display:none;}
td.addtocart a img {display:inline; background-image:url(add_to_cart_sm.png); }

div.product-row-separator {margin-bottom:20px}


td.veralarge {font-size:12px;} /*** Breadcrumb separators ***/
td.veramain b,td.veramain a {font:bold 12px  Verdana, Arial, Helvetica, sans-serif;}

a img.itemlistimage:hover {border: 3px #EE78AC solid;}
a img.itemlistimage       {border: 3px #fff solid;}
	
/****  Newsletter Dropdown *****/

		#outerDiv {z-index: 50; position:absolute;}
		#wipeDiv1 {z-index: 100; position:absolute;} 
		#lyr1 {left:698px; top:99px; position:absolute;} 
		
		/**** newsletter + mailchimp ****/
		
.mce_inline_error {
		color: red;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    }

div#mce-success-response {
	    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color:#666;
    padding:10px 0;
}
		
div#cartblock {
	width:70%;
	margin:0 auto;
}

div.checkoutblock {
	padding:100px 0;
}
