/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height:1.166;
}

h1, h2, h3, h4, h5, h6 {
	color:#000066;
}

/* Layout Div's *********/
/* For the basic Form of the site */

#header {
	padding: 0px 0px 0px 0px;
	width: 100%;
}

#leftSide {
	width: 150px;
	float: left;
}

#rightSide {
	width: 140px;
	float: right;
}

#content {
	margin: 0px 150px 0px 160px;
}

#content2 {
	margin: 0px 150px 0px 160px;
}

#prodcontent {
	padding: 0px 15px 0px 15px;
}

#thumdis {
	margin: 0px 150px 0px 160px;
}

#footer {
	width: 100%;
}
/*to get the content to display the same up to 760px wide*/
#constrainWidth {
	width:760px;
	padding:0px;
	margin:0px;
}

/************ #header classes and divs ****************/
/* for the styles of divisions in the header */

#topBar {
	height: 68px;
	background-image: url(../images/topbar2.gif);
	background-repeat: repeat-x;
}

#subTitle {
	background-color:#CCCCCC;
	color:#000066;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	height:21px;
}

#logoImg {
	float:left;

}

/************ #leftSide classes and divs ***************/
#leftSide a:link, a:visited, a:hover {
	color: #000066;
	font-size: 90%;
	text-align:left;
}

#leftSide a:link, a:visited {
	text-decoration: none;
	display:block;
}

#leftSide a:hover {
	text-decoration: underline;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#leftSide li {border-bottom: 1px solid #CCC;}

/* fix for browsers that don't need the hack */
html>body #leftSide li {border-bottom: none;}


/********** #mainNav styles **************/
#mainNav {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	background-color: #cccccc;
	color: #000066;
}

#mainNav a:link, #mainNav a:visited {
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #999999;
	color:#000066;
	text-align:left;
	text-decoration:none;
}

#mainNav a:hover {
	background-color: #dddddd;
	color:#000066;
	text-align:left;
}

#mainNav ul {
	list-style-type:none;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

#mainNav ul ul {
	list-style-type:disc;
	padding-left:40px;
	font-size:90%;
	display:list-item;
}

#mainNav ul ul a:link, #mainNav ul ul a:visited{
	border:none;
	padding:0px;
	text-decoration:none;
	font-size:90%;
}

/************ #subNav styles ***********/

#subNav {
	background-color:#ffffff;
	color: #000066;
}

#subNav h3 {
	color:#000066;
}

#subNav ul {
	list-style-type:none;
	padding:0px 0px 0px 10px;
	margin:0px;
}

#subNav ul ul {
	list-style-type:disc;
	padding: 0px 0px 0px 30px;
}

#subNav ul ul a:link, #subNav ul ul a:visited, #subNav ul ul a:hover {
	font-size:75%;
}

#subNav a:link, a:hover {
	color: #0066cc;
}

#subNav a:visited {
	color:#990000;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#subNav li {border-bottom: 1px solid #fff;}

/* fix for browsers that don't need the hack */
html>body #subNav li {border-bottom: none;}


/************ #rightSide classes and divs **************/


/********* #shoppingCart styles *********/
#shoppingCart {
	border: 1px solid #999999;
	padding-right: 10px;
	text-align:right;
	font-size:85%;
	background-color:#FFFFCC;
}

#shoppingCart h3{
	padding:0px;
	margin:0px;
	font-size:100%;
	color:#000066;
	text-align:center;
}

#shoppingCart table{
	text-align:left;
	font-size:80%;
}

/********* #search styles **************/
#search {
	padding: 5px 0px 5px 10px;
	font-size: 90%;
}

#search form {
	margin:0px;
	padding:0px;
}

#search label {
	padding:0px;
	margin:0px;
	display:block;
}

/********* #specialBar styles ***************/
#specialBar{
	border:1px solid #999999;
	color:#000066
}

#specialBar a:link{
	font-size:90%;
	text-decoration:underline;
	color:#000066;
}

#specialBar a:hover{
	font-size:90%;
	text-decoration:underline;
	color:#0066cc;
}

#specialBar a:visited{
	font-size:90%;
	text-decoration:underline;
	color:#990000;
}

#specialBar h3{
	background-image:url(../images/specialBar.gif);
	background-repeat:no-repeat;
	padding: 6px 0px 5px 8px;
	margin:0px;
	font-size:14px;
}
#specialBar .listOfSpecials {
	font-size:90%;
	margin:0px;
	padding:0px;
}

#iefixit {
	float:left;
}
/************ #content classes and divs ****************/
/*these are for the border of different product pics. they should match the color scheme of the catalog*/
/*I will also use div's to help orginize instead of using tabels. Restructureing of the origional pages 
will be neccessary*/

/***************#specials page divs ******/
#special {
	list-style-type:none;
	}

#special ul{
	list-style-type:none;
	float:none;
	text-align:center;
	clear:none;
}
#special a:link, a:hover, a:visited{
	font-size:100%;
	text-align:center;
	text-decoration:underline;
}

/******** #content styles ********/
#content {
	text-align:left;
}

#content img{
	/*margin: 0px 20px 0px 0px;
	float:left;*/
}


#content a:link{
	font-size:100%;
	color:#0066cc;
	text-decoration:underline;
}

#content a:hover{
	font-size:100%;
	color:#0066cc;
	text-decoration:underline;
}

#content a:visited{
	font-size:100%;
	color:#990000;
	text-decoration:underline;
	display:inline;
}

#thumb{float:left; width:140px;}
#thumb img{float:none;}
#thumbholder{float:left; width:100%; text-align:center; margin:20px auto 0px auto;}
#thumbholder p{text-align:center;}
#thumbholder img{border:0px;}

.thumbnail2 {
	text-align:center;
	float:left;
	clear:none;
	width:140px;
	height:150px;
	margin: 0px 5% 0px 5%;
}

.thumbnail2 p{
	text-align:center;
	}

.thumbnail2 a img{
	tex
	float:none;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	/*padding: 0px 20% 0px 30%;
	text-align:center;*/
}

.thumbnail2 a:link, a:hover, a:visited {
	text-align:center;
}
.firstImg{
	height:206px;
	float: left;
	margin: 10px;
}

.centerNav p{text-align:center;}

.centerNav a:link, a:visited, a:hover{ text-align:center;}

#quote {text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:110%;}
#quote img{float:none;
border: 2px solid #000066;
margin:0px 0px 15px 0px;}

/************ #thumdis styles for the pages with thumbnails ***/
#thumdis {
	text-align:center;
}

#thumbHeading {
	float:left;
	clear:both;
	width:100%;

}

#thumdis a:link{
	font-size:100%;
	color:#0066cc;
	text-decoration:underline;
}

#thumdis a:hover{
	font-size:100%;
	color:#0066cc;
	text-decoration:underline;
}

#thumdis a:visited{
	font-size:100%;
	color:#990000;
	text-decoration:underline;
}

/************ #prodcontact styles, for the productdisplay pages */
#prodcontent {
	text-align:left;
	overflow:auto;
}

#prodcontent img{
	margin: 0px 0px 0px 0px;
	float:left;
}


#prodcontent a:link{
	font-size:100%;
	color:#0066cc;
	text-decoration:underline;
}

#prodcontent a:hover{
	font-size:100%;
	color:#0066cc;
	text-decoration:underline;
}

#prodcontent a:visited{
	font-size:100%;
	color:#990000;
	text-decoration:underline;
	display:inline;
}

#prodcontent ul{
	float:left;
	clear:left;
	width:80%;
}

#prodcontent li{
	display:list-item;
	list-style-position:inside;
}

#prodcontent table{
	float:left;
}


/*This is for displaying the catagories on the product.php page.*/
.prodCatDis li{
	margin:0px 0px 40px 0px;
	padding:0px 0px 10px 0px;
	list-style-type:none;
	text-align:left;
}

.prodCatDis li a:link, li a:visited, li a:hover {
	text-align:left;
}

.prodCatDis img {
	float:left;
	margin: 0px 10px 0px 0px;
}

.productCatDis li{
	vertical-align:middle;
}

/*********** various classes *********/
.redBorder {
	border-width:2px;
	border-style:solid;
	border-color:#CC3333;
}

.greenBorder {
	border-width:2px;
	border-style:solid;
	border-color:#009933;
}

.brownBorder {
	border-width:2px;
	border-style:solid;
	border-color:#996633;
}

.yellowBorder {
	border-width:2px;
	border-style:solid;
	border-color:#FFFF00;
}

.blackBorder {
	border-width:2px;
	border-style:solid;
	border-color:#000000;
}

.orangeBorder {
	border-width:2px;
	border-style:solid;
	border-color:#FF6600;
}

.blueBorder {
	border-width:2px;
	border-style:solid;
	border-color:#0000FF;
}

.thumbnail {
	text-align:center;
	float:left;
	width:140px;
	height:150px;
	margin: 0px 0px 0px 0px;
}

.thumbnail img{
	
}

.thumbnail a:link, a:hover, a:visited {
	text-align:center;
}
/************ #footer classes and divs *****************/
#footer {
	text-align:center;
	clear:both;
}

#footer h2 {
	margin:0px;
	padding:0px;
}