/* ---------------------------------------------------
CVS: $Id: style.css,v 1.54 2011/11/09 23:55:36 cvsdevel Exp $
Title: style.css
Copyright: (c) 2009
Author: Aaron Smitthipong
Company: Rhino Internet
Description: AbleCommerce styles for Arizona Tile
--------------------------------------------------- */

/* ---------------------------------------------------
=Reset
Takes browser-specific styling and resets it to a
common behavioural standard. Based heavily upon the
Yahoo! User Interface Library Reset:
http://developer.yahoo.com/yui/reset/
--------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
   }

table {
	border-collapse:collapse;
	border-spacing:0;
   }

fieldset,img { 
	border:0;
   }

address,caption,cite,code,dfn,th,var,strong,em {
	font-style:normal;
	font-weight:normal;
   }

ol,ul {
	list-style:none;
   }

caption,th {
	text-align:left;
   }

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
   }

q:before,q:after {
	content:'"';
   }

abbr,acronym {
   border:0;
   }

html {
   font-size: 100.01%; /* Corrects default font sizing in IE/WIN, and font resizing in Opera. */
   }
   
/* ---------------------------------------------------
=Universal
Globally accessed styles
--------------------------------------------------- */

.clearfix {
   height: 1%;
   }

.clearfix:after,
#productfinder:after,
.form1 li:after,
.form2 li:after,
.paging:after,
ul.searchtermdisplay:after,
.logos li:after {
   content: ".";
   clear: both;
   display: block;
   height: 0;
   visibility: hidden;
   }

body {
   background: #fff url(images/aztile_bg.png) top left repeat-x;
   font: 12px Arial, Helvetica, Verdana, sans-serif;
   width: 960px;
   margin: 0 auto;
   }
   
strong {
   font-weight: bold;
   }
   
em {
   font-style: italic;
   }

table {
   border: none !important;
   }

a {
   color: #8c2633;
   }

p,
.productDesc div.content,
div.summarySection {
   color: #494642;
   line-height: 20px;
   margin-bottom: 10px;
   font-size: 14px;
   }
   
.pageHeader h1.heading,
h2.header,
.header h2,
.form1 legend,
.form2 legend,
th.receiptHdr,
.productDetails h5 {
   font-weight: bold; text-transform: uppercase;
   background-color: #c7c4be; font-size: 12px;
   padding: 6px 10px; margin-bottom: 20px;
   border: none !important;
   }
   
h2 {
   font-weight: bold; font-size: 14px;
   text-transform: uppercase;
   padding-bottom: 5px; margin: 10px 0;
   border-bottom: 1px solid #c2baae;
   }
   
h3, h4 {
   font-weight: bold; font-size: 14px;
   padding-bottom: 5px; margin: 10px 0;
   border-bottom: 1px solid #c2baae;
   }  

h6 {
   font-weight: bold;
   font-size: 16px;
   }
   
dl dt {
   font-weight: bold;
   margin: 0 0 3px 0;
   }
   
dl dd {
   padding-left: 20px;
   margin: 0 0 15px 0;
   }
   
.altodd {
   background-color: #e4d9c5;
   }
   
.alteven {

   }
   
fieldset {
   padding: 10px 0; margin: 0 0 0 0;
   }

.logos li {
   margin-bottom: 10px;
   }

.logos a {
   border: none;
   color: #79756e;
   display: block;
   outline: none;
   padding: 8px 0 0 55px;
   height: 45px; height/**/:/**/ 37px;
   text-decoration: none;
   }
   
.logos a:hover {
   color: #8C2633;
   text-decoration: underline;
   }
   
.envlogo {
   background: transparent url(images/aztile_envlogo.gif) top left no-repeat;
   }

.nsf {
   background: transparent url(images/aztile_nsflogo.gif) top left no-repeat;
   }
   
.leedlogo {
   background: transparent url(images/aztile_leedlogo.gif) top left no-repeat;
   }
.marblelogo {
   background: transparent url(images/aztile_marblelogo.gif) top left no-repeat;
   }


.residentialproducts a {
   background: transparent url(images/residentialproducts.jpg) top left no-repeat;
   height: 64px;
   padding-left: 75px;
   text-transform: uppercase;
   color: #8C2633;
   font-size: 15px;
   padding-top: 0px;
   margin-bottom: 10px;
   }

.commercialproducts a {
   background: transparent url(images/commercialproducts.jpg) top left no-repeat;
   height: 64px;
   padding-left: 75px;
   text-transform: uppercase;
   color: #8C2633;
   font-size: 15px;
   padding-top: 0px;
   }

.residentialproducts a:hover,
.commercialproducts a:hover {
text-decoration: none;
color: #333;
}

   
.singlecol {
   width: 960px;
   }

.singlecol .dialogSection {
   float: left;
   width: 450px;
   margin: 0 15px;
   }
   
.disclaimer,
.validationSummary,
#validationSummary {
   margin: 20px 0; padding: 10px;
   background-color: #FFC;
   }
   
.errorCondition {
   display: block; clear: both;
   xpadding: 3px 5px;
   background-color: #FFC;
   }
   
.validationSummary ul ul {
   list-style-type: disc;
   margin-left: 20px;
   }

/* ---------------------------------------------------
=facebook
--------------------------------------------------- */
.facebookcontest {
	background: transparent url(images/SamsungQuartzWebGraphicPin.png) 15px 55px no-repeat;
	width: 350px;
	height:  350px;
	display: block;
	position: absolute;
	z-index: 1;
	cursor: pointer;
 	}


/* ---------------------------------------------------
=Header
Global branding and navigation
--------------------------------------------------- */

#storeHeader {
   background-color: #000;
   color: #fff;
   padding: 8px 10px;
   }
   
/* =Search */

#storeHeader .search {
   float: left;
   }
   
#storeHeader .search input.searchPhrase {
   background-color: #fff; border: none;
   font-size: 12px;
   margin-right: 10px;
   height: 20px; float: left;
   }
   
#storeHeader .search input.searchButton {
   background-color: #8C2633; color: #fff;
   height: 20px; padding: 0 10px;
   font: bold 12px Arial, Helvetica, Verdana, sans-serif;
   line-height: 20px; text-align: middle; text-transform: uppercase;
   border: none; float: left;
   }
   
#storeHeader .search input.searchButton:hover {
   background-color: #c7c4be; color: #000;
   cursor: pointer !important;
   }
   
/* =Shortcuts */

#storeHeader .shortcuts {
   float: right;
   }
   
#storeHeader .shortcuts li {
   display: inline;
   height: 20px; line-height: 20px; vertical-align: middle;
   padding: 0 18px;
   }
   
#storeHeader .shortcuts li a {
   color: #fff;
   font-weight: bold; text-decoration: none;
   }

#storeHeader .shortcuts li a:hover {
   color: #c7c4be; text-decoration: underline;
   }

/* =Logo */

#logonav {
   margin: 34px 10px 36px 10px;
   font-family: "apertura-1","apertura-2",sans-serif;
   font-weight: 100;
   }

#logonav .logo {
   float: left;
   }
   
/* =Navigation */

#logonav .navigation {
   float: right;
   display: block;
   }

#logonav .navigation li {
   xdisplay: inline-block;
   float: left;
   margin-left: 50px;
   padding-top: 15px;
   }

#logonav .navigation li a {
   font-weight: bold; font-size: 12px; text-transform: uppercase;
   color: #000; text-decoration: none; letter-spacing: 1px;
   font-family: "apertura-1","apertura-2",sans-serif;
   font-weight: 600;
   }

#logonav .navigation li a:hover {
   color: #8C2633;
   }
   
/* =Welcome Image */

#hphero,
#hero {
   position: relative;
   margin-bottom: 30px;
   }

#hphero #primary {
   width: 960px;
   padding-top: 200px;
   background-position: 0px -50px !important;
   }
   
#hphero #primary p,
#hphero #secondary p,
#hero #primary p,
#hero #secondary p {
   font-style: italic; color: #fff; font-size: 12px;
   padding: 8px 20px; margin-bottom: 0 !important;
   }
   
#hphero #secondary {
   position: absolute; z-index: 10; top: 0; right: 0;
   width: 228px;
   padding-top: 200px;
   border-left: 6px solid #efe5d2;
   background-position: 0px -50px !important;
   }
   
#hphero #secondary.hp-hero1 { background: #8c2633 url(images/hero/hp-hero1b.jpg) top left no-repeat; }
#hphero #secondary.hp-hero2 { background: #8c2633 url(images/hero/hp-hero2b.jpg) top left no-repeat; }
#hphero #secondary.hp-hero3 { background: #8c2633 url(images/hero/hp-hero3b.jpg) top left no-repeat; }

#hphero #primary.hp-hero1 { background: #8C2633 url(images/hero/hp-hero1.jpg) top left no-repeat; }
#hphero #primary.hp-hero2 { background: #8C2633 url(images/hero/hp-hero2.jpg) top left no-repeat; }
#hphero #primary.hp-hero3 { background: #8C2633 url(images/hero/hp-hero3.jpg) top left no-repeat; }

#hphero #secondary.hp-hero4 { background: #8c2633 url(images/hero/hp-hero4b.jpg) top left no-repeat; }
#hphero #secondary.hp-hero5 { background: #8c2633 url(images/hero/hp-hero5b.jpg) top left no-repeat; }
#hphero #secondary.hp-hero6 { background: #8c2633 url(images/hero/hp-hero6b.jpg) top left no-repeat; }

#hphero #secondary.hp-hero7 { background: #8c2633 url(images/hero/hp-hero7b.jpg) top left no-repeat; }
#hphero #secondary.hp-hero8 { background: #8c2633 url(images/hero/hp-hero8b.jpg) top left no-repeat; }
#hphero #secondary.hp-hero9 { background: #8c2633 url(images/hero/hp-hero9b.jpg) top left no-repeat; }

#hphero #primary.hp-hero4 { background: #8C2633 url(images/hero/hp-hero4.jpg) top left no-repeat; }
#hphero #primary.hp-hero5 { background: #8C2633 url(images/hero/hp-hero5.jpg) top left no-repeat; }
#hphero #primary.hp-hero6 { background: #8C2633 url(images/hero/hp-hero6.jpg) top left no-repeat; }

#hphero #primary.hp-hero7 { background: #8C2633 url(images/hero/hp-hero7.jpg) top left no-repeat; }
#hphero #primary.hp-hero8 { background: #8C2633 url(images/hero/hp-hero8.jpg) top left no-repeat; }
#hphero #primary.hp-hero9 { background: #8C2633 url(images/hero/hp-hero9.jpg) top left no-repeat; }
   
#hero #primary {
   width: 960px; padding-top: 120px;
   }

#hero #secondary {
   position: absolute; z-index: 10; top: 0; right: 0;
   width: 228px;
   padding-top: 120px;
   border-left: 6px solid #efe5d2;
   }
      
#hero #primary.int-hero1 { background: #8C2633 url(images/hero/int-hero1.jpg) top left no-repeat; }
#hero #primary.int-hero2 { background: #8C2633 url(images/hero/int-hero2.jpg) top left no-repeat; }
#hero #primary.int-hero3 { background: #8C2633 url(images/hero/int-hero3.jpg) top left no-repeat; }
#hero #primary.int-hero4 { background: #8C2633 url(images/hero/int-hero4.jpg) top left no-repeat; }
#hero #primary.int-hero5 { background: #8C2633 url(images/hero/int-hero5.jpg) top left no-repeat; }
#hero #primary.int-hero6 { background: #8C2633 url(images/hero/int-hero6.jpg) top left no-repeat; }
#hero #primary.int-hero7 { background: #8C2633 url(images/hero/int-hero7.jpg) top left no-repeat; }
#hero #primary.int-hero8 { background: #8C2633 url(images/hero/int-hero8.jpg) top left no-repeat; }
#hero #primary.int-hero9 { background: #8C2633 url(images/hero/int-hero9.jpg) top left no-repeat; }
#hero #primary.int-hero10 { background: #8C2633 url(images/hero/int-hero10.jpg) top left no-repeat; }
#hero #primary.int-hero11 { background: #8C2633 url(images/hero/int-hero11.jpg) top left no-repeat; }
#hero #primary.int-hero12 { background: #8C2633 url(images/hero/int-hero12.jpg) top left no-repeat; }
#hero #primary.int-hero13 { background: #8C2633 url(images/hero/int-hero13.jpg) top left no-repeat; }
#hero #primary.int-hero14 { background: #8C2633 url(images/hero/int-hero14.jpg) top left no-repeat; }
#hero #primary.int-hero15 { background: #8C2633 url(images/hero/int-hero15.jpg) top left no-repeat; }
#hero #primary.int-hero16 { background: #8C2633 url(images/hero/int-hero16.jpg) top left no-repeat; }
#hero #primary.int-hero17 { background: #8C2633 url(images/hero/int-hero17.jpg) top left no-repeat; }
#hero #primary.int-hero18 { background: #8C2633 url(images/hero/int-hero18.jpg) top left no-repeat; }

#hero #secondary.int-hero1 { background: #8C2633 url(images/hero/int-hero1b.jpg) top left no-repeat; }
#hero #secondary.int-hero2 { background: #8C2633 url(images/hero/int-hero2b.jpg) top left no-repeat; }
#hero #secondary.int-hero3 { background: #8C2633 url(images/hero/int-hero3b.jpg) top left no-repeat; }
#hero #secondary.int-hero4 { background: #8C2633 url(images/hero/int-hero4b.jpg) top left no-repeat; }
#hero #secondary.int-hero5 { background: #8C2633 url(images/hero/int-hero5b.jpg) top left no-repeat; }
#hero #secondary.int-hero6 { background: #8C2633 url(images/hero/int-hero6b.jpg) top left no-repeat; }
#hero #secondary.int-hero7 { background: #8C2633 url(images/hero/int-hero7b.jpg) top left no-repeat; }
#hero #secondary.int-hero8 { background: #8C2633 url(images/hero/int-hero8b.jpg) top left no-repeat; }
#hero #secondary.int-hero9 { background: #8C2633 url(images/hero/int-hero9b.jpg) top left no-repeat; }
#hero #secondary.int-hero10 { background: #8C2633 url(images/hero/int-hero10b.jpg) top left no-repeat; }
#hero #secondary.int-hero11 { background: #8C2633 url(images/hero/int-hero11b.jpg) top left no-repeat; }
#hero #secondary.int-hero12 { background: #8C2633 url(images/hero/int-hero12b.jpg) top left no-repeat; }
#hero #secondary.int-hero13 { background: #8C2633 url(images/hero/int-hero13b.jpg) top left no-repeat; }
#hero #secondary.int-hero14 { background: #8C2633 url(images/hero/int-hero14b.jpg) top left no-repeat; }
#hero #secondary.int-hero15 { background: #8C2633 url(images/hero/int-hero15b.jpg) top left no-repeat; }
#hero #secondary.int-hero16 { background: #8C2633 url(images/hero/int-hero16b.jpg) top left no-repeat; }
#hero #secondary.int-hero17 { background: #8C2633 url(images/hero/int-hero17b.jpg) top left no-repeat; }
#hero #secondary.int-hero18 { background: #8C2633 url(images/hero/int-hero18b.jpg) top left no-repeat; }


/* ---------------------------------------------------
=LeftSideBar
--------------------------------------------------- */

#leftSidebarPanel {
   padding-right: 22px;
   width: 229px; width/**/:/**/ 207px;
   }
   
ul.category li {
   font-size: 14px; line-height: 125%;
   margin-bottom: 12px;
   text-transform: capitalize;
   list-style-image: url(images/list_bullet.png);
   margin-left: 15px;
   }
   
ul.category li a {
   color: #333; 
   text-decoration: none;
   text-transform: capitalize !important;
   
   }
   
ul.category li a:hover {
   color: #8C2633; text-decoration: none;
   }

#leftSidebarPanel ul>li:hover ul{
display: block;
}

#leftSidebarPanel ul > li:hover {
   color: red;
   list-style-image: url(images/hover_bullet.png);
}

      
ul.category li ul {
   margin: 15px 0 0 15px;
   }

ul.category li ul a {
   text-decoration: none;
   }
   
ul.category li ul li {
   list-style-image: url(images/list_bullet.png);
   color: #c2baae;
   }
   
.left.logos {
   padding-top: 20px;
   }
   
#azlocations-nav,
#calocations-nav {
   display: none;
   }
   
#azlocations ul#azlocations-nav,
#calocations ul#calocations-nav {
   display: block;
   }

/* ---------------------------------------------------
=Content
Main content area
--------------------------------------------------- */

#mainPanel {
   border-left: 1px solid #c2baae;
   border-right: 1px solid #c2baae;
   }
   
.int #mainPanel {
   border-right: none !important;
   padding-left: 20px;
   width: 710px;
   }

#mainPanel.singlecol {
   border: none !important;
   }
   
#mainPanel.productPage {
   border-right: none;
   padding-left: 20px;
   width: 480px; 
   }

.hp {
   padding: 0 20px;
   }

.hp.middle {
   width: 500px; width/**/:/**/ 460px;
   }
   


.pageHeader h1.heading {
   margin: 30px 0 20px 0;
   }
   


 #purchaseSample h1 {
 font-family: "apertura-1","apertura-2",sans-serif;
 font-weight: 100;
 }
 
 li.commercialproducts a {
 font-family: "apertura-1","apertura-2",sans-serif;
 font-weight: 100;
 }
 
 li.residentialproducts a {
 font-family: "apertura-1","apertura-2",sans-serif;
 font-weight: 100;
 }
   
.hp.middle h2 {
   font-size: 18px; text-transform: uppercase;
   letter-spacing: 1px; color: #8C2633;
   margin-bottom: 20px;
   font-family: "apertura-1","apertura-2",sans-serif;
   font-weight: 100;
   }
   
.hp div.highlight {
   display: none;
   }

.hp a.view-all {
   float: right;
   }

.hp .featuredProductContainer .productsGrid {
   width: 210px;
   }
   
.productsGrid a {
   color: #8c2633; text-decoration: none;
   text-decoration: underline
   }
   
.productsGrid a:hover {
   color: #333;
   text-decoration: none;
   }
   
.detailsInnerPara {
   margin-top: 10px;
   }
   
.pageHeader h1,
.checkoutPageHeader h1 {
   font-size: 18px; font-weight: bold;
   text-transform: uppercase;
   padding: 0 0 7px 0;
   border-bottom: 1px solid #c2baae;
   font-family: "apertura-1","apertura-2",sans-serif;
   font-weight: 100;
   
   }
   
div.pageHeader.productPage {
   
   }

.CategoryBreadCrumb,
.CategoryBreadCrumbs {
   padding: 5px 0 15px 0;
   color: #494642;
   font-style: italic;
   }
   
.CategoryBreadCrumb a,
.CategoryBreadCrumbs a {
   color: #8C2633;
   text-decoration: none;
   }
   
.searchSortHeader {
   background-color: #c7c4be;
   padding: 4px 10px; margin-bottom: 20px;
   line-height: 22px; vertical-align: middle;
   }
   
.searchSortHeader select {
   background-color: #fff; border: none;
   height: 18px;
   font: 12px Arial, Helvetica, sans-serif;
   }
   
.tableNode a.highlight {
   display: block; font-weight: bold;
   font-size: 12px; color: #8C2633;
   }

.tableNode img {
   display: none;
   }
   
.tableNode a img {
   display: block;
   }
   
.productOverview {
   margin-right: 20px;
   width: 460px;
   }
   
.productImg img {
   width: 400px;
   }
   
div.gallery-container {
   float: left;
   margin: 0px 0px 10px 19px;
   }
   
ul.additional-images {
   width: 400px;
}

ul.additional-images li {
   float: left;
   margin: 10px 5px 0px 0px;
   overflow: hidden;
   width: 75px;
   }

ul.additional-images li img {
   cursor: pointer;
   width: 69px;
   }

ul.additional-images li span {
   display: block;
   }

ul.cut-to-size {
   float: left;
   padding-right: 20px;
   width: 210px;
   }

ul.cut-to-size li {
   float: left;
   margin: 10px 5px 0px 0px;
   overflow: hidden;
   text-align: center;
   width: 100px;
   }

ul.cut-to-size li img[onclick] {
   cursor: pointer;
   }

div#cut-to-size-large {
   float: left;
   }

div#cut-to-size-large img {
   width: 400px;
   }

div#environmental-care img {
   clear: none;
   float: left;
   }

div#environmental-care a {
   clear: none;
   display: block;
   float: left;
   padding: 5px 0px 0px 10px;
   width: 155px;
   }

div.header h2 {
   clear: both;
   }

a.prev {
   background: transparent url(images/aztile_previous.gif) top left no-repeat;
   border: none;
   text-decoration: none;
   display: block;
   outline: none;
   text-indent: -9999px;
   width: 11px; height: 83px;
   float: left;
   }

div.productOverview a.prev {
height: 138px;
background-image: url(images/aztile_previousproduct.gif);
}
div.productOverview a.next {
height: 138px;
background-image: url(images/aztile_nextproduct.gif);
}

a.next {
   background: transparent url(images/aztile_next.gif) top left no-repeat;
   border: none;
   text-decoration: none;
   display: block;
   outline: none;
   text-indent: -9999px;
   width: 11px; height: 60px;
   float: right;
   }
   
.button,
.cancelButton {
   background-color: #8c2633;
   text-decoration: none;
   color: #fff; font: bold 12px Arial, Helvetica, Verdana, sans-serif;
   padding: 5px 10px; margin-right: 3px;
   display: inline-block;
   border: none;
   }
   
.button:hover,
.cancelButton:hover {
   background-color: #000;
   }
   
.button:active,
.cancelButton:active {
   background-color: #666;
   }
   
.cancelButton {
   background-color: #c2baae;
   }
   
.buttonBar {
   margin: 10px 0;
   }

.productDesc {
   width: 400px;
   margin: 20px 30px 0 30px;
   }
   
/* =Cart */

.iner_frame table,
.contentTable,
.pagedList,
.orderSummaryTable,
table.form {
   border: 0 !important;
   margin: 20px 0;
   font-size: 14px;
   color: #494642;
   }
   
.iner_frame table th,
.iner_frame table td,
.contentTable th,
.contentTable td,
.pagedList th,
.pagedList td,
.orderSummaryTable td,
.orderSummaryTable th {
   padding: 5px;
   border-right: 1px solid #c2baae;
   }

.iner_frame table th,
.contentTable th,
.pagedList th {
   font-weight: bold;
   border-bottom: 3px double #c2baae;
   }
   
table.form .expand {
   padding: 10px 20px;
   }
   
table.form .summarySection span {
   padding: 2px 20px 2px 0;
   }

.orderSummaryTable th {
   font-weight: bold;
   border-right: none;
   }
   
.iner_frame table .totalRow {
   border-bottom: 2px solid #c2baae;
   }
   
.iner_frame table td table td {
   border: none;
   }
   
.iner_frame table td table td input {
   background-color: #fff;
   height: 20px; width: 25px;
   font: 12px Arial, Helvetica, Verdana, sans-serif;
   }
   
.basketButtons {
   text-align: center;
   display: block;
   }
   
.checkoutButtonBar {
   background-color: #c7c4be;
   padding: 8px; margin-top: 20px;
   text-align: right;
   }
   
.checkoutButtonBar input.button {
   background-color: #8c2633;
   border: none;
   text-decoration: none;
   color: #fff; font: bold 14px Arial, Helvetica, sans-serif;
   padding: 5px 10px;
   }
   
.checkoutButtonBar input.button:hover {
   background-color: #000;
   }
   
.checkoutButtonBar input.button:active {
   background-color: #666;
   }
   
.shippingEstimateCell label,
.shippingEstimateCell span.H2 {
   color: #494642; font-weight: bold;
   }
   
.shippingEstimateCell th {
   padding-bottom: 5px;
   }
   
.shippingEstimateCell td {
   padding-bottom: 10px;
   }
   
.shippingEstimateCell .sidebarForm {
   background-color: #fff; border: 1px solid #c2baae;
   font: 12px Arial, Helvetica, Verdana, sans-serif;
   margin-right: 10px;
   height: 20px; width: 196px;
   }
   
/* =Checkout */

.opcFrame {
   margin-top: 20px;
   }

.opcMainPanel {
   border-right: 1px solid #c2baae;
   padding-right: 20px;
   width: 730px; width/**/:/**/ 710px;
   }
   
.opcSidebar {
   padding-left: 20px;
   width: 230px; width/**/:/**/ 210px;
   }
   
/* =Form */
   
.form1,
.form2 {
   float: left !important;
   width: 320px; margin: 20px 0 0 0;
   }
   
.form1 {
   margin-right: 30px;
   }

.form3 {
   width: 450px;
   }

.form2 ul {
   width: 320px;
   }
   
.form1 legend,
.form2 legend {
   width: 300px;
   }
   
.form1 li,
.form2 li,
.form3 li {
   padding: 5px 0;
   }

.form1 li label,
.form2 li label,
.form3 li span,
.form3 li label {
   float: left;
   width: 90px;
   line-height: 20px; vertical-align: middle;
   color: #494642;
   }
   
.form2 .labelLg,
.form3 li span,
.form3 li label {
   width: 200px;
   }
      
.form3.contactForm span {
   width: auto;
   }

.pseudo.form2 {
   padding-top: 10px;
   }
   
.txtLg, .txtMd, .txtMdSm, .txtSm {
   background-color: #fff;
   border: 1px solid #c2baae;
   height: 20px;
   }
   
.form1 .txtLg,
.form2 .txtLg,
.form3 .txtLg {
   width: 200px;
   background-color: #fff;
   border: 1px solid #c2baae; margin-left: 20px;
   height: 20px;
   float: right;
   }
   
.txtLg {
   width: 200px;
   }

textarea.txtLg {
   height: 60px !important;
}

.form1 select.txtLg,
.form2 select.txtLg,
.form3 select.txtLg {
   width: 202px;
   }

.txtMd {
   width: 100px;
   }
   
.txtMdSm {
   width: 75px;
   }
   
.txtSm {
   width: 50px;
   }
   
.form3 .basic-list li {
   font-size: 12px !important; font-style: italic;
   }  

.paymentform li,
.paymentsuccess li {
   clear: both;
   padding: 5px 0;
   }
   
.paymentform li.paymentformseal {
   clear: none;
   float: left;
   }
   
.paymentform li.paymentformbutton {
   clear: none;
   float: right;
   }
   
.paymentform .button {
   clear: both;
   float: right;
   }
   
.paymentsuccess li span.header {
   font-weight: bold;
   }
   
.cvvhelp {
   float: left;
   width: 520px;
   }

.cvvhelp span {
width: 450px !important;
}

.cvvhelp li {
margin-top: 10px;
}

.cvvhelp a {
   display: block;
   float: left;
   margin-right: 15px;
   }

.cvvhelp span {
   float: right;
   font-size: 10px;
   line-height: 100% !important;
   }

ul.form3 h4 {
margin-top: 25px;
}

.form3 li span.validator {
   width: auto;
   display: none !important;
   }
   
.inputForm td,
.inputForm th {
   padding: 5px 0;
   color: #494642;
   font-size: 14px;
   }
   
.inputForm .rowHeader {
   width: 100px !important;
   }
   
.inputForm input.txt,
input.txt {
   height: 20px;
   background-color: #fff;
   border: 1px solid #c2baae;
   width: 150px;
   }
   
input.txt.sm {
   width: 100px;  
   }

.inputForm ul {
   list-style-type: disc;
   list-style-position: outside;
   margin-left: 20px;
   }

p.labelDisclaimer {
   font-size: 12px; font-style: italic;
   line-height: 1em; margin: 0;
   }

div.center-col {
   float: left;
   margin-right: 15px;
   width: 420px;
   }
   
div.right-col {
   float: left;
   width: 275px;
   }
   
div#map_canvas {
   width: 100%;
   height: 400px;
   }
   
div#directions {
   width: 100%;
   }
   
ul.alphabet {
   margin-bottom: 20px;
   }

ul.alphabet li {
   display: block;
   margin-right: 5px;
   float: left;
   }
   
ul.alphabet li a,
div.paging a {
   border: 1px solid #c2baae;
   padding: 3px 6px;
   text-decoration: none;
   font-weight: bold;
   display: block;
   }
div.paging a.current {
   background-color: #c2baae;
   color: #ffffff;
   }
   
ul.alphabet li a:hover,
div.paging a:hover {
   background-color: #c2baae;
   color: #fff;
   }
   
.glossaryGroup,
.faqGroup {
   border-bottom: 2px solid #c2baae;
   padding-bottom: 5px; margin: 10px 0;
   }
   
.faqGroup {
   margin-top: 20px;
   }
   
.glossaryGroup h6,
.faqGroup h3,
.faqGroup p {
   float: left;
   }
   
.faqGroup h3 {
   margin: 0; padding: 0;
   border-bottom: none;
   }
   
.faqGroup p {
   margin-bottom: 0;
   font-weight: bold;
   }
   
.glossaryGroup a,
.faqGroup a {
   float: right;
   }
   
.basic-list {
   margin: 0 0 20px 30px; 
   }
   
.basic-list li {
   list-style-type: disc;
   font-size: 14px;
   color: #494642;
   padding: 5px 0;
   }
   
#content h6 {
   font-size: 14px !important;
   }

.contentTable td {
   font-size: 13px;
   padding: 5px 10px;
   }
   
#directions p {
   display: block;
   padding: 5px 10px; margin: 15px 0;
   border: 1px solid #c2baae;
   }
   
#wishlistTable td {
   padding: 5px 2px;
   }
   
#recentOrders.content {
   margin: 10px 0 20px 0;
   }
   
.addressBook .entries {
   float: left;
   width: 450px;
   margin-right: 20px;
   }
   
.locationsMap {
   margin-bottom: 20px;
   }
   
/* =Gallery */

.gallery-list li {
   float: left;
   text-align: center;
   padding: 5px 5px 20px 5px;
   margin: 0 10px;
   width: 150px; width/**/:/**/ 140px;
   }
   
.gallery-list li img {
   margin-bottom: 10px;
   }
   
/* =Pagination */

div.paging {
   border-top: 1px solid #c2baae;
   padding-top: 10px; margin: 20px 0;
   }
   
div.paging a {
   margin-right: 5px;
   float: left;
   }

/* ---------------------------------------------------
=RightSideBar
--------------------------------------------------- */

#rightSidebarPanel {
   padding-left: 22px;
   width: 229px; width/**/:/**/ 207px;
   }
   
#rightSidebarPanel p {
   font-size: 12px;
   }
   
.productDetails {
   margin-bottom: 20px;
   width: 210px;
   }
   
#rightSidebarPanel .productDetails h5 {
   margin-bottom: 10px;
   }
   
.productDetails table {
   width: 210px;
   }

.productDetails th,
.productDetails td {
   padding: 3px 0;
   vertical-align: top;
   line-height: 20px;
   }
   
.productDetails td table td {
   margin: 0; padding: 0;
   }
   
.productDetails td table td input {
   background-color: #fff;
   height: 20px;
   font: 12px/20px Arial, Helvetica, sans-serif;
   }

.productDetails th.rowHeader {
   width: 50%;
   }
   
.catalogonline {
   font-size: 16px;
   text-transform: uppercase;
   font-family: "apertura-1","apertura-2",sans-serif;
   text-decoration: none;
   display: block;
   color: #fff;
   width: 167px;
   height: 80px;
   padding: 20px;
   background: url(/images/catalogpromo.png) no-repeat transparent;
   line-height: 130%;
   letter-spacing: 1.5px;
  
   
   
   }
   
   .catalogonline span {
   display: block;
   color: #c00;
   font-size: 12px;
   font-weight: 600;
   margin-top: 2px;

   }

/* ---------------------------------------------------
=Footer
--------------------------------------------------- */

#footer {
   background-color: #000;
   color: #fff;
   padding: 8px 10px 5px 10px; margin-top: 25px;
   }
   
#footer p {
   float: left;
   color: #fff; font-size: 11px;
   margin-bottom: 0 !important;
   border-right: 1px solid #555;
   padding-right: 15px;
   }
   
#footer ul {
   float: right;
   }
   
#footer ul li {
   display: inline;
   height: 20px; line-height: 20px; vertical-align: middle;
   padding: 0 3px;
   }  

#footer ul.footerlogos {
margin-left: 15px;
}

#footer ul.footerlogos li {
   padding: 0 5px;
}

#footer ul li a {
   text-decoration: none; color: #fff;
   font-size: 11px;
   }
   
#footer ul li a:hover {
   color: #c7c4be; text-decoration: underline;
   }

/* ---------------------------------------------------
=Sitemap
--------------------------------------------------- */
div.sitemap-col {
   float: left;
   width: 225px;
   }

div.sitemap-col ul {
   margin: 10px;
   }

div.sitemap-col ul.location-list,
div.sitemap-col ul.product-list {
   margin: 0 0 0 10px;
   }

div.sitemap-col ul.location-list li {
   margin: 0 0 5px 0;
   }

div#sitemap-one,
div#sitemap-two,
div#sitemap-three {
   margin-right: 20px;
   }













td.tableNode {
vertical-align: top;
}







.expandSearch {
display: block;
color: #fff;
background-color: #900;
padding: 4px 15px 4px 4px;
float: left;
clear: both;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
margin-bottom: 5px;
background: #900 url(/App_Themes/Arizona_Tile/images/expandsearch.png) 100% 50% no-repeat;
border-right: 4px solid #900;
}

.expandSearch:hover {
background-color: #c00;
border-right: 4px solid #c00;
}


h3.searchCriteria {
clear: both;
}





.rowSeparator {
vertical-align: top !important;
}




.facebooklogo { background: transparent url(/images/facebooklogo.png) top left no-repeat; }
.twitterlogo { background: transparent url(/images/twitterlogo.png) top left no-repeat; }
.flickrlogo { background: transparent url(/images/flickrlogo.png) top left no-repeat; }
.youtubelogo { background: transparent url(/images/youtubelogo.png) top left no-repeat; }

textarea#ctl00_wpm_ContactUs_ctl03_txtComments {
height: 100px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
}


*:first-child+html #ctl00_wpm_HomePage {
position: relative;
}


#ctl00_wpm_HomePage_ctl03_MainPanel {
   display: none;
   }


ul.errorpage-list li {
   margin-bottom: 10px;
   text-transform: capitalize;
   }
   
ul.errorpage-list li a {
   color: #8C2633; text-decoration: underline;
   text-transform: capitalize !important;
   }
   
ul.errorpage-list li a:hover {
   color: #333; text-decoration: none;
   }
   
ul.errorpage-list li ul {
   margin: 10px 0 0 20px;
   }
   
ul.errorpage-list li ul li {
   list-style-type: disc;
   color: #c2baae;
   }



.vcard {
   color: #494642;
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 10px;
}

.vcard div {
   margin-bottom: 10px;
}

.vcard .org,
.vcard .photo,
.vcard .type,
.vcard .country-name,
.vcard .type {
   display: none;
}

.vcard .adr .street-address,
.vcard .tel {
   display: block;
}


a.fancyboxbutton {
height: 28px;
width: 210px;
background: transparent url(/images/ordersample.png) 0px 0px no-repeat;
text-indent: -9999px;
display: block;
}

a.fancyboxbutton:hover {
background-position: 0px -28px;
}

.hideme {
display: none;
}


#fancybox-outer {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}


.fancy-bg {
display: none;
}

.orderbuttoncontainer {
   margin-top: 10px;
}

#popuppy table {
width: 100%;
font-size: 13px;
}

#popuppy table th {
font-weight: bold;
}

#popuppy table select {
border: 1px inset #000;
width: 100%;
padding: 4px;
}

#popuppy table th, #popuppy table td {
padding-top: 5px;
padding-bottom: 5px;
}

#fancybox-inner {
height: auto !important;
overflow: visible !important;
position: static !important;
padding: 40px !important;
}

#popuppy a.button {
float: right;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 0.08em;
padding-left: 20px;
padding-right: 20px;
}


#popuppy td span {
position: absolute;
right: 0px;
}


#fancybox-wrap {
height: auto !important;
}


/* ---------------------------------------------------
=Search
Google Custom Search styling
--------------------------------------------------- */

#cse-search-results iframe {
   width: 100% !important;
}

#cse-search-results {
padding: 20px;
background-color: #fff;
}

/* ---------------------------------------------------
=Product Finder
--------------------------------------------------- */

#productfinder {
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
background-color: #932930;
padding: 8px;
float: left;
margin-bottom: 40px;
}

#productfinder select {
margin-bottom: 10px;
border: 1px inset #333;
padding: 3px;
height: 26px;
}

#productfinder input.searchproductname {
background-color: #fff;
color: #999;
margin-bottom: 10px;
border: 1px inset #333;
padding: 4px;
height: 20px;
width: 180px !important;
}

#productfinder input.button {
background-color: #111;
color: #fff;
text-transform: uppercase;
padding: 5px;
display: block;
float: right;
clear: both;
margin-bottom: 5px;
cursor: pointer;
}

#productfinder input.button#ctl00_wpm_HomePage_ctl03_btnReset,
#productfinder input.button#ctl00_wpm_SearchPage_ctl03_btnReset {
background-color: transparent;
padding: 0px;
text-decoration: underline;
text-transform: none;
color: #ca9696;
font-weight: normal;
}



/*
#productfinder h4 {
height: 30px;
width: 188px;
border-bottom: 0px solid #000;
margin: 0px;
font-family: "apertura-1","apertura-2",sans-serif;
font-weight: 100;
color: #fff;
text-align: center;
margin-top: 15px;
}

*/

#productfinder h4 {
height: 30px;
width: 188px;
border-bottom: 0px solid #000;
margin: 0px;
text-indent: -9999px;
background: transparent url(/images/findyourproduct.png) top left no-repeat;
}



.searchtermdisplay,
.searchtermdisplay li {
margin-bottom: 5px;
}

.searchtermdisplay span {
margin-left: 5px;
}

.searchtermdisplay .button {
cursor: pointer;
}








/* PR - 2011.02.09 - Product Finder results styling */

ul.searchtermdisplay li input {
padding: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

ul.searchtermdisplay li {
margin-right: 30px;
float: left;
}

#productfinder select.selected,
#productfinder input.selected {
background-color: #ffc;
font-weight: normal !important;
color: #000 !important;
}

#productfinder select,
#productfinder input {
font-weight: normal !important;
width: 190px !important;
}

#productfinder input.button {
width: auto !important;
margin-top: 10px;
}

span#ctl00_wpm_SearchPage_ctl03_output {
display: block;
padding-top: 15px;
}





table.myorder th,
table.myorder .itemList th {
   font-weight: bold;
}

table.myorder .verticalText {
   padding: 8px;
   text-align: center;
}

table.myorder .itemList {
   margin-top: 15px;
}

table.myorder .itemList .right {
   text-align: right;
}

table.myorder .itemList tr {
   border-bottom: 1px #ccc solid;
}

table.myorder .itemList th,
table.myorder .itemList td {
   padding-top: 5px;
   padding-bottom: 5px;
}