* {
	border: none;
	list-style: none outside;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-indent: 0;
}













/*---------------------------------------------------------------------------major layout elements first */

body {
	background: url(http://www.scottfennell.com/ecommerce/images/gradientbg.gif) repeat-x top left fixed;
	width: 760px;
	position: absolute;
	right: 60px;
	padding-top: 20px;
	padding-bottom: 20px; 
}


#wrap {
	clear: both; 
	float: left;
	margin-bottom: 4px; 
	padding: 20px;
	padding-top: 0;
	width: 760px;
	}


/*contains h1 and nav1*/
#header {
	height: 115px;
	position: relative;
	width: 760px;
	padding: 15px 20px 15px 20px; 
	z-index: 1;
	-webkit-border-radius-topright: 15px; -moz-border-radius-topright: 15px;
	-webkit-border-radius-topleft: 15px; -moz-border-radius-topleft: 15px;
}



/*the left part of the page. the opening and closing tags are the first/last things in top.php and bottom.php*/
#content {
	clear: left;
	float: left;
	padding-right: 6px; 
	width: 560px;
	position: relative;
	}

#right_side {
	float: right;
	margin-right: -10px;
	padding-left: 14px;
	padding-top: 5px;
	width: 180px;
	}


#footer {
	clear: both;
	font-size: 85%;
	}
/*------------------------------------------------------------------------ end major layout elements*/









































/*-------------------------------------------------------- universal rules for various elements*/

h2 {
	margin: 5px;
	}

h1 a, h2 a, h3 a, h4 a, h4 a, h6 , dt a {font-weight: normal;}

a {font-weight: bold;}

a:hover {text-decoration: underline;}

p {margin-bottom: 20px;}

p, dd, #product_zoom_in {line-height: 1.3em;}

/*form elements*/
input, textarea, select {
	background: white url(http://www.scottfennell.com/ecommerce/images/inputbg.gif) repeat-x bottom left;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom:1px solid #000;
	border-left: 1px solid #ccc;
	padding: 1px;
	}
	
.button {
	background: url(../../images/buttonbg.png) no-repeat top left;
	border: none;
	clear: both;
	color:#ddd;
	font-size: 20px;
	height: 50px;
	margin-left: 120px;
	width: 315px;
	}
	
/*we want the buttons to act like links*/
.button:hover {cursor: pointer;}
.button:active {
	background: url(../../images/buttonbg.png) no-repeat top left;
	color: #aaa;
	}

/*needed for all mouseovers, to prevent the user form thinking it's a link*/
a.textField:hover, a.textField {
	cursor: default;
	font-weight: normal;
	text-decoration: none;
	}
	
	
#comments {
	clear: both; 
	margin-top: 30px;
	padding-top: 5px;
	}

#comments dl {padding: 5px;}

.error {color: red;}

.zebra p {padding: 5px;}

input.invalid {
	background-color: #FF9;
	border: 2px red inset;
}

label.invalid {
	color: #F00;
	font-weight: bold;
}

.highlight {background: #F5B9B9;}

/*-------------------------------------------------------- end universal rules for various elements*/











































/*-------------------------------------------------------this stuff occurs outside of the wrap div and appears at the top right*/

ul#outer_nav {float: right;
	}

#outer_nav li {
	padding: 8px;
	padding-bottom: 2px;
	float: left;
	}
	
	
	
/*-------------------------------------------------------end stuff that occurs outside of the wrap div and appears at the top right*/










































/*-------------------------------------------------------header elements.  is outside the wrap.*/

h1 span {display: none;}
h4 {
	float: left;
	clear: right;
	width: 300px;
	position: absolute;
	bottom: 3px;
	left: 30px;
	z-index: 2;
	}


#top_contact_ul {
position: absolute;
left: 150px;
top: 40px;
z-index: 999;
}





/*the nav menu that appears inside the wrap, and inside the header*/
ul#nav1 {
	position: absolute;
	
	top: 115px;
	width: 760px;
	z-index:99;
	}

/*we use relative positioning because that's the first step in controlling where the pop up menu appears in IE7*/
ul#nav1 li {
	float: left;
	margin-bottom: 4px;
	margin-left: 13px;
	padding-bottom: 3px;
	padding-left: 21px;
	position: relative;
	text-align: left;
	z-index: 99;
	}

ul#nav1 li ul {display: none;}

/*this absolute positioning fixes ie7*/
ul#nav1 li:hover ul {
	opacity: .9;
	display: block;
	padding: 2px;
	position: absolute;
	right:0;
	top: 1.1em;
	width: 150px;
	z-index: 99;
	-moz-border-radius-bottomleft: 6px;
-webkit-border-radius-bottomleft: 6px;
	}

ul#nav1 li ul li {
	float: none;
	font-size: 90%;
	margin-left: 8px;
	padding-left: 0;
	opacity: 1;
	}

ul#nav1 li ul li a {opacity: 1;}
/*
#home_li {background: url(../../images/icons/home.gif) no-repeat left center;}
#product_li {background: url(../../images/icons/product.gif) no-repeat left center;}
#contact_li {background: url(../../images/icons/contact.gif) no-repeat left center;}
*/
	
#search_products_form {
	position: absolute;
	z-index: 1;
	top: 20px;
	right: 20px;
	width: 170px;
	height: 85px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

	}
	
#search_products_form h3 {font-size: 110%; padding: 6px 10px 6x 10px; text-align: center; -moz-border-radius-topleft: 6px;
-webkit-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
-webkit-border-radius-topright: 6px;}
	
	
#searchField {
	position: absolute;
	top: 29px;
	left: 10px;
	z-index: 3
	}
	
#search_modifiers
{position: absolute; top: 54px;
	left: 10px;}

.go, .go_even {
	position: absolute;
	z-index: 4;
	right: 5px;
	top: 25px;
	background: url(../../images/red_go.png) no-repeat top left;
	border: none;
	width: 35px;
	height:35px;
	}

.go_even {background: url(../../images/blue_go.png) no-repeat top left;
	}

* HTML .go_even {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/blue_go.png", sizingMethod="scale");
}

* HTML .go {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/red_go.png", sizingMethod="scale");
	}

.go:hover {cursor: pointer;}
.go_even:hover {cursor: pointer;}

#search_modifiers {
	position: absolute;
	top: 54px;
	right: 40px;
	}

#quick_nav_form {
	position: absolute;
	top: 20px;
	right: 210px;
	width: 170px;
	height: 63px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

	}
	
#quick_nav_form h3 {font-size: 110%; padding: 6px 10px 6x 10px; text-align: center; -moz-border-radius-topleft: 6px;
-webkit-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
-webkit-border-radius-topright: 6px;}
	
#quick_nav_select {
	width: 126px;
	margin: 10px;
	}

#redirect_bar {width: 786px;text-align: center; padding: 7px; color: white; clear: both; background: #0c0c7e;}
#redirect_bar a {color: #ececec;}	
/*-------------------------------------------------------header elements.  the header is inside the wrap, but not inside the content.*/







































/*--------------------------------------------------------------------------------right side elements--*/
#right_side dd {line-height: 1.1em;}

#right_side h5 {
	font-size: 115%;
	padding: 3px;
	}

#oil_price {
	text-align: center;
		width: 138px; 
		border-bottom: 1px dotted gray;
		padding-bottom: 10px;
		margin-bottom: 10px;
		margin-left: 20px;
		margin-top: 10px;
	}

#right_side dl{
	width: 170px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 10px; 
	}
#right_side dt {padding: 6px 10px 6x 10px; text-align: center; -moz-border-radius-topleft: 6px;
-webkit-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
-webkit-border-radius-topright: 6px;
	}
#right_side dt a {font-size: 110%; font-weight: bold; }

.featured_product_price {display: none; height: 27px;}
	
.featured_product_price_background {display: none; 
	background: url(../../images/icons/dollar.gif) no-repeat bottom left;
	padding-left: 18px;
	padding-top: 20px;
	}
	
.featured_product_image img {
	width: 140px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 1px;
	margin-left: 13px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom:1px solid #000;
	border-left: 1px solid #ccc;
	}

.featured_cart {display: none; 
	margin-left: 15px;
	padding-left: 23px;
	padding-top: 20px;
	background: url(../../images/icons/cart.gif) no-repeat bottom left;
	}

#contact_form {width: 170px; -moz-border-radius: 6px;
-webkit-border-radius: 6px; margin-bottom: 10px;}
#contact_form h3 {font-size: 110%; padding: 6px 10px 6x 10px; text-align: center; -moz-border-radius-topleft: 6px;
-webkit-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
-webkit-border-radius-topright: 6px;}


#contact_form p {margin: 5px 10px 5px 10px;}
#send {
	border: 0;
	width: 49px;
	height: 33px;
	position: relative;
	left: 96px;
	bottom: 27px;
	background: url(../../images/send.png) no-repeat top left;
	}
#send:hover {cursor: pointer;}
/*--------------------------------------------------------------------------------end right side elements--*/





































/*----------------------------------------------------------------------------------------bottom stuff*/
#bottom_contact_ul {
	border-top: 1px dashed #bbb;
	margin-top: 10px;
	padding-top: 10px;
	list-style: none;
	clear: both;
	}
	
#bottom_contact_ul li {
	float: left;
	padding-right: 15px;
	}

#credits a {color: #000;}
#credits li {float: left; padding-right: 20px; }

#product_list {
	background: #ececec;
	margin: 40px;
	padding: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	clear: both;
	font-size: 90%;

}

#product_list li {display: inline; padding-right: 6px; margin-right: 6px; line-height: 2em; border-right: 1px solid #ccc;}






























/*----------------------------------------------------------------------------------------home page stuff*/

/*the mouseover area on the homepage*/
#home_page #textField {
	height: 342px;
	position: absolute;
	left: 70px;
	top:235px;
	width: 456px;
	}
		
.home_page_small_photos {
	width: 360px;
	position: absolute;
	left: 240px;
	top: 235px;
	height: 370px;
	overflow: auto;
	}
	
.home_page_small_photos_left {
	width: 360px;
	position: absolute;
	left: -240px;
	top: 235px;
	height: 370px;
	overflow: auto;}
	
.home_page_small_photos a, .home_page_small_photos_left a {display: block; float: left; clear: left; }
	
.home_page_small_photos ul li, .home_page_small_photos_left ul li {width: 80px; border-bottom:1px solid white;}

.home_page_small_photos ul {	
}

.home_page_small_photo img {
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom:1px solid #000;
	border-left: 1px solid #ccc;
	height:60px;
	width: 80px;
	margin-left: 260px;
	margin-bottom: 2px;
	}
.home_page_small_photo .home_page_caption {text-indent:-2000px;}

.home_page_small_photo:hover .home_page_caption {
	text-indent:0px;
	text-align: right;
	position: absolute;
	top: 350px;
}

.home_page_small_photos_left .home_page_small_photo:hover .home_page_caption {
	left: 60px;
}


#index_bottom {position: relative; top: 375px;}
#index_bottom dt {font-weight: bold; font-size: 110%;}
/*----------------------------------------------------------------------------------------end home page stuff*/





































/*-----------------------------------------------CATEGORIES PAGE------------------
-----------------------------------------------------------------------------------------*/

#categories table {border-spacing: 13px; }
	
#categories td {width:156px; padding: 10px 0px 13px 14px; -moz-border-radius: 6px;
-webkit-border-radius: 6px;}

#categories img {
	padding: 1px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom:1px solid #000;
	border-left: 1px solid #ccc;
}











































/*----------------------------------------------------------------------------------------product page stuff*/

#products dl {
	width: 550px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	float: left;
	-moz-border-radius: 6px;
-webkit-border-radius: 6px;
	}
	
	
	#products img {
	padding: 1px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom:1px solid #000;
	border-left: 1px solid #ccc;
	margin-right: 10px; 
}

	
#products dt {

float: right;
	width: 395px;	}
	
dd.product_page_description {
	float: right;
	width: 395px;
	}
	
dd.product_page_price {display: none; 
	float: left;
	width: 140px;
	}
	
dd.product_page_in_stock {float: left; width: 140px;}
dd.product_page_image {
	float: left;
	width: 140px;
	padding-right: 5px;
	}


/*----------------------------------------------------------------------------------------end product page stuff*/











































/*----------------------------------------------------------------------------------------product zoom in page stuff*/

#product_zoom_in #textField {
	float: left;
	width: 456px;
		
	}
#product_zoom_in #small_photos {
	float: right;
	
	}

#product_zoom_in #small_photos li img {
	padding:3px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom:1px solid #000;
	border-left: 1px solid #ccc;
}

ul#product_zoom_in_info {clear: both;}
.zoom_in_in_stock {font-weight: bold; margin-top: 10px; }

.zoom_in_price {display: none;}

.zoom_in_description ul {}

.zoom_in_description li {padding-left: 10px;}

#add_to_cart {display: none; 
	background: url(../../images/icons/cart.gif) no-repeat left center;
	padding-top: 2px;
	padding-left: 22px;
	}


/*----------------------------------------------------------------------------------------end product zoom in page stuff*/





































/*----------------------------------------------------------------------------------------contact page*/

#contact li {padding: 2px;}

#contact dl {margin-bottom: 30px;}
#contact dt {margin-bottom: 15px;}
#contact .store_name {margin-top: 15px; }
#contact 
/*----------------------------------------------------------------------------------------end contact*/







































/*--------------------------------------------------------------------layout templates for user created pages---------------*/

#three_columns dl {
	width: 140px;
	float: left;
	padding: 5px;
	margin-bottom: 35px;
	}
	
#three_columns dl img {
	width: 140px;
	height: 133px;
	}







#alt_rows {}
#alt_rows img {width: 140px;}
#alt_rows dt {
	clear: both;
	padding-bottom: 5px;
	}
#alt_rows dl {
	width: 550px;
	padding: 5px;
	margin-top: 15px;
	-moz-border-radius: 6px;
-webkit-border-radius: 6px;

	}

#alt_rows dl.odd {float: right; }
#alt_rows dl.even {
	float: left;
	}

.img_evenalt_rows {
	float: left;
	width: 140px;
	margin-right: 5px;
	}
	
.text_evenaltrows {float: right;}

.img_oddalt_rows {
	float: right;
	width: 140px;
	margin-left: 5px;
	}
	
.text_oddaltrows {float: left;}

/*--------------------------------------------------------------------end layout templates for user created pages---------------*/







































/*----------------------------------------------------------------admin area-------------------------*/	

#admin_options li {margin-bottom: 15px; }

.admin_homepage  {
	padding-top: 2px;
	padding-left: 22px;
	}

dt#add_product {background: url(../../images/icons/add_product.gif) no-repeat center left;}
dt#change_product, dt#edit_blurb {background: url(../../images/icons/change_product.gif) no-repeat center left;}
dt#remove_product, dt#delete_blurb {background: url(../../images/icons/remove_product.gif) no-repeat center left;}
dt#browse_images {background: url(../../images/icons/browse_images.gif) no-repeat center left;}
dt#upload_images {background: url(../../images/icons/upload_images.gif) no-repeat center left;}
dt#assign_images {background: url(../../images/icons/assign_image.gif) no-repeat center left;}
dt#remove_image {background: url(../../images/icons/remove_image.gif) no-repeat center left;}
dt#add_blurb {background: url(../../images/icons/light_bulb.gif) no-repeat center left;}
dt#make_new_page {background: url(../../images/icons/new_page.gif) no-repeat center left;}
dt#edit_page {background: url(../../images/icons/edit_page.gif) no-repeat center left;}
dt#permanently_delete_page {background: url(../../images/icons/delete_page.gif) no-repeat center left;}
dt#upload_icons {background: url(../../images/icons/upload_icon.gif) no-repeat center left;}
dt#change_settings {background: url(../../images/icons/wrench.gif) no-repeat center left;}
dt#upload_background_image {background: url(../../images/icons/upload_bg.gif) no-repeat center left;}




h3.admin_sub_header {
	margin-top: 35px;
	}
	
h3.admin_sub_header a:hover {text-decoration: none;}

/*We need some way to take the emphasis off of the first form in the admin area, but not kill it entirely*/
.second_form {
	position: relative;
	margin-bottom: 200px;
	padding-bottom: 5px;
	}


.success {
	color: green;
	margin-bottom: 15px;
	}

#select_image_from_list {width: 560px;}
#select_image_from_list ul, #select_image_from_list dl {
	float: left;
	width: 265px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	font-size: 85%;
	height: 130px; 
	}
	
#select_image_from_list img {width: 80px; height: 60px;}

.select_icon_input {
	width: 180px;
	float: left;
	}
	
#select_icon_menu {}
.need_to_clear {
	clear: both;
	margin-top: 200px;
	}

#change_settings_navigation {margin-bottom: 100px;}

.anchor:hover {
	text-decoration: none;
	cursor: default;
	margin-top: 80px;
	}

#change_settings_navigation li {
	list-style-type: disc;
	margin-left: 10px;
	padding-left: 5px;
	margin-bottom: 3px;
	}

#change_settings_navigation li li {
	list-style-type: circle;
	margin-left: 20px;
	padding-left: 5px;
	margin-bottom: 3px;
	}


/*----------------------------------------------------------------admin area-------------------------*/