/*css for desktops here*/

/*demo page css*/
			
body{ font-size: 62.5%; background-image: url(https://metroscap.com/images/backgrounds/carbonFibre10x10.png); background-repeat: repeat; font-family: Arial, Helvetica, sans-serif;}
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
			.ui-tabs .ui-tabs-panel {padding: 1em 0.4em;}
/* end demo page css - probably important for tabs on detail pages */

/* TAGS and LAYOUT CLASSES */
h1, h2, h3, h4, h5, h6, ul {margin: 0; padding: 0;}
a {text-decoration: none; color: #fff;} a.black {color:#000 !important;} a.black:hover {color:#aaa !important; border-bottom: dotted 1px #aaa;}
.shadow {box-shadow: 0 0 10px 10px #888;} .bold {font-weight: bold;} .left {float: left;} .right {float: right;} .clear {clear: both;}
.justify {text-align: justify;} .center {text-align: center} .uppercase {text-transform: uppercase;}

/* END TAG and LAYOUT CLASSES */


/*HEADER*/
			.mobileHeader {display:none;} #centeredLogo {display:none;} #sidr-existing-content {display:none;} 
			
			.headerWrapper {width: 1090px; min-height: auto; margin: 0 auto 1em auto; background: #000; border-bottom: solid 2px #fff; padding: 5px 20px 10px 20px;}
			.headerWrapper a:hover, .naturalLandscapes a:hover, .subHeadWrapper a:hover {border-bottom: dotted 1px #fff;}
				.header {width: 100%; height: auto; text-transform: uppercase; background: #000; color: #fff;} .header a {color: #fff;} 
					.upperNavLeft {border-bottom: 1px dotted #333333;color: #444444;height: 1.7em;list-style: none outside none;margin: 0 0 4px 0;padding: 5px 0 0;text-transform: uppercase;} .upperNavLeft li {float: left; margin-right: 6px;}
					.upperNavLeft a {color: #555;} .upperNavLeft a:hover {border-bottom: dotted 1px #555;}
					.upperNavRight {list-style: none; text-transform: uppercase; margin: -22px 1px 0 0; padding: 0; float:right;} .upperNavRight li {float: left; margin-right: 6px;}
						#cse-search-box input {width: 230px; height: 20px; border: solid 1px #fff; color: #fff; text-transform: uppercase; background-color: #5e5e5e; margin: 0 8px 0 0; padding: 0; float: left;}
						#cse-search-box input.searchSubmit {width: 60px; height: 22px;}
					.middleNav {clear: left;}
					.middleNav p.menu {display:none;}
					.middleNav p.search {display:none;}
					.middleNav img {float: left}
					.middleNav div#searchStuff {height: auto; padding: 15px 0 0 0; margin: 0 0 0 780px;}
					.middleNav p {color: #666666;font-size: 1.6em; margin: 41px 0 1px 3px;}
					.citiesNav {list-style: none; margin-left: 2px; height: 6.2em;}
					.citiesNav li {float: left; margin-right: .7em; padding-bottom: .3em; color:#666666;}
					.citiesNav li#photoCollections {display:none;}
			.naturalLandscapes {width: 1090px; height: 20px; margin: 0 auto 1em auto; background: #000; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px 20px 5px 20px;}
					.naturalLeft {list-style: none outside none; text-transform: uppercase; color: #555; margin: 3px 0 0 0; float: left;} .naturalLeft li {padding: 0 0 5px 0; float: left; margin-right: .7em;} .naturalLeft li strong {color: #fff;}		
			.subHeaderWrapper {width: 1090px; height: 50px; margin: 0 auto 0 auto; background:#000; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px 20px 10px 20px;}
					.subHeadLeft {list-style: none outside none; text-transform: uppercase; color: #bbb; margin: 3px 0 0 0; float: left;} .subHeadLeft li {padding: 0 0 5px 0;} .subHeadLeft li strong {color: #fff;}
					.subHeadRight {list-style: none outside none; text-transform: uppercase; color: #bbb; margin: 3px 5px 0 0;float:right;} .subHeadRight li {padding: 0 0 0 0;} .subHeadRight li.phoneNumber {font-size: 3em;color: #fff; float:right; font-weight: bold;}
			.breadCrumbs {width: 1090px; height: auto; margin: 0 auto 0 auto; font-size: .9em; color:#fff; padding: 10px 0 15px 0;}
				.breadPathLeft {margin: 0; padding: 0;} .bprPad {padding-right: 15px;}
/*END HEADER*/

/* CONTENT WRAPPER */
.contentWrapper {width: 1090px; padding: 20px; background: #ccc; height: auto; margin: 15px auto; box-shadow: 0 0 10px 10px #111;}
	.galleryWrapper {width: 100%; height: auto; margin: 0 0 30px 0; background: #fff;}

.cartCheckoutNavHint {
    color: #aaa;
    font-size: 140%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    display: none;
}		
	.orderPath {
    box-sizing: border-box;
    color: #777777;
    display: block;
    font-size: 200%;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
	body.cart #opCart {color: #000; font-weight: bold;}
	body.checkout #opCheckout {color: #000; font-weight: bold;}
	body.receipt #opReceipt {color: #000; font-weight: bold;}


/* END CONTENT WRAPPER */


	
	
	/* FOOTER */
	.footerWrapper {width: 1090px; min-height: auto; margin: 1em auto 0 auto; background: #000; padding: 0px 20px 5px 20px; color: #fff; border-top: solid 2px #fff;}
		.footerR1 {width: 1090px; height: auto; border-top: bottom 1px #333; border-bottom: solid 1px #333; padding: 0 0 0px 0;}
			.footR1C1 {width: 414px; border-right: 1px solid #333; }
				.footerLists {list-style: none; padding: 10px 20px 10px 0px; font-size: 10pt; line-height: 1.4em; text-transform: uppercase; color: #555; margin-top: -20px;}
				ul.right.footerLists {text-align:right;}
				.footSectionPL {font-size: 14pt; margin-left: -30px;} .footSectionPR {font-size: 14pt; margin-left: 30px;}			
			.footR1C2 {width: 200px; padding: 30px 27px;}
			div#socialLinks p.center {padding: 5px !important; margin: 0 !important;}
				.connectLinks {list-style: none; display:block; margin: 5px 0 38px 0;}
				.connectLinks li {float:left; padding: 0;}
				.mr10 {margin-right:10px;} .pl10 {padding-left: 10px;}
			.footR1C3 {width: 414px; border-left: 1px solid #333; }
		.footerR2 {width: 100%; height: auto; background-color: #000; padding: 0 0;}
			.footR2C1 {width: 443px; padding: 0 30px 0 0;}
				.eAdd {font-size: 27pt; margin: -18px 0 -15px 0;} .phoneNum {font-size: 27pt; margin: -18px 0 -15px 0;}
			.footR2C2 {width: 586px; border-left: 1px solid #333; padding: 0px 0 20px 30px;}
				.recentPics {list-style: none;}
					.newestPics {float: left; margin-right: 17px;}
					.footerPics {border: solid 1px #fff;}
		.footerR3 {width: 100%; height: auto; background-color: #000; padding: 0px 0; border-top: solid 1px #333;}
			.aboutName {color: #555; font-size: 8pt; line-height: 1.2em;}
		.footerR4 {width: 100%; height: 12px; border-top: solid 1px #333; padding: 6px 0 0 0;}
			.footCopyright {list-style: none; float: left;}
				.footCopyL {float: left;}
			.footSitemap {list-style: none; float: right;}
				.footCopyR {float: left; padding: 0 5px;}
	/* END FOOTER */
	
	/* BASIC PAGES LEFT NAV AND HELP PAGES */
		.shipPage {font-size: 125%;}
		.shipmentPics {margin: 5px 10px 5px 0;}
		#helpLeftNav {width: 225px; padding: 25px; border-right: solid 1px #000; margin: 25px 25px 25px 0; height: 600px;}
		#helpLeftNav h2 {font-size: 140%; text-transform: uppercase; border-bottom: dotted 1px #000;}
		#helpLeftNav ul {list-style: none; margin: 15px 0 40px 0;}
		#helpLeftNav li {margin: 8px 0; padding: 0 0 0 10px; color: #333; text-transform: uppercase;}
		a.helpNav {color: #333;} a.helpNav:hover {color: #000; border-bottom: dotted 1px #000;}
		
		.helpHeadline {padding: 25px 0 0 0;}
		.helpAnswers {font-size: 1.4em; text-align: justify; padding: 0 25px 0 0}
		
		input.favCollection {width: auto; background-color: #000; border: solid 2px #555; padding: 3px 10px; text-transform: uppercase; color: #fff; text-fill-color: #fff;}