* {
  color: #000;
  font-family: arial, helvetica, verdana, lucida, sans-serif;
  font-size: 1em;
  text-decoration: none;
  text-align: left;
  border:0px;
  margin:0px;
  padding:0px;
}

p,a,h1,h2,h3 {
  background-color:#fff;
}

p {
  font-size: 0.8em;
}

body {
  width:960px;
  min-height:1100px;
  margin: 5px auto;
  background-color:#f4f4f4;
}

#innerBody {
  width:950px;
  min-height:1000px;
  border-top:5px #fff solid;
  margin: 0 5px 5px 5px;
  background-color:#fff;
  overflow:auto;
  border-bottom:10px #fff solid;
}

#bannerAndSearchStripContainer {
  width:938px;
  height:110px;
  border: 1px solid #ccc; 
  margin: 0px 5px 5px 5px;
  background-color: #fff;
}

#bannerContainer {
  width:928px;
  height:70px;
  background-color: #fff;
}

.bannerLeft, .bannerRight, .bannerLeftLeft {
  float: left;
  overflow: hidden;
}

.bannerLeft, .bannerRight {
  font-size: 4em;
  font-weight: bold;
}

.bannerLeftLeft {
  margin: 35px 0px 0px 5px;
  font-size: 1.5em;
  font-style: italic;
}

.bannerLeft {
  color: #ccc;
}

.bannerRight {
  display: block;
  color: #666;
}

#toprow  {
  height:17px;
  font-size: 0.7em;
  text-align: right;
  border:none;
  margin: 0px 5px 0px 5px;
}

#toprow a, #toprow p {
  margin: 0px 2px;
}

#toprowLinks, #toprow, #toprow a:link, #toprow a:hover, #toprow a:visited, #toprow p {
  color: #fff;
  background-color: #000;
}

#toprow a:hover {
  color: #ccc;
}

#toprow form {
  float: right;
  margin: 0px;
  color: #fff;
  background-color:#000;
}

#toprow input.searchbox, #toprow input.go, #toprow p {
  height: 15px;
  font-size: 11px;
  vertical-align: middle;
  margin: 0px 5px 0px 0px;
  border:none;
}

#toprow input.searchbox {
  width: 125px;
  border: 1px solid #ccc;
  background-color:#efefef;
}

#toprowPadBottom, #toprowPadTop {
  height: 4px;
  background-color: #000;
  border:none;
}

#toprowPadBottom {
  margin: 0px 5px 0px 5px;
}

#toprowPadTop {
  margin: 5px 5px 0 5px;
}

#breadcrumbs {
  height: 22px;
  border-left:5px #f4f4f4 solid;
  border-right:5px #f4f4f4 solid;
  background-color:#f4f4f4;
}

#breadcrumbs p, #breadcrumbs a {
  background-color:#f4f4f4;
  border: 3px #f4f4f4 solid;
}

p .breadcrumbLeft {
  float: left;
  display: inline;
}

p .breadcrumbRight {
  float: right;
  display: inline;
}

#mainDisplayArea {
  width:768px;
  min-height:700px;
  background-color:#fff;
  text-align: left;
  margin-top: 5px;
  overflow: hidden;
}

#mainDisplayArea p {
  margin-left: 5px;
}

#mainDisplayArea form {
  background-color:#fff;
}

#mainDisplayArea h2 {
  margin-top: 5px;
}

a {
  color: #CC3333;
}

a:hover {
  color: #ccc;
}

p.item, p.itemAdd {
  width: 465px;
  margin: 0px 5px 5px 5px;
  float: left;
  clear: left;
}

.specialOffer {
  width: 295px;
  min-height: 200px;
  margin: 5px;
  float: left;
  overflow: hidden;
  background: #fff;
}

.specialOffer p {
  float: left;
}

.itemImg {
  margin: 0 15px;
  float: right;
  font-size: 0.8em;
}

.blankSpacer {
  width: 613px;
  height: 10px;
  margin: 0;
  padding: 0px;
  border: 0px;
  background: #fff;
  float: left;
}

.itemSpacer {
  width: 768px;
  height: 1px;
  background: #CCC; 
  margin: 10px 0;
  padding: 0px;
  border: 0px;
  float: left;
}

.itemSpacerWhite {
  width: 613px;
  height: 1px;
  background: #fff; 
  margin: 0;
  padding: 0px;
  border: 0px;
  float: left;
}

#frontPageText {
  width:213px;
  height:400px;
}

#frontPageText p {
  color:#fff;
  font-size:1.2em;
  padding: 5px;
}

#frontPageText, #frontPageText p {
  float:left;
  background:transparent;
}

.pageListingTopRow, .clearedAndFloatedRow {
  margin: 10px 0px 10px 5px;
}

.pageRow {
  margin: 5px;
}

.pageRow, .clearedAndFloatedRow {
  float: left;
}

.clearedAndFloatedRow {
  clear: left;
}

#pageListingContainer {
  clear: left;
  width: 610px;
  float: left;
  margin: 10px 0px 10px 5px;
  background: #fff;
}

#pageListingTitle {
  width: 110px;
  float: left;
  background: #fff;
}

#pageListingElementsContainer {
  width: 500px;
  float: left;
}

#pageListingElements {
  float: left;
}

.addToCart, .deleteProduct {
  clear: left;
  float: left;
  margin-top: 5px;
}

.addToCart label, .addToCart input {
}

/*
p .addToCart label, p .removeFromCart label, p .removeFromCart button, p .addToCart input, p .addToCart select, p .removeFromCart input, .addToCart p, .removeFromCart p {
  font-size: 0.8em;
}
*/

p.addToCart, p.removeFromCart, p.deleteProduct {
  font-size: 0.8em;
}

.addToCart select {
  border: 1px solid #ccc; 
  float: left;
  clear: right;
}

.addToCart p.cartFace{
	margin-top:35px;
}
.addToCart p.cartFace input{
	margin-right:15px;
}

.addToCart select, .addToCart select option, .addToCart label, .addToCart input, .removeFromCart button, .removeFromCart label, .removeFromCart, #pageListingElementsContainer, .removeFromCart input, .deleteProduct label {
  background: #fff;
}

.addToCart label {
  width: 55px;
  margin-right: 20px;
}

.deleteProduct label {
  width: 350px;
  margin-bottom: 10px;
}

.addToCart label, .deleteProduct label {
  float: left;
  clear: left
}

.addToCart input, .removeFromCart button, .removeFromCart input, .deleteProduct input {
  border: 2px outset;
  float: left;
  clear: left;
}

.removeFromCart button {
  margin: 0 5px 10px 0;
}

.removeFromCart {
  float: left;
  margin-top: 5px;
}

.removeFromCart p {
  width: 465px;
  margin: 0 0 5px 0px;
}

.removeFromCart input {
  margin: 10px 0  5px 0px;
}

.removeFromCart label {
  text-align: left;
  width: 120px;
  margin: 10px 0 0 0;
  float: left;
  clear: left
}

p.spacer {
  width: 613px;
  border-top: 1px solid #ccc; 
  float: left;
  margin: 10px 0px;
}

.cart {
  float: left;
  margin: 10px 5px 0 5px;
}

p.checkOutLeft, p.checkOutRight {
  margin-bottom: 10px;
}

p.checkOutLeft {
  width: 505px;
  float: left;
  clear: left;
}

p.checkOutRight {
  width: 95px;
  float: left;
  text-align: left;
}

#checkOut {
  margin-bottom: 10px;
  border:none !important;
}

p.checkOut {
  float: left;
  clear: left;
  margin-bottom: 10px;
}

.contact {
  margin: 20px 5px;
}

.contact label {
  text-align: right;
}

.contact label, .contact textarea, .contact input {
  background: #fff;
  margin-right: 10px;
}

.contact textarea, .contact input {
  border: 1px #CCC solid;
}

.contact .submit {
  margin: 10px 120px;
}

.contact label {
  float: left;
  width: 110px;
  clear: left;
}

p .contact {
  font-size: 0.8em;
}

.contact input {
  float: left;
  margin-bottom: 10px;
}

.select .submit {
  margin: 10px 0 10px 5px;
}

.select input {
  float: left;
  clear: left;
  font-size: 0.8em;
  margin-left: 5px;
  margin-right: 5px;
}

.select label {
  float: left;
  font-size: 0.8em;
  background: #fff;
}

.select .radio {
  float: left;
  clear: left;
  border: none;
}

form p {
  font-size: 0.8em;
}

.select .selectString {
  float: left;
  width: 580px;
}

form .selectString {
  font-size: 1em;
}

#specials {
  height: 17px;
  padding-right: 10px;
}

#specials, #specials p, #specialsPadTop, #specialsPadBottom {
  background-color: #000;
  color: #fff;
  text-align: right;
  font-height: 0.8em;
}

#specialsPadTop, #specialsPadBottom {
  height: 4px;
  border:none;
}

#specialsPadTop {
  margin: 5px 0 0 0;
}

#specialsPadBottom {
  margin: 0 0 5px 0;
}

.product, .description, .quantity, .rrp {
  background: #fff;
}

.product {
  float: left;
  clear: left;
  display: inline;
  width:120px;
}

.description {
  float: left;
  display: inline;
  width:320px;
}

.quantity {
  float: left;
  display: inline;
  width:70px;
}

.rrp {
  float: left;
  display: inline;
  width: 95px;
}

#cards {
  background-color:#fff;
  padding: 5px;
  margin: 5px 0 0 0;
  float: left;
  clear: left;
  width: 160px;
  border: 1px solid #ccc;
  overflow: hidden;
}

#cards img {
  float: left;
  margin: 0 5px 5px 0;
}

#cards p {
  font-size: 0.8em;
  font-weight:normal;
  margin: 5px 0 10px 0;
}

#lhsContainer {
  margin: 5px;
  width: 172px;
  float:left;
  background-color:#fff;
}

form input {
  font-size: 1em;
}

#simpleText {
  float: left;
  clear: left;
  background: #fff;
  width: 615px;
  overflow:hidden;
}

#footer {
  width: 810px;
  font-size: 0.8em;
  font-family: arial, helvetica, verdana, lucida, sans-serif;
  text-decoration: none;
}

#footer p {
  margin-top: 15px;
  text-align: center;
}

#footer a, #footer p {
  background-color:#f4f4f4;
  color: #ccc;
}

#footer a:hover {
  color: #999;
}


.categorySelect{
	width:191px;
	height:122px;
	float:left;
	margin:0 0 10px 48px;
	background-color:#FFF;
}
	.categorySelect h2 a{
		color:#FFF;
		background:url(../images/categoryBullet.png) no-repeat #666;
		width:166px;
		height:22px;
		line-height:22px;
		vertical-align:middle;
		font-size:15px;
		padding-left:25px;
		display:block;
	}
	.categorySelect h2 a:hover{
		color:#666;
		background:#ccc;
		cursor:pointer;
	}
	.categorySelect a{
		background:none;
	}
	.categorySelect h2{		
	}
	.categorySelect h2:hover{

	}
.noMargin{
	margin-left:0px;
}


/* SLIDER CODE */
#s3slider { 
   width: 768px; /* important to be same as image width */ 
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background:#FFF;
}

#s3sliderContent {
   width: 768px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   background:#FFF;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   width:768px;
   height:300px;
   background:#FFF;
}

.s3sliderImage span {
   position: absolute; /* important */
   right: 0;
   font: 15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 213px;
   height:300px;
   background-color: #666;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

.s3sliderImage a{
	background:none;
	text-decoration:none;
	color:#731622;
}

.s3sliderImage h1, .s3sliderImage h2{
	background:none;
}

.s3sliderImage h1{
	color:#FFF;
	font-size:24px;
}

.s3sliderImage hr{
	background-color:#FFF;
	color:#FFF;
}

.s3sliderImage h2{
	color:#731622;
	font-size:17px;
}

.s3sliderImage img{
	margin-left:130px;
}	

#facebookBanner{
	float:left;
	margin: -1px 0 0 10px;
}

input[type=submit]{
	border:0;
	background:url(../images/buttonBG.png) no-repeat;
	height:25px;
	width:85px;
	line-height:25px;
	vertical-align:middle;
	text-align:center;
	color:#666;
}

input[type=submit]:hover{
	cursor:pointer;
	color:#000;
}

.ipRating{
	height:25px;
	width:25px;
	line-height:25px;
	vertical-align:middle;
	text-align:center;
	background:url(../images/ipRating.png) no-repeat;
	color:#a9aaac;
	font-weight:bold;
	display:block;
	float:left;
	font-size:10px;
	margin:5px 0 0 7px;
}

.logos img{
	float:left;
	margin:5px 0 0 7px;
}

.logos img:first-child{
	margin-left:0;
}

del{
	color:#F00;
	text-decoration:line-through;
}

.outOfStock{
	color:#F00;
	float:left;
}

#phoenixLogo{
	margin-left:75px;
}

#leftNav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index:9999;
	border-bottom:1px solid #993300 !important;
}
#leftNav ul li{
	float:none;
}
#leftNav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#leftNav li:hover ul{ /* Display the dropdown on hover */
	left:160px; /* Bring back on-screen when needed */
	top:0;
}
#leftNav li:hover > a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#121212;
	color:#FFF;
}
#leftNav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#leftNav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#121212;
}

#uploadTool > div{
	margin:45px 10px 0 10px;
	padding:20px 0 0 0;
	border-top:1px solid #c7c7c7;
}

#uploadTool img{
	float:left;
	margin-right:15px;
}
#uploadTool h3{
	float:left;
}
#uploadTool select{
	border:1px solid #c7c7c7 !important;
	margin-right:15px;
}
#uploadTool input[type=file]{
	border:none;
}
#uploadTool p.success{
	color:#0aba06;
	font-weight:bold;
}
#uploadTool p.error{
	color:#fe2217;
	font-weight:bold;
}
#uploadTool table{
	margin:20px 0 20px 0;
}
#uploadTool tr.header td{
	font-weight:bold;
	background:#333333;
	color:#FFF;
	padding:5px;
}
#uploadTool tr.odd td{
	background:#DDDDDD;
	color:#333333;
	padding:5px;
}
#uploadTool tr.even td{
	background:#999999;
	color:#333333;
	padding:5px;
}