/*   
Theme Name: Dear Deer
Theme URI: deardeer.com.mx
Description: Dear Deer
*/

/*--- Resets start ---*/
body {
	font-family: arial;	
}

h1, h2, h3, ol, ul, li, p {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
}

/*--- Resets end ---*/


br.clear { 
	clear: both;
	line-height: 0;
}

/*--- Content ---*/

a:hover {
	color: #000;
}

#header, #header-menu1, #content, #footer, #section_title1 , #info{
	position:relative;
	width: 900px;
	margin: 0px auto 0px auto;
}


/*--- Header ---*/

#header {
	margin: 24px auto 10px auto;
	position: relative;
}

	#header-logo {
		height: 64px;
		padding-bottom:10px;
	}
	
	#header-tag {
		font: bold italic 0.7em/1.0em georgia;
		position: absolute;
		top: 53px;
		left: 19px;
		letter-spacing: -.02em;
		color: #7C6A5E;
	}

	#header-search {
		position: absolute;
		top: 8px;
		right: 0px;
		height: 30px;
	}

	#search-field input {
		border: 1px dashed #999;
		width:77px;
	}

	#search-text {
		display: none;
	}

	#search-image input {
		width: 24px;
		height: 24px;
		background: #fff url(images/b-search.png) no-repeat;
		outline: none;
		vertical-align: middle;
	}

	#search-image input:hover {
		background-position: bottom left;
	}
		
	#header-logo-img {
		width: 200px;
		float:left;	
	}
	
	#header-menu2-container {
		position:absolute;
		top:42px;
		right:0px;
		height:30px;
	}

	#header-menu1 ul {
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		height: 40px;
		padding:0;
	}

	#header-menu1 li {
		margin: 10px 20px 0px 0px;
		float: left;
	}

	#header-menu1 li a {
		display: block;
		text-indent: -5000px;
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
	}

	#header-menu2 {
		float:left;
	}
	
	#header-menu2 li {
		float: left;
		margin: 0;
		color:#000;
		padding: 3px 2px 3px 0;
		margin-right:3px;
		text-transform: lowercase;
		font-size: .65em;
	}

		#header-menu2 a {
			background-color:#fff;
			color:#000;
			padding:3px 4px;
			display: block;	
			
		}
			
		#header-menu2 a:hover {
			color: #000;
			background-color:#d9f0f7;
			font-weight:normal;
		}

	#header-cart {
			float:left;
		}
		
		#header-cart li {
			display: block;
			float: left;
			background-color:#none;
			margin: 0 3px 0 0;
			padding: 0 0 5px 5px;	
		}

	#pp-viewcart-text input {
		display: none;
	}

        #pp-viewcart-image input {
                width: 33px;
                height: 27px;
                background: #fff url(images/b-viewcart.png) no-repeat;
                outline: none;
                margin-bottom:5px;
        }

        #pp-viewcart-image input:hover {
                background-position: 0px -27px;
        }

#content {
	margin: 0px auto 5px auto;
}

/*--- PayPal ---*/

#product-paypal {
	margin: 10px 0px 0px 0px;
}

	#pp-addtocart-button, .pp-addtocart-button {
		display: block;
	}
	
	#pp-addtocart-button input, .pp-addtocart-button input {
		background:#FFFFFF url(images/b-addtocart.png) no-repeat;
		height: 35px;
		outline-color:invert;
		outline-style:none;
		outline-width:medium;
		vertical-align:middle;
		width: 130px;
	}

	#pp-addtocart-button input:hover, .pp-addtocart-button input:hover {
		background-position: bottom left;
	}

	#pp-addtocart-button2 input, .pp-addtocart-button2 input {
		background:#FFFFFF url(images/b-addtocart2.png) no-repeat;
		height: 20px;
		width: 75px;
		outline-color:invert;
		outline-style:none;
		outline-width:medium;
		vertical-align:middle;
	}

	#pp-addtocart-button2 input:hover, .pp-addtocart-button2 input:hover {
		background-position: bottom left;
	}
	
	#product-paypal .apparel-size, .product-paypal .apparel-size {
		border: 1px solid orange;
	}
	
	#product-paypal #shippingwarning, .product-paypal #shippingwarning {
		background-color: #FCF5D7;
		color: orange;
		border: 1px solid red;
		font-size: 1.0em;
		font-weight: bold;
		text-transform: uppercase;
		padding: 5px;
		margin: 8px 10px 0px 0px;
	}
	
	#product-paypal #shipping,
	#product-paypal .shipping-selection,
	.product-paypal .shipping,
	.product-paypal .shipping-selection {
		border: 1px solid orange;
		margin: 10px 10px 10px 0px;	
	}

	.price {
		display: block;
	}

	#product-paypal .price, .product-paypal .price {
		display: block;
		font-size: 1.2em;
		margin: 0px 0px 5px 0px;
		color: #917C6F;
	}

	.override, .hide, .hidden {
		display: none;
	}

	#tshirt-chart-sizes {
		border: 1px solid black;
		background-color: #fff;
		padding: 10px 10px 10px 10px;
		margin: 10px 0px 10px 0px;
		display: none;
	}
	
	#open-tshirt-chart-sizes {
		font-size: .7em;
		margin: 5px 0px 0px 0px;
		display: block;
		text-decoration: underline;
		cursor: pointer;
		color: #999;
	}
	
	#open-tshirt-chart-sizes:hover {
		color: #000;
	}
	
	#close-tshirt-chart-sizes {
		font-size: .7em;
		margin: 5px 0px 0px 0px;
		display: block;
		text-decoration: underline;
		cursor: pointer;
		color: #999;
	}
	
	#close-tshirt-chart-sizes:hover {
		color: #000;
	}
	
	.tshirt-size-chart {
		font-family: arial;
		margin: 0px 0px 20px 0px;
	}
	
	.tshirt-size-chart .tshirt-type {
		font-size: .8em;
		font-weight: bold;
	}
	
	.tshirt-size-chart .sizes td {
		vertical-align: bottom;
		padding: 0px 0px 5px 0px;
	}
	
	.tshirt-size-chart table {
	}
	
	.tshirt-size-chart td {
		font-size: .8em;
		height: 25px;
		border-bottom: 1px solid #ccc;
	}
	
	.tshirt-size-chart .body-form .description,
	.tshirt-size-chart .chest .description,
	.tshirt-size-chart .waist .description {
		color: #999;
	}
	
	.tshirt-size-chart .body-form {
		width: 80px;
	}
	
	.tshirt-size-chart .size-small,
	.tshirt-size-chart .size-medium,
	.tshirt-size-chart .size-large,
	.tshirt-size-chart .size-xlarge {
		text-align: center;
		width: 80px;
	}

/*--- Footer ---*/

#info {
	padding-top:10px;
	margin-top:25px;
	border-top: 1px solid #999;
		
}

#footer .footer-links {
	width:210px;
	float:left;	
}

#footer {
	overflow: hidden;
	border:none;
}

	#footer-container h2 {
		font-size: 1.25em;
		font-weight: normal;
		color: #0099cc;
		margin: 0;
		padding-top:0;
	}

	#footer h3 {
		text-transform: uppercase;
		font-size: 1em;
		font-weight: bold;
		padding-bottom:5px;
		color: #666;
	}

	#footer-shop-menu, 
	#footer-culture-menu,
	#footer-about-menu {
		float: left;
		width: 225px;
		margin: 0px 0px 20px 0px;
		font-size: .8em;
	}

	#footer-shop-menu li,
	#footer-culture-menu li,
	#footer-about-menu li {
		margin: 0px 0px 2px 0px;
		text-transform: lowercase;
		font-size: .9em;
	}

	#footer-shop-menu a,
	#footer-culture-menu a,
	#footer-about-menu a {
		color: #000;
		padding: 0;
	}

	#footer-shop-menu a:hover,
	#footer-culture-menu a:hover,
	#footer-about-menu a:hover {
	color:#000;
	font-weight:normal;
	background-color: #B9FFFF;
	}

/*--- Button Images & Behavior ---*/

#header-logo a {
	background: url(images/logo-poketo2.png) no-repeat;
	width: 197px;
	height: 64px;
	display: block;
	text-indent: -5000px;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	position: absolute;
	top: 0px;
	left: 0px;
}

#b-wallets {
	background: url(images/b-wallets.png) no-repeat 0px 0px;
	background-repeat: no-repeat;
	width: 63px;
	height: 30px;
}

#b-apparel {
	background: url(images/b-apparel.png) no-repeat 0px 0px;
	width: 69px;
	height: 30px;
}

#b-stationery {
        background: url(images/b-stationery.png) no-repeat 0px 0px;
        width: 85px;
        height: 30px;
}

#b-homeware {
        background: url(images/b-homeware.png) no-repeat 0px 0px;
        width: 98px;
        height: 30px;
}

#b-accessories {
        background: url(images/b-accessories.png) no-repeat 0px 0px;
        width: 104px;
        height: 30px;
}

#b-prints {
	background: url(images/b-prints.png) no-repeat 0px 0px;
	width: 50px;
	height: 30px;
}

#b-etc {
	background: url(images/b-etc.png) no-repeat 0px 0px;
	width: 27px;
	height: 30px;
}

#b-sale {
        background: url(images/b-sale.png) no-repeat 0px 0px;
        width: 33px;
        height: 30px;
}

#b-events {
        background: url(images/b-events.png) no-repeat 0px 0px;
        width: 126px;
        height: 30px;
}



#b-wallets:hover,
#b-apparel:hover,
#b-stationery:hover,
#b-homeware:hover,
#b-accessories:hover,
#b-prints:hover,
#b-etc:hover,
#b-sale:hover,
#b-events:hover { 
	background-position: 0px -39px; 
}

/* Search Results Page */


/* --- New sub menu --- */

#category-submenu ul {
	margin: 10px 0px 0px 10px;
}

#category-submenu { 
	float: none; 
	width: 100%; 
	height: 60px; 
	border: none; 
}

#category-submenu ul li { float: left; margin: 0px 20px 0px 0px;}

#b-all-current-wallets a { background: url(images/b-all-current-wallets.png) no-repeat 0px 3px; text-indent: -999em; display: block; width: 78px; height: 48px;}
#b-all-current-wallets a:hover,
#category-wallets #b-all-current-wallets a { background-position: 0px -47px; }

#b-sale-wallets a { background: url(images/b-sale-wallets.png) no-repeat 0px 3px; text-indent: -999em; display: block; width: 53px; height: 48px;}
#b-sale-wallets a:hover,
#page-sale-wallets #b-sale-wallets a { background-position: 0px -47px; }

#b-collaborative-wallets a { background: url(images/b-collaborative-wallets.png) no-repeat 0px 3px; text-indent: -999em; display: block; width: 92px; height: 48px;}
#b-collaborative-wallets a:hover,
#category-collaborative #b-collaborative-wallets a { background-position: 0px -47px; }

#b-archived-wallets a { background: url(images/b-archived-wallets.png) no-repeat 0px 3px; text-indent: -999em; display: block; width: 60px; height: 48px;}
#b-archived-wallets a:hover,
#category-archived-wallets #b-archived-wallets a { background-position: 0px -47px; }

#b-how-big-wallet a { background: url(images/b-what-fits-wallet.png) no-repeat 0px 3px; text-indent: -999em; display: block; width: 118px; height: 48px;}
#b-how-big-wallet a:hover { background-position: 0px -47px; }

#b-secret-bag-wallets a { background: url(images/b-secret-bag-wallets.png) no-repeat 0px 3px; text-indent: -999em; display: block; width: 93px; height: 48px;}
#b-secret-bag-wallets a:hover { background-position: 0px -47px; }

#b-826la a {
	background: url(images/button-826la.gif) no-repeat;
	text-indent: -999em;
	display: block;
	width: 50px;
	height: 50px;
}

#b-australia a {
	background: url(images/b-aussiesign.gif) no-repeat;
	text-indent: -999em;
	display: block;
	width: 50px;
	height: 50px;
}

#walletcontents {
	clear: both;
}

#walletcontents a {
	display: block;
	text-indent: -999em;
	background: url(images/b-what-fits-wallet.png) no-repeat 0 3px;
	width: 118px;
	height: 48px;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
}

#wallcontents a:hover {
	background-position: 0px -47px;
}

#category-submenu #b-wallets-by-series {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width: 140px;
	height: 48px;
}

#category-submenu .wallets-by-series-list {
	border: 1px solid #987B6B;
	font-family: arial;
	color: #987b6b;
	font-size: 0.65em;
	font-weight: bold;
	width: 130px;
}

#b-all-current-apparel a { background: url(images/b-all-current-apparel.png) no-repeat 0px 3px; text-indent: -999em; display: block; width: 80px; height: 48px;}
#b-all-current-apparel a:hover,
#category-apparel #b-all-current-apparel a { background-position: 0px -47px; }

#b-archived-apparel a { background: url(images/b-archived-apparel.png) no-repeat 0px 3px; text-indent: -999em; display: block; width: 60px; height: 48px;}
#b-archived-apparel a:hover,
#archive-apparel-page #b-archived-apparel a { background-position: 0px -47px; }

#b-sale-apparel a { background: url(images/b-sale-apparel.png) no-repeat 0px 3px; text-indent: -999em; display: block; width: 55px; height: 48px;}
#b-sale-apparel a:hover,
#sale-apparel-page #b-sale-apparel a { background-position: 0px -47px; }

#b-secret-bag-tees a { background: url(images/b-secret-bag-tees.png) no-repeat 0px 3px; text-indent: -999em; display: block; width: 100px; height: 48px;}
#b-secret-bag-tees a:hover,
#category-collaborative #b-secret-bag-tees a { background-position: 0px -47px; }

/* --- Lightbox override --- */

#numberDisplay a {
	font-size: 1.8em;
	color: #666;
	font-family: arial;
}

#numberDisplay a:hover {
	cursor: pointer;
}

/* --- Subscribe button --- */

.subscribe-newsletter {
	display: block;
	margin: 10px 0px 15px 0px;
	font-size: .8em;
	background-color: #FFE270;
	border: 1px solid orange;
	color: #666;
	width: 200px;
	overflow: hidden;
	text-align: center;
	padding: 5px 0px 5px 0px;
}

.subscribe-newsletter:hover {
	background-color: #ffcc00;
	border: 1px solid orange;
	color: #333;
}
