/* Document */
html, body{
	margin:0;
	padding:0;
	background-color:#768DD4;
}
textarea{
	width:600px;
	height: 200px;
}
h1{
	position:relative;
	font-size:24px;
	color:#990000;
	text-align:center;
}
h2{
	margin-left:30px;
	margin-bottom:5px;
}

/* Layout */
#content{
	position:relative;
	text-align:left;
	top:-80px;
	margin-left:15px;
	margin-right:15px;
}
#content p{
	font-size:16px;
	padding-left:50px;
	padding-right:50px;
}
#header li, #header ul{
	padding:0px;
	margin:0px;
}
#header li{
	list-style:none;
	display:inline;
	padding-left:10px;
	padding-right:10px;
}
#header{
	background-image:url(../gfx/top.jpg); /* Note: used in secure */
	background-repeat:no-repeat;
	background-position:top;
	height:310px;
	position:relative;
	top:0px; 
}
#wrapper{
	width:850px;
	margin:auto;
	background-color:white;
}
#header #nav{
	position:relative;
	top:205px;
	font-size:24px;
}
#header #nav #spacer{
	color:black;
}
#header #nav a{
	color:white;
	text-decoration:none;
}
#header #nav a:hover{
	color:#990000;
}
#header #nav a:active{
	color:#0047C4;
}
#footer{
	background-image:url(../gfx/bottom.jpg); /* Note: used in secure */
	background-repeat:no-repeat;
	background-position:top;
	height:30px;
	padding-top:82px;
	background-color:#768DD4;
}


/* Element */
.tablist {
	border: 3px inset #8B8378;
	-moz-border-radius: 3px;
}
.tablist td {
	border: 1px solid black;
	padding: 0.2em 2ex 0.2em 2ex;
	color: black;
}
.tablist tr.d0 td {
	background-color: #FCF6CF;
}
.tablist tr.d1 td {
	background-color: #FEFEF2;
}

.alert{
	color:#FF0000;
}


/* Specific */
#modifyproduct{
	width:100%;
	text-align:left;
	table-align:center;
}

.yui-dt-table{
	text-align:center;
	margin:auto;
	width:auto;
	max-width:100%;
}
.cats{
    padding-top:0px;
}
.cats li{
    padding-top:5px;
}
#featuredcat a, #featuredcat a:visited, #featuredcat a:link{
	color:red;
	font-weight:bold;
}
#catcontainer{
    width:180px;
	height:400px;
    position:fixed;
    top:0px;
    left:0px;
    font-size:14px; 
    padding:2px;
	padding-top:10px;
    background-color:white;
    border:1px solid black;
    z-index:10;
	overflow:auto;
	border-radius:16px;
	opacity:0.90;
}
#cattitle{
    font-size:18px;
}
#staticcontact{
	position:fixed;
	right:20px;
	font-size:14px;
	padding:5px;
	width:250px;
	background-color:white;
	border:1px solid black;
	z-index:11;

	top:-16px;
	border-radius:16px;
	padding-top:21px;
	opacity:0.90;
}


.checkout{
	padding:10px;
	margin:10px;
	margin-bottom:15px;
	text-align:right;
	border: thin solid black;
	position:relative;
}
.checkout img{
	float:right;
}
.checkout p{
	padding:35px;
	font-weight:bold;
	float:left;
	margin-top:0px !important;
	margin-top:-80px;
}
#pay{
	text-align:center;
	font-weight:bold;
}
.tp1{
}
#tablepay{
	text-align:left;
	font-size:12px;
}
#tablepay input{
	width:auto;
}
#tax{
	font-size:11px;
	font-weight:normal;
	margin-bottom:10px;
}
#total{
	margin-bottom:2px;
	padding-bottom:0px;
}



/* Product */
.product{
	position:relative;
	width:800px;
	border:black solid 2px;
}
.pbreak{
	background-color:#CCCCCC;
	width:90%;
	border:2px solid #333333;
	text-align:center;
	color:#990000;
	font-size:18px;
	padding-top:5px;
	padding-bottom:5px;
	margin:auto;
}

.product .name{
	text-align:center;
	font-style:bold;
	font-size:18px;
}
.product .title{
	text-align:center;
	font-style:italic;
}
.product .image{
	text-align:center;
	width:215px;
	padding-top:5px;
	/* background-image:url(../gfx/img200.png);   Note: used in secure */
	background-repeat:no-repeat;
	background-position:top;
}
.product .image img{
	margin-left:-4px;
}
.product .caption{
	font-style:italic;
	text-align:center;
	margin:5px;
}
.product .description{
	text-align:left;
	text-indent:15px;

}
.product .price{
	text-align:center;
	font-size:16px;
	margin-bottom:10px;
}
.product .types{
	text-align:center;
	margin-bottom:10px;
}
.product .addtocart{
	text-align:center;
}
.product .addtocart input{
	font-size:16px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
}
product .images{
	text-align:center;
}

/* For editable textareas */
.yui-editor-container {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 999; /* So Safari behaves */
}
#editor {
    position: absolute;
}
.editable {
    /* border: 1px solid black; */
}

/* May not need all */
#yui-editor-panel, .yui-module, #yui-overlay, #yui-editor-panel, .yui-overlay, .yui-editor-panel { 
	z-index: 1000;
}

.yui-dt-col-types{
	width:50px;
}