@charset "utf-8";

/* HTML ELEMENTS */
body { 
	margin: 0; padding: 0px;
	background: #f2f1f2; 
	text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 1.5em;
}
p { padding: 0; margin: 13px 0; }
h2 { padding: 0; margin: 16px 0; }

a:link, a:visited { color: #4ac524; text-decoration: underline; }
a:hover, a:active { color: #fff; background-color: #4ac524; text-decoration: none; }
a:link img, a:visited img, a:hover img { text-decoration: none; background-color: transparent; color: transparent; }
a.nodec img { border: 0; }
a.nodec:hover { background-color: transparent; }

h2 a:link, h2 a:visited { text-decoration: none; }

label { font-weight: bold; }
input.big { font-size: 1.5em; }
textarea, input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

.phone { background: url('/images/icon-phone.gif') no-repeat left center; padding-left: 18px; }
.clearme { clear: both; }

/* PAGE ELEMENTS */
#wrapper { 
	width: 900px; margin: 0 auto; padding: 0 8px;
	background: #f2f1f2 url('/images/body-bg-shadows.gif') repeat-y ;
}
#main { 
	margin: 0; padding: 0 35px 10px; 
	text-align: left; 
	background: transparent url('/images/head-stripe-fade.gif') repeat-x top;
}
#content { float: left; width: 615px; padding: 0; margin: 25px 0 0 2px;  }
#footer { 
	width: 892px; margin: 0 auto; padding: 12px 12px 0;
	background: url('/images/box-foot.gif') no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: right;
}
#footer .credits { color: #666; }
#footer .credits a:link, #footer .credits a:visited { color: #666; text-decoration: none; }
#footer .credits a:hover, #footer .credits a:active { color: #fff; }
#bottom { clear: both }

/* HEADER ELEMENTS */
#head_contact { float: right; color: #4ac524; margin: 28px 12px 0; padding: 0; text-align: right; }
#head_contact a { font-weight: bold; }
#head_contact .phone { font-weight: bold; }
h1#logo { padding: 0; margin: 0; width: 358px; height: 70px; }
h1#logo a { 
	display: block; width: 358px; height: 70px; 
	background: url('/images/head-philjonespcs-logo.gif') no-repeat; 
	text-indent: -5000px; overflow: hidden;
}
ul#nav { 
	width: 822px; height: 46px;  padding: 0 0 0 8px; margin: 0;
	background: url('/images/nav-bar-bg.gif') no-repeat; 
	list-style: none;
}
ul#nav li { list-style: none; padding: 0; margin: 3px 0 0; float: left; }
ul#nav li a { display: block; height: 40px; background: url('/images/nav-elements.gif') no-repeat; text-indent: -5000px; overflow: hidden; }
ul#nav li#nav_info a 	 { width: 195px; background-position: 0 0; }
ul#nav li#nav_products a { width: 210px; background-position: -195px 0; }
ul#nav li#nav_offers a 	 { width: 159px; background-position: -405px 0; }
ul#nav li#nav_contact a	 { width: 110px; background-position: -564px 0; }
ul#nav li#nav_info a:hover		{ background-position: 0 -40px; }
ul#nav li#nav_products a:hover	{ background-position: -195px -40px; }
ul#nav li#nav_offers a:hover	{ background-position: -405px -40px; }
ul#nav li#nav_contact a:hover	{ background-position: -564px -40px; }
ul#nav li#nav_info.on a		{ background-position: 0 -80px; }
ul#nav li#nav_products.on a	{ background-position: -195px -80px; }
ul#nav li#nav_offers.on a	{ background-position: -405px -80px; }
ul#nav li#nav_contact.on a	{ background-position: -564px -80px; }

/* CONTENT ELEMENTS */
#content h2 { border-bottom: 1px #787777 solid; }
#content h2#welcome {
	height: 29px; margin: 0; padding: 0;
	background: url('/images/header-welcome.gif') no-repeat left top;
	text-indent: -5000px; overflow: hidden;
}
#content h2.specials { 
	width: 612px; height: 43px; margin: 20px 0 16px; 
	border-bottom: 0; background: url('/images/header-special-offers.gif') no-repeat; 
	text-indent: -5000px; overflow: hidden; 
}

#content .offers .offer { margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #ccc; clear: left; }
#content .offers .offer img { float: left; }
#content .offers .offer h3 { margin: 0 0 4px 90px; padding: 0; }
#content .offers .offer h3 a:link, #content .offers .offer h3 a:visited { text-decoration: none; }
#content .offers .offer p  { margin: 0 0 8px 90px; padding: 0; font-size: 0.9em; }

.resellers .reseller { margin: 0 28px 10px 0; padding: 5px; float: left; width: 160px; border: 1px solid #ccc; text-align: center; }
.resellers .reseller img { border: 1px solid #787777; text-align: center; }
.resellers .reseller h3 { margin: 5px 0; text-align: center; }
.resellers .reseller p.blurb { margin: 0 0 6px; padding: 0; text-align: left; font-size: 11px; }

/* Offer page */
#content.offer .price { font-size: 16px; font-weight: bold; }
#content.offer img.product { float: right; border: 1px solid #787777; }
#content.offer p.desc { border-bottom: 1px solid #ccc; }

/* SIDEBAR ELEMENTS */
.sidebar { 
	clear: right; float: right; width: 187px; margin: 25px 2px 0 0; padding: 0 0 5px; 
	background: url(/images/sidebox-body-bg.gif) no-repeat bottom; 
}
.sidebar h2 { 
	width: 173px; height: 30px; margin: 0; padding: 6px 7px 0;
	background: url('/images/sidebox-header.gif') no-repeat top;
	color: #fff; font-weight: normal;
}
.sidebar h2#reseller { 
	width: 187px; height: 36px; margin: 0; padding: 0;
	background: url('/images/sidebox-header-reseller.gif') no-repeat top;
	text-indent: -5000px; overflow: hidden;
}
.sidebar ul { padding: 0 0 0 25px; margin: 10px 0; }
.sidebar ul.linklist { font-weight: bold; padding: 0 7px; list-style: none; }
.sidebar ul.linklist a { display: block; background-image: url('/images/raquo.gif'); background-repeat: no-repeat; background-position: 2px center; padding-left: 14px; }
.sidebar ul.linklist a:link, .sidebar ul.linklist a:visited { text-decoration: none; }
.sidebar .logos { text-align: center; }
.sidebar .logos img { border: 1px solid #787777; margin: 5px 0; }

.sidebar .offers .offer { margin: 5px 5px 10px; padding: 0 0 5px; border-bottom: 1px solid #ccc; clear: left; }
.sidebar .offers .offer img { float: left; width: 60px; border: 1px solid #787777; }
.sidebar .offers .offer h3 { margin: 0 0 4px 65px; padding: 0; font-size: 12px; }
.sidebar .offers .offer h3 a:link, .sidebar .offers .offer h3 a:visited { text-decoration: none; }
.sidebar .offers .offer .prix { margin: 0 0 8px 65px; padding: 0; font-weight: bold; }


/* Admin based CSS */
p.info_pos { padding-left: 20px; background: url('/images/tick.gif') no-repeat left center; font-weight: bold; }
table.edit { border-collapse: collapse; }
table.edit td { padding: 2px 3px; border: 1px solid #ccc; }
table.edit th { font-size: 1.1em; font-weight: bold; border: 1px solid #ccc; background: #e1e1e1; }
tr.even { background: #eee; }