/*BODY

  Description: CSS for the body of the
  site and background image
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:  9pt;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url('../images/bg-repeatx.gif') repeat-x;
}



/*FRAME
  Description: CSS Page wrap for the centre content and side bars
*/
#frame {
	position: relative;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
}


/* SEO - TEXTBOX
   Description: CSS and positioning of home page text box
*/
#textbox {
	position: absolute; 
	bottom: 0px;
	left: 0px;
	width: 800px;
}

#textbox a, #textbox a:visited {
	color: #000050;
	text-decoration: none;
}
#textbox a:hover {
	text-decoration: underline;
}



/*CONC, CONR, CONL

  Description: Container styles for
  the centre content and 2 sidebars
*/
#conc {
	float: left;
	width: 800px;
	padding: 0px;
	height: 100%;
	
}
#conr {
	float: left;
	width: 10px;
	padding: 0px;
}
#conl {
	float: left;
	width: 10px;
	height: 300px;
	padding: 0px;
	background: url('../images/bg-leftborder.gif') no-repeat top;
}




/*HEADERLOGO

  Description: Main site image
*/
#headerlogo{
	float: left;
	padding:0px;
	margin: 0;
}
#headerlogo img{
	display: block;
	margin: 0;
	padding:0px;
}




/*SUBHEADERS

  Description: Style for the navigation
  at the top of the page. Horizontally
  layed out and styled with a background
*/
#subheaders{
	text-align: center;
	float: left;
	height: 152px;
	background: url('../images/topnav.gif');
	background-position: bottom;
}
#subheaders ul {
	font-size: 8pt;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#subheaders li {
	float: left;
	padding-top: 6px;
}
#subheaders li a {
	text-decoration: none;
	color: #3d3d3d;
	padding: 0px 4px 0px 10px;
}

#subheaders li a:hover {
	color: #e50d79;
	background-image: url('../images/topnav_widget.gif');
	background-repeat: no-repeat;
	background-position: left;
}




/*SUBNAV

  Description: Left hand side subnav
  navigation - provides the main page
  links on the site
*/
#subnav{
	width: 176px;
	float: left;
	padding: 0px;
	border-top: 1px solid #eeeeee;
	background: url('../images/bg-navrep.gif') repeat-y left;
}
#subnav .siteLinks{
	color: #5d24a8;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px;
}
	#subnav .siteLinks a { color: #5d24a8; font-size: 10pt; padding: 4px; }

#subnav .rangeLinks ul {
	color: #e50d79;
	margin-top: 30px;
	margin-bottom: 150px;
}
#subnav .rangeLinks li{
	list-style-image: url('../images/listarrowgrey.gif');
}
#subnav .rangeLinks .header{
	font-weight: bold;
	margin-left: -10px;
	list-style-image: url('../images/listarrowblack.gif');
}
#subnav .rangeLinks a {
	color: #e50d79;
}
#subnav hr{
	height:1px;
    background:#fbdbeb;
    color:#fbdbeb;
    border: 0px;
}






/*PRODNAV

  Description: Left hand side subnav
  navigation - provides links for
  product specific pages
*/
#prodnav {
	width: 176px;
	float: left;
	padding: 0px;
	padding-bottom: 200px;
}
#prodnav .rangeLinks ul {
	margin: 0px;
	padding: 0px;
}
#prodnav .rangeLinks li {
	margin: 0px;
	padding: 2px 2px 2px 2px;
    list-style-image: url('../images/listarrowgrey.gif');
}
#prodnav .rangeLinks .header {
	font-weight: bold;
	margin-left: -10px;
	list-style-image: url('../images/listarrowblack.gif');
}
#prodnav .rangeLinks .selected {
	font-weight: bold;
	margin-left: 5px;
	color: #e50d79;
	list-style-image: url('../images/listarrowblack.gif');
}

#prodnav .rangeLinks .header a, #prodnav .rangeLinks .header a:visited, #prodnav .rangeLinks .header a:hover  {
	color: #5d24a8;
}
#prodnav .rangeLinks a, #prodnav .rangeLinks a:visited {
	color: #000000;
}
#prodnav .rangeLinks a:hover {
	color: #e50d79;
}

#prodnav hr {
	height: 1px;
    background: #fbdbeb;
    color: #fbdbeb;
    border: 0px;
}





/*MAINPAGE

  Description: Main site content
*/
#mainpage{
	width: 624px;
	float: left;
	padding: 0px;
	margin: 0px;
	color: #e50d79;
	text-align: center;
}

#indexDiv{
	width: 467px;
	float: left;
	padding: 0px;
	color: #e50d79;
}
	#indexDiv .productSelect td { text-align: center; }
	#indexDiv .productSelect a { color: #e50d79; }
	#indexDiv .productSelect a:hover { text-decoration: none; }
	
#indexDiv .imgTile{
	float: left;
	width: 33%;
	text-align: center;
	display: inline;
	margin: 10px 0px 10px 0px;
}
	#indexDiv .imgTile img { margin: auto; }
	#indexDiv .imgTile a { color: #e50d79; }
	#indexDiv .imgTile a:hover{ text-decoration: none; }





/*PRODUCTDIV

  Description: CSS for Product layout
  pages
*/
#productDiv{
	width: 620px;
	float: left;
	padding: 0px;
	color: #e50d79;
}
#productDiv .imgTile{
	float: left;
	width: 25%;
	text-align: center;
	display: inline;
}
#productDiv .imgTile a{
	color: #e50d79;
}
#productDiv .imgTile a:hover{
	text-decoration: none;
}


/*PRODUCTDETAILS

  Description: CSS for Product
  details pages
*/
#productDetails {
	padding-left: 10px;
	padding-right: 10px;
}
#productDetails td {
	text-align: center;
	color: #404040;
	padding: 2px;
	padding-right: 5px;
	margin: 0px;
}
#productDetails td.alLeft {
	text-align: left;
}
#productDetails h1 {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	text-align: left;
	vertical-align: top;
	border-bottom: 0;
	font-size: 16pt;
}
#productDetails p {
	padding: 2px;
	line-height: 20px;
}

#productDetails .preview {
	border: 1px solid #dfd3ee;
	padding: 0px;
	margin: 0px;
	text-align: center;
	vertical-align: top;
	width: 300px;
}
#productDetails .preview h3,  #productDetails .preview p, #productDetails .preview ul {
	text-align: left;
}


#productDetails .description {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #dfd3ee;
	font-weight: normal;
	background: url('../images/fadebg.gif') bottom right no-repeat;
}
#productDetails .smap {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #dfd3ee;
	font-weight: normal;
}
#productDetails .descriptionnf {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #dfd3ee;
	font-weight: normal;
}
#productDetails .description ul{
	font-weight: normal;
}
#productDetails .headertd {
	height: 46px;
	background: url('../images/h1bg.gif') bottom right no-repeat;
}



/*SITEMAP

  Descriptions: Sitemap UL/LI styling
*/
#sitemap {
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
}
#sitemap ul li{
	margin-left: -20px;
}
#sitemap a{
	color: #5d24a8;
}
#sitemap img {
	display: inline;
	margin-right: 10px;
}

#sitemap .closed ul {
	display: none;
}

#sitemap li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}




/* GRID ::  used for displaying tabular information in detail */
#grid {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
}
#grid p {
	font-size: 8pt;
	color: #404040;
}
#grid td, #grid h4 {
	text-align: center;
}
#grid td img {
	display: inline;
}

#grid h3 {
	font-size: 12pt;
	font-weight: bold;
	color: #404040;
	text-decoration: none;
}

/* LOGIN box to access online catalogue */
#login {
	/* background-image: url('../images/login_bg.gif'); 
	background-repeat: no-repeat; */
	color: #000000;
}
#login td.labelR {
	text-align: right;
}
#login td.labelL {
	text-align: left;
}





/* CONTACT US
	
	Copied from PhantomRenovations: adjust accordingly

*/
#contactus {
	border: 2px solid #cccccc;
	background-color: #eeeeee;
	margin: auto;
	padding: 1px;
	width: 98%;
}
#contactus td {
	border: 1px solid #FFFFFF;
	text-align: left;
}
#contactus td.header{
	vertical-align: top;
	text-align: right;
	width: 50%;
}
#contactus td.data{
	text-align: left;
	width: 50%;
}


#contactus input, #contactus textarea {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	width: 200px;
}
#contactus input.radio { width: 15px; }

#contactus textarea {
	width: 200px;
	height: 75px;
}
#contactus .invalid {
	background-color: #FFDDCC;
}
#contactus .semiinvalid {
	background-color: #ffebcc;
}


/*SIDEBAR

  Description: Right hand side misc
  bar for info such as news and random
  information
*/
#sidebar{
	position: relative;
	width: 157px;
	float: right;
	padding: 0px;
	margin: 0px;
	height: 350px;
}
	#sidebar #contact {
		position: absolute;
		height: 130px;
		left: 0px;
		bottom: 0px;
		font-weight: bold;
		font-size: 8pt;
		background: url('../images/contact_bg.gif') no-repeat top;
	}
		#sidebar #contact .top {
			color: #da1e71;
			text-align: right;			
			padding: 0px 3px 0px 2px;
			margin: 0px 3px 0px 0px;		
		}
		#sidebar #contact .bottom, #sidebar #contact .bottom a, #sidebar #contact .bottom a:visited { color: #5e28a6; }
		


/*FOOTER

  Description: Footer for the bottom of
  each page
*/
#footer {
	float: left;
	padding-top: 15px;
	text-align: center;
	background: url('../images/bg-footer.gif') no-repeat bottom;
	font-size: 9pt;
	color: #5d24a8;
	height: 25px;
	width: 100%;
}
#footer p{
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
#footer a{
	color: #5d24a8;
}




/*CONTACTS

  Description: Shows registered contact
  information on the priviledged part of
  the site
*/
#contacts {
	width: 93%;
	margin: auto;
}
#contacts tr td {
	text-align: center;
}
#contacts tr.header td {
	border-bottom: 1px solid #000000;
	color: #000055;
	font-weight: bold;
	font-size: 10pt;
}
#contacts tr.data td {
	color: #000000;
	border-bottom: 1px solid #CCCCCC;
}
#contacts td.name {
	border-right: 1px solid #DDDDDD;
}
#contacts a {
	color: #e50d79;
}
.submit_btn_landingpage {
	border: 0;
	background: url(../images/landing_pages/bnt_send_new.gif) no-repeat;
	width: 64px;
	height: 23px;
	margin: 3px 0 5px 8px;
	cursor: pointer;
}
.submit_btn_landingpage:hover {background: url(../images/landing_pages/bnt_send_new_selected.gif)no-repeat}



/*PPREVIEW

  Description: Product Preview styling
*/
#ppreview {
	margin: 0px auto;
	padding: 0px;
}
#ppreview img{
	border: 3px solid #ac178d;
}
#ppreview .imgwrap {
	border: 3px solid #b9a1d9;
	display: inline-block;
}
#ppreview .whtwrap {
	border: 3px solid #FFFFFF;
	display: table-cell;
}



/* SPECIAL OFFER TABLE STYLE 
	
	Description: table info for EPIC deal
*/
#style1 {
	border-collapse: collapse;
	color: #404040;
	font-size: 8pt;
}

#style1 tr.headers td {
	font-weight: bold;
	text-decoration: underline;
}



/*DOME

  Description: Second footer section
*/
#footerlower {
	float: left;
	width: 100%;
}

/*DOME

  Description: Small CSS section for
  formatting call me and quote me
  images at the bottom of each product
  page
*/
#doMe img {
	margin: 5px 10px 5px 10px;
	display: inline;
}


/*HOMEBODY

  Description: Styling for products page
  background image(S)
*/
#productsm {
	float: left;
	background: url('../images/bg-navproductsrep.gif') repeat-y left;
}
#productsmm {
	float: left;
	background: url('../images/bg-navproducts2.gif') no-repeat bottom left;
}


/* LINKS 

	Description : bullet and anchor styles for the links.php page
*/
ul.links {
	margin: 0px 0px 0px 20px;
	padding: 3px;
	text-align: left;
	list-style-position: outside;
}

ul.links li {
	padding: 5px;
}



/*COMMON

  Description: Common styles
*/
h1, h2, h3 {
	color: #5d24a8;
	text-align: left;
}
h1 {
	font-size: 14pt;
	font-weight: normal;
	margin: 5px 5px 5px 5px;
	border-bottom: 1px solid #dfd3ee;
}
h2 {
	font-size: 12pt;
	margin: 5px 5px 5px 5px;
	border-bottom: 1px solid #dfd3ee;
}
h3 {
	font-size: 10pt;
	margin: 5px 5px 5px 5px;
}

h4 {
	font-size: 8pt;
	font-weight: bold;
	color: #FF8809;

}

img {
	border: 0px;
	display: block;
}
img.inline {
	display: inline;
}


a, a:visited { 
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

table {
	border-collapse: collapse;
}

p {
	margin: 0px;
}
p.justify {
	text-align: justify;
}

hr {
	color: #404040;
	background-color: #404040;
	width: 90%;
	height: 1px;
}

div.floatL {
	float: left;

}
div.floatR {
	float: right;
}


.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

/* INPUT and FORM Styles
	
	Description: Standard styles used for <input> 
	and form information
*/
form {
	margin: 0px;
}

input.text {
	width: 140px
}
select {
	font-size: 9pt;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.small { width: 80px; }
.med { width: 150px; }
.large { width: 250px; }


/*MISC

	Description: Miscellaneous styles
	that don't really belong anywhere
	else
*/
.footnote{
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	color: #888;
}
.footnote a, .footnote a:visited {
	color: #888;
}

.red { color: #CC0000; }