@CHARSET "ISO-8859-1";

body {
	background-color: #F0F0F0  ;
	background-image:url(imagesCommon/carpet.png);
	color: #ffffff;
	font-style: italic; 
	margin: 0;
	font-family: Helvetica, sans-serif;
	line-height: 1.4em;
}


/* Use a single rule for elements that share the same properties */
h1, h2, h3, p, ul, li {
	margin: 0;
	padding: 0;
}

p, h2, h3 {
	margin: 0 0 10px 0;
}


ul {
	list-style-type: none;
}

div.padded {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

/* Our friend "margin: 0 auto" shows up again */
#wrap {
	background: #000;
}

#header {
	color: #fff;
	padding: 10px;
	font-style: italic;
	border-bottom: solid #DCDCDC;
}

#header p {
	text-align: center;
}

/*
Use background images in CSS to add visuals
to text
*/
#header h1 {
	color: #fff;
	font-weight: normal;
}


#navigation
	{
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
		background: #036;
		width: 100%;
	}
	
#navigation li { display: inline; }
	
#navigation a
	{
		display: block;
		padding: .2em 1em;
		text-decoration: none;
		float: right;
		color: #fff;
		background: #036;
		border-right: 1px solid #fff;
	}
	
#navigation a:hover
	{
		color: #000;
		background: #69C;
	}



/* Standard float positioning */
#content {
	margin: 10px 0 0 0;
	padding: 10px;
	float: left;
	width: 40%;

	background-image: url(Gradient.png) no-repeat 100% 0;
}

#sidebar {
	margin: 10px 0 0 0;
	padding: 10px;
	float: right;
	width: 100px;

	
}

#sidebar ul {
	margin: 0 0 40px 0;
}

#sidebar h3 {
	padding: 5px;
	background: #eee;
	border-bottom: 2px solid #ddd;
	font-weight: normal;
}

/*
Remember to "clear: both" when positioning elements
below floated elements.
*/
#footer {
	clear: both;
	padding: 10px;
	background: #eee;
	border-bottom: 2px solid #ddd;
}

#footer p {
	margin: 0;
	text-align: center;
	color: #777;
}

ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size: 1.0em;
background:url(images/titleBar2.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
//border:1px solid #000;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
//color:#A79787;
color:#000000;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}

ul.menu li a:hover,.current {
color:#fff;
//background:url(images/bg.png) repeat-x top left;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}


/*RED*/
ul.menu.red{
background-color:#B11718;
}
ul.menu.red li a:hover, .menu.red li.current {
background-color:#DE3330;
}

a:link {color: DarkBlue;}
a:visited {color: DarkBlue;}
a:active {color: DarkBlue;}

th
{
	color:#FFFFFF;
}

td
{
	color:#FFFFFF;
	font-size:80%;
}

#mainPanel  {
	background-image:url('images/titleBar2.png');
	background-repeat:repeat-x;
	padding:5px;
	margin:5px;
	background-color:#ffffff;
	width: 400px;
	float: left;
	font-size: 150%;
}
  
#leftPanel  {
	background-image:url('images/titleBar2.png');
	background-repeat:repeat-x;
	padding:5px;
	margin:5px;
	background-color:#ffffff;
	width: 200px;
	float: left;
	font-size: 150%;
}

#leftAboutPanel  {
	padding:5px;
	margin:5px;
	background-color:#ffffff;
	width: 500px;
	float: left;
	color: black;
	font-size: 150%;
}
  
#showPanel  {
	background-image:url('images/titleBar2.png');
	background-repeat:repeat-x;
	background-color:#ffffff;
	color:black;
	margin:5px;
	padding:5px;
	width: 200px;
	float: left;
	font-size: 150%;
}

#showProduct  {
	background-image:url('images/titleBar2.png');
	background-repeat:repeat-x;
	color:black;
	margin:5px;
	padding:5px;
	background-color:#ffffff;
	width: 900px;
	float: left;
	font-size: 150%;
	ul.circle {list-style-type:circle}
}

#showContact  {
	background-image:url('images/titleBar2.png');
	background-repeat:repeat-x;
	color:black;
	margin:5px;
	padding:5px;
	background-color:#ffffff;
	width: 900px;
	float: left;
	font-size: 150%;
	ul.circle {list-style-type:circle}
}

#navigationPanel  {
	background-image:url('images/titleBar2.png');
	background-repeat:repeat-x;
	margin:5px;
	padding:5px;
	background-color:#ffffff;
	width: 100%;
	font-size: 120%;
}
  
#tipsPanel  {
	background-image:url('images/titleBar2.png');
	background-repeat:repeat-x;
	margin:5px;
	padding:5px;
	background-color:#ffffff;
	width: 200px;
	float: left;
	font-size: 150%;
}

#tipsPanelContent  {
	//background-image:url('images/titleBar2.png');

	background-repeat:repeat-x;
	margin:5px;
	padding:5px;
	background-color:#ffffff;
	width: 800px;
	float: left;
}

#tipsPanelImage  {
	background-image:url('images/titleBar2.png');
	background-repeat:repeat-x;
	margin:5px;
	padding:10px 10px 10px 10px;
}

#productDetailsPanel{
	width: 800px;
}

#productPanel  {

	background-image:url('images/titleBar2.png');
	background-repeat:repeat-x;
	background-color:#ffffff;
	margin: 10px;
	padding:10px 10px 10px 10px;
	font-size: 120%;
	width: 600px;
}
#footerPanel  {
    width: 800px;
	color: white;
	position: absolute;
    bottom: 0px;
}

#cellBlack  {
	color:black;
	font-size: 120%;
	vertical-align:text-top;
}

#cellBlackSmall  {
	color:black;
	font-size: 100%;
	vertical-align:text-top;
	padding:10px 10px 10px 10px;
}

#cellBlackTitle  {
	color:DarkBlue ;
	font-size: 150%;
	vertical-align:text-top;
}

#cellBlackTitleSmall  {
	color:DarkBlue ;
	font-size: 100%;
	vertical-align:text-top;
}

#cellWhiteTitleSmall  {
	color:white ;
	font-size: 100%;
	vertical-align:text-top;
	text-align: center;
}

#photoDisplay {
	border: 5px solid black;
	padding:30px;
	background-color: #ffffff;
}