/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

*{margin:0;padding:0;}
#gallery img{ 
	margin:3px;
	float:left;
	height:120px;
	border:#F90 solid 1px;
}
#gallery{
	width:600px;
}
.specials {padding-bottom:20px;}
.padd5{padding-right:5px;
padding-bottom:5px;}
h2{ 
font-size:12px;
font-style:normal;
font-weight:bold;
}h3{ 
line-height:20px;
font-size:12px;
font-style:normal;
font-weight:bold;
}
.aaty{background: #fcaf16; padding:10px; width:410px;}
.aato{background: #fb8f10; padding:10px; width:410px;}
.aatg{background: #505b24; padding:10px; width:410px; color:#FFF;}  
td {padding:5px; font-size:11px; margin-bottom:2px;}

#pBox{
padding:5px;
background:#999999;
float:left;
margin:5px;
}
#pBox ul{
padding-left:10px;
 
}
#pBox ul li a{
color:#333333;
}


.fleft { float:left;}
label{
width:11em;
 float:left;
}
fieldset{
border-color:-moz-use-text-color;
border-style:solid;
border-width:1px;
margin-top:2em;
margin-bottom:2em;
padding:1em;
}

#searchBox{
background:url(../images/sb1.gif) no-repeat;
margin-top:4px;
height:45px;
color:#CCCCCC;
}

#searchBox div{

padding:5px;}

#testimonial{
background:#E4E4E4 url(../images/quoleft.png) no-repeat scroll 10px 10px;
border:1px solid #CCCCCC;
font-style:italic;
padding:10px;
}
#testimonialWinner{
background:#fef1d7 url(../images/quoleftWin.png) no-repeat scroll 10px 10px;
border:1px solid #CCCCCC;
font-style:italic;
padding:10px;
}  
#testimonialWinner div {
background:transparent url(../images/quorightWin.png) no-repeat scroll right bottom;
padding:0 48px;
}

#testimonial div  {
background:transparent url(../images/quoright.png) no-repeat scroll right bottom;
padding:0 48px;
}
#testimonial2{
background: url(../images/quoleft2.png) no-repeat scroll 5px 25px;
border:1px solid #CCCCCC;
font-style:italic;
margin-right:8px;
width:400px;
padding:5px;
margin-top:10px;
}
#testimonial2 a{
color:#333333;
}
#testimonial2 a:hover{
color:#3399FF;
text-decoration:underline;
}
#testimonial2 div  {
background:transparent url(../images/quoright2.png) no-repeat scroll right bottom;
padding:5px 15px;
}
#testimonial3{
background: url(../images/quoleft3.png) no-repeat scroll 5px 25px;
border:1px solid #CCCCCC;
font-style:italic;
margin-right:8px;
padding:5px;
margin-top:10px;
}
#testimonial3 a{
color:#CCCCCC;
}
#testimonial3 a:hover{
color:#3399FF;
text-decoration:underline;
}
#testimonial3 div  {
background:transparent url(../images/quoright3.png) no-repeat scroll right bottom;
padding:5px 15px;
color:#CCCCCC;
}
#full{
width:100%;
}
#outer{
width:900px;
margin-left:auto;
margin-right:auto;
background-color:#3d3d3d;
}
select, input{
border:solid 1px #CCCCCC;
font-size:11px;
}
.hidemenu{
display : none;
}
.showmenu{
display : ;
}
.inputImage{
border:0;
height:8px; 
}
#searchList h2{
font-weight:bold; 
color:#666666;
}
#searchList{
width:680px;
position:relative;
} 
.searchResult{
}
#boxes{
background:#000;
margin-left:0;
}

.noFancy{
	color:#333333;
}



.box{
height:80px;
width:160px;
float:left;
color:#CCCCCC;
font-size:9px;
padding:5px 5px 0px 5px;
border-right:#999999 1px solid; 
margin-left:5px;
}
.box a{
color:#CCCCCC;
}
.box a:hover{
color:#CCFFFF;
}
.box a:hover img{
border:#6699FF 1px solid;
}
.box a:hover h3{
color:#6699FF;
}
.box img{
margin-right:5px;
border:#999999 1px solid;
width:80px;
float:left;
height:60px;
}
.box h3{
color:#E1F1FA;
font-size:10px;
font-weight:300;
}
#noborder{
border:0;
}
#frame
{
background:#3d3d3d;
height:100%;
}	
#where{
background:#161616;
color:#fff;
float:left;
line-height:16px;
width:520px;
padding:5px 30px 5px 5px;
}
#upperBar{
display:block;
width:890px;
background:#333333;
height:25px;
padding:5px;
}

#flash {
z-index:-1;
text-indent:0;
background:#000000;
}
#searchBar {
float:right;
padding:5px;
color:#fff;
line-height:16px;
width:320px;
background:#666666;}
#searchBar input{

border:0;
}
.contentContainer{
margin:0;
padding:0 0 10px;
position:inherit;
text-align:left;
width:900px;

}

#map_side_bar{
float:right;
width:200px;
font-size:9px;
margin:5px;
overflow: auto; 
height: 350px;	
}
.distance{
color:#FF9900;
}
.shop{
background:#FFFFFF;
padding:5px;
border:1px solid #999999;
margin-bottom:4px;
}
.shop a{
 color:#333333;
 font-size:9px;
}
.shop a:hover{
 color:#6699CC;
}
table{
max-width:600px;
}
.clearBoth{
clear:both;
}
.formtextleft{
font-size:11px;
font-weight:normal;
}
.indent{
padding-left:3px;
}

body {

background-color:#3d3d3d;
margin:0 auto;
padding:0;
background:#000 url(../images/bgfade.gif) repeat-x;
color:#333333;
height:100%; /* this is the key! */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
a{ color:#3399FF;
text-decoration:none;
}
.selected{
font-size:11px;
font-weight:bold;
font-style:italic;
}
#footer{

background:#666666;
color:#CCCCCC;
display:block;
}
#ratings img{
display:inline;
}
.theRating{

right:0;
top:0;
}
#contentFooter{
background:url(../images/mainbgfooter.gif) no-repeat right bottom;
height:10px;
}

#productPic{
float:right;
width:200px;
text-indent:5px;
border:#666666 1px solid;
font-size:9px;
margin-left:10px;
padding:5px;
}
#contentMain{
height:100%; 
margin-top:10px;
min-height:340px;
padding:5px;
position:relative;
padding-left:10px;
background:url(../images/mainbg.gif) no-repeat right top;
background-color:#FFFFFF;
}

#contentExtra{
height:100%; 
margin-top:10px;
height:80px;
position:relative;
background-color:#3D3D3D;
}

#contentMain ol{
padding-left:20px;
list-style:outside decimal;}

#contentMain ol li{
padding-bottom:3px;}

#contentMain p{padding-bottom:7px;}
#contentMain ul{
padding-left:15px;
padding-bottom:10px;
list-style:square;
}
#listContent{
clear:both;
}
#listContent .productList{
float:left;
min-height:180px;
width:330px;
}

#listContent .productList .image{
list-style-image:0;
list-style-position:outside;
list-style-type:none;
display:inline;
float:left;
width:90px;
}

#listContent .productList .container {
display:inline;
float:right;
width:220px;
}
#listContent .productList .desc {
color:#646464;
font-size:11px;
margin:5px 0pt 0pt;
}
#listContent li {
list-style-image:0;
list-style-position:outside;
list-style-type:none;
}
#listContent ul {
list-style-image:0;
list-style-position:outside;
padding:1px;
list-style-type:none;
}
#listContent .productList .right{
margin:0pt 0pt 0pt 5px;
}
#listContent .productList .image img {
height:100px;
width:80px;
}

#listContent .title a {
color:#3366CC;
font-size:11px;
font-weight:bold;
margin:2px 0pt;
text-decoration:none;
width:125px;
}

#sideMenu ul{	
list-style:none;
margin:0;
padding:4px;
} 
#sideMenu li{
color:#FFFFFF;
padding:4px;
}
#sideMenu a{
color:#FFFFFF;
}
#sideMenu a:hover{
text-decoration:underline;
}
#side-toolbar{

}
#top{
height:110px;
}
#productTitle
{height:15px;
	padding-bottom:15px;


background: url(../files/title/title-bg.gif) no-repeat;	
width:580px;
height:21px;
float:left;
padding:2px;
}
#productTitle h1
{
	padding-left:5px;
	line-height:11px;
	font-size:11px;
}

#icons{
float:left;
	width:100px;
	}

#side-toolbar-main{
background:#d1d3d0 url(../images/side-toolbg.gif) no-repeat;	
width:190px;
margin-top:10px;
}
#side-toolbar-footer{
background:url(../images/side-tool-footer.gif) no-repeat left top;
width:190px;
height:10px;

}
img{ 
border:0;
display:block;
line-height:0px;
}
#left {	
float:left;
paddin-top:20px;
width:200px;
height:100%; 
color:#333;
background:#3d3d3d;
}
.content {
width:680px;
color:#333;
position:relative;
height:100%; 
border:1px solid #333;
padding:0;
}
#container{
float:right;
margin-top:5px;
background-color:#eesd3d;
display:inline;
width:700px;
}
#containerIndex{
float:right;
margin-top:5px;
background-color:#eesd3d;
display:inline;
width:900px;
}

#indexContainer{
display:inline;
width:900px;
}
#right {
position:absolute;
right:0;
top:0;
padding:0;
width:200px;
height:100%; /* works only if parent container is assigned a height value */
color:#333;
background:#eaeaea;
border:1px solid #333;
}
#sideBottom{
height:13px;
background:transparent url(../images/side-bot.gif) top left no-repeat;
}


#sideMenu{
position:relative;
background:transparent url(../images/side-mid.gif) no-repeat ;
width:190px;
color:#FFFFFF;
min-height:200px;
margin-top:5px;
background-color:#ad1f23;

}
#productDown{
width:250px;
}
#productDown li{
padding-left:5px;
list-style:none;
}
#productDown ul{
border:#CCCCCC solid 1px;
padding-right:15px;
margin:3px;
}
#productDown ul h2{
text-indent:none;
font-weight:bold;
font-size:14px;
color:#666666;
}

#productDown ul ul h2{
font-weight:bold;
font-size:12px;
color:#999999;
}

#left p {
padding:0 10px;
}
#right p {
padding:0 10px;
}
p.top {
margin-top:20px;
}
/* Begin CSS Popout Menu */

#menu{
width:100%;
background:#1D1E1D;
height:25px;
z-index:50;
float:left;
}
#menu h2{
border:0;
font:11px;
font-weight:normal;
background:#000 no-repeat 100% 100%;
}

#menu a{
background:url(../images/line.gif) no-repeat top left;
font: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display:block;
border: solid 1px #1d1e1d ;
white-space:nowrap;
padding:3px 10px 3px 10px;
}

.nostyle{
padding:0;
margin:0;
border:0;
}

#menu a{
background:#1D1E1D;
text-decoration:none;
}

#menu a, #menu a:visited{
color:#CCCCCC;
}

#menu a:hover{
background:#666666;
border:1px solid #FFFFFF;
color:#fff;	
}


#menu ul li a:hover{
background:#666666;
color:#fff;	
}

#menu a:active{
color:#CCCCCC;
background:#1D1E1D;
}

#menu ul{
list-style:none;
padding:0;
margin:0;
float:left;
width:9em;
}
 
#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
width:120px;
}
#menu ul ul ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:240px;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
background:#1D1E1D;
display:none;
}

#menu ul ul ul{
top:0;
background:#1D1E1D;
left:100%;
}
h1{
font-size:12px;
color:#333333;
font-weight:bold;
display:inline;
line-height:12px;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */


div#menu h2:hover{	
background:#000 url(./images/expand3.png) no-repeat -999px -9999px;
}
div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee url(./images/expand3.png) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#fff;
background:#000;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */

#synTable{
padding:5px;
border:#666666 1px solid;
background:#FCAF16;
}
#minTable{
padding:5px;
border:#666666 1px solid;
background:#FDB016;
}
#dieTable{
padding:5px;
border:#666666 1px solid;
background:#505B24;
}
/* Begin Content Area - Not Part of CSS Popout Menu */

/* End Content Area - Not Part of CSS Popout Menu */

#contact{
padding:10px;}
#contactRegion{
display:block;
}
#phNumbers strong, #address strong{

color:#0066FF;
}
#contactPhone{
width:48%;
margin-bottom:20px;
font-size:12px;
float:left;
}
#address{
font-size:12px;
margin-bottom:20px;
}
#contactTitle{
font-weight:bold;
}
#phNumbers{
display:block;
}