/*
RESET ALL MARGINS TO 0
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font: 67.5% Arial, Helvetica, sans-serif;
	background: #000 url(../images/bg.png) repeat-x;
	color: #b3b3b3;
}

textarea 
{
	font: 67.5% Arial, Helvetica, sans-serif;
}

/* CONTAINER */
#airlock {
	margin: 0 auto;
	width: 953px;
	position: relative;
}

/* LOGO */
h1 {
	float: left;
	width: 172px;
	height: 57px;
	margin: 15px 49px 0 0;
}

h1 a {
	float: left;
	width: 172px;
	height: 57px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999em;
}

h4 {
	clear: both;
	font-size: 1.3em;
	color: #FFF;	
	margin: 0 0 1em;
}

fieldset 
{
	border: 0;	
}

legend {
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 5px;
}

h5 {
	clear: both;
	font-size: 1.1em;
	color: #FFF;	
	margin: 0 0 1em;
}

/* TOP NAVIGATION */
#top 
{
	float: left;
	display: block;
	position: absolute;
	right: 0;
	top: 0;	
	list-style-type: none;
	width: 138px;
	height: 19px;
}

#top li
{
	float: left;
}

#top li a 
{
	float: left;
	width: 69px;
	height: 19px;
	text-indent: -9999em;	
}

#top li a.residential
{
	background: url(../images/top-residential.png) no-repeat;
	background-position: 0 -19px;
}

#top li a.commercial
{
	background: url(../images/top-commercial.png) no-repeat;
	background-position: 0 -19px;
}

#top li a:hover, #top li a.selected
{
	background-position: 0 0;
}

/* MAIN NAVIGATION */
#navigation {
	float: left;
	list-style-type: none;
	margin: 48px 0 0;
}

#navigation li {
	float: left;
	height: 36px;
	background: url(../images/bg-nav-item.png) no-repeat 0 bottom;
	padding: 0 0 0 1px;
}

#navigation li a {
	float: left;
	padding: 11px 14px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/bg-nav.png) repeat-x 0 42px;
}

#navigation li a:hover, #navigation li a.selected {
	color: #c5aa02;
	background-position: 0 0;
}

/* HOME */

#main 
{
	float: left;
	width: 953px;
}

div.home-residential 
{
	background: url(../images/bg-residential.jpg) no-repeat right 0;
	min-height: 604px;	
}

div.home-commercial 
{
	background: url(../images/bg-commercial.jpg) no-repeat right 0;
	min-height: 604px;	
}

/* BREADCRUMB */

#breadcrumb 
{
	float: left;
	width: 953px;
	margin: 12px 0 0;
	list-style-type: none;	
}

#breadcrumb li 
{
	float: left;
	padding: 0 11px 0 0;	
	margin: 0 6px 0 0;
	background: url(../images/breadcrumb.gif) no-repeat right 6px;
}

#breadcrumb li a 
{
	color: #959595;
	text-decoration: none;
}

#breadcrumb li a:hover
{
	text-decoration: underline;
}

#breadcrumb li.selected 
{
	background: none;	
}

#breadcrumb li.selected a
{
	font-weight: bold;
}

#main h2
{
	color: #FFF;
	text-transform: uppercase;
	font-size: 2.4em;
	margin: 0 0 0.8em;
}

#main h2 span.last-word
{
	color: #c5aa02;
}

#subnav 
{
	float: left;
	width: 506px;
	list-style-type: none;
	margin: 0 0 1em;
	position: relative;
}

#subnav li
{
	float: left;
	clear: both;
	width: 272px;
}

#subnav li a 
{
	float: left;
	color: #FFF;
	width: 272px;
	text-transform: uppercase;
	background: url(../images/subnav-arrow.gif) no-repeat 7px 0;	
	padding: 5px 0 4px 20px;
	font-weight: bold;
	text-decoration: none;
}

#subnav li img
{
	position: absolute;
	top: 0; 
	right: 0;
	border: 4px solid #FFF;
}


#subnav li a:hover
{
	background: #FFF url(../images/subnav-arrow.gif) no-repeat 7px -27px;	
	color: #000;
	padding: 5px 0 4px 24px;
}


div.promotion
{
	float: left;
	clear: both;
	display: block;	
	width: 252px!important;
}

div.promotion p
{
	float: left;
	clear: both;
	display: inline;	
	margin: 8px;
	width: 240px;
	color: #b3b3b3;
}

div.promotion h3
{
	float: left;
	display: inline;
	clear: both;
	width: 252px;
	height: 17px;
	color: #000;
	margin: 20px 0 0;
	text-transform: uppercase;
	font-size: 1em;
}

div.promotion h3 a
{
	float: left;
	display: inline;
	width: 245px;
	background: #FFF url(../images/subnav-arrow.gif) no-repeat 237px -28px;	
	height: 14px;
	padding: 3px 0 3px 7px;
	color: #000;
	text-decoration: none;
}

div.promotion h3 a:hover
{
	background-position: 237px -55px;	
}

/* Content area*/

#content
{
	float: left;
	width: 956px;
	position: relative;
}

#content ul 
{
	color: #c5aa02;	
	list-style-type: none;
	margin: 1em 0 0;
	padding: 0 0 1em 0;
}

#content ul li
{
	color: #b3b3b3;	
	background: url(../images/li.png) no-repeat 0 4px;
	padding: 0 0 0 14px;
}

#content blockquote
{
	float: left;
	width: 175px;
	color: #FFF;
	clear: left;
	display: inline;
	font-size: 1.4em;	
	margin: 5px 30px 20px 0;
}

#content blockquote strong
{
	float: left;
	width: 175px;
	clear: both;
	font-size: 0.75em;
}

#content blockquote span
{
    float: left;
	width: 175px;
	clear: both;
}

#content div
{
	float: left;
	display: inline;
	width: 470px;
	margin: 5px 20px 20px 0;
}

#content div strong
{
    font-size: 1.1em;
}

#content p 
{
	margin: 0 0 1em;	
}

#content img.hero 
{
	float: left;
	border: 6px solid #000;	
	clear: both;
}

#content h4
{
	float: left;
	clear: both;
	display: block;
	width: 470px;
	font-size: 1.3em;
	color: #FFF;	
	margin: 0 0 0.5em;
}

#content ul.dock 
{
	position: absolute;
	float: left;
	right: 6px;
	top: 6px;	
	width: 250px;
	list-style-type: none;
	margin: 0!important;
}

#content ul.dock li
{
	width: 250px;
	text-transform: uppercase;
}

#content ul.dock li.title
{
	padding: 5px 0 5px 14px;
	background: #494949;
	width: 236px;
}

#content div span a
{
    color: #ffffff;
    text-decoration: none;
}

#content div span a:hover
{
    text-decoration: underline;    
}

/* Related Navigation */

ul.related, ul.download 
{
	float: left;
	clear: both;
	display: block;
	margin: 10px 0 0!important;
	font-size: 0.9em;
	list-style-type: none;
}

ul.related li, #content ul.related li, ul.download li, #content ul.download li
{
	padding: 0;
	background: none;
	clear: both!important;
	margin: 0!important;
}

ul.related li a, ul.download li a
{
	float: left;
	clear: both;
	display: inline;
	width: 226px;
	background: url(../images/subnav-arrow.gif) no-repeat 0 -2px;	
	border-top: 1px solid #333;
	padding: 3px 13px;
	color: #b3b3b3;
	text-decoration: none;
	text-transform: uppercase;
}

#content div ul.related li a, #content div ul.download li a
{
	width: 440px;	
}

ul.related li.last a, ul.download li.last a
{
	border-bottom: 1px solid #333;
}

ul.related li.view a, ul.download li.view a
{
	width: 442px;
}

ul.related li a:hover, ul.related li.selected a, ul.download li a:hover, ul.download li.selected a
{
	color: #FFF;
}

#content div ul.download li a
{	
	background: url(../images/li-download.png) no-repeat 3px 6px;	
}
/* GLOBAL HOME */
#home 
{
	float: left;
	width: 100%;
	display: block;
	background: #91988e url(../images/bg-home.png) repeat-x;
	height: 499px;
	min-width: 953px;
}

#home h1 
{
	float: left;
	width: 252px;
	height: 57px;
	display: block;
	margin: 45px 0 1em;
	clear: both;
	background: url(../images/logo.png) no-repeat right 0;
	text-indent: -9999em;
}

#home #content 
{
	position: absolute;
	top: 0;
	right: 0;
	width: 252px;
}

#home img 
{
	position: absolute;
	left: 135px;
	top: 0;	
}

#home #content div.promotion  
{
	margin: 1em 0;
	clear: both;
}

#home #content div.promotion h3 
{
	margin: 0;
}

#home #content ul.related li a
{
	border-top: 1px solid #9a998f;
	border-bottom: 1px solid #9a998f;	
}

#home #content p 
{
    text-align:justify;
	float: left;
	width: 252px;
	clear: both;
	color: #FFF;	
	margin: 1em 0 0;
}

#home #content ul li
{
	padding: 0;
}

#home #content ul li a
{
	color: #d9d8d4;	
}

#home #content ul li a:hover
{
	color: #FFF;	
}

/* FOOTER */


#footer {
	float: left;
	width: 100%;
	display: block;
	background: url(../images/bg-footer.png) repeat-x;
	min-height: 192px;
	min-width: 953px;
}

#footer div {
	margin: 0 auto;
	width: 953px;
}

#footer h2 
{
	float: left;	
	width: 230px;
}


#footer h2 a.gbca {
	float: left;
	width: 204px;
	height: 57px;
	margin: 10px 0 0;
	text-indent: -9999em;
	background: url(../images/gbca.png) no-repeat;
	display: inline;
}


#footer h2.qsi {
	float: left;
	width: 226px;
	height: 39px;
	margin: 30px 0 0 0;
	text-indent: -9999em;
	background: url(../images/qsi.png) no-repeat;
	display: inline;
}

#footer fieldset {
	float: right;
	display: inline;
	border: 0;
	margin: 15px 0 0;
}

#footer fieldset legend {
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
}

#footer fieldset input {
	float: left;
	display: inline;
	margin: 1px 0;
}

#footer fieldset input.textbox {
	background: #2a2c2c;
	border: 0;
	color: #FFF;
	font-size: 1em;
	width: 200px;
	padding: 2px 6px 3px;
	margin: 1px 6px 4px 0;
}

#footer hr {
	float: left;
	width: 100%;
	clear: both;
	display: block;
	color: #3f3f3f;
	height: 1px;
	line-height: 1px;
	border-top: 1px solid #3F3F3F;
	border-bottom: none;
}

#footer em {
	float: left;
	font-style: normal;
	color: #6d6d6d;
	margin: 7px 0 0;
}

#footer ul {
	float: right;
	list-style-type: none;
	margin: 2px 0 0;
}

#footer ul li {
	float: left;
	padding: 0 10px;
	margin: 5px 0px;
	line-height: 1.1em;
	border-right: 1px solid #6c6c6c;
}

#footer ul li.last {
	border-right: none;
	padding-right: 0;
}

#footer ul li a {
	color: #6c6c6c;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}


/* COLLECTIONS */
#swatches 
{
	float: left;
	width: 535px;
}

#swatches div 
{
	float: left;
	clear: none;
}

#swatches div fieldset p
{
	margin: 0;
}


#swatches div fieldset input
{
	float: left;
	margin: 0;
}


#swatches div fieldset input.textbox
{
	background: #2a2c2c;
	border: 0;
	color: #FFF;
	font-size: 1em;
	width: 130px;
	padding: 2px 6px 3px;
	margin: 0 8px 0 0!important;
	display: inline;
	border: 1px solid #454545;
}


#swatches div p
{
	float: left;
	clear: both;
	width: 310px;
	margin: 1.2em 0 0;
}

#swatches img.hero 
{
	float: left;
	border: 4px solid #FFF;	
	margin: 0 16px 0 0;
	clear: none;
}

#swatches ul.swatches 
{
	float: left;
	list-style-type: none;
	margin: 0;
	width: 535px;
	clear: both;
}

#swatches ul.swatches li  
{
	float: left;
	width: 91px;
	margin: 16px 16px 0 0;
	display: inline;
}

#swatches ul.swatches li a 
{
	float: left;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
}

#swatches ul.swatches li a img
{
	float: left;
	border: 1px solid #333;
	padding: 3px;
	margin: 0 0 9px;
}

#swatches ul.swatches li a:hover 
{
	text-decoration: underline;
}

#swatches ul.swatches li a:hover img, #swatches ul.swatches li a.selected img
{
	border: 4px solid #FFF;
	padding: 0;
}

#swatches ul.swatches li a em
{
	float: left;
	clear: both;
	font-style: normal;
	width: 81px;
}

#swatches h4 
{
	float: left;
	width: 535px;
	clear: both;
	text-transform: uppercase;
	font-size: 1em;
	color: #FFF;
}

#swatches div em
{
	float: left;
	clear: both;
	width: 535px;
	font-style: normal;
	font-size: 0.8em;
	margin: 6.5em 0 2em;	
}

#swatches ul.related 
{
	margin: 4px 0 2em!important;	
}

#swatches ul.related li a
{
	width: 491px;
}

/* IMAGE GALLERY */

#images
{
	float: left;
	width: 412px;
}


#images #gallery
{
	float: left;
	width: 396px;
	padding: 8px;
	background: #000 url(../images/bg-gallery.png) repeat-x 0 bottom;
}

#images #gallery ul   
{
	float: left;
	list-style-type: none;
	clear: both;
}

#images #gallery ul li  
{
	float: left;
}

#images #gallery ul li a 
{
	float: left;
	margin: 12px 6px 0 0;
	color: #000;
	padding: 4px;
}

#images #gallery ul li a.last
{
	float: left;
	margin: 12px 0 0!important;	
}

#images #gallery ul li a:hover, #images #gallery ul li a.selected
{
	padding: 0;
}

#images #gallery ul li a:hover img, #images #gallery ul li a.selected img
{
	border: 4px solid #ffffff;
}


#images #gallery ul li a img
{
	float: left;
	border: 0;
}

#images ul.related
{
	margin: 0 0 2em 8px;	
}

#images ul.related li a
{
	width: 381px;	
	background: url(../images/li-download.png) no-repeat 3px 6px;	
}

/* DROP DOWNS */
ul.collection 
{
	float: left;
	border: 1px solid #555;	
	height: 36px;
	list-style-type: none;
	margin: 0 1em 2em 0;
}

ul.collection li
{
	float: left;
	background: url(../images/bg-collection-drop.png) repeat-x;
	position: relative;
}

ul.collection li a
{
	float: left;
	width: 186px;
	padding: 8px 0 12px 45px;
	height: 16px;
	font-size: 1.4em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
}

ul.collection li ul 
{
	position: absolute;
	top: 36px;
	left: -1px;
	list-style-type: none;
	border: 1px solid #555;
	width: 231px;
}

ul.collection li ul li
{
	float: left;
	clear: both;
	background: #000;
	width: 231px;
}

ul.collection li ul li a, ul.collection li a
{
	background-image: none;
	background-position: 5px 4px;
	background-repeat: no-repeat;
	text-transform: none;
}

ul.collection li ul li a:hover 
{
	background-color: #232323;	
}

#collection  
{
	float: left;
	display: block;
	padding: 0 0 2em;
	position: relative;
}

#collection fieldset 
{
	position: absolute;
	float: left;
	right: 0;
	top: 48px;
	display: inline;
	border: 0;
	margin: 15px 0 0;
}

#collection fieldset select 
{
	float: left;
	width: 250px;	
}

#collection fieldset select  
{
	padding: 2px;
	border: 0;
	background: #2a2c2c;
	color: #959696;
}
	
/* change here */

#collection div
{
	float: left;
	display: inline;
}

#collection div.range, #request-sample div
{
	float: left;
	width: 132px;
	margin: 0 30px 2em 0;	
	display: inline;
}

#collection div.last, #request-sample div.last
{
    float: left;
	width: 132px;
	display: inline;
	margin: 0 0 2em 0;	
}

#collection div.range a, #collection div.last a
{
	width: 124px;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	display: block;
}

#collection div.range a span img, #request-sample div span, #collection div.last a span img
{
    float: left;
	width: 124px;
	height: 124px;
	border: 1px solid #363636;	
	padding: 3px;
	clear: both;
}

#collection div.range a:hover, #collection div.last a:hover
{
	text-decoration: underline;
}

#collection div.range a:hover span img, #collection div.last a:hover span img
{
	border: 4px solid #FFF;	
	padding: 0;
}

#collection ul.related li a 
{
	width: 268px;	
	text-transform: none;
	font-size: 1.1em;
}

#collection div.range a img, #request-sample div span img, #collection div.last a img
{
	float: left;
	display: inline;
	width: 124px;
	height: 124px;
	border: 0;
}

#collection div.range em, #collection div.range strong,
#collection div.last em, #collection div.last strong,
#request-sample div em, #request-sample div strong
{
	float: left;
	width: 132px;
	display: inline;
	font-style: normal;	
	color: #FFF;
}

#collection div.range strong, #request-sample div strong, #collection div.last strong
{
	margin: 1em 0 0;
}

#request-sample div a em
{
    float: left;
	width: 132px;
	display: inline;
	font-style: normal;	
	color: #FFF;
	text-transform: capitalize;
	cursor: pointer;
}

#request-sample div a:hover em
{
    text-decoration: underline;
}

/* REQUEST SAMPLE AND CONTACT PAGE */

#request-sample, #contact
{
	float: left;
	width: 465px;	
	margin: 0 0 2em;
	display: inline;
}

#request-sample div a 
{
	text-transform: lowercase;
	color: #b3b3b3;
	text-decoration: none;
	clear: both;
}

#request-sample div a:hover
{
	text-decoration: underline;	
}


#contact
{
	width: 285px;	
}

#request-sample ul.related li a
{
	width: 439px;
}

#request-contact, #contact-address
{
	float: left;
	width: 254px;	
	margin: 0 0 2em 225px;
	display: inline;
} 

#contact-address
{
	width: 215px;
	margin: 39px 0 2em 0;
}

#request-contact fieldset, #request-contact fieldset label,
#contact fieldset p, #contact fieldset label
{
	float: left;
	width: 254px;
	clear: both;
	margin: 10px 0 0 0;
}

#contact fieldset label.first
{
	float: left;
	width: 254px;
	clear: both;
	margin: 10px 0 5px 0;
}

#request-contact fieldset legend,
#contact fieldset legend 
{
	width: 204px!important;
	text-transform: none;
	color: #bababa;
}

#request-contact fieldset,
#contact fieldset p
{
	margin: 0.5em 0;
	display: inline;
}

#request-contact fieldset input.textbox,
#request-contact fieldset textarea.textbox,
#contact fieldset input.textbox,
#contact fieldset textarea.textbox 
{
	float: left;
	border: 1px solid #414141;
	background: #2a2c2c;	
	padding: 3px;
	margin: 5px 0 0 0;
	color: #FFF;
	font-size: 1em;
	width: 246px;
}

#contact fieldset div, #request-contact fieldset div
{
    float: left;
}

#request-contact fieldset input.area-code 
{
	width: 30px;
	margin: 0 10px 0 0;	
	display: inline;
}

#request-contact fieldset input.phone-number 
{
	width: 198px;
}

#request-contact fieldset label em, 
#request-contact fieldset legend em, 
#contact fieldset label em, 
#contact fieldset legend em 
{
	color: #ffdc00;
}

#contact fieldset select 
{
	float: left;
	width: 255px;	
}

#contact fieldset select  
{
	padding: 2px;
	border: 0;
	background: #2a2c2c;
	color: #959696;
}

#request-contact fieldset em,
#contact fieldset em
{
	font-style: normal;
}

/* REQUEST SAMPLE CONFIRMATION */
#request-sample-confirm
{
	float: left;
	width: 465px;	
	margin: 0 35px 0 0;
	padding: 0 0 2em;
}

#request-sample-confirm hr {
	float: left;
	width: 465px;
	clear: both;
	display: block;
	color: #3f3f3f;
	height: 1px;
	line-height: 1px;
	border-top: 1px solid #3F3F3F;
	border-bottom: none;
	border-right: transparent;
	border-left: transparent;
	margin: 1em 0;
}

#request-sample-confirm table  
{
	float: left;
	width: 465px;
	clear: both;
	margin: 0;
}

#request-sample-confirm table td 
{
	width: 50%;	
	vertical-align: top;
	padding: 0.58em 0;
}

#request-sample-confirm table td strong
{
	color: #FFF;
}

#request-sample-confirm ul 
{
	color: #c5aa02;	
	list-style-type: none;
	margin: 0;
}

#request-sample-confirm ul li
{
	color: #b3b3b3;	
	background: url(../images/li.png) no-repeat 0 4px;
	padding: 0 0 0 14px;
	font-weight: bold;
	color: #FFF;
	margin: 0 0 0.25em;
}

#contact-address address {
	font-style: normal;
}

#contact-address p, #contact-address address {
	margin: 0 0 1.2em;
}

#contact-address a {
	color: #FFF;
	text-decoration: none;
}

#contact-address a:hover {
	text-decoration: underline;
}


/* INSTALLATION LIBRARY */
#installation-library 
{
	float: left;
	width: 941px;
	background: #000;
	position: relative;	
	padding: 6px 0 2em;
}


#installation-library fieldset   
{
	float: right;
	margin: 0 12px 1em 0;
	display: inline;
}

#installation-library fieldset label
{
	float: left;
	text-transform: uppercase;
	color: #FFF;
	margin: 4px 1em 3px 0;
	font-weight: bold;
}

#installation-library fieldset select  
{
	float: left;
	clear: none!important;
	padding: 2px;
	border: 0;
	width: 200px;
	background: #2a2c2c;
	color: #959696;
	margin: 6px 0 3px;
}

#order-status , #main #order-status
{
	float: left;
	position: absolute;
	right: 0;
	top: 93px;	
}

#order-status p, #main #order-status p
{
	float: left;
	margin: 3px 1em 0 0;
}

#order-status strong, #main #order-status strong
{
	float: left;
	margin:0 0.5em 0 0;
}

#order-status span, #main #order-status span
{
	float: left;
	color: #FFF;
}

#order-status span em, #main #order-status span em
{
	font-style: normal;
	font-weight: bold;
}

#library-large 
{
	float: left;
	margin: 0 24px 0 0;
	display: inline;
	width: 495px!important;
}

#library-large img
{
	float: left;
	width: 495px!important;
	display: inline;
	margin: 3px 0 0 7px;
}

#library-large ul.related
{
	width: 495px!important;
	overflow: hidden;
}


#library-large ul.related a
{
	width: 482px;
	margin: 7px 0 0 7px;
}

#library-large ul.related li a
{
	background-position: 405px -1px;
	position: relative;
	text-indent: 405px;
	text-transform: none;
	font-size: 1.1em;
	padding-right: 0;
}

#library-large ul.related li a span
{
	position: absolute;
	left: -406px;
	text-transform: uppercase;
}

#library-large ul.related li a span em
{
	color: #c5aa02;
	text-transform: none;
	font-style: normal;
	margin: 0 0 0 0.5em;
}

#library-thumbs 
{
	float: left;
	width: 415px;
}

#library-thumbs a
{
	float: left;
	border: 1px solid #363636;	
	display: inline;
	padding: 3px;
	margin: 1px 18px 10px 0;
}

#library-thumbs a.last
{
	margin: 1px 0 10px 0;
}

#library-thumbs a img
{
	float: left;
	border: 0;
}

#library-thumbs a:hover
{
	border: 4px solid #FFF;	
	padding: 0;
}



/* PAGING */
#pager 
{
	float: left;
	display: block;
	font-size: 0.9em;
	list-style-type: none;
	width: 408px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	text-align: center;
	margin: 8px 0 0;
}


#pager div span a
{
	float: left;
	color: #b3b3b3!important;
	text-decoration: none;
}

#pager div span a:hover {
	color: #FFF!important;
}

#pager div span.previous
{
	float: left;
	display: block;
	background: url(../images/subnav-arrow-left.gif) no-repeat 0 7px;	
	padding: 3px 0 3px 13px;
	color: #FFF;
	text-decoration: none;
	font-size: 1.1em;
}

#pager div span.next
{
	float: right;
	display: block;
	background: url(../images/subnav-arrow.gif) no-repeat right -2px;	
	padding: 3px 18px 3px 0;
	color: #FFF;
	text-decoration: none;
	font-size: 1.1em;
}

#pager div span a.previous
{
	float: left;
	display: block;
	background: url(../images/subnav-arrow-left.gif) no-repeat 0 7px;	
	padding: 3px 0 3px 13px;
	color: #FFF;
	text-decoration: none;
	font-size: 1.1em;
}

#pager div span a.next
{
	float: right;
	display: block;
	background: url(../images/subnav-arrow.gif) no-repeat right -2px;	
	padding: 3px 18px 3px 0;
	color: #FFF;
	text-decoration: none;
	font-size: 1.1em;
}

#pager div span p 
{
	float: left;
	width: 298px;
	list-style-type: none;
	margin: 4px 0 0;
}

#pager div span p B
{
	float: none;
	display: inline;
	text-align: center;
	padding: 3px 7px 2px 7px;
	background: #333;
}

#pager div span p a
{
	float: none;
	display: inline;
	text-align: center;
	padding: 3px 7px 2px 7px;
}

#pager div span p a:hover
{
	background: #333;
}

#installation-library #subnav 
{
	width: 422px;
	margin: 1em 0 0;
}

#installation-library #subnav li a
{
	width: 173px;
}

/* STORE LOCATOR */

#store-locator-search 
{
	float: left;
	width: 500px;	
}

#store-locator-search #search   
{
	float: left;
	width: 445px;
	padding: 10px 10px 0 10px;
	background: #000;
	border: 1px solid #252525;
}

#store-locator-search #search h3  
{
	float: left;
	color: #FFF;
	font-size: 1.3em;
	width: 200px;
	text-transform: none;
	clear: none;
	margin: 0.5em 0 0;
}

#store-locator-search #search fieldset
{
	float: left;
	color: #FFF;
	width: 150px;
	clear: none;
	margin: 10px 0 0 0;
}

#store-locator-search #search fieldset p
{
    margin: 0;
}

#store-locator-search #search fieldset input
{
	margin: 0;
}

#store-locator-search #search fieldset p input.textbox
{
	background: #2a2c2c;
	border: 0;
	color: #FFF;
	font-size: 1em;
	width: 130px;
	padding: 2px 6px 3px;
	margin: -4px 8px 15px 0!important;
	display: inline;
	border: 1px solid #454545;
}

#store-locator-search #results
{
	float: left;
	padding: 0 0 2em;
	width: 500px;
}

#store-locator-search #results table  
{
	width: 465px;
	border-collapse: collapse;
}

#store-locator-search #results h3  
{
	color: #FFF;
	font-size: 1.3em;
	margin: 1em 0;
}

#store-locator-search #results h3 em 
{
	color: #c5aa02;
	font-style: normal;	
}

#store-locator-search #results table th.contact-details 
{
	width: 121px;
}


#store-locator-search #results table th  
{
	background: #2f2f2f url(../images/bg-store-locator-top.png) repeat-x;
	border-right: 1px solid #333;
	padding: 3px 10px;
	text-transform: uppercase;
	text-align: left;
	color: #FFF;
}

#store-locator-search #results table tbody tr  
{
	border-bottom: 1px dotted #6e6e6e;
}

#store-locator-search #results table td
{
	padding: 10px;
	vertical-align: top;
	background: #0e0e0e;
}

#store-locator-search #results table td.city 
{
	font-weight: bold;
	color: #FFF;
	width: 101px;
	background: #0e0e0e url(../images/bg-store-locator.png) repeat-y;
}

/* GOOGLE MAP */
#store-locator-map 
{
	float: left;	
}

#store-locator-map #map 
{
	float: left;
	width: 450px;
	height: 450px;	
}

/* LINK BUTTONS */
a.btn-go,
a.btn-order-samples,
a.btn-submit,
a.btn-print,
a.btn-finalise-order,
a.btn-find-stockist,
a.btn-request-sample,
a.btn-clear-filters
{
	float: left;
	text-indent: -9999em;
	height: 20px;
	display: inline;
}

a.btn-go
{
	width: 48px;
	background: url(../images/btn-go.png) no-repeat;
	margin: -3.4em 0 0 0;
}

a.btn-order-samples 
{
	width: 125px;
	background: url(../images/btn-order-samples.png) no-repeat;	
	text-indent: -9999em;
}

a.btn-submit
{
	width: 75px;
	background: url(../images/btn-submit.png) no-repeat;	
}

a.btn-print 
{
	background: url(../images/btn-print.png) no-repeat;
	width: 63px;
	margin: 1em 0 0 0;
	clear: both;
}

a.btn-finalise-order 
{
	width: 121px;
	background: url(../images/btn-finalise-order.png) no-repeat;
}

a.btn-find-stockist 
{
	width: 125px;
	background: url(../images/btn-find-stockist.png) no-repeat;
}

a.btn-request-sample
{
	width: 142px;
	background: url(../images/btn-request-sample.png) no-repeat;
}

a.btn-clear-filters
{
	width: 115px;
	background: url(../images/btn-clear-filters.png) no-repeat;
}


a.btn-go:hover,
a.btn-order-samples:hover,
a.btn-submit:hover,
a.btn-print:hover,
a.btn-finalise-order:hover,
a.btn-find-stockist:hover,
a.btn-request-sample:hover,
a.btn-clear-filters:hover
{
	background-position: 0 -20px;
}

#search fieldset a.btn-go 
{
	float: right;
}

/* Additional style - Created by Nikunj */

.none
{
    display: none;
}

.redtext
{
    color: Red;
    font-size: 11px;
}

.star
{
    color: #e6cb4d;
    font-size: 12px;
}

.aTextBox
{
    background: #2a2c2c;
	border: 0;
	color: #FFF;
	font-size: 1em;
	width: 200px;
	padding: 2px 6px 3px;
	margin: 1px 6px 4px 0;
}

#common
{
    text-align: justify;
	float: left;
	width: 480px;	
	margin: 0 0 2em;
	display: inline;
}
#common label
{
    text-align: justify;
    color: #e6cb4d;
	float: left;
	width: 480px;
	clear: both;
	margin: 0 0 1.2em;
	font-weight: bold;
	padding: 0 0 0 0;
}

#common p
{
    padding: 0 0 20px 0;
}

#common p a
{
    color: #FFF;
	text-decoration: none;
}

#common p a:hover
{
	text-decoration: underline;
}

#pic
{
    margin: 0 0 2em 500px;
}

#common ul 
{
	color: #c5aa02;	
	list-style-type: none;
	margin: -10px 1em 0 0;
}

#common ul li
{
	color: #b3b3b3;	
	background: url(../images/li.png) no-repeat 0 4px;
	padding: 0 0 0 14px;
}

#common ul li.last
{
	color: #b3b3b3;	
	background: url(../images/li.png) no-repeat 0 4px;
	padding: 0 0 20px 14px;
}

#contact-address-common
{
	float: left;
	width: 215px;
	margin: 0 0 0 0;
	display: inline;
} 

#contact-address-common address
{
	font-style: normal;
}

#contact-address-common p, #contact-address-common address
{
	margin: 5px 0 0 0;
}

#contact-address-common a
{
	color: #FFF;
	text-decoration: none;
}

#contact-address-common a:hover
{
	text-decoration: underline;
}

.watermarkedSearchLocator
{
	background: #2a2c2c;
	border: 0;
	color: #c1c1c1;
	font-size: 1em;
	width: 130px;
	padding: 2px 6px 3px;
	margin: -4px 8px 15px 0!important;
	display: inline;
	border: 1px solid #454545;
}

.watermarkedSwatches
{
	background: #2a2c2c;
	border: 0;
	color: #c1c1c1;
	font-size: 1em;
	width: 130px;
	padding: 2px 6px 3px;
	margin: 0 8px 0 0!important;
	display: inline;
	border: 1px solid #454545;
}