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

		body{ background: url(../images/allstar-body.gif) repeat-x; background-color: #999999; 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: 14px; color: #000; }
		h3 { font-size: 12px; color: #000; }
		h4 { font-size: 12px; color: #000; }
		h5 {}
		h6 {}
		hr { background: #ccc; border: none; overflow: hidden; height: 1px; }
		p { margin: 10px 0px 10px 0px; padding: 0px;}
		form { margin: 0px; padding: 0px; }

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

		#wrapper { width: 950px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; text-align: left; position: relative;}
		
		#topnav { height: 38px;}
		#topnav img  { float: left; }

		#header { position: relative; height: 235px; width: 950px; background: url(../images/csr-head-bg.jpg) no-repeat; }
			
		
		#menu { position: relative; background: none; width: 950px; height: 36px; z-index: 99; padding: 10px 0px 0px 10px; color: #fff; }
			#menu .bar { font-size: 16px; }
			#menu img { float: left; }
			#menu a { color: #fff; font-weight: bolder; font-size: 15px; margin: 0px 5px 0px 5px; text-decoration: none; }
			#menu a:hover { text-decoration: none; }
			#menu ul { font-size: 12px; display: none; z-index: 99; margin: 2px 0px 0px 0px; padding: 0px 0px 2px 0px; background: #ffffff url(/images/bkground-menu-ul.jpg) repeat-x; list-style: none;  position: absolute; top: 38px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000;}
			#menu ul a { text-decoration: none; padding: 2px 4px 2px 4px; color: #fff; height: 20px; display: block; width: 180px;}
			#menu ul a:hover { background: #000000; color: #fff; text-decoration:none; }
			#menu #dropdown-about-us { left: 64px; }
			#menu #dropdown-shop { left: 155px; }
			#menu #dropdown-csr-dealers { left: 162px; }
			#menu #dropdown-csr-products { left: 270px; }
			#menu #dropdown-csr-contingency { left: 354px; }
			#menu #dropdown-contact-us { left: 462px; }
			#menu #dropdown-csr-catalog { left: 536px; }
			
		#content-container { width: 948px; background: #fff; position: relative; padding: 0px 0px 10px 0px; border-left: 1px solid #000; border-right: 1px solid #000; }
			#content-container:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
			#content-container .sidemenu-top { width: 199px; height: 0px; border-top: 1px solid #999; }
			#content-container .sidemenu { width: 199px; background: #fff; position: relative; padding: 10px 0px 5px 0px; }
			#content-container .sidemenu-bottom { width: 199px; height: 0px; display: block;}
			#content-container .sidemenu ul { margin: 0px 0px 0px 20px; padding: 0px;}
			#content-container .sidemenu ul li ul { margin: 0px 0px 0px 10px; padding: 0px;}
			
		#content-left { width: 191px; float: left; padding: 0px 12px 0px 0px; margin: -15px 0px 0px 12px;}
			#content-left form { position: relative; }
			#content-left form .textbox { width: 155px; height: 20px; border: 1px solid #7f7a65; float:left; margin: 0px 5px 0px 0px;  }
			#content-left p { margin: 5px 0px 10px 0px; padding: 0px;}
			
			#sidenav h3, #sidenav h3 .submenu, #sidenav .submenu-active { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 20px;}
			
			#sidenav .submenu h2 { margin: 0px 0px 10px 0px;}
			#sidenav .submenu h3 { margin: 10px 0px 10px 10px; }
			#sidenav .submenu ul { margin: 0px 0px 0px 30px; padding: 0px;}

			#sidenav .h3-minus { background: url(../images/btn-minus.gif) no-repeat 0px 0px;}
			#sidenav .h3-plus { background: url(../images/btn-plus.gif) no-repeat 0px 0px;}
			#sidenav .li-minus { background: url(../images/btn-minus-small.gif) no-repeat 0px 5px;}
			#sidenav .li-plus { background: url(../images/btn-plus-small.gif) no-repeat 0px 5px;}
			#sidenav ul .root { background: #d8d8d8; }
			#sidenav ul { list-style: none; margin: 10px 0px 10px 0px; line-height: 19px; padding: 5px 5px 5px 10px; background: #d8d8d8; border: 1px solid #999; font-size: 12px; font-weight: normal;}
			#sidenav ul li { background: url(../images/bullet-arrow.gif) no-repeat 5px 5px; padding: 0px 0px 0px 11px;}
			#sidenav ul li a { padding: 0px 0px 0px 4px; display: block; height: 19px; }
			#sidenav ul li a:hover { background-color: #f4f4f4;}
			#sidenav ul li a.active { background-color: #f4f4f4; font-weight: bold; text-decoration: none; padding: 0px 4px 0px 4px; }
			#sidenav ul ul { border: none; margin: 5px 0px 5px 5px; padding: 0px; }
			
		
		#content-center { float: left; width: 485px; border-left: 1px solid #999; border-right: 1px solid #999; position: relative; padding: 0px 10px 0px 10px; margin: -15px 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: 495px; height: 9px;}
			#content-center .products { background: url(../images/bkground-products.gif) repeat-y; width: 495px; 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: 495px; height: 9px; clear: both; }
			
			/* Start Shop */
			#content-center .item { text-align: center; margin: 13px 0px 10px 5px; width: 154px; height: 220px; float: left; }
			#content-center .item .border { border: 2px solid #999;}
			#content-center .item .border:hover { border: 2px solid #000;}			
			#content-center .picture { text-align: center; margin: 15px 0px 10px 0px; width: 171px; min-height: 500px; float: left; }
			#content-center .picture .border { border: 2px solid #999;}
			#content-center .picture .border:hover { border: 2px solid #000;}
			#content-center .picture img { border: 1px solid #ccc; background: #eee; padding: 10px; margin: 0px 5px 0px 0px;}
			#content-center .picture img.tiny { border: 2px solid #ccc; background: #eee; padding: 5px; margin: 0px 0px 0px 0px;}
			#content-center #other-images { margin-top: 15px;}
			#content-center #other-images a { margin: 0px 6px 6px 0px; float: left; }
			#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: 13px 10px 0px 0px; float: right; width: 300px; }
			#content-center .description .details { border-collapse:collapse; border-spacing:0; border: 1px solid #999; width: 311px;font-size: 12px;}
			#content-center .description .details td { padding: 3px; vertical-align: top; border: 1px solid #999;}
			#content-center .description .details .left-column { width: 110px;  font-weight: bold;}
			#content-center .description .details .altrow { background: #ccc;}
			#content-center .description .details .price { font-weight: bold; color: red; font-size: 15px; }
			#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: #ccc; border: 1px solid #999; padding: 2px 6px 2px 6px; position:relative;}
			.pagination a:hover  { border: 1px solid #000;}
			.pagination .nextprev-on { font-weight: bold;}
			.pagination .nextprev-off { color: #aaa; background: #eee; margin: 0px 3px 0px 0px; border: 1px solid #ccc;}
			.pagination .current { background: #777; color: #fff; border: 1px solid #000; padding: 2px 6px 2px 6px;}
			
			#wrapper .btn { background: url(../images/btn-bg.jpg) repeat-x; text-align: center; padding: 3px 0px 3px 0px; border: 1px solid #2c3f51; font-size: 10px; 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: #ccc; }
			#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; }
			/* End Shop */
		
		#content-right {width: 201px; float: right; margin: -15px 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 #999; 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 { width: 955px; margin: 0px auto 10px auto; padding: 0px 10px 15px 10px; text-align: center; background: url(../images/footer-cap.gif) no-repeat 0px 0px; }
			#footer-cap {  width: 951px; height: 11px; }
			#footer ul { padding: 0px; margin: 10px 0px 10px 0px; list-style: none; }
			#footer ul li {display: inline; border-right: 1px solid #ddd; padding: 0px 4px 0px 2px;   }
			#footer ul li.last { border: none; }
			#footer a {color: #ddd;}
			#footer a:hover {color: #fff; }
			#footer p {margin: 2px 0px 0px 0px; padding: 0px; color: #ddd; font-size: 12px}
			
		#homepage {}
	
/* ---------------------------- */
/* 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:#000; background: #ccc; border-bottom: 1px solid #999; 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;}