/* SeCommerce Fresh Twigs theme/custom.css
** http://www.silverearth.com/
**
** Place your custom styles here. These will override the default Zen CSS.
*/

/***********************************************************************************
** Basic page layout and sizing
**
** This is an example of a fixed-width 900px layout.
*/
body {
  padding: 0 450px;   /* This offsets the negative #page margins. */
}

#container {
  width: 0;     /* This value determines the behavior of the jello mold. */
  max-width: 0; /* The amount that #page is allowed to grow before it reaches its max width. */
}

#page {
  margin: 0 -450px; /* This determines the effective minimum width of the layout. */
  min-width: 900px; /* This prevents Safari from losing the negative margin in narrow windows. */
}

/***********************************************************************************
** General overrides
*/

#logo-image {
	margin-top: 12px;
}
#header-blocks {
  padding: 0;
}

.info {
  font-style: normal;
  color: #efabdd;
}

/* Remove bottom margin from block headers */
.block h4 {
  margin-bottom: 0;
}


.sidebar-left #content-inner {
  padding-left: 180px;
}

#sidebar-left {
  width: 180px;
  margin-right: -180px;
}

.large {
  font-size: 1.5em;
  line-height: 1.2em;
}

hr {
    color: #efabdd;
    background-color: #efabdd;
    border: none;
    height: 1px;
}

.customercaretitle {
    color: #efabdd;
    font-weight: bold;
}

.menu {
  font-size: 0.917em; /* 11px */
  letter-spacing: 1px;
  text-transform: lowercase;
}

.side-menu ul
{
    list-style-type: none;
}

#layout-left { padding-left: 1em; }
#main ul.menu { text-indent: -1em; margin-left: 1em; }
#main ul.menu li { margin: 4px 0; line-height: 14px; }

.left-nav ul li {
	padding-left: 1.5em;
}

#navbar {
  font-family: Gotham-Light, Futura, Century Gothic, AppleGothic, sans-serif;
  font-size: 1.5em; /* 18px */
  letter-spacing: 1px;
  text-transform: lowercase;
}

#navbar a {
  padding: 0 14px 7px 1.5em;
  margin-bottom: 11px;
}


#navbar #item00 a 
{
    padding: 0 0.75em 7px 0.75em;
}

#navbar #item00 li a
{
    padding: 2px 10px;
}


/* remove borders from navbar links */
#navbar a:link, #navbar a:visited {
  border: none;
}

#navbar a:hover, #navbar a:active {
  border: none;
}

#navbar ul ul a:hover, 
#navbar ul ul a:active {
  color: #d9c;
}

#navbar ul ul 
{
    margin: -11px 0 0 14px;
}

#navbar ul ul {
    border: 1px solid #888;
    font-size: 0.75em;
    letter-spacing: 0;
}

#navbar ul ul li a {
    background: #fff;
    margin-bottom: 0;
    padding: 2px 10px;
}

#navbar li.reset 
{
    margin-top: -308px;   
}

#navbar li.col0 { margin-left: 0; }
#navbar li.col1 { margin-left: 150px; }
#navbar li.col2 { margin-left: 300px; }
#navbar li.col3 { margin-left: 450px; }
#navbar li.col4 { margin-left: 600px; }
#navbar li.col5 { margin-left: 750px; }

ul.department li {
  margin: 2em 1.5em;
  text-align: center;
  letter-spacing: 3px;
}

ul.department li, ul.department a {
	width: 100px;
	float: none;
}

ul.horizontal-nav #item0 ul {
    width: 750px;
    height: 308px;
}

#item0 a {
	background: #fff url('images/dot1.png') -2px 3px no-repeat;
}
#item1 a {
	background: #fff url('images/dot2.png') -2px 3px no-repeat;
}
#item2 a {
	background: #fff url('images/dot3.png') -2px 3px no-repeat;
}
#item3 a {
	background: #fff url('images/dot4.png') -2px 3px no-repeat;
}
#item4 a {
	background: #fff url('images/dot5.png') -2px 3px no-repeat;
}
#item5 a {
	background: #fff url('images/dot6.png') -2px 3px no-repeat;
}

#main, #footer {
  border-top: 2px solid #999;
}

#footer 
{
    margin-top: 1em;
    padding: 1em;
}

#content-inner {
	padding: 0;
	position: relative;
}

#preview {
	position: absolute;
	width: 355px;
	height:490px;
	top: 10px;
	left: -155px;
	visibility: hidden;
	background: #fff;
	border: 1px solid #ccc;
	z-index: 1000;
	cursor: move;
	padding: 0;
	float: left;
}

#preview-content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1008;
}

#preview-close {
	position: absolute;
	top: 0;
	right: 4px;
	cursor: pointer;
	padding: 6px;
	z-index: 1010;
}

ul.catalog-links li {
	text-align: left;
}
.catalog-links ul {
	text-align:left;
}
.catalog-links ul li {
	text-align: left;
	margin: 0.25em;
	margin-left: 1.5em;
}

/***********************************************************************************
** Override HTML element defaults from zen theme
*/
body {
  color: #666;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #d9c;
}

.grey-pink-link a:link,
.grey-pink-link a:visited,
a:link, a:visited {
  color: #666;
}

.grey-pink-link a:hover,
.grey-pink-link a:active,
a:hover, a:active {
  color: #d9c;
  text-decoration: none;
}

a:focus {
  outline-color: #d9c;
}


/***********************************************************************************
** Show rounded borders in browsers that support it (mozilla, safari, google chrome)
*/
.submit,
.link-button {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


/** Link buttons */
.submit,
.link-button {
  border: 1px solid #666;
  margin: 1em;
  padding: 3px 12px;
  background: #d4d4d4 url('images/button-bg.png') 0 0 repeat-x;
}

.submit:hover,
.submit.hover,
.submit:focus,
.submit.focus,
.submit:active,
.submit.active,
.link-button:hover,
.link-button:focus,
.link-button:active {
  border-color: #968;
  background: #efb1e3 url('images/button-hover.png') 0 0 repeat-x;
}

.link-button:link,
.link-button:visited {
  color: #000;
}

.link-button:hover,
.link-button:active {
  text-decoration: none;
  cursor: default;
}

.link-button span {
  display: block;
}




a.link-button-addcart 
{
	background: #999;
	padding: 5px 10px;
	font-weight: bold;
	color: #fff;
}

a.link-button-addcart:hover,
a.link-button-addcart:active
{
    background: #d9c;   
}

.link-button-save
{
	background: url('images/save-changes.png') 0 0 no-repeat;
	width: 160px;
	height: 45px;
	display: block;
}
.link-button-returnaccount
{
	background: url('images/return-account.png') 0 0 no-repeat;
	width: 185px;
	height: 45px;
	display: block;
}
.link-button-editaddress
{
	background: url('images/edit-address.png') 0 0 no-repeat;
	width: 185px;
	height: 45px;
	display: block;
}
a.link-button-keepshopping
{
	/*background: url('images/continue-shopping.png') 0 0 no-repeat;*/
	background: #999;
	padding: 9px 45px;
	color: #fff;
	font-weight: bold;
}
a.link-button-checkout
{
	/*background: url('images/checkout.png') 0 0 no-repeat;*/
	background: #999;
	padding: 9px 45px;
	color: #fff;
	font-weight: bold;
}
a.link-button-keepshopping:hover,
a.link-button-checkout:hover
{
    background: #d9c;
}
.link-button-logoff
{
	background: url('images/logoff.png') 0 0 no-repeat;
	width: 115px;
	height: 45px;
	display: block;
}
.link-button-editaccount
{
	background: url('images/edit-account.png') 0 0 no-repeat;
	width: 160px;
	height: 45px;
	display: block;
}
.link-button-emaillist
{
	background: url('images/go.png') 0 0 no-repeat;
	width: 45px;
	height: 45px;
	display: block;
}
/*.link-button-addcart:hover,
.link-button-addcart:active,*/
.link-button-save:hover,
.link-button-save:active,
.link-button-returnaccount:hover,
.link-button-returnaccount:active,
.link-button-editaddress:hover,
.link-button-editaddress:active,
.link-button-keepshopping:hover,
.link-button-keepshopping:active,
.link-button-logoff:hover,
.link-button-logoff:active,
.link-button-editaccount:hover,
.link-button-editaccount:active,
.link-button-checkout:hover,
.link-button-checkout:active,
.link-button-emaillist:hover,
.link-button-emaillist:active
{
	background-position: 0 -45px;
}





div#addtocart
{
	width: 444px;
	height: 266px;
	background: transparent url(images/popup2.png) top left no-repeat;
	position: absolute;
	top: 290px;
	right: 175px;
}

a:link.link-button-addcarthide,
a:visited.link-button-addcarthide
{
	position: absolute;
	top: 158px;
	left: 40px;
	display:block;
	width: 158px;
	height: 34px;
	background: transparent url(images/continueshopping.png) top left no-repeat;
}
a:link.link-button-addcartgoto,
a:visited.link-button-addcartgoto
{
	position: absolute;
	top: 158px;
	right: 40px;
	display:block;
	width: 153px;
	height: 34px;
	background: transparent url(images/gotoshoppingbag.png) top left no-repeat;
}

#layout-left 
{
	width: 160px;
	padding-right: 20px;
	padding-bottom: 20px;
	/*
	height: 570px;
	overflow: scroll;
*/
}

#layout-content
{
	width: 720px;
	/*
	height: 570px;
	overflow: scroll;
*/	
}

.grey-pink-link:link,
.grey-pink-link:visited
{
	color: #222;	
	font-weight: bold;
} 
.grey-pink-link:active,
.grey-pink-link:hover
{
	color: #efabdd;	
	font-weight: bold;
} 


.pinklink a
{
    color: #d9c;
    text-decoration: underline;
}