/*
Author: Richard Cassidy
        Graphite Design
        www.graphitedesign.net
Client: Carpet and Fabrics Direct
*/

body { font: normal 11pt Arial,helvetica,sans-serif;
       color: #6797c7;
       background: #aaa;
       margin: 0;
      }

p, td, div { 
  color: #444;
  font: normal 10pt Arial,helvetica,sans-serif;
	text-align: left;
  }

h1, h2 { 
  color: #000;
  font: bold 1.4em Arial,helvetica,sans-serif;
	background: inherit;
	text-transform: uppercase;
	letter-spacing: .3em;
}

h1 {
	font-size: 1.2em;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 1em;
	margin: 20px 0 10px 0;
}

img {
  border: 0;
}

A { 
  color: #999;
  font: bold 1em helvetica,sans-serif;
  text-decoration: none;
}
A:visited { 
  color: #999;
  font: bold 1em helvetica,sans-serif;
  text-decoration: none;
}
A:hover { 
  color: #a00;
  font: bold 1em helvetica,sans-serif;
  text-decoration: underline;
}
A:active { color: #f00;
           font: bold 1em helvetica,sans-serif;
           text-decoration: none;
}

blockquote { 
  font: normal 1.2em Times,Roman,serif;
  color: #6797c7;
	background: inherit;
	text-align: center;
	font-style: italic;
}

/* structure */

#bucket {
  width: 686px;
	background: #fff url('images/bg01.gif') repeat-y;  
  margin: 0 auto;
  padding: 20px 20px 0 20px;
}

#header {
  margin: 20px auto;
  width: 650px;
  text-align: right;
  }

#header span {
	color: #777;
	letter-spacing: .2em;
}

#main {
  background-color: #fff;
  color: #000;
  width: 650px;
  margin: 20px auto 0 auto;
}


#content { 
  padding: 0 0 10px 0;
}

#content p {
}

/* footer */

#footer { 
 font-size: .7em;
 padding: 5px 10px 0 10px;
 color: #999;
 margin: 10px 0 0 0;
 border-top: 1px solid #888;
}

.copyr { }

.design { 
  text-align: right;
  font-size: 1em;
  margin-top: 5px;
}

.footer a { color: #555; }
.footer a:hover { color: #6797c7; }

/* side panels */

td #side {
	width: 200px;
}

.sidepanel {
  width: 147px;
  background: #fff;
  margin-bottom: 15px;
  padding: 0 20px 0 0;
  
}

.sidepanel img {
	padding-bottom: 5px;
}

.sidepanel h1 {
	text-align: center;
	font-size: 1.2em;
	color: #fff;
	background: #999;
	padding: 5px;
}

.sidepanel ul {
	list-style: none;
	padding: 0 0 0 20px;
}

.sidepanel li { 
           padding: 0;
				   margin: 0; 
}

/* content panels */

.panel {
	float: right;
	padding-left: 30px;
	width: 150px;
	height: 100%;
}

.panel h1 {
	/* border: 1px solid #aaa; */
	padding: 3px 5px;
	font-size: 12px;
	font-weight: normal;
	color: #444;
	background: #ddd;
	text-transform: lowercase;
	letter-spacing: normal;
}

.panel ul {
	list-style-type: square;
	padding: 5px;
	margin-top: 0;
	margin-left: 20px;
	color: #aaa;
}

.panel li {
	padding-left: 0px;
	margin: 0 0 3px 0;
}

/* contact panel */

#contact {
	/* clear: both; */
	padding: .5em 0;
	font-size: 14px;
	font-weight: bold;
	color: #777;
	width: 400px;
}

/* main menu */

#mainmenu { 
				   text-align: right;
				   padding: 3px;
				   height: 17px;
				   background: #fff url('images/menu.gif') top right no-repeat;
				   margin-right: 15px;
          }

#mainmenu ul { 
				   list-style: none; 
				   margin: 0;
				   padding: 0;
				   }
				   
#mainmenu li { 
           padding: 0;
				   margin: 0; 
				   display: inline;
}

/* hack to prevent IE from picking this up cos its standards support is pathetic */
html>body #mainmenu a {
  padding-bottom: 10px;
}

#mainmenu a
{
	/* background: url("images/menu_empty_l.gif") left bottom no-repeat;	*/
  padding-left: 10px;
  padding-top: 10px;
  color: #444;
}	

#mainmenu a span
{
	/* background: url("images/menu_empty_r.gif") right bottom no-repeat;		*/
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
 
#mainmenu a:hover {
	color: #a00;
	/* background: #6797c7 url("images/menu_full_l.gif") left bottom no-repeat;	*/
	text-decoration: none;
  padding-left: 10px;
  padding-top: 10px;
}

#mainmenu a:hover span {
	/* background: url("images/menu_full_r.gif") right bottom no-repeat;	*/
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* front menu */

#frontmenu {
	padding: 5px 0 5px 300px;
	background: #fff url('images/frontpanel.gif') top right no-repeat;
}

#frontmenu ul {
	list-style-type: none;
	font-size: 16px;
	margin-top: 10px;
}

#frontmenu li {
	padding-bottom: 10px;
	display: block;	
}

#frontmenu a {
	border: 1px solid #c5c5c5;
	color: #777;	
	padding: 3px 10px;
}

#frontmenu a:hover {
	border: 1px solid #fff;
	text-decoration: none;
	color: #777;
}


#front01 {
	background: #fff url('images/front01.jpg') top center no-repeat;
	height: 150px;
	padding-top: 83px;
}

#frontmenu01 {
	text-align: right;
	padding-right: 20px;
}

#frontmenu01 ul {
	list-style-type: none;
	font-size: 16px;
	margin-top: 0;
}

#frontmenu01 li {
	padding-bottom: 10px;
	display: inline;
}

#frontmenu01 a {
	color: #fff;	
	padding: 4px 11px;
	font-size: 18px;
}

#frontmenu01 a:hover {
	border: 1px solid #fff;
	text-decoration: none;
	padding: 3px 10px;	
	color: #fff;
}

/* forms */

.input { font: normal 9pt lucida console, courier new, monospace;
         color: #ff5555;
         background-color: #ffeeee; 
         border:1px solid #ffbbbb;
       }

.button { font: normal 8pt lucida console, courier new, monospace;
          color: #ffffff;
          background-color: #bb3333;
          border: 0px solid #000000
        }

/* misc */

.imgright {
	float: right;
	padding-left: 15px;
}
.break { clear: both; }


.christmas {
	font-size: 1.1em;
	text-transform: capitalize;
	color: gold;
	background: maroon;
	border: 3px solid gold;
	text-align: center;
	padding: 10px;
	margin: 5px 0 10px 0;
}

.christmas .sale {
	font-size: 1.1em;
	font-weight: bold;
}