/* CSS Document */

/*
* { margin:0px; padding:0px; }
*/

body, div { margin:0px; padding:0px; }

body {
background-image:url(images/merchant/redBg.jpg);
background-position:center top;
background-repeat:no-repeat;
background-color:#000000;
  font-family:Arial, Helvetica, sans-serif; 
  color:#ffffff; 
  font-size:12px;
  font-weight:normal; 
  margin:0px; padding:0px;
  }
.greenBody {
background-image:url(images/merchant/greenBg.jpg);
}
.blueBody {
background-image:url(images/merchant/blueBg.jpg);
}
.orangeBody {
background-image:url(images/merchant/orangeBg.jpg);
}
.yellowBody {
background-image:url(images/merchant/yellowBg.jpg);
}
.greyBody {
background-image:url(images/merchant/greyBg.jpg);
}
.violetBody {
background-image:url(images/merchant/violetBg.jpg);
}
.brownBody {
background-image:url(images/merchant/brownBg.jpg);
}
  
* :focus {
	outline: 0;
	}

a:link, a:active, a:visited{
color:#c70808;
text-decoration:underline;
}

a:hover {
text-decoration:none;
	}
	
/* Forms */
form .note {
  color:#CCCCCC;
  font-size:8px;
  font-weight:bold;
  padding:5px 5px 5px 5px;
}

form .required {
  color:990000;
}	
form label, form .label {
  display:block;
  color:#ffffff;
  font-weight:bold;
  padding-bottom:3px;
}

form {	display: inline; margin:0px; padding:0px; }
checkbox, input, select { font-family:Arial, Helvetica, sans-serif; font-size: 11px; }
radio {  margin:0px; padding:0px; } 
textarea { width: 100%; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}

/* Forms */

p {
  margin-bottom:10px;
}

h1, h2, h3, h4, h5, h6 {
  margin-top:0px;
  margin-bottom:5px;
  margin-left:0px;
  margin-right:0px;
  padding:0px;
  color:#cbcbcb;       
  }

h1 {
	font-size:25px; 
	font-weight:bold;
	color:#cbcbcb;
 }
h2 { font-size:18px; }
h3 { font-size:16px; }

h4 { margin-top:15px; }

h5 {
	height:16px;
	color:#a7c785;
	font-size:14px;
}

ul, ol {
  padding-left:10px; margin-left:0px;
  padding-top:0px; margin-top:0px;
  padding-bottom:3px; margin-bottom:0px;
  }
  
.clearboth { clear:both; lineheight:1px; }    
/*  Layout Divs */
#wrapper {
	width:750px;
  /* width: 751px; */
  text-align:left;
  background-color:#000000;
}

#banner {
  background-color:#ffffff;
  background-image:url(images/merchant/banner_bg.jpg);
  background-position:bottom right;
  background-repeat:no-repeat;
}
#bannerlogo {	
  /*padding-top:20px;
  padding-bottom:20px;*/
  background-image:url(images/merchant/diamondBanner.jpg);
  background-repeat:no-repeat; 
}
.greenBody #bannerlogo {	
  background-image:url(images/merchant/moneyBanner.jpg);
  background-repeat:no-repeat; 
}
.blueBody #bannerlogo {	
  background-image:url(images/merchant/pearlsBanner.jpg);
  background-repeat:no-repeat; 
}
.orangeBody #bannerlogo {	
  background-image:url(images/merchant/musicBanner.jpg);
  background-repeat:no-repeat; 
}
.yellowBody #bannerlogo {	
  background-image:url(images/merchant/electronicsBanner.jpg);
  background-repeat:no-repeat; 
}
.greyBody #bannerlogo {	
  background-image:url(images/merchant/toolBanner.jpg);
  background-repeat:no-repeat; 
}
.violetBody #bannerlogo {	
  background-image:url(images/merchant/diamondBanner.jpg);
  background-repeat:no-repeat; 
}
.brownBody #bannerlogo {	
  background-image:url(images/merchant/sportingBanner.jpg);
  background-repeat:no-repeat; 
}
#loginnav {
  float:right;
  margin-top:113px;
  margin-right:10px;
  color:#ffffff;
}

.leftCap {
width:4px;
height:18px;
background-image:url(images/merchant/loginLcap.png);
background-repeat:no-repeat;
display:inline-block;
}
.rightCap {
width:5px;
height:18px;
background-image:url(images/merchant/loginRcap.png);
background-repeat:no-repeat;
display:inline-block;
}
.loginInfo {
	font-size:11px;
  background-color:#202020;
  padding:7px 10px 0px 10px;
  }
#loginnav img{
vertical-align:middle;
padding:0 4px 0 0;
}
  #loginnav a {
	color:#ffffff;
    text-decoration:none;
    padding-left:5px;
    padding-right:5px;
  }
    #loginnav a:link     { }
    #loginnav a:visited  { }
    #loginnav a:hover    { text-decoration:underline; }
    #loginnav a:active   { text-decoration:underline; }

.userName {
color:#c70808;
}

.blueBody .userName {
color:#84baff;
}
.orangeBody .userName {
color:#eba57a;
}
.yellowBody .userName {
color:#ffd800;
}
.greyBody .userName {
color:#999999;
}
.greenBody .userName {
color:#73b456;
}
.violetBody .userName {
color:#c985da;
}
.brownBody .userName {
color:#5e4a3e;
}

#topnavcontainer {
  background-image:url(images/leftNavCap.gif);
  background-repeat:no-repeat;
  margin:0 10px 0 10px;
  height:43px;
  background-color:#202020;
  }

		#topnavcontainer ul {
			margin:0px;
			padding:0px;
			height:33px;

		}
		
		#topnavcontainer ul li {
			float: left;
			margin: 0px;
			
			list-style: none;
			border-left:1px solid #e06060;    /*------------------COLOR CHANGE LEFT BORDER NAV----------------------*/
			border-right:1px solid #941414;   /*------------------COLOR CHANGE RIGHT BORDER NAV----------------------*/
		}
		.greenBody #topnavcontainer ul li {
			border-left:1px solid #73b456;    /*------------------COLOR CHANGE LEFT BORDER NAV----------------------*/
			border-right:1px solid #0f3100;   /*------------------COLOR CHANGE RIGHT BORDER NAV----------------------*/
		}
		.blueBody #topnavcontainer ul li {
			border-left:1px solid #84baff;    /*------------------COLOR CHANGE LEFT BORDER NAV----------------------*/
			border-right:1px solid #00224d;   /*------------------COLOR CHANGE RIGHT BORDER NAV----------------------*/
		}
		.orangeBody #topnavcontainer ul li {
			border-left:1px solid #eba57a;    /*------------------COLOR CHANGE LEFT BORDER NAV----------------------*/
			border-right:1px solid #501e00;   /*------------------COLOR CHANGE RIGHT BORDER NAV----------------------*/
		}
		.yellowBody #topnavcontainer ul li {
			border-left:1px solid #fef1ac;    /*------------------COLOR CHANGE LEFT BORDER NAV----------------------*/
			border-right:1px solid #9c8100;   /*------------------COLOR CHANGE RIGHT BORDER NAV----------------------*/
		}
		.greyBody #topnavcontainer ul li {
			border-left:1px solid #e9e9e9;    /*------------------COLOR CHANGE LEFT BORDER NAV----------------------*/
			border-right:1px solid #595959;   /*------------------COLOR CHANGE RIGHT BORDER NAV----------------------*/
		}
		.violetBody #topnavcontainer ul li {
			border-left:1px solid #c985da;    /*------------------COLOR CHANGE LEFT BORDER NAV----------------------*/
			border-right:1px solid #2a0035;   /*------------------COLOR CHANGE RIGHT BORDER NAV----------------------*/
		}
		.brownBody #topnavcontainer ul li {
			border-left:1px solid #c0b1a9;    /*------------------COLOR CHANGE LEFT BORDER NAV----------------------*/
			border-right:1px solid #2c1d15;   /*------------------COLOR CHANGE RIGHT BORDER NAV----------------------*/
		}
		
		#topnavcontainer ul li.first {
			background-position:top left;
			background-repeat:no-repeat;
			border-left-width:0px;
			border-left-style:none;  
			/*text-decoration:blink;         -------------------------Makes Shop now text blink to draw attention when not on shop now page ------------*/
		}
		
		#topnavcontainer ul li.last {
			border-right-width:0px;
			border-right-style:none;  
		}
		
		#topnavcontainer a {
			display: block;
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			color:#ffffff;
			text-decoration:none;
		}
		
				#topnavcontainer a:link    {  }
				#topnavcontainer a:visited {  }
				#topnavcontainer a:hover   { color:#cbcbcb; }
				#topnavcontainer a:active  { color:#004281; }
				
				#topnavcontainer a.active:link    { color:#004281;  }
				#topnavcontainer a.active:visited { color:#004281;  }
				#topnavcontainer a.active:hover   { color:#cbcbcb; }
				#topnavcontainer a.active:active  { color:#004281; }

/* End topnavcontainter */

/* Site Shell */
#maincontainer {
  background-color:#000000;
  background-image:url(images/merchant/mainContainer_bg.jpg);
  background-position:top right;
  background-repeat:repeat-x;
  width:750px;
/*
  border-style:solid;
  border-color-left:#8ebce7;
  border-color-right:#8ebce7;
  border-left-width:1px;
  border-right-width:1px;
*/
  border-top-width:0px;
  border-bottom-width:0px;
}

#maincontent {
  background-color:#202020;
  	background-image:url(images/roundBottom.gif);
	background-position:bottom right;
  background-repeat:no-repeat;
  margin:0 10px 0px 10px; 
  padding:0px 0px 0px 0px;
}
#mainContentFull {
	background-image:url(images/fullRoundBottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-align:center;
	margin-top:-4px;
}
#lowerTab {
width:auto;
background-color:#373737;
padding:5px 10px;
background-image:url(images/lowerTabL.gif);
background-position:bottom left;
background-repeat:no-repeat;
float:right;
}
#lowerTabR {
	background-image:url(images/lowerTabR.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	position:relative;
	width:4px;
	margin-left:-4px;
	height:4px;
	right:0px;
	top:24px;
	z-index:500;
	float:right;
   }

/* Right Column */

td.rightColumnContainer{
    padding-top:5px;
	background-image:url(images/rightColTop.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#000000;
 }
.rightColumn {
  width:182px;

 }
.btnNav {
list-style:none;
padding:0px;
}
#navBarBotRt {
width:4px;
height:4px;
background-image:url(images/navBarBotRt.gif);
background-repeat:no-repeat;
position:relative;
z-index:25;
top:-9px;
left:175px;
margin-bottom:-4px;

}
.btnNav li{
list-style:none;
padding:10px 6px 0px 6px;
}
.btnNav li.top{
list-style:none;
padding-top:5px;
}
.btnNav li.bot{
list-style:none;
padding-bottom:0px;
float:left;
}

#searchBox {
	font-size:11px;
	text-align:left;
	margin:10px 0 0 10px;
	}
#searchBox p{
	color:#ffffff;
	margin:10px 10px 10px 0;
	padding:0px;
	}
#searchBox a{
	text-decoration:none;
	color:#b5b5b5;
	}

.searchBox {	
	/* color:#616161; */
	color:#444444;
	margin:0 0 5px 0;
	}
#testimonials {
	text-align:center;
	/* color:#616161; */
	color:#444444;
	font-style:italic;
}
#testimonials p {
	margin:10px 10px 20px 10px;
}
#testimonials a {
	text-align:right;
	margin:10px;
}

/* Left Column */

td.leftColumnContainer{
	padding-top:6px;
	background-image:url(images/leftColTop.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#000000;
}
  
.leftColumn {
  width:179px;
  height:100%;
  padding:0px 0px 5px 0px;
}

#charities p{
	margin:0px 5px 10px 5px;
  /* color:#aaaaaa; */
  color:#444444;
  font-size:11px;
}

#charities h4{
  text-align:left;
  display:inline;
  /* color:#616161; */
  color:#222222;
  font-size:11px;
}

#charities {
	text-align:left;
	font-size:11px;
	}
#charities ul{
	list-style:none;
	margin:0px;
	padding:0 0 10px 10px;
	line-height:20px;
	}
#charities a{
	color:#ffffff;
	text-decoration:none;
	}
#charities a:hover{
	color:#cbcbcb;
	text-decoration:underline;
	}
#bottomLeftStore {
	margin:0px;
	padding:0px;
}
#storeInfo {
	margin:0px;
	padding:0px;
	text-align:left;
	padding-left:20px;
	position:absolute;
	margin-top:-246px;
	background:url(images/storeInfoBg1.jpg);
	background-repeat:no-repeat;
	width:531px;
	height:246px;
}
#amelia {
padding-top:0px;
width:150px;
line-height:23px;
}
#milford {
padding-top:0px;
width:150px;
float:right;
line-height:23px;
}
#storeInfo h3{
	font-size:13px;
	padding-left:140px;
	margin-top:130px;
}
#storeInfo b{
	font-size:13px;
	font-weight:bolder;
}
.leftColimg {
	border:#dcdedb thin solid;
	margin:10px 5px 5px 5px;
}

.leftColumn h3 {
	background-image:url(images/h3bg.gif);
	background-repeat:no-repeat;
	height:19px;
	font-variant:small-caps;
	font-weight:bolder;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
	margin-top:0px;
	}
.topLeft {
	background-image: url(images/merchant/leftCol_corner.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}

ul.categoryNav {
	margin:5px 0px 15px 15px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	line-height:21px;
	}

      .categoryNav li {
      	list-style:none;
      	margin-left:0px;
        padding-left:0px;
		
      	}
      
      .categoryNav a {
      	text-decoration:none;
      	color:#ffffff;
		line-height:15px;
      	}
      	
      .categoryNav a:hover {
      	text-decoration:none;
      	color:#c70808; /* -------------------------------------------Color Change -------------------*/
      	}
		.greenBody .categoryNav a:hover {
      	color:#2c710e; /* -------------------------------------------Color Change -------------------*/
      	}
		.blueBody .categoryNav a:hover {
      	color:#014aa7; /* -------------------------------------------Color Change -------------------*/
      	}
		.orangeBody .categoryNav a:hover {
      	color:#de5501; /* -------------------------------------------Color Change -------------------*/
      	}
		.yellowBody .categoryNav a:hover {
      	color:#edcf32; /* -------------------------------------------Color Change -------------------*/
      	}
		.greyBody .categoryNav a:hover {
      	color:#949494; /* -------------------------------------------Color Change -------------------*/
      	}
		.violetBody .categoryNav a:hover {
      	color:#56076a; /* -------------------------------------------Color Change -------------------*/
      	}
		.brownBody .categoryNav a:hover {
      	color:#5e4a3e; /* -------------------------------------------Color Change -------------------*/
      	}

.rightColumn h3 {
	background-image:url(images/h3bg.gif);
	background-repeat:no-repeat;
	height:19px;
	font-variant:small-caps;
	font-weight:bolder;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
	margin-top:0px;
	}
.topRight {
	background-image: url(images/merchant/rightCol_corner.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	}  



/* Middle / Main Column */
.middleColumn {
	width:548px;
	height:100%;
	text-align:left;	
	}
.middleColumnSmall {
	width:551px;
	height:100%;
	text-align:left;	
	}
.middleColumnContent {
    margin:10px 20px 256px 10px;
    text-align:left;
    /* color:#787878; */
    color:#ffffff;
  }
.middleColumnContent p {
line-height: 21px;
}
 /* Main column is the Middle and Right columns together */
.mainColumn { 
	width:546px;
	}

/* Footer */
#footer1 {
font-size:11px;
	margin:10px;
	height:33px;
  background-color:#202020;
  color:#616161;
}

		#footer1  ul {
		float:right;
			margin:0px;
			padding:0px;
			padding:3px 0px 5px 0px;
			height:15px;
			width:50%;
			align:right;
		}
		
		#footer1 ul li {
					display:inline;
			float: right;
			margin: 0px;
			padding: 0px 10px 0px 10px;
			list-style: none;
			
		}
		
		#footer1 ul li.first {
			border-left-width:0px;
			border-left-style:none;  
		}
		
		#footer1 a {
			font-size:11px;
			font-weight:normal;
			color:#616161;
			text-decoration:none;
			text-transform:lowercase;
			 font-weight:bold;
		}
		
		
			#footer1 a:link    {  }
			#footer1 a:visited {  }
			#footer1 a:hover   { color:#cbcbcb; text-decoration:underline; }
			#footer1 a:active  { color:#cbcbcb; text-decoration:underline; }

#footer1 a.pndLink{
color:#cbcbcb;
}
#footerLcap {
float:left;
background-image:url(images/footerLCap.gif);
background-repeat:no-repeat;
height:33px;
width:5px;
display:inline;
}
#footerRcap {
float:right;
background-image:url(images/footerRCap.gif);
background-repeat:no-repeat;
height:33px;
width:5px;
display:inline;
}
#footerLinks {
float:right;
width:60%;
text-align:right;
padding-top:2px;
}

#footerInfo {
width:38%;
padding-top:2px;
}
#footerLinks a{
padding:0 5px 0 5px;
}

/* End footer1 */

#footer2 {   
  text-align:right;
  padding:7px 1px 20px 15px;
  color:#9f9fec; 
}

	#footer2 a {
		color:#ffffff;
    text-decoration:none;
    padding-left:5px;
	}

	#footer2 a:link    { }
	#footer2 a:visited { }
	#footer2 a:hover   { color:#7db6df; }
	#footer2 a:active  { color:#7db6df; }

/* End footer2 */

/* Additional Styles */
/*.button input {
	background-image:url(images/button.gif);
	background-repeat:no-repeat;
	border:none;
	color:#FFFFFF;
	font-family:Arial; 	 
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	cursor:pointer;
	float:left;
	width:50px;
	height:18px;
	padding:0;
	}

div.button{
  clear:both;
	}

.button a {
	background-image:url(images/button.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Arial; 
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:10px;
    display:block;
    float:left;
    width:50px;
	height:18px;
	padding:2px 0 0 0;
}
.button a:link, .formButton a:visited { color:#FFFFFF; }
.button a:hover, .formButton a:active { color:#FFFFFF; }
*/

/* 
			Setting general button styles.
			Background position can't be set to "top",
			because of Firefox behavior.
			overflow: visible; is to remove magic padding in IE.
		*/
		button {
			text-align: center;			
			background: url(images/buttonRinput.gif) no-repeat right;
			border: 0;
			margin: 0;
			padding:0px;
			*padding:0 3px 0 0;
			overflow: visible;
			cursor:pointer;
		}
		.greenBody button {
			background: url(images/buttonRinputGreen.gif) no-repeat right;
		}
		.blueBody button {
			background: url(images/buttonRinputBlue.gif) no-repeat right;
		}
		.orangeBody button {
			background: url(images/buttonRinputOrange.gif) no-repeat right;
		}
		.yellowBody button {
			background: url(images/buttonRinputYellow.gif) no-repeat right;
		}
		.greyBody button {
			background: url(images/buttonRinputGrey.gif) no-repeat right;
		}
		.violetBody button {
			background: url(images/buttonRinputViolet.gif) no-repeat right;
		}
		.brownBody button {
			background: url(images/buttonRinputBrown.gif) no-repeat right;
		}
		/*
			Sets the general styles for the span within the button 
			content, and the starting image. This image contains the 
			rounded corners to the left and is as wide as 
			the widest button might become.
		*/
		button span {
			position: relative;
			display: block;
			white-space: nowrap;
			height: 18px;
			color: #fff;
			font: bold 11px/18px Arial, Helvetica, sans-serif;
			background: url(images/buttonLinput.gif) no-repeat left top;
			padding: 0 8px;
			z-index:0;
		}
		.greenBody button span {
			background: url(images/buttonLinputGreen.gif) no-repeat left top;
		}
		.blueBody button span {
			background: url(images/buttonLinputBlue.gif) no-repeat left top;
		}
		.orangeBody button span {
			background: url(images/buttonLinputOrange.gif) no-repeat left top;
		}
		.yellowBody button span {
			background: url(images/buttonLinputYellow.gif) no-repeat left top;
		}
		.greyBody button span {
			background: url(images/buttonLinputGrey.gif) no-repeat left top;
		}
		.violetBody button span {
			background: url(images/buttonLinputViolet.gif) no-repeat left top;
		}
		.brownBody button span {
			background: url(images/buttonLinputBrown.gif) no-repeat left top;
		}

a.boldbuttons{
background: transparent url('images/buttonL.gif') no-repeat top left;/*----------------------------------Button Color Change!-------------------------*/
display: block;
float: left;
font: bold 11px Arial; /* Change 13px as desired */
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 18px; /* Height of button background height */
padding-left: 4px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/

}

a.boldbuttons span{
background: transparent url('images/buttonR.gif') no-repeat top right;/*----------------------------------Button Color Change!-------------------------*/
display: block;
padding: 4px 6px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
.inputBtn{
background: transparent url('images/buttonR.gif') no-repeat top right;/*----------------------------------Button Color Change!-------------------------*/
height:18px;
width:25px;
display: block;
 /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
color: #ffffff;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}



    
#title {
	text-align:left;
	color:#ffffff;
	font-size:12px;
	}
#title h3{
	font-size:25px; 
	font-weight:bold;
	color:#cbcbcb;
	}
.titleSpace {
	margin-left:150px;
	margin-bottom:10px;
	}

table.compareTo {
  background-image:url(images/merchant/burst_bg.jpg);
  background-repeat:no-repeat;
  width:72px;
  height:72px;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  margin-left:15px;
}
.productListing p{
	width:350px;
}
.productListing p.compareTo {
/*  background-image:url(images/merchant/burst_bg.jpg);
  background-repeat:no-repeat;
  width:72px;
  height:72px; 
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;

  margin-bottom:-10px;
  padding-bottom:0px;
  padding-top:25px;  */
  /* margin-left:15px; */ 
  color:#cc0000;
  font-weight:bold;
}
.productDetail p.compareTo { 
  visibility:hidden;
  display:none;
  }

#featuredProductContainer {
width: 100%;
}
.featuredProduct {
width:150px;
height:200px;
margin:10px;
text-align:center;
float:left;
}
.featuredProduct img{
border:solid 2px #0b0b0b;
}
  
#flashMovie {
padding:0 0 0 5px;
}