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

Project: 	Tony Bass Consulting
Version:	1.0
Last change:	08/20/08 [templates created, lg]
Assigned to:	Lonnie Griffin [lg]
Primary use:	Web
------------------------------- */

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

		body{padding: 0px; margin: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #333;}
		a img { border: none; }
		a, a:visited { color: #b82801;}
		a:hover { text-decoration: none;}
		h1 { display: none; }
		h2,h3,h4,h5,h6 {font-family: "Times New Roman", Times, serif; margin: 10px 0px 10px 0px; padding: 0px; color: #000;}
		h2 { font-size: 14px; font-weight: bold; text-transform: uppercase; }
		h3 {font-size: 14px;}
		h4 {}
		p { margin: 10px 0px 10px 0px; }
		form { margin: 0px; padding: 0px; }
		hr { background: #ccc; border: none; height: 1px; overflow: hidden; }

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

		#wrapper { width: 994px; text-align: left; margin: 0px auto 0px auto; position: relative; background: url(../images/bkground-wrapper.gif) repeat-y; }
		
		#menu {}
			#menu img { float: left; }
			#menu ul {display: none; z-index: 99; margin: 0px; padding: 0px; background: #32a4fe; list-style: none;  position: absolute; top: 50px;}
			#menu ul a {text-decoration: none;padding: 2px 4px 0px 4px; color: #fff;height: 20px; display: block;border-bottom: 1px solid #2692e7; width: 180px;}
			#menu ul a:hover { background: #0133ff;  }
			#menu #dropdown-meet-tony {left: 194px;}
			#menu #dropdown-products {left: 352px;}
			#menu #dropdown-testimonials {left: 500px;}
			#menu #dropdown-schedule {left: 618px;}
			
		#sidebar {width: 271px; float: left; position: relative; z-index: 99; }
			#sidebar #sidebar-content {z-index: 2; position: relative; width: 241px;}
			#sidebar #sidebar-top {background: url(../images/bkground-sidebar-top.gif) no-repeat; height: 174px; width: 271px; position: absolute; top: 0px; left: 0px;}
			#sidebar .title { background: url(../images/bkground-h2-sidebar.jpg) no-repeat;width: 179px; height: 35px; padding: 5px 0px 0px 45px; margin: 10px 0px 10px 0px; display: block; clear: both; }
			#sidebar h2 {margin: 0px; padding: 0px;}
			#sidebar .subtitle { color: #777;margin: -2px 0px 0px 0px; }
			#sidebar #logo {}
			#sidebar hr { overflow: hidden; height: 1px; background: #ccc; border: none;}
			#sidebar ul {padding: 0px; margin: 10px 0px 10px 25px; line-height: 18px;}
			#sidebar ul li {}
			#sidebar #products-in-cart { list-style: none; margin: 10px 0px 10px 0px; padding: 0px; line-height: 14px; }
			#sidebar #products-in-cart li { margin: 0px; padding: 5px 0px 5px 25px; }
			#sidebar #products-in-cart li img { margin: 0px 0px -3px -20px; }
			#sidebar input { margin: 5px 0px 0px 0px; float: right;}
				
		#content {width: 573px; float: right; background:url(../images/bkground-content.jpg) top no-repeat; padding: 50px 150px 0px 0px;position: relative;}
			#content #tony-bass {position: absolute; right: -15px; top: 0px; z-index: 99;}
			#content .title {margin: 10px 0px 0px 0px; padding: 0px;}
			#content .subtitle { color: #777; margin: -3px 0px 0px 0px; }
		
		#submenu {position: absolute; left: -40px; top: 3px; font-size: 13px;}
			#submenu li {display: inline; border-right: 1px solid #fff; padding: 0px 4px 0px 2px;}
			#submenu li.last { border: none; }
			#submenu a {color: #fff;}
			#submenu a.active {color: #b7eaf8; text-decoration:none; font-weight: bold;}
		
		#footer { width: 713px; height: 41px; clear: both;padding: 8px 0px 0px 0px; margin: 0px 0px 0px 271px; background:url(../images/bkground-footer.gif) no-repeat; color: #fff; font-size: 11px; position: relative; z-index: 1;}
			#footer #phone-number {position: absolute; bottom: 0px; left: -280px; z-index: 99;}
			#footer #sidebar-bottom {background: url(../images/bkground-sidebar-bottom.gif) no-repeat; height: 168px; width: 271px;position: absolute; bottom: 0px; left: -271px;}
			#footer ul { padding: 0px; margin: 0px; list-style: none; }
			#footer ul li {display: inline; border-right: 1px solid #fff; padding: 0px 4px 0px 2px;   }
			#footer ul li.last { border: none; }
			#footer a {color: #fff;}
			#footer p {margin: 2px 0px 0px 0px; padding: 0px; color: #929292;}
			#footer p a { color: #929292;}
			
		#homepage {}
			#homepage #content {width: 723px;padding: 50px 0px 0px 0px; min-height: 330px;}
			#homepage #content-left {width: 280px; float: left;border-right: 1px solid #ccc; padding: 0px 20px 0px 0px;}
			#homepage #content-right {width: 260px; float: left; margin: 0px 0px 0px 20px;}
			
		#shop-masterpage {}
			#shop-masterpage .product {border: 3px solid #dbdbdb; padding: 0px 140px 0px 120px; margin: 10px 0px 10px 0px; position: relative; height: 140px }
			#shop-masterpage .product input { position: absolute; right: 20px; top:55px;}
			#shop-masterpage img { position: absolute; top: 10px; left: 10px; }
		
		#shop-detailpage {}
			#shop-detailpage .product {border: 3px solid #dbdbdb; padding: 0px 10px 0px 10px; margin: 10px 0px 10px 0px; position: relative;}
			
/* ---------------------------- */
/* Forms Validation
/* ---------------------------- */

		.alert { background: url(../images/alert-small.gif) no-repeat 0px -3px; 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: "Times New Roman", Times, 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:#000; background: #cee3f3; border-bottom: 1px solid #b4cee2; display:block; clear:both}
			#form textarea { font-family: "Times New Roman", Times, serif; }
			#form .btn-submit { display: block; margin: 20px 0px 15px 0px; clear: both;}
			#form .textobx {font-family: "Times New Roman", Times, 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-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;}
		.blue {color: #3f97bf;}
		.red { color:#b82801; }