@charset "utf-8";
/* CSS Document */
/*Start Index page*/
body {background-color:#333;font-family:Trebuchet MS;}
body p {text-align:left; font-size:16px;}

#container {width:960px; margin: 0 auto; background-color:#333; 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

}
#branding {height:200px; 
background: url(images/branding.jpg);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
#branding h2 {margin-left:10px; font-size:132px; color:#333;}
#messagelinks {position:absolute; z-index:+3; margin-left:20px; font-weight:bold;}
#messagelinks a:link {text-decoration:none; color:#090;padding-right:20px;}
#nav {height:40px;}

#content { background-color:#fff; color:#666; padding-top:20px;}

#content p {margin-left:10px; margin-right:10px;}

#banner {margin-right:20px;
float:left; margin-top:20px; margin-left:20px; margin-right:10px;}
#targets{float:right;}
	
    .slide {
      position: relative;
    }
	.bannerdesc {
		position:relative;
	}
     .innerbanner {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color:#333;
	width:921px;
	height:25px;
	opacity: 0.8;	
	color:#FFF;
	padding-top:5px;  
	
    }
	.innerbanner p {margin-left:10px; font-family:Trebuchet MS;}
	
	/*for produts*/
	
     .inner {
		 border: 5px solid white;
		 margin-left:5px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color:#333;
	width:140px;
	height:140px;
	opacity: 0.8;	
	color:#FFF;
	margin-bottom:10px;  
    }
	.inner p {margin-left:10px; padding-bottom:10px; padding-top:10px;}
	

	

.product  {
    border: 1px solid #CCC;
    padding: 5px;
    width: 150px;
    background-color: #FFF;
	
    
  margin: auto;
    background: #ccc;
    border: 5px solid white;
    position:relative;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.45);
	
	border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border: 0px solid #800000;
    }
	/*end for products sliding*/

#featured {
	background-color:#fff; 
}

#featured {clear:both;}
#featured p { margin-left:20px; margin-right:20px;}



#featuredtitle h2 {color:#333; margin-left:0px; font-size:30px; font-family:Trebuchet MS;}
#featuredtitle2 h2 {clear:both;color:#333; margin-left:20px; padding-top:20px; font-size:30px;font-family:Trebuchet MS;}
#weekly {clear:both; padding-top:10px; font-family:Trebuchet MS;}
#weekly h2    {color:#333; margin-left:20px; font-size:30px;}


	#slidebottom {float:left; margin-top:20px; margin-left:20px; margin-right:10px;}
	#slidebottom2 {float:left;margin-top:20px; margin-left:20px; margin-right:10px;}
	#slidebottom3 {float:left; margin-top:20px; margin-left:20px; margin-right:10px;}
	#slidebottom4 {float:left; margin-top:20px; margin-left:20px; margin-right:10px;}
	#slidebottom5 {float:left; margin-top:20px; margin-left:20px; margin-right:10px;}
	
	#slidebottom6 {float:left; margin-top:20px; margin-left:20px; margin-right:10px; margin-bottom:20px;}
	#slidebottom7 {float:left;margin-top:20px; margin-left:20px; margin-right:10px;margin-bottom:20px;}
	#slidebottom8 {float:left; margin-top:20px; margin-left:20px; margin-right:10px;margin-bottom:20px;}
	#slidebottom9 {float:left; margin-top:20px; margin-left:20px; margin-right:10px;margin-bottom:20px;}
	#slidebottom10 {float:left; margin-top:20px; margin-left:20px; margin-right:10px;margin-bottom:20px;}
	
	

	


#sitemap {clear:both; margin-top:20px;;height:40px; background-color:#000;
}
#sitemap p {margin-left:20px; padding-top:10px; color:#FFC;} 



#textcontent  { clear:both; padding-top:20px;width:960px; margin:0 auto; font-size:14px; text-align: justify;color:666;
-moz-column-count: 3;
-moz-column-gap: 10px;
-moz-column-rule: 1px solid #c4c8cc;
-webkit-column-count: 3;
-webkit-column-gap: 10px;;
-webkit-column-rule: 1px solid #c4c8cc;}
#textcontent h3 {color:#333; margin-left:20px;}
#textcontent p {color:#333;}
/*Start About Page*/
#aboutleft {width:500px; float:left; background-color:#fff; margin-left:20px; margin-right:10px;margin-bottom:20px;}
#aboutleft p {margin-left:0px; margin-right:0px;}
#aboutleft h2 {margin-top:0px;}
ul.list-tick {
  margin: 0;
  padding: 0;
}
ul.list-tick li {
  margin: 0;
  padding: 2px 0 2px 16px;
  list-style: none;
  background: url('images/pin1.jpg') no-repeat top left;
}


#aboutright {width:400px; float:right; background-color:#fff; margin-right:20px; margin-left:10px;}
#aboutright img {padding-top:10px;}

/*Global Navigation menu*/
* {
margin:0;
padding:0;
}

#nav {
font-size:100%;
list-style:none;
height:2em;

width:960px;
margin:0 auto;
}
#nav li {
position:relative;
float:left;
width:150px;
background:#333;
text-align:center;
border-right:1px solid #000;
z-index:+1;
}
#nav li.last {
border-right:none;
}
#nav li:hover {
background:#99829E;
}
#nav a {
display:block;
color:#FFC;
font-weight:bold;
text-decoration:none;
line-height:2em;
}
#nav a b {
position:absolute;
bottom:-1px;right:0;

}
/* --------- Drop Down -------- */
#nav ul {
position:absolute;
left:-999em;
top:2em;
list-style:none;

}
#nav ul li {
border-bottom:thin;

}
#nav li:hover ul {
left:-1px;
top:auto;
}

#tradein { margin-bottom:20px; }
#tradeinheader{margin-left:20px;}
#tradeleft {clear:both; float:left; width:500px;padding-left:10px; margin-top:10px;}
#traderight {float:right; width:400px;margin-right:20px; }
#tradeinform {font-size:14px; width:300px;}
#fiftys {margin-top:60px; margin-left:10px;}
#whatservices{margin-left:0px;}
#servicespar {clear:both; width:500px; padding-top:20px;  padding-left:10px;}
#servicesh2 {clear:both;padding-top:20px; padding-left:20px;}

#products p {margin-left:20px; margin-right:20px; margin-top:20px; margin-bottom:20px;}
#products h2 {margin-left:20px; margin-right:20px; margin-top:20px; margin-bottom:20px;}
#products a:link {text-decoration:none; margin-left:20px;}
.bullets {margin-left:40px;}
.productimage{margin-left:20px;}
.productprice{margin-left:20px; color:#600;}
.producttitle {margin-left:20px; color:#600;}
.cartb {background-color:#600; color:#FFF; border-radius:5px; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px;}


#myholder {margin: 0 auto;background-color:#fff; width:960px;}






#search:focus { outline: none; border: 3px solid #74c269; color:#74c269;}

#searcharea {width:150px;padding-top:162px; padding-left:20px;}
#search{
    width: 150px;
    height: 22px;
    padding-right: 25px; /* puts padding on the right side, so text doesn't go under the button. NOTE: TOTAL WIDTH IS 240 + 25 = 265px */
    float: left; /* some browsers display correctly without this, but better to leave it for cross browser compatibility */
    border: 3px solid #a28ba7; /* sets new color for border of the field */
    color:#711023; 
    font-size: 120%;
    font-family:Trebuchet MS;
    padding-left:10px;
     
    

 	

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E6D7EF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E6D7EF 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E6D7EF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #E6D7EF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E6D7EF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #E6D7EF 100%);






-webkit-border-radius: 60px 0px 0px 60px;
border-radius: 60px 0px 0px 60px; 


}



#searchSubmit{
    background: transparent url("images/search_button.png") no-repeat;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    margin-left: -24px; /* image is 20x20px, so leave little extra */
    margin-top: 4px; /* leave some space from the top, so button looks in the middle */
    margin-right:1px;
}



























#account {float:right; margin-right:10px; margin-top:170px;}
#account a {margin-right:10px; text-decoration:none; color:#711023; font-size:18px; font-weight:bold; font-family:Trebuchet MS; }
#signin {z-index:+4;width:420px;height:270px; background-color:#fff; color:#333;position:absolute; margin-top:200px;margin-left:530px; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
border-style:solid;
border-width:5px;
border-color:#711023;
 }
 #signin label {float:left;}
 #signin input {float:right;margin-right:150px;}
 #signinform {margin-top:40px; margin-left:20px;}
 #submit {margin-top:20px;}
 .x {float:right; color:#333; margin-right:20px; margin-top:20px;cursor: pointer; cursor: hand;
}
 #signinh3 {margin-left:20px; margin-top:20px; color:#600;}





#signup {z-index:+4;width:560px;height:450px; background-color:#fff; color:#333; position:absolute; margin-top:200px;margin-left:390px; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
border-style:solid;
border-width:5px;
border-color:#711023;
 }
 #createaccounth3 {margin-left:20px; color:#600;}
 #signup label {float:left;}
 #signup input {float:right;margin-right:20px;}
 #signupform {margin-top:60px; margin-left:20px;
}
 #cpassword {float:left;margin-left:84px;}
 .x {float:right; color:#333; margin-right:20px; margin-top:20px;cursor: pointer; cursor: hand;}
#signupbutton input {
	cursor: pointer;
	outline: none;
	background-color:#333;
	color: #FFF;
	margin-left:392px;
}
 
#signupbutton input:hover {
	background-color: #000;
	color: white;
}
 
#signupbutton input {
	color: #fff;
	padding: 7px;
	border: 1px solid #CCC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}

#welcomeUser {color:#711023; font-weight:bold; }
#logoutlink {padding-left:20px; margin-right:20px;}