/* ---------------------------- 
[Master Stylesheet]

Project: 	Los Elephants
Version:	1.0
Last change:	08/30/08 [templates created, lg]
Assigned to:	Lonnie Griffin [lg]
Primary use:	Web
------------------------------- */

/* ---------------------------- */
/* Basic Elements
/* ---------------------------- */

		body{background: url(../images/bkground-body.jpg); background-color: #b9aa79; padding: 0px; margin: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #444444;}
		a img { border: none; }
		a, a:visited { color: #444444;}
		a:hover { text-decoration: none;}
		h2,h3,h4,h5,h6 {padding: 0px; margin: 10px 0px 10px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; }
		h2 {font-size: 16px; color: #640000;}
		h3 {font-size: 14px; color:#7c5732 }
		h4 {font-size: 12px; color: #000;}
		h5 {}
		h6 {}
		hr { background: #9eabb8; border: none; overflow: hidden; height: 1px; }
		p { margin: 10px 0px 10px 0px; padding: 0px;}
		form { margin: 0px; padding: 0px; }

/* ---------------------------- */
/* Containers
/* ---------------------------- */

		#wrapper { width: 975px; margin: 0px auto 0px auto; padding: 25px 0px 0px 0px; text-align: left; position: relative;}
		
		#topnav {height: 38px;}
		#topnav img  { float: left; }
		
		#header-top-right {background: url(../images/bkground-header-top-right.jpg) no-repeat; width: 218px; height: 63px; position: absolute; top:0px; right: 0px;}
		
		#header { position: relative; height: 156px; width: 975px; }
			#header #btn-start-shopping { position: absolute; left: 390px; top: 121px; z-index: 2;}
		
		#menu {position: relative; background:url(../images/bkground-menu.jpg) no-repeat; width: 975px; height: 45px; z-index: 99;}
			#menu img { float: left; }
			#menu ul {font-size: 12px; display: none; z-index: 99; margin: 0px; padding: 0px; background: #8d724a; list-style: none;  position: absolute; top: 45px;}
			#menu ul a {text-decoration: none;padding: 2px 4px 2px 4px; color: #fff;height: 20px; display: block;border-bottom: 1px solid #755b36; border-right: 1px solid #755b36; border-left: 1px solid #755b36; width: 180px;}
			#menu ul a:hover { background: #755b36; color: #fff;  }
			#menu #dropdown-shop {left: 110px;}
			#menu #dropdown-about-us {left: 211px;}
			
		#content-container { width: 975px; background: #fff4ca; position: relative; padding: 0px 0px 10px 0px; }
			#content-container:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
			#content-container .submenu-top {background: url(../images/bkground-submenu-top.gif) no-repeat; width: 199px; height: 9px;}
			#content-container .submenu {width: 199px; background: #f0daa8; position: relative; padding: 5px 0px 5px 0px; }
			#content-container .submenu-bottom {background: url(../images/bkground-submenu-bottom.gif) no-repeat; width: 199px; height: 9px; display: block;}
			#content-container .submenu ul {margin: 0px 0px 0px 30px; padding: 0px;}
			
		#content-left {width: 201px; float: left; margin: 0px 12px 0px 12px;}
			#content-left form {position: relative;}
			#content-left form .textbox { width: 159px; height: 20px; background:url(../images/bkground-textbox.gif) repeat-x; border: 1px solid #7f7a65; float:left; margin: 0px 5px 0px 0px;  }
			#content-left p {margin: 5px 0px 10px 0px;; padding: 0px;}
			#content-left .submenu h2 {margin: 0px 0px 10px 10px;}
			#content-left .submenu h3 { margin: 10px 0px 10px 10px; }
			#content-left .submenu ul {margin: 0px 0px 0px 30px; padding: 0px;}
		
		#content-center {float: left; width: 522px;  background: url(../images/bkground-content-center.jpg) top center no-repeat; position: relative; padding: 35px 0px 0px 0px; margin: 10px 0px 0px 0px;}
			#content-center #btn-view-cart {position: absolute; top: 0px; right: 161px;}
			#content-center #btn-checkout {position: absolute; top: 0px; right: 20px;}
			#content-center .products-top {background: url(../images/bkground-products-top.gif) no-repeat; width: 522px; height: 9px;}
			#content-center .products {background: #f0daa8; width: 522px; padding: 0px 0px 0px 0px;}
			/* #content-center .products:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;} */
			#content-center .products-bottom {background: url(../images/bkground-products-bottom.gif) no-repeat; width: 522px; height: 9px; clear: both; }
			/* Start Shop */
			#content-center .item {text-align: center; margin: 13px 0px 10px 10px; width: 161px; height: 180px; float: left; }
			#content-center .item .border {border: 2px solid #916741;}
			#content-center .item .border:hover {border: 2px solid #640000;}			
			#content-center .picture {text-align: center; margin: 10px 0px 10px 0px; width: 161px; height: 130px; float: left; }
			#content-center .picture .border {border: 2px solid #916741;}
			#content-center .picture .border:hover {border: 2px solid #640000;}
			#content-center .item p {margin: 5px 0px 5px 0px; padding: 0px; font-size: 11px; line-height: 14px;}
			#content-center .description { padding:2px 0px 0px 0px; margin-top: 13px; }
			#content-center .item-container { display: block; clear: both; height: 126px; }
			#content-center .item-container .item { height: 111px; }
			#content-center .inline { list-style: none; margin: 0px; padding: 0px; display: block;}
			#content-center .inline li { float: left; padding: 0px 10px 0px 0px; }
			
		
			.pagination {width: 100%; margin: 0px; text-align: center; font-size: 11px;}
			.pagination a, .pagination .current, .pagination .nextprev-off {background: #f0daa8; border: 1px solid #9a6e41; padding: 2px 6px 2px 6px; position:relative;}
			.pagination a:hover  {border: 1px solid #640000;}
			.pagination .nextprev-on {font-weight: bold;}
			.pagination .nextprev-off {color: #9a6e41; background: #fff4ca; margin: 0px 3px 0px 0px; border: 1px solid #f0daa8;}
			.pagination .current {background: #9a6e41; color: #fff; border: 1px solid #9a6e41; padding: 2px 6px 2px 6px;}
			
			#wrapper .btn { background: url(../images/btn-bg.jpg) repeat-x; text-align: center; padding: 3px; border: 1px solid #2c3f51; font-size: 11px; height: 17px; font-weight: bold; text-transform: uppercase; margin: 0px auto 0px auto; }
			#wrapper .btn a { color: #fff;text-decoration: none; }
			#wrapper .btn:hover { background: none; background-color: #2c3f51; cursor: pointer; }		
			#wrapper .add-to-cart { width: 80px; }	
			#wrapper .continue-shopping { width: 140px; }
			
			.cat-list { background: #f0daa8; }
			#product-list { width: 500px; margin: 0px 10px 0px 0px; padding: 2px 0px 2px 10px; list-style: none; }
			/* #product-list:after { content: "."; display: block; height: 1px; clear: both; visibility: hidden;} */
			#product-list li {float: left; padding: 0px 0px 2px 0px; margin: 0px 15px 0px 0px; }
			 
			.description .details { border-collapse:collapse; border-spacing:0; border: 1px solid #f0daa8; width: 351px;font-size: 12px;}
			.description .details td {padding: 3px; vertical-align: top; border: 1px solid #f0daa8;}
			.description .details .left-column {width: 110px;  font-weight: bold;}
			.description .details .altrow {background: #f0daa8;}
			.description .details .price { font-weight: bold; color: red; font-size: 15px; }
			.description .details .discounted { font-weight: bold; color: green; font-size: 13px; }
			/* End Shop */
		
		#content-right {width: 201px; float: right; margin: 0px 12px 0px 0px;}
			#content-right form {}
			#content-right form label {margin: 0px; padding: 0px;}
			#content-right form .textbox { width: 199px; height: 20px; background:url(../images/bkground-textbox.gif) repeat-x; border: 1px solid #7f7a65; margin: 0px 0px 0px 0px; }
			#content-right form .btn-login {display: block;margin: 5px 0px 0px 0px;}
			#content-right p { line-height: 20px; }
			#content-right .submenu h2 { margin: 0px 0px 10px 10px; }
			#content-right .submenu ol {margin: 0px 0px 0px 30px; padding: 0px;}
		
		#footer {background: #9eabb8; width: 955px; margin: 0px auto 10px auto; padding: 10px 10px 15px 10px; text-align: center;}
			#footer ul { padding: 0px; margin: 10px 0px 10px 0px; list-style: none; }
			#footer ul li {display: inline; border-right: 1px solid #4a627a; padding: 0px 4px 0px 2px;   }
			#footer ul li.last { border: none; }
			#footer a {color: #4a627a;}
			#footer a:hover {color: #27394a; }
			#footer p {margin: 2px 0px 0px 0px; padding: 0px; color: #4a627a; font-size: 12px}
			
		#no-sidebar #content-center { width: 722px;}
		#no-sidebar #content-left {margin: 12px 12px 0px 12px;}
		
	
/* ---------------------------- */
/* Forms Validation
/* ---------------------------- */

		.alert { background: url(../images/alert-small.gif) no-repeat 0px -1px; padding: 0px 0px 2px 18px; display: block; margin: 5px 0px 5px 0px; font-size: 12px; position: relative; clear: both; color: red; }
		.success, .error {padding: 10px; margin: 10px 0px 10px 0px; font-weight: normal; clear: both; display: block; text-align: left;}
		.success p, .error p  { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-align: left; line-height: 18px; color: #000;}
		.success {background-color:#c3fbbb;  border:1px solid #abe9a2 }
			.success h4 {font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 5px 0px 6px 33px;background: url(../images/success.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; color: #000;}
		.error {background: #fff; border: 1px solid #c7bc9e;}
			.error h4 {font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 9px 0px 10px 35px; margin: 0px; background: url(../images/alert.gif) no-repeat 0px 0px; color: Red;  font-size: 14px;}
		.progress {padding: 15px 0px 13px 10px; display: none; width: 150px; height: 30px; }
        	.progress img {float: left; padding: 0px 8px 0px 0px; }
        	.progress h4 { font-size: 15px; margin: 0px; padding: 7px 0px 10px 0px; color: Red; font-weight: bold; }

/* ---------------------------- */
/* Forms Formatting
/* ---------------------------- */

		#form {font-family: Arial, Helvetica, sans-serif;}
			#form select {font-size: 13px; margin: 0px 0px 0px 0px;}
			#form table { border-collapse: collapse; vertical-align: top}
			#form h5 {position:relative; font-weight:bold; font-size:12px; padding:4px; margin:10px 0px 5px 0px; color:#640000; background: #f0daa8; border-bottom: 1px solid #9a6e41; display:block; clear:both}
			#form textarea { font-family: Arial, Helvetica, sans-serif; }
			#form .btn-submit { display: block; margin: 10px 0px 0px 0px; clear: both; font-weight: bold; }
			#form .textbox {font-family: Arial, Helvetica, sans-serif; border-top:1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color:#fff; font-size:15px; padding: 2px;}
			#form .lbl {position:relative;font-weight:bold; padding: 5px 0px 2px 0px; margin:0px 0px 0px 0px; clear:both; display: block;color:#000; font-size:12px; font-weight: bold}
			#form .field {font-size:12px; line-height: 14px; font-family: "Times New Roman", Times, serif;clear: both; display: block; margin: 3px 0px 5px 0px; color: #666; }
			#form .small {font-size:12px; line-height:14px; margin:5px 0px 5px 0px; color: #666;}		
			#form .left{float:left; padding:0px 5px 0px 0px}
			#form .left-phone {float:left; }
			#form .right-phone {float:left; padding:0px 0px 0px 3px}
			#form .clear {float:none}
			#form .highlight { border: 1px solid red; }
		
/* ---------------------------- */
/* Misc
/* ---------------------------- */

		.left{float:left; }
		.right { float: right; }
		.center { text-align: center; }
		.img-left{float:left; margin:0px 10px 0px 0px; }
		.img-right{float: right; margin: 0px 0px 0px 10px;}
		.margin-right{margin-right: 10px;}
		.margin-top{ margin-top: 10px;}
		.margin-left{margin-left: 10px;}
		.margin-bottom { margin-bottom: 10px; }
		.small{font-size:12px;  line-height: 14px; font-weight: normal;}
		.large{font-size:18px; line-height:21px;}
		.line{height:1px; background-color:#c7bc9e; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
		.nodis { display: none; }
		.clear{ clear: both; }
		.highlight { padding: 2px; background-color:#ffff99; }
		.grey { color: #666; }
		.border { border: 1px solid white;}
		.box-highlight { background: #faf1db; border: 1px solid #e3bf7d; padding: 0px 10px 0px 10px;}
		.highlight { background: #faf1db; padding: 1px;}
		.red { color: red; }
		.strikethrough {text-decoration: line-through; }
		.nobullet { list-style:none; margin-left: -40px;}