/* = 2-0, 3-0, 4-0 Styling
--------------------------------------------------------------------------------------------------------------------------------------*/
.brand-listings {margin: 10px 0 0 10px;}	

#brand-top {margin: 40px 0 0 10px;}
ul#brands {float: left; width: 725px; list-style: none; padding: 0px 0px 45px 0px; border-bottom: 1px #c2c2c2 solid;}
	ul#brands li {float: left; width: 135px; height: 50px; margin: 10px 10px 0 0;}

ul#allbrands {float: left; width: 725px; list-style: none; margin: 0; padding: 0;}
	ul#allbrands li {float: left; width: 125px; margin: 0 20px 0 0;}	
	ul#allbrands li h4 {width: 125px; background: url(../images/list-title.jpg) repeat-x top left; text-indent: 10px; color: #fff; margin: 10px 0 0 0;}	
		ul#allbrands li ul {float: left; width: 125px; padding: 0; list-style: none; min-height: 160px}	
		ul#allbrands li ul li {}	

/* = 2-1, 3-1, 4-1 Styling
--------------------------------------------------------------------------------------------------------------------------------------*/
#brand-nav {margin: 10px 0 0 0; width: 245px;}
a.shopall {background: #ed1b24; padding: 5px; display: block; padding: 5px; overflow: hidden; text-align: right; color: #fff; font-size: 10px;}
	ul#brand-menu {background: #f0f0f0; margin: 0; padding: 0; list-style: none;}
	#brand-menu h4 {margin: 0; background:#B7B7B7 none repeat scroll 0 0; color:#FFFFFF; font-size:18px; padding:10px;}
	#brand-menu h5 {font-size: 14px; font-weight: bold; margin: 0;padding:5px 0;}
	ul#category-menu{padding: 10px 15px; margin: 0; list-style: none;}
	ul#category-menu li ul {padding: 0;}
	ul#category-menu li ul li{margin: 5px 0; border-bottom: 1px #ccc solid; list-style: none;}
	ul#category-menu li ul li ul{margin: 5px 0; padding: 0; list-style: none;}
	
	#brand-menu h5 a {background:url(../images/menu-arrow-right.jpg) 0 4px no-repeat; padding-left: 15px; display: block;}
		#brand-menu .active h5 a{background-image:url(../images/menu-arrow-down.jpg);}
			
/* = 4-2 Styling
--------------------------------------------------------------------------------------------------------------------------------------*/	
ul#sub-cat  {padding: 0; margin: 10px 0 0 10px; list-style: none;}
	#sub-cat li {border-right: 1px dotted #c0c0c0; border-bottom: 1px dotted #c0c0c0; width: 180px; float: left; padding-top: 15px;}
	#sub-cat li .thumb{float: left; width: 100%; margin: 0 auto; text-align: center;}
	#sub-cat li .sub-cat{float: left; width: 100%; margin: 0 auto; text-align: center;}
	.end {border-right: 0 !important;}

/* = 4-3 Styling
--------------------------------------------------------------------------------------------------------------------------------------*/	
#product-listing {font-size: 11px;}
	#product-listing form {}
	#product-listing fieldset {padding: 0; margin: 0; border: 0;}
	#product-listing p {margin: 0 0 10px;}
	#product-listing h4 {font-size: 12px; margin: 0; font-weight: bold; text-decoration: underline;}
	#product-listing h5 {font-size: 12px; margin: 0;}
	#product-listing h6 {font-size: 14px; color: #df080b; margin: 0;}
	#product-listing h6.reduced {text-decoration: line-through; color: #000; margin: 0;}
	#product-listing .rebate {background: url(../images/ico-rebate.gif) no-repeat top left; text-indent: 10px;}
	#product-listing .ship {background: url(../images/ico-shipping.gif) no-repeat top left; text-indent: 0px;}
		.stock-out {color: #df080b;}
		.stock-in {color: #258e00;}
		
		.ship {background:transparent url(../images/ico-shipping.gif) no-repeat scroll left top; text-indent:20px;}
		
		a.pg {color: #dd0508 !important; margin: 0 3px;}
		a.current {color: #000 !important; margin: 0 3px;}
	
	#cnt-bar {margin: 10px 0 0 10px; overflow: hidden;}
		#cnt-bar #topbar {background: #ECECEC; width: 100%; overflow: hidden;}
			#topbar p {margin: 10px;}
			#topbar #products {float: left; width: 277px;}
			#topbar #sort {float: left; width: 250px;}
			#topbar #pages {float: left; width: 190px;}
		#cnt-bar #navbar {margin: 2px;}
			#navbar label {float: left; margin: 0 10px 0 0;}
			#navbar #view {float: left; width: 240px;}
				a.grid, a.list {background: url(../images/view-chart.jpg) no-repeat top left; display: block; width: 40px; height: 20px; text-indent: -9999px; float: left;}
					a.grid {background-position: 0px 0px;}
						a.grid:hover {background-position: 0px -20px;}
					a.list {background-position: -40px 0px;}
						a.list:hover {background-position: -40px -20px;}
/* Start Special Grid CSS */						
				a.pgrid, a.plist {background: url(../images/view-chart.jpg) no-repeat top left; display: block; width: 40px; height: 20px; text-indent: -9999px; float: left;}
					a.pgrid {background-position: 0px 0px;}
						a.pgrid:hover {background-position: 0px -20px;}
					a.plist {background-position: -40px 0px;}
						a.plist:hover {background-position: -40px -20px;}
/* End Special Grid CSS */						
			#navbar #compare {float: left; width: 210px;}
				a.compare {background: url(../images/ico-compare.jpg) no-repeat top left; display: block; width: 80px; height: 20px; text-indent: -9999px; float: left; margin: 0 5px 0 0;}
					a.compare {background-position: 0 0;}
					a.compare:hover {background-position: 0 -20px;}
			#navbar #page {float: left; width: 270px; text-align: right;}
			
	ul#prd-list{list-style:none;position:relative;}
	ul#prd-list.grid {padding: 0; margin: 10px 0 0 10px; list-style: none; width: 720px; text-align: center;}
		ul#prd-list.grid li {width: 175px; border-right: 1px dotted #c0c0c0; border-bottom: 1px dotted #c0c0c0; overflow:hidden; display: block; float: left; vertical-align: top; min-height: 450px;_height: 450px;}
			#prd-list.grid .thumb {width: 145px; margin: 0 auto; height: 210px; position: relative;}
			.prm {position: absolute; top: 5px; right: -5px;}
			.sec {position: absolute; top: 35px; right: -5px;}
			.thd {position: absolute; top: 65px; right: -5px;}
			.frt {position: absolute; top: 95px; right: -5px;}
			.fth {position: absolute; top: 0px; right: 199px;}
			
#largegrid .prm1 {position: absolute; top: 5px; right: -125px;}
#largegrid .sec1 {position: absolute; top: 30px; right: -125px;}
#largegrid .thd1 {position: absolute; top: 55px; right: -125px;}
#largegrid .frt1 {position: absolute; top: 75px; right: -125px;}
#largegrid .fth1 {position: absolute; top: 95px; right: -125px;}
																		
			#prd-list.grid .spec {width: 145px; margin: 0 auto; height: 105px;}
			#prd-list.grid .details {width: 145px; margin: 0 auto; height: 95px;}
			#prd-list.grid .compare {width: 145px; margin: 0 auto;}			
	ul#prd-list.list {padding: 0; margin: 10px 0 0 10px; list-style: none; width: 720px; text-align: center;}
		ul#prd-list.list li {width: 720px; border-bottom: 1px dotted #c0c0c0; overflow: hidden; display: block; float: left; padding: 10px 0;}
			#prd-list.list .thumb {float: left; width: 210px; position: relative;}
				#prd-list .list .thumb .prm {position: absolute; top: 0; right: 40px;}
				#prd-list .list .thumb .sec {position: absolute; top: 50px; right: 40px;}
				#prd-list .list .thumb .thd {position: absolute; top: 70px; right: 40px;}
				#prd-list .list .thumb .frt {position: absolute; top: 90px; right: 40px;}
				#prd-list .list .thumb .fth {position: absolute; top: 110px; right: 40px;}
				
			#prd-list.list .spec {float: left; width: 305px;}
				#prd-list.list .spec .intr {width: 120px; margin: 0 auto;}
			#prd-list.list .details {float: left; width: 170px;}
			#prd-list.list .compare {float: right; width: 170px; margin: 0 30px 0 0;}
			#prd-list.list .alt {}
			
			#prd-list .quick-info{display:none;position:absolute;top:0;left:50%;z-index:100;margin:0 0 0 -195px;width:390px;background:#fff;border-left:1px solid #000;border-top:1px solid #000;border-right:2px solid #7d7d7d;border-bottom:2px solid #7d7d7d;}
			#prd-list .quick-info .interior {width: 370px; padding: 5px 0;}
			#prd-list .quick-info .thumb {float: left; width: 116px; height: 120px;}
			#prd-list .quick-info .model {float: left; width: 169px; margin: 20px 0 0 0;}
			#prd-list .quick-info .price {float: left; width: 85px; margin: 20px 0 0;}
			#prd-list .quick-info .info {width: 370px; float: left; text-align: left;}
			#prd-list .quick-info .info p {margin: 0;}
			#prd-list .quick-info .view {width: 185px; float: left;}
			#prd-list .quick-info .estore {width: 185px; float: left;}
	a.viewdetails {background: url(../images/btn-vdetails.jpg) no-repeat top left; width: 122px; height: 30px; text-indent: -9999px; display: block; margin: 5px auto;}
		a.viewdetails {background-position: 0 0;}
		a.viewdetails:hover {background-position: 0 0;}
			
	a.addcart {background: url(../images/addcart.jpg) no-repeat top left; width: 129px; height: 30px; text-indent: -9999px; display: block; margin: 5px auto;}
		a.addcart {background-position: 0 0;}
		a.addcart:hover {background-position: 0 0;}
	a.wishlist {background: url(../images/wishlist.gif) no-repeat top left; width: 122px; height: 18px; text-indent: -9999px; display: block; margin: 5px auto;}
		a.wishlist {background-position: 0 0;}
		a.wishlist:hover {background-position: 0 0;}
		
/* = 4-3-1 Styling
--------------------------------------------------------------------------------------------------------------------------------------*/		
#product-compare-guide {float: left; width: 966px; margin: 20px auto;}
	#product-compare-guide form {}
	#product-compare-guide fieldset {padding: 0; margin: 0; border: 0;}
	#product-compare-guide p {margin: 0 0 10px;}
	#product-compare-guide h4 {font-size: 12px; margin: 0; font-weight: bold; text-decoration: underline;}
	#product-compare-guide h5 {font-size: 12px; margin: 0;}
	#product-compare-guide h6 {font-size: 14px; color: #df080b; margin: 0;}
	#product-compare-guide h6.reduced {text-decoration: line-through; color: #000; margin: 0;}
	#product-compare-guide .rebate {background: url(../images/ico-rebate.gif) no-repeat top left; text-indent: 10px;}
	#product-compare-guide .ship {background: url(../images/ico-shipping.gif) no-repeat top left; text-indent: 0px;}
	#product-compare-guide .cmp-spec {width: 231px;}
	#product-compare-guide .cmp-product {width: 180px; border-right: 1px dotted #c0c0c0; text-align: center;}
	#product-compare-guide table {padding: 0;}
	#product-compare-guide tbody {padding: 0;}
	#product-compare-guide td {vertical-align: top; font-size: 11px; padding: 5px; border-right:1px dotted #C0C0C0;}
	#product-compare-guide th {text-align: left; padding: 5px; font-weight: normal; font-size: 11px;}
		a.remove {background: url(../images/remove-cart.gif) no-repeat top left; display: block; width: 110px; height: 20px; float: left; text-indent: -9999px; margin:0 0 0 25px;}
		.cmp-end {border-right: 0;}
		.spec-details {border-bottom: 1px dotted #c0c0c0;}
	#product-compare-guide .alt {background: #f0f0f0;}
	#product-compare-guide .thumb, #product-compare-guide .spec, #product-compare-guide .details {width: 120px; margin: 0 auto; text-align: center;}
	#product-compare-guide .thumb {height: 215px; position: relative;}
	#product-compare-guide .thumb .prm {top: 20px; right: -15px;}
	#product-compare-guide .spec {height: 125px;}
	#product-compare-guide .details {}
	.dtl {text-align: center;}
	
	a.rtn-pro {background: url(../images/btn-rtnpro.jpg) no-repeat top left; display: block; width: 187px; height: 30px;}
		a.rtn-pro {background-position: 0 0;}
		a.rtn-pro:hover {background-position: 0 0;}

		
/* = 4-4 Styling
--------------------------------------------------------------------------------------------------------------------------------------*/	
#product-information {float: left; width: 720px;}
#product-information #titlebar {float: left; width: 720px; background: #ECECEC; font-weight: bold;}
	#titlebar p {margin:5px 10px !important;}
		#titlebar span {}
#product-information #thumb {float: left; width: 280px; margin: 10px 0 0 5px; position: relative;}
	#product-information #thumb .prm {top: 25px; right: 10px;}
	#product-information #thumb .sec {top: 50px; right: 10px;}
	#product-information #thumb .thd {top: 70px; right: 10px;}
	#product-information #thumb .frt {top: 90px; right: 10px;}
	#product-information #thumb .fth {top: 110px; right: 10px;}
	
	#thumb p {margin:0px 20px !important;}
#product-information #spec {float: left; width: 280px; margin: 10px 0 0 0;}
#product-information #detail {float: left; width: 140px; margin: 10px 0 0 0;}
	#product-information p {margin: 0 0 10px;}
	#product-information h4 {font-size: 12px; margin: 5px 10px; font-weight: bold; text-decoration: underline;}
	#product-information h5 {font-size: 12px; margin: 5px 10px;}
	#product-information h6 {font-size: 14px; color: #df080b; margin: 5px 10px;}
	#product-information h6.reduced {text-decoration: line-through; color: #000; margin: 5px 10px;}
	#product-information .rebate {background: url(../images/ico-rebate.gif) no-repeat top left; text-indent: 20px;}
	#product-information .email {background: url(../images/ico-email.gif) no-repeat top left; text-indent: 20px;}
	
#product-specifications {float: left; width: 720px; overflow: hidden;}

#accessories h6 {font-size: 11px; font-weight: normal; margin: 5px 0; line-height: 20px;}

div.quick-order-popup{display:none;position:absolute;top:40%;left:50%;z-index:100;margin:0 0 0 -195px;width:390px;background:#fff;border-left:1px solid #000;border-top:1px solid #000;border-right:2px solid #7d7d7d;border-bottom:2px solid #7d7d7d;}
div.quick-order-popup .inside {width: 370px; padding: 5px;}
div.quick-order-popup .inside .info {text-align: left; /*float: left;*/}
div.quick-order-popup .inside .info p {margin: 0;}
div.quick-order-popup .brandSelectItem {display:none}