/*
Theme Name: Legs Love
Theme URI: 
Description: Legs Love Wordpress Theme
Version: 1.0
Author: 
Tags: 

Enjoy the theme!

*/

/* ---------------------------- */
/* STANDARD HTML TAG RESET  (Thanks to Eric Meyer, Blueprint, 960gs) */
/* ---------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
} 

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */

body {
	background: #e4e2dd;
	color: #3f3d39;
 	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	line-height: 1.5; 
}

form, input { 
	color: #3f3d39; 
 	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif;
 	font-size: 12px;
}

h1 {font-size:18px;} 
h2 {font-size:18px;} 
h3 {font-size:18px;} 
 
a:link, a:visited {color: #000000; text-decoration: none; outline: none;} 

a:hover {text-decoration: underline; outline: none;}

a:active { text-decoration: none; outline: none;}

ul {list-style: none;}


/* ----------------------------*/ 
/* PAGE ELEMENTS     */ 
/* ----------------------------*/ 

.container {
	width: 700px;
	margin: 0px auto;
}
	
	
	/* ---------------------------*/ 
 	/* MAIN    */
	
	#header {
		padding: 20px 0px;
	}
		
		.logo {
			display: block;
			width: 82px;
			height: 74px;
			margin: 10px auto;
		}
		
		#header ul {
			display: block;
			text-align: center;
			line-height: 1;
			height: 20px;
			font-size: 10px;
		}
		
			#header ul li {
				display: inline-block;
				padding-left: 8px;
				margin-left: 8px;
			}
			
			#header ul li:first-child {
				border-left: 0px !important;
			}
		
		.topNav {
			width: 700px !important;
			text-align: center !important;
		}
		
			.topNav li {
				border-left: 1px solid #3f3d39 !important;
			}
		
				.topNav li a {
					color: #3f3d39;
				}
		
		.mainNav {
			background: url(images/backMainNav.png) no-repeat;
			width: 700px;
			height: 30px;
			padding-top: 10px;
			padding-left: 0px;
			padding-right: 8px;
		}
		
			.mainNav li {
				border-left: 1px solid #e4e2dd;
				line-height: 1;
				height: 10px;
				padding-left: 6px !important;
				margin-left: 4px !important;
			}
		
				.mainNav li a {
					color: #e4e2dd;
				}
				
			.mainNav li.form {
				border: none;
			}
			
		.mainNav form {
			margin-top: -5px;
			height: 20px;
		}
				
			#searchText {
				width: 80px;
				height: 17px;
				border: none;
				color: #6f6d68;
				font-size: 10px;
				background: url(images/backSearch.png) no-repeat;
				padding-left: 20px;
				padding-top: 3px;
				display: inline-block;
			}
			
			#searchButton {
				width: 20px;
				height: 20px;
				background: url(images/searchButton.png) no-repeat;
				border: none;
				cursor: pointer;
				text-indent: -9999em;
				vertical-align: top;
				display: inline-block;
			}

	/* ---------------------------*/ 
 	/* MAIN    */
	
	#main {
		
	}
	
		.homeBox {
			height: 380px;
			border: 1px solid #d6d4cf;
			background: #f5f2ed;
			margin-bottom: 20px;
			clear: both;
			position: relative;
		}
		
			#gallery {
				width: 700px;
				height: 380px;
				float: left;
				overflow: hidden;
			}
			
			#nav {
				width: 50px;
				position: absolute;
				bottom: 20px;
				left: 630px;
				z-index: 20000;
			}
			
				#nav a {
					display: block;
					float: left;
					width: 10px;
					background: url(images/circle.png) no-repeat 0px 0px;
					text-indent: -9999em;
					margin-right: 5px;
				}
				
				#nav a:hover, #nav a.activeSlide {
					background: url(images/circle.png) no-repeat -15px 0px;
				}
				
			.blogBanner {
				width: 140px;
				height: 140px;
				position: absolute;
				z-index: 20000;
				top: 177px;
				left: 597px;
				background: url('images/blogBanner.png') 0 0 no-repeat;
				text-indent: -9999em;
				display: block;
			}
			
			.freeShipping {
				position: absolute;
				left: -6px;
				top: -6px;
				z-index: 20000;
			}
		
			.streetStyleHome {
				position: absolute;
				right: -20px;
				top: -10px;
				z-index: 20000;
			}
			
				.homeBox .handWriting {
					position: absolute;
					right: -140px;
					top: 100px;
					width: 156px;
					height: 70px;
					z-index: 30000;
				}
		
			.sideGallery {
				padding-top: 200px;
				width: 230px;
				float: right;
			}
			
				.sideGallery .top {
					text-align: center;
					height: 72px;
					background: url(images/bottomDash.png) no-repeat bottom center;
				}
				
				.sideGallery .bottom {
					text-align: center;
					width: 180px;
					height: 90px;
					background: url(images/sideBottom.png) no-repeat;
					margin: 5px auto;
					padding: 15px 10px 10px;
				}
		
		.tipBox {
			height: 158px;
			border: 1px solid #d6d4cf;
			background: #f5f2ed;
			margin-bottom: 20px;
			clear: both;
			margin-top: 10px;
		}
		
			.tipBox .col {
				width: 200px;
				height: 120px;
				float: left;
				background: url(images/sideDash.png) no-repeat right top;
				margin-right: 10px;
				margin-top: 10px;
				padding: 10px;
				position: relative;
			}
			
			.tipBox .col.last {
				margin-right: 0px;
				background: none;
			}
			
			.tipBox .col.first {
				margin-left: 10px;
				background: url(images/sideDash.png) no-repeat right top;
			}
			
				.tipBox .col a.more {
					display: block;
					position: absolute;
					bottom: 20px;
					left: 10px;
				}
				
					.tipBox .col.first .handWriting {
						position: absolute;
						left: -100px;
						top: 50px;
						width: 110px;
						height: 60px;
						z-index: 10000;
					}
					
					.tipBox .col.second .handWriting {
						position: absolute;
						left: 100px;
						top: 75px;
						width: 114px;
						height: 68px;
						z-index: 10000;
					}
					
					.tipBox .col.last .handWriting {
						position: absolute;
						left: 120px;
						top: 80px;
						width: 89px;
						height: 45px;
						z-index: 10000;
					}
				
		.pinkTitle {
			text-align: center;
			height: 53px;
			width: 713px;
			margin-left: -5px;
			color: #ffffff;
			background: url(images/backPink.png) no-repeat;
			line-height: 60px;
			margin-bottom: 10px;
		}
		
		.item {
			background: #ffffff;
			width: 138px;
			border: 1px solid #c6c6c6;
			float: left;
			padding: 10px;
			margin: 10px;
		}
		
		.item.first {
			margin-left: 0px;
		}
		
		.item.last {
			margin-right: 0px;
		}
		
			.item img {
				border: 1px solid #c6c6c6;
			}
			
			.item h2 {
				font-size: 11px;
				font-weight: bold;
				background: #f5a2c6;
				border-top: 1px solid #d888ab;
				width: 138px;
				margin-left: -10px;
				margin-top: 5px;
				height: 45px;
				text-align: center;
				line-height: 1.5;
				margin-bottom: -10px;
				padding: 5px 10px;
				}
			
		.topNavBox {
			height: 138px;
			border: 1px solid #d6d4cf;
			background: #f5f2ed;
			margin-bottom: 20px;
			clear: both;
			padding: 20px 0px 2px 20px;
			position: relative;
		}
		
			.topNavBox .mainCol {
				width: 480px;
				height: 130px;
				float: left;
				padding-right: 10px;
				margin-right: 10px;
				position: relative;
			}
			
			.topNavBox .mainCol h1 ul li {
				list-style: none;
			}
			
				.topNavBox .mainCol a.more {
					display: block;
					position: absolute;
					bottom: 0px;
					left: 10px;
				}
			
			.topNavBox .sideCol {
				width: 180px;
				height: 140px;
				background: url(images/jumpTo.jpg) no-repeat;
				float: left;
				text-align: center;
				margin-top: -20px;
				margin-right: -20px;
				padding-top: 20px;
			}
			
		.streetPost {
			clear: both;
			margin-top: 40px;
			margin-bottom: 40px;
			padding-bottom: 40px;
			background: url(images/bottomDash.png) repeat-x bottom left;
		}
		
			.streetPost .imgCol {
				width: 358px;
				float: left;
				margin-left: -20px;
				margin-right: 20px;
			}
			
			.streetPost .imgCol.right {
				float: right;
				margin-right: -20px;
				margin-left: 20px;
			}
			
			.streetPost .mainCol {
				width: 340px;
				float: left;
			}
			
				.streetPost .mainCol p {
					margin-bottom: 20px;
				}
				
		.itemPost {
			margin-bottom: 20px;
		}
		
			#mainImage {
				float: left;
				width: 332px;
				height: 504px;
				border: 1px solid #c6c6c6;
				background: #ffffff;
				overflow: hidden;
				position: relative;
			}
				#mainImage img {
					border: 1px solid #c6c6c6;
					margin: 10px;
				}
				
				#singleNav {
					width: 50px;
					position: absolute;
					bottom: 20px;
					left: 250px;
					z-index: 20000;
					height: 20px;
				}

					#singleNav a {
						display: block;
						float: right;
						width: 10px;
						background: url(images/circle.png) no-repeat 0px 0px;
						text-indent: -9999em;
						margin-left: 5px;
					}

					#singleNav a:hover, #singleNav a.activeSlide {
						background: url(images/circle.png) no-repeat -15px 0px;
					}
				
			.itemPost .mainCol {
				float: left;
				width: 340px;
				margin-left: 20px;
				position: relative;
			}
			
				.itemPost .mainCol .sizeGuide {
					position: absolute;
					width: 185px;
					height: 190px;
					background: url(images/backSizeGuide.png) no-repeat;
					right: -5px;
					top: 12px;
					padding: 20px 30px;
					display: none;
				}
				
					table.sizes {
						width: 100%;
					}
					
						table.sizes td {
							padding-top: 12px;
							vertical-align: top;
						}
			
				.itemPost .mainCol img {
					margin-right: 10px;
				}
				
					.itemPost .mainCol h1 {
						margin: 10px 0px 0px 0px;
					}
					
					.itemPost .mainCol p {
						margin-bottom: 15px;
					}
					
					#colorsCycle {
						width: 40px;
						height: 20px;
						float: right;
						margin-right: 150px;
					}
					
					.itemPost .mainCol form {
						
					}
					
						.itemPost .mainCol form input, .itemPost .mainCol form select {
							margin-bottom: 10px;
						}
						
						.itemPost .mainCol form select {
							width: 100px;
						}
						
						.addtocart {
							width: 140px;
							height: 20px;
							background: url(images/addBag.png) no-repeat;
							border: none;
							cursor: pointer;
							text-indent: -9999em;
							vertical-align: top;
							margin-bottom: 30px;
						}
						
			.singlePage {
				padding: 20px;
			}
			
				.singlePage p {
					margin: 20px 0px;
				}
						
			#cart {
				font-size: 11px;
			}
			
				#cart .cart tr.itemLine {
					height: 80px;
				}
				
					#cart .cart tr.itemLine.even {
						background-color: #f5f2ed;
					}
				
				#cart td.money, #cart th.money {
					text-align: left !important;
				}
				
				#cart .totals th {
					font-weight: normal !important;
					text-align: left !important;
				}
				
				#cart .cart tr.buttons td {
					font-weight: normal !important;
					text-align: left !important;
				}
				
			#checkout ul li div {
				margin-bottom: 10px;
			}
			
			#checkout ul li div.left {
				margin-bottom: 10px !important;
			}
			
			#checkout {
				font-size: 11px;
			}
			
				#checkout input {
					background: #f5f2ed;
					border: 1px solid #c6c6c6;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					margin-left: -5px;
					top: 40px;
					margin-bottom: 60px;
					padding-top: 4px;
					padding-bottom: 4px;
					margin-top: 20px;
					float: left;
	}
			
			#checkout input[type=submit] {
			cursor: pointer;
			padding: 10px;
			font-weight: bold;
			margin-top: 20px;
			float: left;
			}
			
			.continueShopTop {
				position: absolute;
				width: 137px;
				height: 93px;
				left: -140px;
				bottom: -120px;
			}
			
			.checkoutTop {
				position: absolute;
				width: 163px;
				height: 63px;
				right: -170px;
				bottom: -50px;
			}
			
			.continueShopBottom {
				position: absolute;
				width: 137px;
				height: 93px;
				left: -150px;
				top: -50px;
			}
			
			.checkoutBottom {
				position: absolute;
				width: 163px;
				height: 63px;
				right: -630px;
				top: -90px;
			}
			
			.update-button {
				background: url(images/updateTotal.png) no-repeat;
				border: none;
				width: 140px;
				height: 20px;
				text-indent: -9999em;
				font-size: 0px;
				line-height: 0px;
				cursor: pointer;
			}
			
			a.remove {
				color: #ff0000;
				display: block;
				position: relative;
				left: 10px;
				text-transform: uppercase;
			}
			
			.proceedButton.right {
				margin-top: -25px;
			}
			
			.wpcf7 {
				margin-top: 40px !important;
			}
			
				.wpcf7 p {
					font-size: 11px;
					margin-bottom: 10px;
				}
			
				.wpcf7 input {
					background: #f5f2ed;
					border: 1px solid #c6c6c6;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					margin-left: -3px;
				}
				
				.wpcf7 textarea {
					background: #f5f2ed;
					border: 1px solid #c6c6c6;
					margin-left: -3px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
				}

		
	/* ---------------------------*/
	/* FOOTER */ 

	#footer {
		margin-top: 20px;
		clear: both;
		margin-bottom: 50px;
	}
	
		.footBox {
			height: auto;
			border: 1px solid #d6d4cf;
			background: #e4eaec;
			margin-bottom: 20px;
			clear: both;
		}
		
			.footBox .col {
				width: 200px;
				height: auto;
				float: left;
				background: url(images/sideDash.png) no-repeat right top;
				margin-right: 10px;
				margin-top: 10px;
				padding: 10px;
				position: relative;
			}
			
			.footBox .col.last {
				margin-right: 0px;
				background: none;
				height: 118px;
			}
			
			.footBox .col.first {
				margin-left: 10px;
				background: url(images/sideDash.png) no-repeat right top;
			}
			
				.footBox .col.first .handWriting {
					position: absolute;
					left: 90px;
					top: 90px;
					width: 133px;
					height: 36px;
					z-index: 10000;
				}
				
				.footBox .col.last .handWriting {
					position: absolute;
					left: 195px;
					top: 20px;
					width: 161px;
					height: 93px;
					z-index: 10000;
				}
			
				.footBox .col a.more {
					display: block;
				}
				
				.footBox form {
					display: block;
					position: absolute;
					bottom: 8px;
					left: 10px;
				}

					/* */
					#emailNewsletter, #emailInput, #mce-EMAIL {
						width: 110px;
						height: 17px;
						border: none;
						color: #6f6d68;
						font-size: 10px;
						background: url(images/backEmail.png) no-repeat;
						padding-left: 20px;
						vertical-align: top;
						padding-top: 3px;
					}

					#signUpNewsletter, #urlAjax, #mc-embedded-subscribe {
						width: 55px;
						height: 20px;
						background: url(images/signUp.png) no-repeat;
						border: none;
						cursor: pointer;
						text-indent: -9999em;
						vertical-align: top;
						margin-left: 5px;
					}
					
					#resultado {
						position: absolute;
						bottom: -5px;
						left: 10px;
					}
					
					/* */
		
		#footer .links {
			padding-left: 50px;
		}
					
			#footer .links ul {
				width: 110px;
				float: left;
				margin-right: 10px;
			}
			
				#footer .links ul li a {
					color: #6f6d68;
				}
				
				#footer .links ul li.first a {
					color: #000000;
				}
			
		.finalFooter {
			padding-top: 20px;
			clear: both;
			color: #6f6d68;
		}
		
			.finalFooter a {
				margin-left: 20px;
			}
			
			
/* ----------------------------*/
/* CUSTOM CLASSES     */
/* ----------------------------*/

/* sIFR 3 */

.rBlack {
	font-family: "Archer", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 24px;
	letter-spacing: -1px;
	line-height: 1.2;
}

.rWhite {
	font-family: "Archer", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 24px;
	letter-spacing: -1px;
	line-height: 1.2;
	color: #ffffff;
}

/* End sIFR 3 */

.leftAlign {float:left;}

.rightAlign {float:right;}

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

em {font-style: italic;}

.red {color: #ff0000;}

span.hide {display: none;}