/* CSS Document - logo; background image; text color; link */
/* Do not change anything between these lines! */
@import url('style.css');
.editable_fix {
	margin:0;
	position:relative;
	top:-10px;
	text-align: left;
}
#wrapper {
	width:760px;
	margin-left:auto;
	margin-right:auto;
}
/* Do not change anything between these lines! */

#logo {
	/* $logo - This is the logo CSS-- change the URL to change the logo (header image) image / color NOTE: Re to Match size  */
overflow:visible;
background:url(../images/logos/TPE%20Logos/PetElite-shadowWhite-logo.png) no-repeat;
height:64px;
}
#logo2 {
	/* $logo - This is the logo CSS-- change the URL to change the logo (header image) image / color NOTE: Re to Match size  */
overflow:visible;
background:url(../images/logos/TPE%20Logos/PetElite-shadowWhite-logo.png) no-repeat;
height:64px;
margin-left:40px;
}
body {
font-family:Arial, Helvetica, sans-serif;	
/* $background image - THIS IS THE MAIN background image!!! delete :url & file extension, than re-type url and double-click url; will pop up browse menu */
background-image:url(../images/02%20Summer%202010/background_temp.png) ;
/* $text color NOTE: Also change link color and used link color "active" - next 3 */
color:#000;
}

/* $link these three manipulate the color of the links on the page */
body a:link {
color:#000;	
}
body a:active {
color:#000;	
}
body a:visited {
color:#000;	
}

#columnWrapper > div {	
	text-align:left;
}
#leftColumn {
	width:24%;
	float:left;
	margin-right:5px;
}
#middleColumn {
	background-color:#FFF; /* $bgcolor 1 of 5 */
	width:25%;
	float:left;
}
#rightColumn {
	background-color:#FFF; /* $bgcolor 2 of 5 */
	width:50%;
	float:right;
}
#newsColumn {
	/* background-color:#FFF; */ /* $bgcolor 3 of 5 Must be changed in news.php */
	width:75%; 
	float:left;
}
#interiorColumn {
	 background-color:#FFF;  /* $bgcolor 3 of 5 Must be changed in news.php */
	width:100%;
}
ul#sidebar {
position:relative;
top:0;
margin:0;
}
ul#sidebar li {
	margin: 0;
	margin-bottom:5px;
	padding:3px 5px 3px 0px;
	display:block;
	background-color:#FFF; /* $bgcolor  4 of 5 */
	list-style:none;
	text-transform:uppercase;
	text-align:right;
	font-size: 10px;
	font-weight: bold;
}
ul#sidebar li a:active {
	margin: 0;
	margin-bottom:5px;
	padding:3px 5px 3px 0px;
	display:block;
	background-color:#FFF; /* $bgcolor  5 of 5 */
	list-style:none;
	text-transform:uppercase;
	text-align:right;
	font-size: 10px;
	font-weight: bold;
}
#newsTable {
position:relative;	
top:-20px;	
}
#footer {
clear:both;	
}
.product_center {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
#product_container {
position:relative;top:15px;
}
.productPage ul {
	list-style-type:none;
	margin-top:0px;
margin-left:0px;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}
ul.productPage {
	position:relative;
	top:-8px;
	list-style-type:none;
	margin-top:0px;
margin-left:0px;
margin-bottom:3px;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}

ul.productPage li {
		display:block;
	background-color:#FFF;
	margin: 0;
	margin-bottom:3px;

}
ul.sidebarB {
position:relative;
top:0;
margin:0;
}
ul.sidebarB li {
	margin: 0;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	padding:3px 5px 3px 5px;
	display:inline;
	background-color:#FFF; /* $bgcolor  4 of 5 */
	list-style:none;
	text-transform:uppercase;
	text-align:center;
	font-size: 10px;
	font-weight: bold;
}
ul.sidebarB li a:active {
	margin: 0;
	margin-bottom:5px;
		margin-left:auto;
	margin-right:auto;
	padding:3px 5px 3px 5px;
	display:block;
	background-color:#FFF; /* $bgcolor  5 of 5 */
	list-style:inline;
	text-transform:uppercase;
	text-align:center;
	font-size: 10px;
	font-weight: bold;
}
.sidebarFix {
	text-align:center;
}