/*   .copy - A dot preceding is a class selector and these can be used multiple times in a page */
/*   #copy - A hashmark preceding is an id selector, use only once in a page */
/*   See www.codestyle.org/css/Glossary.shmtl for a great reference !!!  */

/* The body tag below controls text in the top section text */	
body {
	font-family: Georgia, Arial, "Times New Roman", Times, serif, "Skia Regular";
	/* This font only affects the main top section */
	font-size: 13px;
	color: #FFFFFF;
	/*font-weight:bold; (didn't look good in bold) */
	background-color: #OOFFOO;

	margin: 0px;
	padding: 0px;
	/* Tried changing to 800 px but it broke it. The link one, etc need to be moved to the left */
	width: 	900px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
	/* This is the hovering on the left nav area */
	a:hover {
		color:#474747;
		background:#FFFFFF;
		text-decoration:none;
	}	a {
	/* This is the text color of the line items on the left-hand side, eg, van gogh, impressionism, etc. */
    	color:#FFFFFF;
	}
	
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
    #header {
	clear:both;
	float:left;
	width:100%;
	padding-bottom: 10px;
	/* border-bottom:3px solid #4C3327;*/
	/* Below is our grey. It is the dark band at the top that has link one, link two, etc */
	background-color: #000000;
	
	}
	/* column container */
	.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	/* The below color for the left nav background - our grey */
	background-color: #474747;
	}
	/* 2 column left menu settings */
	.leftmenu {
	}
	
      /* This is the entire body that section one and section two live in */
      /* between the nav menu and the slide show */
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:200px;
        background:#474747;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	}
	/* top, right, bottom, left - This means the left margin is out 215 pixels */
	.leftmenu .col1 {
        margin:0 15px 0 215px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
	/* The width setting controls how far the left nav section is from the top */
	/* but small chnges don't do anything */
    .leftmenu .col2 {
	float:left;
	width:170px;
	position:relative;
	right:185px;
    }
	/* Footer styles */
	#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
	text-align: center;
	margin-top: 10px;
	/* Below is bottom banner - black */
	background-color: #000000;

    }

    #footer p {
	padding:10px;
	margin:0;
	color: #FFF;
    }
    /*  */
    </style>
    [if lt IE 7]>
    <style media="screen" type="text/css">
    .col1 {
	    width:100%;
	}
    </style>
    <![endif]#movie {
	text-align: center;
}
/* We took this out N/U */
#searchbox {
	padding: 0px;
	width: 400px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
/* This is the link black band menu at top, Margin coordinates are top,right,bottom,left */
/* I changed left margin 325=>100 whcih gave more space for more links */
#searchnav {
	margin: 0px 0px 0px 100px;
	padding: 0px;
	text-align: left;
}
#header #searchnav ul {
	display: inline;
}
/* This is the space between menu items in the top banner */
#header #searchnav ul li {
	display: inline;
	text-align: right;
	list-style-type: none;
	padding-right: 20px;
}

#header h1 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin-bottom: 10px;
	padding: 10px;
	margin-top: 0px;
	font-family: Georgia, Arial, "Lucida Console", Monaco, monospace;
	font-size: 30px;
	color: #000000;
}
/* This controls the size of the text in the 'What's New' box */
p {
	font-size: 14px;
}
/* This contols the size of the link1, link2 etc text and also expands the top banner */
li {
	font-size: 14px;
}
.col2 h2 {
	font-family: Georgia, Arial, Verdana, Geneva, sans-serif;
	font-size: 16px;
}
/* padding-top and padding-bottom were both set to 3 and that was */
/* causing the gaps above and below the tabs on the nested sidebar  menu */
.col2 ul li {
	margin-left: -5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* This is the box enclosing content one, it is commented out  */

#contentone {
	width: 40%;
	float: left;
	/* border: 2px solid #4C3327; */
}
#contentone p {
	margin-left: 10px;
}
#contenttwo p {
	margin-left: 10px;
}
#sencondarycontent {
	margin-top: 10px;
}
#contentone h2 {
	margin-left: 10px;
}
#contenttwo h2 {
	margin-left: 10px;
}
	
/* This is the box enclosing content two, it is commented out */

#contenttwo {
	width: 56%;
	float: right;
	/* border: 2px solid #4C3327; */
}
#header #searchbox form {
	margin: 0px;
	padding: 0px;
}
#header #headernav {
}

#searchnav ul li a:link {
	text-decoration: underline;
	/* color: #FFFFFF; */
}


/* Below is the color of the menu items at top when the cursor is hovering */
#searchnav ul li a:hover {
	text-decoration: underline;
	/* color: #FFFFFF; */
	/* background-color: #474747; */
	/* border: 1px solid #FFFFFF; */
	/* padding: 1px; */
}

.floatright {
	float: right;
}

/* Below is the color of menu items at top  at top when clicked on */
#searchnav ul li a:active{
	text-decoration: underline;
	/* color: #FFFFFF; */
	/* background-color: #FFFFFF; */
	/* border: 1px solid #CDC2B1; */
	/* padding: 1px; */
}
#header #headertitle {
	background-color: #474747;
	float: center;

}
#header #headernav {
	margin: 0px;
	padding: 0px;
}

}
.colmask.leftmenu .colright .col2 ul li {
	list-style-type: none;
}
/* This is the mask over the 'CD's and DVD's on upper left */
.colmask.leftmenu .colright .col2 h2 {
	background-color: #474747;
	width: 100%;
	padding: 0px 3px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 17px;
}

#sencondarycontent {
	margin: 10px 0px 0px;
	padding: 10px 0px 0px;
}
/* This is the horizontal line just above the slideshow */
#sectionone {
	clear: both;
	min-height: 180px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-top: 20px;

}
.break {
	clear: both;
}

/* This is where the links are on the bottom */
#sectionthree {
	clear: both;
	min-height: 180px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	/* how far from the left side */
	padding-left: 44px;

}

/* This is the area before sectionfour with individual image size information */
#sectionfourPRE {
	clear: both;
	min-height: 50px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000000;
	/* how far from the left side */
	padding-left: 16px;
	padding-top: 12px;

}

/* This is the area with shipping, copyright, etc info */
#sectionfour {
	clear: both;
	min-height: 180px;
	/* how far from the left side */
	padding-left: 16px;
	padding-top: 4px;

}

/* This is the Light Box section on the default.asp Only! */
#sectionfourLBox {
	clear: both;
	min-height: 180px;
	/* how far from the left side */
	padding-left: 16px;
	padding-top: 60px;

}

{
	outline-color: #FFF;
	outline-style: solid;
	outline-width: 1px;
	outline-offset: 1px;

} 

/* This controls the size of the main navigation links. A size of 12 keeps most of them from wrapping */
.col2 ul li {
	font-size: 12px;
}

/* I created this for highlighting special areas, etc */
.hilite {
	font-family: Georgia, Arial, Verdana;
	font-size: 21px;
	font-style: Normal;
	/* font-weight: bold; */
	color: #FFFFFF;
}

/* I created this for the Audi ad */
.hilite1 {
	font-family: Georgia, Arial, Verdana;
	font-size: 21px;
	font-style: Normal;
	/* font-weight: bold; */
	color: #A28657;
}


ul.list {list-style-type:none;}

/* Added this in for having hyperlinks to all titles */
.copy  {color:#FFFFFF; font-family: Georgia, Arial, "Times New Roman", Times, serif, "Skia Regular"; font-size:13px;}
.copy1  {color:#FFFFFF; font-family: Georgia, Arial, "Times New Roman", Times, serif, "Skia Regular"; font-style: bold; font-size:15px;}
.linkline {color:#FFFFFF; font-family: Georgia, "Times New Roman", Times, serif, "Skia Regular"; font-size:13px; font-weight:bold; letter-spacing:1px; margin-bottom:0.5em; text-align:left;}
.linkline a {color:#FFFFFF; font-family: Georgia, "Times New Roman", Times, serif, "Skia Regular"; font-size:13px; font-weight:bold; letter-spacing:1px; margin-bottom:0.5em; text-align:left;}
.linkline a:hover {color:#474747; font-family: Georgia, "Times New Roman", Times, serif, "Skia Regular"; font-size:13px; font-weight:bold; letter-spacing:1px; margin-bottom:0.5em; text-align:left;}
.linkline_sm {color:#FFFFFF; font-family: Georgia, "Times New Roman", Times, serif, "Skia Regular"; font-size:10px; letter-spacing:1px; margin-bottom:0.5em; text-align:left;}
.linkline_sm a {color:#FFFFFF; font-family: Georgia, "Times New Roman", Times, serif, "Skia Regular"; font-size:10px; letter-spacing:1px; margin-bottom:0.5em; text-align:left;}
.linkline_sm a:hover {color:#FFFFFF; font-family: Georgia, "Times New Roman", Times, serif, "Skia Regular"; font-size:10px; letter-spacing:1px; margin-bottom:0.5em; text-align:left;}

/* 8/13/11 - See above, took out the padding and the gaps went away */
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 13px Georgia;
width: 176px; /* Main Menu Item widths */
/* border-bottom: 1px solid #ccc; */
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 4px; /* Height of tabs */
/* Added this to the submenu only - Looked to boxy */
/* border-bottom: 1px solid #778;
border-right: 1px solid #778; */
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #474747; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
border-bottom: 1px solid #776;
border-right: 1px solid #776;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */