/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
body {
	padding: 0px;
	background: black;
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: black;
	margin: 0px;
	width: 100%;
}
/*#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}*/
#Mheader {
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
    background-image: url('/PDGImages/curtain_tile.jpg');
    height: 85px;
}
.threecol {
	background: url('/PDGImages/curtain_tile.jpg'); /* right column background */
}
.threecol .col1 {
	width: 90%; /* width of center column content (column width minus padding on either side);*/
	left: 99%;
}
    .threecol .col2 {
        width: 8%; /* Width of left column content (column width minus padding on either side) */
        left: 4%;
        color: #FFCC00;
    }
    .threecol .col3 {
        width: 8%; /* Width of right column content (column width minus padding on either side) */
        left: 96%;
        color: #FFCC00;
    }
	.threecol .colleft {
	right: 88%; /* width of the middle column */;
	background-image: url('/PDGImages/curtain_tile.jpg');
}
	.threecol .colmid {
	right: 6%; /* width of the right column */;
	background-color: #E3C781;
}
	.fcol3 {
	float: left;
	width: 32%;
}
.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;	/* width of page */
		position:relative;
	}
.colmask {
        position: relative; /* This fixes the IE7 overflow hidden bug */
        clear: both;
        float: left;
        width: 100%; /* width of whole page */
        overflow: hidden;
    }
.col1,
	.col2,
	.col3 {
	float:left;
	position:relative;
	overflow:hidden;
	}
.col1{
	z-index:1;
}
.col2,.col3{
	z-index:2;
}
p {
	margin: .5em 0em .5em 0em;
}
* {
	border-width: 0px;
	margin: 0;
	padding: 0;
	outline: 0;
}

/* links */
a, a:visited {
	color: black;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
h1 {
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #844800;
	letter-spacing: .1em;
}
h2 {
	font-size: 1.8em;
	text-transform: uppercase;
	font-weight: bold;
	color: #844800;
}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #844800;
}
h1, h2, h3, p {
	padding: .6em 0em .6em 0px;
}
/*h4 {
	font-size: 100%;
	padding:10px;
}
ul, ol {
	margin: 5px 5px;
	padding: 0 5px;
}*/
ul {
	list-style: none;
}
/*img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}
code {
	margin: 5px 0;
	padding: 10px;
	text-align: left;
	display: block;
	overflow: auto;
	border: 1px solid #E0DBC9;
}
acronym {
  cursor: help;
  border-bottom: 1px dashed #777;
}*/
hr {
	color:#481800;
	background-color:#481800;
	height:1px;
	border:none;
}
/*blockquote {
	border-color: CC903C;
	border-style: solid;
	border-width: 1px;
	margin: 10px;
	font: bold 1.3em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #CC903C;
		text-align: center;
		width: 50%;
		right: auto;
		left: auto;
}*/
/* start - table */
/*table {
	border-collapse: collapse;
}*/
th strong {
	color: #fff;
}
th {
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 790px;
	margin: auto;
	text-align: left;
	z-index:4;
}
#top-bg {
	position: absolute;
	width: 820px;
	height: 19px;
}
top;{
	top: 0;
	left: 0;
	z-index: 2;
}
#content-wrap {
	position: relative;
	clear: both;
	float: left;	
	width: 790px;	
	padding: 0; 	
	background: #E8E8E8;	
	border-top: 5px solid #FFF;
	border-bottom: 2px solid #D0D0D0;
	margin-left: 15px;	
	display: inline;
	z-index:5;
}
#header {
	width: 790px;
	position: relative;
	height: 40px;
}
#header table{
	font-weight: bold;
	width: 790px;
	height: 40px;color:#844800;
}
.hstyle1{
	width: 460px;
	font-size: 2em;
	text-transform: uppercase;
	font-weight: normal;
	vertical-align: bottom;
	color: #4F2D0B;
}
.hstyle2{
	width: 125px;
	vertical-align: bottom;
}
.hstyle3{
	width: 75px;
	vertical-align: bottom;
}
.hstyle4{
	width: 130px;
	text-align: right;
	padding-bottom: 3px;
	vertical-align: bottom;
}
.hstyle5{
	font-size: .8em;
	font-weight: normal;
	line-height: 1em;
	vertical-align: bottom;
}
/* Navigation */
#nav {
	clear: both;
	position: relative;
	width: 790px;
	height: 35px;
	z-index: 100;
	overflow: visible;
	margin-bottom: 5px;
	margin-top: 5px;
}
/* Main Column */
#main {
	float: left;
	display: inline;
}
#main h2 {
	color: #604848;
}
/*#main ul li {
	list-style: none;
}*/

/* footer */
#footer-wrap {
	clear: both;
	width: 820px;
	font-size: 95%;
	padding: 15px 0;
}
#footer-wrap a {
	color: #666666;
	font-weight: bold;
}
#footer-wrap a:hover {
	color: #000;	
}
#footer-wrap p {
	padding:10px 0;
}
#footer-wrap h3 {
	color: #666666;
	padding: 0 10px; 
	text-transform: uppercase;
}
/*#footer-columns {
	clear: both;
	
	margin: 0 auto;
	width: 790px;
	padding: 10px 0;
	text-align: center;
	position: absolute;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
}*/
#footer-wrap ul {
	margin: 10px 0 0 0;
}
#footer-wrap li a {
	display: block;
	font-weight: normal;
	padding: 4px 0 4px 10px;
	width: 96%;
}
.fcol3, .fcol3-center {
	color: #666;
}
.fcol3-center { 
	margin: 0 15px; 
}
/* bottom */
#footer-bottom {
	clear: both;
	color: #666;
	margin: 0 auto;
	width: 790px;
	padding: 10px 0;
	text-align: center;
}

/*-----------------------------------crumb_nav------------------*/
.crumb_nav{
padding:5px 0 10px 0px;
}
.crumb_nav a{
color:#11819E;
}
/*---------------------------------- Search Product */
.searchproduct {
	vertical-align: top;
	width: 100px;
	padding: 0; margin: 0 0 0 25px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
}

.cat_div {
	border: thin solid #604848;
	padding: 10px;
	width: 225px;
	margin-top: 20px;
	margin-left: 10px;
	float: left;
	height: 200px;
}
.cat_div a:link {
	color: #FCFCF0;
}
.cat_div a:visited{
	color: #FCFCF0;
}
.cat_div a:active{
	color: #FCFCF0;
}
.cat_div a:hover{
	color: #FCFCF0;
	text-decoration: none;
}
.cat_div h1{
	font-size: large;
	color: #FCFCF0;
}

/*-----------------Begin Forms------------------- */

/* General Form Styles */
input {
	border:thin;
}
#form {
	margin: 10px;
}
label {
	float:left;
	text-align:right;
	margin-right:0.5em;
	display:block;
	font-weight: bold;
}
textarea {
	width: 200px;
	padding: 2px;
	border: 1px solid #eee;
	height: 100px;
	display: block;
	color: black;
}
fieldset.form {padding:0;float:left;clear:left;width:100%;border: 2px solid #9c603c;margin:1em 0 0 0;}
fieldset.form input,select {width:15em;border-width:thin;}
fieldset.submit{float:left;clear:left;width:auto;border:0;padding:1em 0 0 21em;}
/*fieldset.form legend {}*/
legend {margin-left:1em;font-weight: bold;font-size: 9pt;color: #9c603c;}
ol.form {padding: 0px;margin: 0px;list-style: none;}
ol.form li {padding-bottom:0.5em;float:left;clear:left;width:100%;}
ol.form label {float:left;width:20em;margin-right:1em;}
.searchform input.textbox {width: 130px;height: 20px;background-color: #fcfcf0;}
/*.searchform p {margin: 0;padding: 0;}*/
.searchform {margin: auto;width: 200px;}

/*------------------------------------ header quick search */

#quick-search {
	position: absolute;
	right: 0px;
	top: 30px;
	bottom: auto;
	height: 25px;
	float: right;
	margin-top: 10px;
}
#quick-search .button {
	font-size: 1em;
	position: absolute;
	right:0px;
	top:0px;
	margin:0;
	width:50px;
	height:25px;
}
#quick-search .textbox {
	position: absolute;
	right: 50px;
	width:105px;
	height:23px;
	border:1px #C0B4A8 solid;
	padding:0 0 0 5px;}

/*#header form#quick-search input {
	border-width: 0px;
	float: left;
}*/
/*#header form#quick-search p {margin: 0;padding: 0;}*/

/***************************************navigation login form***************************************/

#navinputsubmit {text-align: center;padding-top: 5px;padding-bottom: 5px;}
 
/***************************************register form***************************************/

#registerform input[type="text"],#registerform input[type="password"],#registerform select {width:15em;border-style:none;border-width:thin;}
#registerform fieldset { padding:0;float:left;clear:left;width:100%;border: 2px solid #9c603c;margin:1em 0 0 0;}
#registerform legend {margin-left:1em;}
#registerform label{float:left;width:20em;margin-right:1em;}
#registerform fieldset.submit{float:none;width:auto;border:0;padding:1em 0 0 21em;}
#registerform ol {padding: 0px;margin: 0px;list-style: none;}
#registerform li{padding-bottom:0.5em;float:left;clear:left;width:100%;}

/***************************************checkout form***************************************/

#basket {width: 500px ;margin-left: auto ;margin-right: auto ;padding: 0px;}
.loginsuccessbuttons {text-align: center;width: 100%;}
.loginsuccessbuttons li {outline: none;text-align: center;font-weight: bold;text-decoration:none;
	padding: .35em 2em .4em;
	width: 50%;
	margin: 2em 0 2em 0;
	list-style-type: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3)
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color:#fef4e9;
	border:1px #da7c0c solid;
	background:#f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcc048), to(#fc9c00));
	background: -moz-linear-gradient(top, #fcc048, #fc9c00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcc048', endColorstr='#fc9c00');
}
.loginsuccessbuttons li:hover{
	text-decoration:none;
	background:#f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top, #f88e11, #f06015);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');

}
.loginsuccessbuttons li:active{
	position:relative;
	top:1px;
	color:#fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#fc9c00), to(#fcc048));
	background: -moz-linear-gradient(top, #fc9c00, #fcc048);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc9c00', endColorstr='#fcc048');
}
.button {
	outline: none;
	text-align: center;
	font-weight: bold;
	text-decoration:none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3)
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border:1px #da7c0c solid;
	background:#f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcc048), to(#C07800));
	background: -moz-linear-gradient(top, #fcc048, #fc9c00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcc048', endColorstr='#C07800');
}
.button:active{
	position:relative;
	top:1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#C07800), to(#fcc048));
	background: -moz-linear-gradient(top, #C07800, #fcc048);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C07800', endColorstr='#fcc048');
}
#item_order_table {
	margin: 2em 5em 2em 2px;
}
#item_order_table td {
	padding: 2px;
	font-weight: bold;
}
.category_div_tl, .category_div_t, .category_div_tr, .category_div_l, .category_div_r, .category_div_bl, .category_div_b, .category_div_br, .category_div {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
}
.category_div_t {
	/*
        change this div to layout the whole box (width, height, float, margin, ...)
        example lines:
        width: 60%;
        
        to change distance to content/text scroll to class ".category_div" and change the padding
    */
    /*padding: 10px;*/
	background-color: #E3C781;
	background-image: url("/PDGImages/category_div_border.png");
	background-repeat: repeat-x;
	background-position: 50% top;
	width: 250px;
	height: 275px;
	float: left;
	margin: 10px 20px 10px 0px;
}
.category_div_tl {
    height: 100%;
    background-image: url("/PDGImages/category_div_topleft.png");
    background-repeat: no-repeat;
    background-position: left top;
}
.category_div_tr {
    height: 100%;
    background-image: url("/PDGImages/category_div_topright.png");
    background-repeat: no-repeat;
    background-position: right top;
}
.category_div_bl {
    height: 100%;
    background-image: url("/PDGImages/category_div_bottomleft.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}
.category_div_br {
    height: 100%;
    background-image: url("/PDGImages/category_div_bottomright.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}
.category_div {
    height: 100%;
    /* change this if you want to change the distance distance to text/content */
    padding: 10px;
}

.category_div_l {
    height: 100%;
    background-image: url("/PDGImages/category_div_border.png");
    background-repeat: repeat-y;
    background-position: left;
}
.category_div_r {
    height: 100%;
    background-image: url("/PDGImages/category_div_border.png");
    background-repeat: repeat-y;
    background-position: right;
}
.category_div_b {
    height: 100%;
    background-image: url("/PDGImages/category_div_border.png");
    background-repeat: repeat-x;
    background-position: bottom;
}
.style2 {
    border: 2px solid #800000;
}
.style3 {
    font-size: medium;
}
.style4 {
	background-color: #FCFCF0;
}

.blockquote {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 1.5em;
	color: #9c603c;
	line-height: 1.5em;
	text-align: center;
	padding: .3em;
	background-color: #fcfcf0;
	margin: .7em;
	width: 50%;
	right: auto;
	left: auto;
}
/*---------------nav bar style---------------*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	position:relative;
	z-index:200;
}
.sf-menu {
	height:34px;
	color: #F2C064;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	float:left;
}
.sf-menu ul {
	position: absolute;
	top: 0px;
	width: 790px;
	height: 34px;
}
.sf-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	/*this is the one that sets the top level background color*/
	float: left;
	background: #481800;
	height: 34px;
	background-color: #4F2D0B;
	padding-right: 15px;
	padding-left: 15px;
	border-left: 1px solid #fce4b4;
}
.sf-menu a {
	display: block;
	line-height: 34px;
}
ul.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: -137px;
	top: 34px;
	z-index: 200;
	width: 275px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -34px;
	z-index: 300;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 275px; /* match ul width*/;
	top: 0px;
}
/**************Theme specific skin***************/
.sf-menu a,:visited .sf-menu a:visited {
	/* visited pseudo selector so IE6 applies text colour*/
	color: #E3C781;
}
.sf-menu li li { /*this colors the 2nd level menus*/
	float:none;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu a:current{
	outline: 0;
	color: #F2C064;
	background: #8C3100;
}