/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/


* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	margin: 0 0 0 0; 
	background: #B9A88E;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #000000;
	 background-image: url(images/newMainbg2.png);
	/* background-image: url(images/mainbg.png);  */
}

.cart 
{
	font-weight: bolder;
	color: #FFFFFF;
	font-weight: normal;
	font-family: cursive;
}

a {
	color: #C89830;
	font-weight: bolder;
}

a:hover {
	text-decoration: none;
	color: #626241;
}

fieldset {
	border-color: navy;
	border-style: double;
	border-width: thin;
	padding: 5px 5px 5px 5px;
	margin-right: 5px;
}

.orderButton 
{
	margin-left: 150px;
	margin-bottom: 10px;	
}


/* Boxed */

.title {
	
	border-bottom: 3px solid #CFCFCF;
}

.boxed1 .title {
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
  /*	background: url(images/starLike.gif) no-repeat top right; */
}

.boxed1 .content {
	background: url(images/img05.gif) no-repeat left bottom;
	padding: 20px;
}

.boxed2 .title {
	font: normal 182% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.boxed2 .content {
	/* background: url(images/img06.gif) repeat-x left bottom; */
	padding: 20px;
}

.boxed3 .title {
	font: normal 129% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.boxed3 .content {
	padding: 10px;
}

.boxed3 ol, .boxed3 ul {
	margin-left: 1em;
	color: #CFCFCF;
}

.optClass
{
	color:White;
	font-size:14pt;
	font-weight:bolder;
	
	padding-left: 125px;
}


#superheader {
	width: 760px;
	height: 160px;
	margin: 0 auto; 
	
	/* background: url(images/img02.jpg) no-repeat 100% 50px; 
	border-top: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFCCFF;
	*/
	background: #B0592F url(images/bgLike.gif) repeat;
	text-align: right;
	font-family: cursive;
	font-size: 18px;
}

#superheader img {
	
	margin-bottom: 10px;
	margin-right: 220px; 
}

#superheader h1 {
	text-align: right;
	font-family: cursive;
	font-size: 32px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}


/* Header */

#header {
	width: 760px;
	height: 161px;
	margin: 0 auto;
	/* background: url(images/img02.jpg) no-repeat 100% 50px; 
	border-bottom: 5px solid #FFFFFF;
	*/
	
	
}

/* Logo */

#logo {
	float: left;
	width: 238px;
	height: 160px;
	text-align: center;
	background: #C89830;
}

#logo h1 {
	padding-top: 2px;
	font: bold 12px Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: Maroon;
}

#logo h2 a{
	color: #000000; 
}

#logo h2 a:hover {
	color: Yellow;
	text-decoration: none;
}

#logo h2 {
	font: bold 11px Cursive;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

#logo ul
{
	margin-top: 3px;
}


#logo li {
	font-size: 12px;
	font-weight: bold;
	color: Black;
	list-style: none;
	text-align: left;
	margin-left: 30px;
	font-family: cursive;
	margin-top: -1px;
}

/* Menu */

#menu {
	float: left;
	width: 522px;
	height: 50px; /*	background: #F4F4F4; */
	background: #C89830;

}

#menu ul {
	height: 5px;
	background: #29A4E1;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 30px;
	padding: 15px 8px 0 8px; /* border-top: 5px solid #29A4E1; */
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14px;
	color: Maroon;
}

#menu a:hover {
	background: #EFF000;
	color: #626241;
 /* border-top-color: #1A7196; */
}

#menu .active a {
	background: #FFA800;
 /* border-top-color: #E16629; */
}

#menu a b {
	text-decoration: underline;
}

/* Page */

#page {
	width: 760px;
	margin: 0 auto;
	 /* background: url(images/img03.gif) repeat-y; */
	/* background-color: #626241; 
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	*/
	background-color: #850F09;
	
}

#content2 {
	float: right;
	width: 820px;
	
	 /* padding: 1px;
	 border-bottom: 1px solid #FFFFFF; 
	background: #104964;
	 */
	 	background: #C3A476;

	color: Maroon;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 12px;
	padding-left: 3px;
	height: 100%;
}

/* Content */

#content {
	float: right;
	width: 520px;
	
	 /* padding: 1px;
	 border-bottom: 1px solid #FFFFFF; */
	background: #C3A476;
	color: Maroon;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 12px;
	padding-left: 3px;
	height: 100%;
}

#content p, #content ol, #content ul {
	line-height: 152%;
}

#content h1
{
	color: Maroon;
	font-size: 22px;
	font-weight: bold;
	background-color: #C89830;
	text-align: center;
	font-family: Cursive;
}

#look a {
	font-family: cursive;
	font-weight: 300;
	color: #626241;
	font-size: 24px;
	text-decoration: none;
	text-align: center;
}

#look a:hover {
	font-family: cursive;
	font-weight: 300;
	color: Yellow;
	font-size: 24px;
	text-decoration: underline;
}


#content h2
{
	color: #C89830;
	font-size: 20px;
	font-weight: 400;
	text-align: center; /* text-decoration: underline; */
	background-color: #626241;
	font-family: "Times New Roman", Times, serif;
	margin-left: 5px;
	
}

#content h3
{
	color: Maroon;
	font-size: 14px;
	font-weight: bolder;
	background-color: #E4E4A3;
	text-align: center;
	width: 60%;
	margin-top: 3px;
	font-family: cursive;
}

#content pre {
	float: left;
	color: Maroon;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 12px;
	padding-left: 3px;
}

#bolden {
	font-weight: bold;
	font-size: 14px;
	color: Black;
	font-family: "Times New Roman", Times, serif;
	
	
}

.prodOpt1 {
	font-weight: bold;
	font-size: 14px;
	color: Black;
	font-family: "Times New Roman", Times, serif;
	
	
}

#sidebar2 {
	float: left;
	width: 100px;
	padding: 5px;
	color: #C89830;
	
	/* border: thin dotted Fuchsia; */
}


/* Sidebar */

#sidebar {
	float: left;
	width: 180px;
	padding: 10px;
	color: #C89830;
	
	/* border: thin dotted Fuchsia; */
}

#sideODD 
{
	font-size: 12pt;
	color: #FFFFFF;	
}

#sideODD a 
{
	font-size: 12pt;
	color: #FFFFFF;
}

/* News */

#news {
	padding-top: 10px;
	padding-bottom: 0;
}

#news ul {
	list-style-type: square;
}

#news li {
	margin-bottom: 15px;
}

#news h3 {
	margin-bottom: 10px;
	font-size: 92%;
}

#news h3 a {
	display: block;
}

#news p {
	font-size: 85%;
}

/* Welcome */

#welcome {
	margin-bottom: 40px;
}

/* Samples */

#sample1, #sample2 {
	float: left;
	width: 240px;
}

#sample1 {
}

#sample1 ul {
	color: Maroon;
}

#sample1 li, a {
	color: Maroon;
	font-size: 12px;
}

#sample1 a:hover {
	
	color: #626241;
}

#sample2 {
	margin-left: 15px;
}

/* Footer */

#footer {
	width: 760px;
	margin: 0 auto;
	padding: 20px 0;
	/* border-top: 5px solid #E16629; */
}

#footer p {
	text-align: center;
	font-size: 77%;
}

/* CSS ASP.NET POPOUT MENU */

.css file
 #mnuNav
 {
 height:26px; 
 width: 100%; 
 background-color: #A9A9A9;
 }
 
 #mnuNav a {
 	color: #C89830
 }
 
 #mnuNav a:hover {
	color: #EFF000;
}
 
.MenuStaticMenuStyle, .MenuDynamicMenuItemStyle
{
 background-color: #A9A9A9;
}
.MenuDynamicMenuStyle
{
 border: solid 1px black;
}
.MenuDynamicHoverStyle, .MenuDynamicMenuStyle
{
 background-color: #A9A9A9;
}

#imageleft {
  float:left;
  padding-right:3px;
  padding-bottom:3px;
  margin-top: -5px;
  }
	
	
	#imageright {
	float: right;
	padding-left: 3px;
	margin-bottom: 3px;
	margin-top: 2px;
	/* border: 2px dotted Fuchsia; */
}

.imgCategory {
	text-align: center;
	vertical-align: text-bottom;
}

.gallerybox
{
   float:left;
   display:inline;
     margin-right:15px; 
   margin-bottom:5px; 
   /* border:1px solid #cccccc; */
   text-align:center;
}

.prodName {
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	color: White;
	padding: 0 0 10px 0;
	text-decoration: underline;
}

.prodIMG {
	padding: 0 5px 0 0;
}

.catName {
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	padding: 10px 0 0 0;
	
}

.lblTotal 
{
	font-size: 15pt;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 25px;
}

.events
{
	
	color: = Maroon;
	font-size: 12pt;
	
	
}

.events ul
{
	color: Maroon;
	padding-left: 25px;
	
	
}

.events li
{
	display: block;
	list-style: none outside;
}

.grid
{
	font-family:Arial;
	font-size:12px;
	width:800px;
}
/* gridview styles */
.grid .gridview
{
	width:100%;
	border:solid 2px #5E8CC6;
	empty-cells:show;
	border-top-width:1px;
}
.grid .gridview .row TD, 
.grid .gridview .altrow TD,
.grid .gridview .edit-info TD
{
	text-align:left;
	padding:5px 4px;
	border-top:solid 1px #E2EBF2;
}
.grid .gridview .edit-info TD
{
	border-top:dashed 1px #5E8CC6;
    font-weight:bold;
    color:#333;
}
.grid .gridview TR.first TD
{
	border-top:none;
}
.grid .gridview TD.edit
{
	border-bottom:dashed 1px #5E8CC6;
}     
.grid .gridview .edit-info A
{
    font-weight:normal;
}        
.grid .gridview .row TD.command, 
.grid .gridview .altrow TD.command,
.grid .edit-info TD.command
{
	text-align:center;
}    
.grid .gridview .header TH
{
	background:url(../img/hdr.gif) repeat-x;
	height:22px;
	line-height:22px;
	color:#fff;
	font-weight:bold;
	text-align:left;
	padding:0px 4px;
}
.grid .gridview .edit
{
	padding:10px 5px;
}
.grid .gridview .edit,.grid .gridview .edit-info
{
	background-color:#F0F8FF;
}    
/* details styles */
.grid .detailview
{
	width:100%;
	empty-cells:show;
}  
.grid .detailview TH
{
	text-align:left;
	padding:0px 10px;
	color:#333;
}    
.grid .details .footer
{
	text-align:right;
	padding:10px 10px 0px 0px;
} 
.grid .details .header
{
	text-align:left;
	padding:0px 10px;
	font-weight:bold;
	display:none;
} 

div.rounded {
    clear:both;
    max-width:2400px;
}

div.rounded div.top-outer {
    background:url(../img/tl.gif) no-repeat left bottom;
    padding:0px;
    width:100%;
}

div.rounded div.top-outer div.top-inner {
    background:url(../img/tr.gif) no-repeat right bottom;
    margin-left:10px;
}

div.rounded div.top-outer div.top-inner div.top {
    background:url(../img/t.gif) repeat;
    height:11px;
    margin-right:10px;
    font-size:.01em;
}

div.rounded div.mid-outer {
    background:url(../img/l.gif) left repeat-y;
    clear:both;
    width:100%;
}

div.rounded div.mid-outer div.mid-inner {
    background:url(../img/r.gif) right repeat-y;
    margin-left:10px;    
}

div.rounded div.mid-outer div.mid-inner div.mid {
	background-color:#ffffff;
    margin-right:10px;
}

div.rounded div.bottom-outer {
    background:url(../img/bl.gif) no-repeat left top;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom-outer div.bottom-inner {
    background:url(../img/br.gif) no-repeat right top;
    margin-left:10px;
}

div.rounded div.bottom-outer div.bottom-inner div.bottom {
    background:url(../img/b.gif) repeat;
    height:11px;
    margin-right:10px;
    font-size:.01em;
}

.SelectedRowStyle
{
    background-color: Yellow;
	 color: #FFFFFF;
}