/*** General tags ***/

body {
background:url('images/bgtile.jpg') repeat-x top;
color:#404040;
line-height:1.2em;
margin:5px auto;
padding:0; font-style:normal; font-variant:normal; font-weight:normal; font-size:76%; font-family:arial, sans-serif
}

a {
color:#A51421;
text-decoration:none;
}

a:hover {
color:#999;
text-decoration:underline;
}

a img {
border:0px none;
}

p {
font:normal 0.9em verdana,sans-serif;
color:#777;
line-height:1.4em;
margin:0 0 18px 5px;
}

ul ul{
margin:4px 0 4px 35px;
}

blockquote {
border:0px solid #dadada;
font-size:0.9em;
margin:20px 10px;
padding:8px;
}


/*** Main wrap and header ***/

#border {
background-color:#fff;
border:1px solid #e5e5e5;
margin:0px auto;
padding:0 10px;
width:970px;
}

#wrap {
color:#404040;
margin:10px auto;
padding:0;
width:970px;
}

#header {
background:#fff url('images/header.jpg') repeat-y top center;
height:97px;
margin:0
}

#header .toplinks {
color:#999;
padding:5px 2px 2px 3px;
text-align:right;
}

#header .toplinks a {
font:normal 0.9em arial,sans-serif;
color:#A51421;
padding:0 8px;
text-decoration:none;
}

#header .toplinks a:hover {
color:#999;
text-decoration:none;
}

#header .logo {
margin:5px 15px 5px 20px;
}

#slogan {
color:#000;
font-size:1.1em;
font-weight:500;
line-height:1.2em;
margin:15px 0 20px 44px;
}

/*** Main Nav ***/

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#nav {width:970px; position:relative; z-index:100; margin:1px 0 15px 0;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu {padding:0; margin:0 auto; list-style-type: none; display:table;}
#pmenu ul {padding:0; margin:0; list-style-type: none; display:block;}

/* Hide the sub levels */
#pmenu li ul {display:none;}

/* Set up the link size, color and borders */
#pmenu li a, #pmenu li a:visited {border-left:1px solid #e5e5e5; border-right:0px solid #e5e5e5; border-top:0px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:url('images/nav_bk.gif') repeat-x; display:block; font-weight:bold; width:120px; font-size:11px; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:10px; text-align:left}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {background:#777; border-width:0 1px 1px 1px; font-weight:normal;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; background:#A51421;}
#pmenu li.tc {background:#A51421; display:table-cell;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative; }
/* Make the hovered list color persist */
#pmenu li:hover > a {background:url('images/nav_bk_over.gif') repeat-x; color:#fff}
#pmenu li:hover > a:hover {background:#A51421; color:#fff;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; background:url('transparent.gif'); width:120px; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:30px}
/* Position the first sub level beneath the top level links */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {background:#57833b; position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#A51421; color:#fff;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#f7f7f7; color:#4088b8;}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; background:url('transparent.gif');; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:30px}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */
[if IE]>
<style type="text/css">
#nav ul {display:inline-block;}
#nav ul {display:inline;}
#nav ul li {float:left;}
#nav {text-align:center;}
</style>
<![endif]




/*** Page Feature ***/

#banner {
width:970px;
height:250px;
}

#banner .feature {
	float:left;
	line-height:1.4em;
	margin:10px 0 -10px 0;

*margin:0;
	padding:0 3px;
	width:215px;
}

#banner .feature p {
line-height:1.6em;
color:#555;
width: 215px;

padding-top: 7px; font-style:normal; font-variant:normal; font-weight:normal; font-size:0.9em; font-family:verdana, sans-serif
}

#banner .feature strong {
font:bold 1.2em arial,sans-serif;
line-height:1.4em;
color:#A51421;
}

#banner .feature a {
text-decoration: underline;
}

#banner .feature a:hover {
text-decoration: none;
}
		
#banner .feature p span {
display: block;
background: url('images/bg_sidebar_bottom.gif') no-repeat bottom;
padding-bottom: 18px
}
		
#banner .feature p span {
display: block;
background: url('images/bg_sidebar_center.gif');
padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:0
}

#content .feature h1 span span {
font:bold 1.0em verdana,sans-serif;
color:#A51421;
line-height:1.3em;
width:205px;
border-top:1px solid #f3f3f3;
padding:18px 0 0px 5px;
}



/*** Page Banner ***/

#banner .spot {
background:#fff;
float:right;
line-height:1.5em;
margin:0;
padding:0;
text-align:left;
width:710px;
height:282px;
border:1px solid #f3f3f3;
}




/*** Sidebar ***/

#content {
width:970px;
}

#content .sidebar {
float:left;
line-height:1.5em;
margin:20px 0 0 0;
padding:0 3px;
width:215px;
}

#content .sidebar p {
font:normal 0.9em verdana,sans-serif;
line-height:1.5em;
width:215px;
}

#content .sidebar ul {
font:normal 0.9em verdana,sans-serif;
list-style:none;
margin:0;
padding:0 0 15px 10px;
}

#content .sidebar li {
list-style:none;
margin:0 0 4px;
padding:0;
}

#content .sidebar a {
font:normal 1.0em verdana,sans-serif;
color:#A51421;
text-decoration:underline;
line-height:1.8em;
padding:0px;
}

#content .sidebar a:hover {
color:#999;
text-decoration:none;
}

#content .sidebar ul ul {
line-height:1.2em;
margin:4px 0 13px 5px;
padding:0;
}

#content .sidebar ul ul li a {
font-weight:400;
text-decoration:none;
}

#content .sidebar h1 {
font:bold 1.0em verdana,sans-serif;
color:#0A0000;
line-height:1.3em;
width:175px;
border-top:0px dotted #e5e5e5;
padding:8px 0 0px 25px;
text-align:right;
*margin-bottom:-10px;
}
#content .sidebar h1 a {
font:bold 1.0em arial,sans-serif;
color:#999;
text-decoration:none;
}
#content .sidebar h1 a:hover {
font:bold 1.0em arial,sans-serif;
color:#A51421;
text-decoration:none;
}

#content .sidebar h2 {
padding:14px 0 5px 5px;
}

#content .sidebar form {
padding:0px 0 0px 5px;
}



/*** Main Content ***/

#content .page {
float:right;
line-height:1.5em;
margin:0;
padding:0px 15px 0 20px;
text-align:left;
width:700px;
border-left:1px solid #f3f3f3;
}

#content .page p {
font:normal 1.0em arial,sans-serif;
color:#555;
line-height:1.4em;
margin:0 10px 18px 6px;
}

#content .page h1 {
border-bottom:1px solid #e5e5e5;
color:#0A0000;
font:normal 1.8em arial,sans-serif;
margin:0 0 15px 5px;
padding:20px 2px 0px 0px;
}

#content .page h2 {
font:bold 1.3em arial,sans-serif;
color:#9b9b9b;
line-height:1.3em;
padding:5px 0 0px 6px;
}

#content .page h3 {
font:bold 1.1em arial,sans-serif;
color:#555;
line-height:1.2em;
padding:9px 0 0px 6px;
margin-bottom:5px;
}

#content .page ul li {
font:normal 1.0em arial,sans-serif;
list-style:none;
color:#555;
line-height:1.4em;
background: url(images/blue-bullet.png) top left no-repeat;
padding-left: 20px;
margin:0 10px 8px 5px;
}

#content .page ol li {
font:normal 1.0em arial,sans-serif;
list-style:decimal;
color:#555;
line-height:1.4em;
margin:0 10px 8px 5px;
}

#content .page a {
color:#A51421;
text-decoration:underline;
}

#content .page a:hover {
color:#999;
text-decoration:none;
}


/*** Footer ***/

#footer {
background:#fff url('images/footer_bk.jpg') repeat-x top;
border:1px solid #e7e7e7;
clear:both;
color:#fff;
margin:0 auto;
text-align:center; font-style:normal; font-variant:normal; font-weight:normal; font-size:0.9em; font-family:arial, sans-serif; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:13px
}

#footer p {
color:#999;
margin:0;
padding:4px 15px;
}

#footer h1 {
color:#999;
font:normal 1.0em arial,sans-serif;
line-height:1.7em;
margin:0;
padding:0 15px;
}

#footer h1 a {
font-weight:normal;
color:#999;
margin:0;
padding:0 7px;
text-decoration:none;
}

#footer h1 a:hover {
color:#A51421;
text-decoration:underline;
}

#footer a {
font-weight:normal;
color:#999;
margin:0;
padding:0;
text-decoration:none;
}

#footer a:hover {
color:#A51421;
text-decoration:underline;
}

/*** Various classes ***/

.box {
background:#f7f7f7;
width:725px;
border:1px solid #c8c8c8;
color:#666;
font-size:0.9em;
line-height:1.4em;
padding:10px 10px 10px 13px;
text-align:center;
}

.box a {
color:#666;
}

.left {
float:left;
margin:0 15px 4px 0;
}

.right {
float:right;
margin:0 0 4px 15px;
}

.readmore {
font: verdana, sans-serif;
font-size:0.9em;
margin:-10px 10px 12px 0;
text-align:right;
}

.timestamp {
font-size:1.2em;
margin:-5px 0 15px 10px;
}

.timestamp a {
font-weight:normal;
}

.blue {
color:#4088b8;
}

.clear {
clear:both;
}

.fade {
color:#c8c8c8;
}

.gray {
color:gray;
}

.photo {
background:#fff;
border:0px solid #bababa;
margin:2px 18px 2px 0px;
padding:2px;
}

#bread {
	padding-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666;
	text-align:right;
}

	#bread a {
		margin: 0 3px;
		color:#900;
		font-size:9px;
	}

#otherBrands a img {
	border: 0;
	margin: 3px;
	padding: 3px;
}

#otherBrands a:hover img {
	border: 3px dashed #0000CC;
	margin: 0px;
}

.indent {
	padding-left: 20px;
}
#galleryId td {text-align:center;}

#galleryId a img {
	height: 80px;
	width: 115px;
	border: 1px solid #666666;
	margin: 8px;
}

#galleryId a:hover img {
	height: 90px;
	width: 125px;
	border: 2px dashed #00C;
	margin: 0;
}
#footerlinks a {
	text-decoration:underline;
}