﻿.container { margin: 0 auto; width: 100%; text-align: center; background: url(../media/layout/bg.gif); }

.strip { margin: 0 auto; width: 1000px; height: 39px; text-align: center; background: #f57920; }
	.strip h1 { padding: 14px 0 13px 0px; color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 2px; }

.header { margin: 0 auto; width: 1000px; height: 188px; text-align: left; background: #223c89; }
	.headerleft { margin: 0 auto; float: left; width: 315px; height: 188px; }
	.headermiddle { margin: 0 auto; float: left; width: 380px; height: 188px; }
	.headerright { margin: 0 auto; float: left; width: 269px; height: 186px; padding-top: 17px; padding-left: 21px; background: url(../media/layout/header-right.jpg) no-repeat 0px 0px; }
	    
	    .headerbranch { clear: both; margin: 0px; padding: 0px; width: 160px; float: left; text-align: left; font-size: 12px; color: #fff; line-height: 19px; border-bottom: 1px dotted #ff6633; }
	    .headertel { margin: 0px; padding: 0px; width: 99px; float: left; text-align: left; font-size: 12px; color: #fff; font-weight: bold; line-height: 19px; border-bottom: 1px dotted #ff6633; }
	    .headerbranchno { clear: both; margin: 0px; padding: 0px; width: 160px; float: left; text-align: left; font-size: 12px; color: #fff; line-height: 19px; border-bottom: 0px; }
	    .headertelno { margin: 0px; padding: 0px; width: 99px; float: left; text-align: left; font-size: 12px; color: #fff; font-weight: bold; line-height: 19px; border-bottom: 0px; }
        
        .headerbranch a, .headerbranch a:visited { color: #fff; text-decoration: none; }
        .headerbranch a:hover, .headerbranch a:visited:hover { color: #ff6633; text-decoration: none; }
	    .headertel a, .headerbranch a:visited { color: #fff; text-decoration: none; }
	    .headertel a:hover, .headerbranch a:visited:hover { color: #ff6633; text-decoration: none; }
	    .headerbranchno a, .headerbranch a:visited { color: #fff; text-decoration: none; }
	    .headerbranchno a:hover, .headerbranch a:visited:hover { color: #ff6633; text-decoration: none; }
	    .headertelno a, .headerbranch a:visited { color: #fff; text-decoration: none; }
	    .headertelno a:hover, .headerbranch a:visited:hover { color: #ff6633; text-decoration: none; }

.inner { margin: 0 auto; width: 1000px; text-align: left; background: #fff; }

	.strapline { margin: 0 auto; width: 1000px; height: 40px; padding-top: 15px; text-align: left; background: #fff; }
		.strapline p  { margin: 0px; padding-left: 20px; font: italic 19px georgia; color: #666; }

	.left { margin: 0 auto; width: 186px; padding: 0 10px 0 0; float: left; text-align: left; background: url(../media/layout/corner_top_right.jpg) no-repeat 104px 0px; }
		.left ul { list-style-type: none; margin: 0 10px 0 0px; padding: 4px 0 15px 0; }
		.left ul .sub { list-style-type: none; margin: 0 0px 0 0px; padding: 0px 0 0 0px; }
		.left ul li { display: block; font-size: 12px; font-weight: normal; }
		.left ul li:hover { display: block; font-size: 12px; font-weight: normal; background: url(../media/layout/nav_triangle.jpg) no-repeat 5px 5px; }
		.left ul li.selected { display: block; font-size: 12px; font-weight: normal; color: #ff6633; background: url(../media/layout/nav_triangle.jpg) no-repeat 5px 5px; }
		.left ul li a { display: block; color: #223c89; border-bottom: 1px dotted #ff6633; padding: 5px 0px 4px 0px; margin-left: 15px; text-decoration: none; }
		.left ul li a:visited { display: block; color: #223c89; padding: 5px 0px 4px 0px; text-decoration: none; }
		.left ul li a:hover { display: block; color: #ff6633; padding: 5px 0px 4px 0px; text-decoration: none;  }
		.left ul li a:visited:hover { display: block; color: #ff6633; padding: 5px 0px 4px 0px; text-decoration: none; }
		.left ul li.selected a { color: #ff6633; }
		.left ul li ul li .selected { display: block; font-size: 12px; font-weight: normal; color: #ff6633; background: url(../media/layout/nav_triangle.jpg) no-repeat 5px 5px; }
		.left .testimonial { margin: 0 auto; width: 186px; padding: 15px; margin-top: 15px; text-align: left; background: url(../media/layout/corner_top_right.jpg) no-repeat 104px 0px; }
		.left .testimonial h2 { margin: 0 0 10px 0; padding: 0px; font-size: 12px; color: #666; font-weight: bold; }
		.left .testimonial p { color: #000; width: 156px; font: italic normal 11px/17px georgia, Sans-Serif; }
		.left .testimonial .author { margin: 5px 0 0 0; padding: 0px; color: #666; width: 156px; font: normal 11px Trebuchet MS, Sans-Serif; text-align: right; }
		.left .advert { margin: 0 auto; padding: 0px; text-align: left; }
		.left .advertimg { margin: 0 0 10px 0; padding: 0px; border: 0px; }
		.left ul li a.subcat{ padding-left: 20px; color: #000; }
		.left ul li a:visited.subcat{ padding-left: 20px; color: #000; }
	    .left ul li a:hover.subcat { display: block; padding-left: 20px; color: #ff6633; }
	    .left ul li a:visited:hover.subcat { display: block; padding-left: 20px; color: #ff6633; }
	    
	    .left ul li a.subcatselected{ display: block; padding-left: 20px; color: #ff6633; }
		.left ul li a:visited.subcatselected{ display: block; padding-left: 20px; color: #ff6633; }
	    .left ul li a:hover.subcatselected { display: block; padding-left: 20px; color: #ff6633; }
	    .left ul li a:visited:hover.subcatselected { display: block; padding-left: 20px; color: #ff6633; }
	    
	    .left ul li a.subcatnotselected{ display: block; padding-left: 20px; color: #000; }
		.left ul li a:visited.subcatnotselected{ display: block; padding-left: 20px; color: #000; }
	    .left ul li a:hover.subcatnotselected { display: block; padding-left: 20px; color: #ff6633; }
	    .left ul li a:visited:hover.subcatnotselected { display: block; padding-left: 20px; color: #ff6633; }
	    
	    
	.right { margin: 0 auto; width: 794px; padding: 0 10px 0 0; float: left; text-align: left; }
		.right .searchbar { margin: 0 auto; width: 794px; height: 36px; background: url(../media/layout/searchbar.jpg) no-repeat 0px 0px; text-align: left; }
		.right .content { margin: 0 auto; width: 724px; padding: 15px 20px 10px 20px; text-align: left; line-height: 20px; }
		.right .productcontent { margin: 0 auto; clear: both; padding: 0 0 10px 0; text-align: left; line-height: 20px; margin: 0px; padding: 0px; }
		.right .content_branchfinder { margin: 0 auto; float: left; width: 360px; height: 200px; padding: 90px 20px 10px 20px; text-align: left; line-height: 20px; }
		.right .content_branchfinder_right { margin: 0 auto; float: left; width: 370px; height: 278px; padding-top: 10px; text-align: left; }
		.right .content .clr { margin: 0 auto; clear: both; font-size: 1px; height: 20px; }
		.right .content p { padding: 10px 0 10px 0; }
		.right .content p.confirm { font-weight: bold; color: #223c89; }
		.right .content_branchfinder p { padding: 10px 0 10px 0; }
		.right .content_branchfinder p.intro { font-size: 14px; line-height: 25px; }
		.right .content .branchlist_image { margin: 0 auto; float: left; width: 145px; height: 84px; padding: 10px 37px 5px 0; }
		.right .content .branchlist_content { margin: 0 auto; float: left; width: 390px; padding: 5px 37px 5px 0; }
		.right .content .branchlist_content h2 { margin: 0px; padding: 0px; font-size: 14px; color: #223c89; }
		.right .content .branchlist_content p { margin: 0px; padding: 0px; }
		.right .content .blueline { clear: both; margin: 0 auto; width: 572px; height: 1px; font-size: 1px; padding: 0px; margin: 0px; background: #223c89; text-align: left; }
		.right .content .branchcol1 { margin: 0 auto; float: left; width: 352px; padding: 0 10px 0 0; text-align: left; }
		.right .content .branchcol2 { margin: 0 auto; float: left; width: 352px; padding: 0 0 0 10px; text-align: left; }
		.right .content .branchcol2 h2 { margin: 0px; padding: 0px; font-size: 14px; color: #223c89; }
		
		.right .specialbar { margin: 0 auto; width: 794px; height: 36px; background: url(../media/layout/searchbar.jpg) no-repeat 0px 0px; text-align: left; margin-bottom: 10px; }
		.right .specialbar h2 { margin: 0 0 0px 34px; padding-top: 10px; font-size: 18px; color: #fff; font-weight: bold; letter-spacing: 1px; }

		#contact-area { width: 452px; padding: 0px 0px 20px 35px; text-align: left; background: transparent; }
		#contact-area .txtInput, #contact-area textarea { padding: 2px; width: 351px; font-family: Trebuchet MS, sans-serif; font-size: 12px; margin: 0px 0px 10px 0px; border: 1px solid #ccc; }
		#contact-area select { clear: both; padding: 2px; width: 357px; font-family: Trebuchet MS, sans-serif; font-size: 12px; margin: 0px 0px 10px 0px; border: 1px solid #ccc; }
		#contact-area textarea { height: 90px; }
		#contact-area textarea:focus, #contact-area .txtInput:focus { border: 1px solid #ff6633; }
		#contact-area select:focus { border: 1px solid #ff6633; }
		#contact-area input.submit-button {	width: 75px; background: #ff6633; margin-top: 10px; }
		/*label { float: left; text-align: left; margin-right: 15px; width: 80px; padding-top: 5px; font-size: 12px; }*/

        .search1 { margin: 0 auto; float: left; width: 250px; padding-left: 37px; padding-top: 10px; }
        .search1 label { color: #fff; float: left; text-align: left; margin-right: 5px; width: 50px; padding-top: 5px; font-size: 11px; }
        .search1 .ddBrand { border: solid 1px #223c89; width: 185px; font-size: 11px; color: #000; }
        
        .search2 { margin: 0 auto; float: left; width: 230px; padding-left: 20px; padding-top: 10px; }
        .search2 label { color: #fff; float: left; text-align: left; margin-right: 0px; width: 90px; padding-top: 5px; font-size: 11px; }
        .search2 .ddBrand { border: solid 1px #223c89; width: 131px; font-size: 11px; color: #000; }

        .search3 { margin: 0 auto; float: left; width: 180px; padding-left: 20px; padding-top: 10px; }
        .search3 label { color: #fff; float: left; text-align: left; margin-right: 5px; width: 40px; padding-top: 5px; font-size: 11px; }
        .search3 .ddSort { border: solid 1px #223c89; width: 110px; font-size: 11px; color: #000; }
        
        .search4 { margin: 0 auto; float: left; width: 50px; padding-top: 10px; }


	.footer { clear: both; margin: 0 auto; width: 1000px; height: 68px; background: #fff url(../media/layout/footer_cards.jpg) no-repeat 0px 19px; text-align: center; }
		.footer .note { margin: 0px 0 10px 0; padding: 0px; width: 1000px; color: #000; font: italic normal 10px/17px georgia, Sans-Serif; text-align: center; }
		.footer .copyright { margin: 0px; padding: 0px; width: 1000px; color: #666; font: normal 10px Trebuchet MS, Sans-Serif; text-align: center; }
		
	.productbox { margin: 0 auto; width: 792px; height: 202px; padding: 0px; text-align: left; margin-bottom: 10px; border: 1px solid #223c89; background: url(../media/layout/bg_productlist.jpg) no-repeat 100% 0px; }
	.endpointbox { margin: 0 auto; width: 792px; padding: 0px; text-align: left; margin-bottom: 10px; border: 1px solid #223c89; background: url(../media/layout/bg_productlist.jpg) no-repeat 100% 0px; }
	.clear { clear: both; }
	.endpointspacer { clear: both; height: 1px; font-size: 1px; }
	.productimage { margin: 0 auto; float: left; width: 250px; height: 202px; padding: 0px; padding-top: 8px; text-align: center; }
	.productinfo { margin: 0 auto; float: left; width: 393px; height: 197px; padding: 5px 0 0 0; text-align: left; }
	.productinfo h2 { padding: 0 0 0 23px; margin: 0px; font-size: 18px; color: #223c89; }
	.productinfo h3 { padding: 1px 0 10px 23px; margin: 0px; font-size: 13px; color: #223c89; }
	.productinfo ul { list-style-type: none; padding-left: 37px; font-size: 13px; font-weight: bold; }
	.productinfo ul li { list-style-type:none; padding-left:15px; margin-left:-13px; background:url(../media/layout/bullet.jpg) left center no-repeat; }
	.productprice { margin: 0 auto; float: left; width: 146px; height: 192px; padding: 10px 0 0 0; height: 192px; text-align: center; line-height: 15px; font-size: 11px; }
	.productpriceendpoint { margin: 0 auto; float: left; width: 146px; height: 137px; padding: 65px 0 0 0; text-align: center; line-height: 15px; font-size: 11px; }
	.was { padding-top: 30px; }
	.endofline { padding-top: 7px; }
	.now { font-size: 16px; font-weight: bold; color: #000; padding-top: 10px; }
	.special { font-size: 16px; font-weight: bold; color: #ff6633; padding-top: 10px; }
	.just { font-size: 16px; font-weight: bold; color: #000; padding-top: 50px; }	
	.justspecial { font-size: 16px; font-weight: bold; color: #ff6633; padding-top: 50px; }
	.endpointjust { font-size: 16px; font-weight: bold; color: #000; }
	.endpointjustspecial { font-size: 16px; font-weight: bold; color: #ff6633; }
	.price { font-size: 22px; font-weight: bold; color: #000; padding-top: 10px; }
	.saving { font-size: 16px; font-weight: bold; color: #223c89; padding-top: 10px; }
	.description { padding: 15px; padding-top: 0px; }
	.description p { padding: 7px 0 7px 0; }
	.description ul { list-style-type: none; padding-left: 15px; padding-bottom: 5px; font-size: 13px; font-weight: bold; }
	.description ul li { list-style-type:none; padding-left:15px; margin-left:-13px; background:url(../media/layout/bullet.jpg) left center no-repeat; }
	.sorryp { padding-top: 15px; padding-left: 37px; }	
	.searchcriteria { float: left; padding-top: 10px; padding-bottom: 10px; padding-left: 37px; font-size: 17px; }
	.searchcriteriaright { float: right; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; text-align: right; font-size: 11px; }
	.icon { margin: 0 auto; width: 54px; height: 54px; text-align: center; vertical-align: middle; font-weight: bold; _position: absolute; _top: 50%; display: table-cell; white-space: normal; font-family: arial; border-right: 8px solid #fff; }