/* --- version: 1.3.041408 --- */
/* --- Main Color/Font Style --- */
body {
	margin: 10px 0 0 0 ;
	background: #ffffff;
/*	background-image: url(../img/bg.jpg) repeat-x top; */
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .80em;
	color: #000000;
}

/* PNG Fix --------------------------------------------------------------------*/
img, div { behavior: url(../iepngfix.htc) }

/* Wrapper --------------------------------------------------------------------*/
#wrapper {
	width:856px;
	height: auto;
	margin: 0 auto;
	background-color: transparent;
	border: #FFFFFF 0px solid;
}

/* Header ---------------------------------------------------------------------*/
#header {
	width:856px;
	text-align: left;
	vertical-align: bottom;
	height:139px;
	background:transparent url(../img/header.jpg) no-repeat;
	cursor:pointer;
}

#xx #header {
	background:url(../img/header2.jpg) no-repeat;
}

#ap #header {
	background:url(../img/header2.jpg) no-repeat;
}

/* Admin -------------------------------------------------------------------------*/
#admin {
	font: 12px Arial, Helvetica, sans-serif;
	height: auto;
	font-weight: bold;
	text-align: right;
	padding: 0px 0 0px 0;
	background:#ffffff url(../img/admin_bar.jpg) repeat-x top;
}
.mem {
	width:130px;
	height:30px;
	display:block;
	padding:0;
}
.mem a {
	margin-left:-3px;
	padding:0;
	text-align:left;
}
div#admin a {
	color: #999999;
	text-decoration: none;
}
div#admin a:visited {
	color: #666666;
	text-decoration: none;
}
div#admin a:hover {
	color: #FF0000;
	text-decoration: underline;
}
div#admin a:active {
	color: #FF0000;
	text-decoration: underline;
}

#admin_option_box {
	position:absolute;
	background: #fff url(../img/admin_option.png) repeat-x scroll center top;
	width: auto;
	padding:8px 20px 8px 12px;
	border: 1px solid #CCC;	
}

.admin_option_box {
	background: #fff url(../img/admin_bg.jpg) repeat-x center top;
	width: auto;
	min-width:200px;
	padding:8px;
	border: 1px solid #CCC;	
}

#xx table .admin {
    border-color:#666666;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

#xx td .admin {
    border-color:#666666;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;

}
#xx th .admin{
    border-color: #666666;
    border-width: 1px 1px 0 0;
    border-style: solid;
}

#admin_tool {
	float:right;
	width:200px;
	background:#FFFFFF url(../img/admin_bg_side.jpg) repeat-y left;
	border:#CCCCCC 1px solid;
	padding-left:10px;
	padding-bottom:10px;
	text-align:left;
}

#admin_tool h3 {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight:bold;
}
#admin_tool a {
	text-decoration: none;
	color: #666666;
}

#adminpage {
	width: 490px;
	height: auto;
	margin: auto;
	padding: 0px 0px 20px 7px;
	text-align: left;
}

.admin_boxes {
	display:block;
	width:220px;
	height:180px;
	padding:10px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	background: url(../img/admin_bg.jpg) repeat-x bottom;
	border:#CCCCCC 1px solid;
}
.admin_boxes h3 {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight:bold;
}


/* HNav -------------------------------------------------------------------------*/
#hnav {
	width:590px;
	height: 25px;
	position: absolute;
	text-align: left;
	line-height: 25px;
	float:left;
	padding-left: 0px;
	padding-top:114px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	background: transparent;

}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.ubercolortabs{
padding-left: 45px;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 12px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}


.ubercolortabs a{
float: left;
color: #FFFFFF;
background: #FFFFFF url(../img/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 0px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(../img/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
float: none;
}

.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #e4e4e4; /*background color of tabs onMouseover*/
color: #000000;
text-decoration: none;
}

.ubercolortabs a:hover span{
background-color: transparent;
text-decoration: none;
}

div#hnav a {
	color: #000000;
	text-decoration: none;
}
div#hnav a:visited {
	color: #000000;
	text-decoration: none;
}
div#hnav a:hover {
	color: #555555;
	text-decoration: none;
}
div#hnav a:active {
	color: #000000;
	text-decoration: none;
}

/* Left Column and Vnav------------------------------------------------------------------*/
#left_column {
	width:173px;
	height:auto;
	float:left;
	background:transparent;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:0;
	}

#xx #left_column {
	display:none;
}
#xxx #left_column {
	display:none;
}

#vnav {
	float:left;
	width: auto;
	height: auto;
	font-weight: bold;
}
/*#vnav ul {
	padding-left: 0.75em;
	margin-left: 0.75em;
	list-style: none;
	line-height: 1.5em;
}*/
#vnav_cat {
	float:left;
	width: 145px;
	height: auto;
	margin-bottom: 15px;
}

div#vnav a {
	color:#D31145;
	font-weight: bold;
	text-align:left;
	text-decoration: none;
}
div#vnav a:visited {
	color: #D31145;
	text-decoration: none;
}
div#vnav a:hover {
	color: #666;
	text-decoration: NONE;
}
div#vnav a:active {
	color: #D31145;
	text-decoration: none;
}

/* navigation verticallllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll  */
ul.makeMenu, ul.makeMenu ul {
  width: 151px;                 /* sets the size of the menu blocks */
  border: 1px solid #000;      /* puts a black border around the menu blocks */
  background-color: #e4e4e4;      /* makes the menu blocks gray - a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
   margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}
ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  padding: 1px 0px 1px 5px;
  margin-bottom: 0px;          /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item*/
  border:1px solid #000;						/*  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #D31145;                 /* sets the default font colour to white */
}
ul.makeMenu li.title {
  list-style-type: none;       /* removes the bullet points */
  padding: 1px 0px 1px 5px;
  margin-bottom: 0px;          /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item*/
  border:1px solid #000;						/*  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #000000;                 /* sets the default font colour to white */
  background: #FFFFFF;
}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: -12px;                    /* position slightly lower than the parent menu item */
  left: 149px; 
  border: 1px solid #000;								/* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color: #FFF;      /* gives the active menu items a yellow background */
  color: #D31145;                 /* makes the active menu item text red */ 
}
ul.makeMenu li.title:hover{
  background-color: #FFF;      /* gives the active menu items a yellow background */
  color: #000000;                 /* makes the active menu item text red */ 
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a { color: #D31145; display: block; width: 100%; text-decoration: underline; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #666; }
ul.makeMenu li:hover > a { color: #666; } /* supports links in branch headings - should not be display: block; */


/* Right Column and VNav2----------------------------------------------------------------*/
#right_column {
	width: 173px;
	height:auto;
	float:right;
	background:transparent;
	text-align:center;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:15px;
	margin-right:0px;
	margin-top: -15px;
}

#xx #right_column {
	display:none;
}
#xxx #right_column {
	display:none;
}
#prp #right_column {
	display:none;
}

#vnav2 {
	float:left;
	width: auto;
	text-align:center;
	height: auto;
	color: #ffffff;
	font-size:12px;
	margin-top:-10px;
	margin-left: 5px;

}
#vnav2 ul {
	padding-left: 0.75em;
	margin-left: 0.75em;
	list-style: none;
	line-height: 1.5em;
}

div#vnav2 a {
	color:#000000;
	font-weight: bold;
	text-align:left;
	text-decoration: none;
}
div#vnav2 a:visited {
	color: #000000;
	text-decoration: none;
}
div#vnav2 a:hover {
	color: #555555;
	text-decoration: underline;
}
div#vnav2 a:active {
	color: #555555;
	text-decoration: underline;
}

/* Content --------------------------------------------------------------------*/
#content {
	background:url(../img/content_bg.jpg) repeat-y top;
	width:856px;
	height:auto;
	text-align:left;
	background-color:#FFFFFF;
	border-bottom:#CCCCCC 1px solid;
}
#xxx #content {
	background:#ffffff;
}

#xx #content {
	background:#fff;
}

.content2 {
	float:left;
	width:480px;
	padding-left:5px;
	padding-right:5px;
}

.content3 {
	float:left;
	width:685px;
	padding-left:5px;
	padding-right:5px;
}

.content4 {
	float:left;
	width:845px;
	padding-left:5px;
	padding-right:5px;
}

#xx .content2 {
	float:left;
	width:590px;
	padding-left:25px;
	padding-right:25px;
}

#xx .content3 {
	float:left;
	width:630px;
	padding-left:5px;
	padding-right:5px;
}

#xx .content4 {
	float:left;
	width:630px;
	padding-left:5px;
	padding-right:5px;
}

#menu_box {
	width:160px;
	height:170px;
	padding:3px;
	text-align:left;
	background: url(../img/admin_bg.jpg) bottom;
	border:#999999 1px solid;
	margin:0 5px 0 0px;
}
#menu_box img {
	border-top:#999999 1px solid;
	border-left:#999999 1px solid;
	border-bottom:#ffffff 1px solid;
	border-right:#ffffff 1px solid;
}
.calship {
border:#000033 1px solid;
width:350;
background-color:#ededff;
font-size:10px;

}

/* Footer ---------------------------------------------------------------*/
#footer {
	color: #000000;
	padding-top:2px;
}

div#footer a {
	color: #000000;
	text-decoration: none;
}
div#footer a:visited {
	color: #D31145;
	text-decoration: none;
}
div#footer a:hover {
	color: #D31145;
	text-decoration: underline;
}
div#footer a:active {
	color: #D31145;
	text-decoration: underline;
}

/* Phone -----------------------------------------------------------------*/
.phone {
	width: 350px;
	height: 30px;
	float: right;
	text-align: right;
	margin: 103px 5px 0 0;
	color: #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	font-size: 2.50em;
	letter-spacing: -2px;
}

#phone2 {
	max-width:857px;
	min-width:757px;
	/*height:20px;*/
	padding-right:3px;
	color:#000000;
	height:19px;
	background:#FFFFFF url(../img/phoone_bar.jpg) top;
	text-align:right;
	border-bottom: #FFFFFF 0px solid;
	margin:auto;
}

#phone2 p {
	margin-right:10px;
}

#xx #phone2 {
	display:none;
}

/* Gallery ----------------------------------------------------------------*/
#galleryimgcont {
	width:480px;
	height:396px;
}

#imgLoader {
	display: none;
	width: auto;
	height: auto;
}

.thumbpix {
	margin:0px 2px;	
}

.thumbpix a img{
	border: solid 2px #000000;
}

.thumbstrip a:hover img{
	border: solid 2px #888888;
}

.thumbstrip {
}

.thumbstrip a img{
	border: solid 2px #000000;
}

.thumbstrip a:hover img{
	border: solid 2px #888888;
}

/*Do not delete the below elements, they control the motion gallery*/
#motioncontainer {
width: 100%; /* Set to gallery width, in px or percentage */
height: 94px; /* Set to gallery height */
position:relative;
overflow:hidden;
float:left;
}

#motioncontainer img{
	border: solid 2px #000000;
	cursor:pointer;
	margin:0px 3px;
}

#motioncontainer img:hover{
	border: solid 2px #888888;
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}

/* Do not delete the above styles, they control the motion gallery*/

/* Catalog -----------------------------------------------------------*/
#cart {
    margin: auto;
	text-align: center;
	border: 1px solid #000066;
}

#xx #cart {
	border: 0px;	
}

#cartsummary {
	color:#000000;
	border: #999999 solid 1px;
	background:#eeeeee;
	width: 130px;
	height: auto;
	text-align: center;
	margin: 10px 0 10px 0px;
	padding: 2px;
	float:left;
}
.cart_links {font-size:9px; font-weight:none;}
#more_prod {
	width: auto;
	height: 50px;
	text-align: center;
}

.products {
	padding-left:20px;
}

.prod_head {
	margin: 0;
	color: #FFFFFF;
}

.prod_head a {
	color: #FFFFFF;
}

.cattitle {
	width: auto;
	clear: both;
	text-align: center;
	display: block;
}

.catalogItem2 {
	height: auto;
	float: left;
	border: 1px solid #cccccc;
	text-align: center;
	margin: 5px 0px 15px 5px;
}
TABLE.catalogItem2 a {
	color:#666666;
	text-decoration:none;
	}
TABLE.catalogItem2 a:hover {
	color:#666666;
	text-decoration:underline;
}
.catalogSeller {
	color: #FF0000;
	font-weight: bold;
}
.catalogTitle {
	color:#ffffff;
}
span.catalog_id {
	background:#cccccc;
	padding:10px;
	width:100px;
	display:block;
}
span.catalog_id a {
	font-size:11px;
	font-weight:none;
	text-transform: lowercase;
}
.subtitle {
	list-style: disc inside;
	margin-left:40px;
	text-align:left;
	width:35%;
	display: block;
}


/* Text -----------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-top: 10px;
	margin-bottom: 6px;
}

h1 {
	width:auto;
	font-size: 24px;
	font-weight: bold;
	color: #666;
	/*background:url(../img/headline_bg.jpg) repeat-x bottom;
	border:#CCCCCC 1px solid;*/
}

h2 {
	width:auto;
	font-size: 18px;
	font-weight: bold;
	color: #D31145;
	/*background:url(../img/headline_bg.jpg) repeat-x bottom;
	border:#CCCCCC 1px solid;*/
}

#xx h2 {
	padding-top:20px;
	padding-left:0px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
#xx h4 {
	padding-top:20px;	
}

h5 {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

h6 {
	font-size: 8px;
	font-weight: bold;
	color: #000000;
}

blockquote {
	margin-left: 2em;
	margin-right: 2em;
}

/* Links -----------------------------------------------------------------------*/
a {
	color: #00F;
	text-decoration: underline;
}
a:visited {
	color: #00F;
	text-decoration: underline;
}
a:hover {
	color: #003399;
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
	color: #00F;
}
/* Button. -------------------------------------------------------------------*/


a.squarebutton{
background: transparent url('../img/leftbutton.jpg') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../img/rightbutton.jpg') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}





/* Misc. -------------------------------------------------------------------*/

#login {
	width: auto;
	color:#000000;
}

#hours {
	width: 150px;
	float:right;
}

#news {
	width:145px;
	float:right;
	/*background-color:#00FF00;*/
	font:12px Arial, Helvetica, sans-serif;
}
.thumbarray {
	display: block;
	width: 240px;
	height: 275px;
	float: left;
	border: solid 1px #000000;
	margin: 3px;
	padding: 3px;
	text-align: center;
	text-decoration: none;
}
.thnlimg {
	display: block;
	width: 96px;
	height: 85px;
	float: left;
	text-decoration: none;
	margin: 5px;
	text-align: center;
	border: none;
}
.altimgthumb {
	width:auto;
	height:35px;
}
* html .thnlimg {
	margin: 2px;
}
.border {
	border: #333333 1px solid;
}

.kminfo {
	display:none;
}

.contact_form {
	display:block;
	width:145px;
	height:auto;
	background: #ffffff url(../img/contact_grad.jpg) repeat;
	border: #666666 1px solid;
	float:left;
	margin:20px 0 0 -5px;
}
.contact_form h4 { text-align:center;}

#contact_sm {
	width:180px;
	float:left;
	font:14px Verdana, Arial, Helvetica, sans-serif;
}
.bt_links { width:100%; height: 128px; background:#ffffff url(../img/sponsors.jpg) no-repeat top; text-align:left; padding:21px 0 10px 0; border-top:#ffffff 0px solid;}
.bt_links a {text-decoration:none; }
.bt_links img {border:none;}

#cu a.print_link { display:none;}
#pg a.print_link { display:none;}
#an a.print_link { display:none;}
#li a.print_link { display:none;}
#rv a.print_link { display:none;}
#ev a.print_link { display:none;}
#bl a.print_link { display:none;}
#hd a.print_link { display:none;}
#tf a.print_link { display:none;}
#pd a.print_link { display:none;}

a.ccv2 span { display:none; text-decoration:none; cursor: help;}
a:hover.ccv2 span { position:absolute;display:block; border:#333333 1px solid;text-decoration:none; }
a:hover.ccv2 span img { border:none;}