/******************** Main CSS **********************/

body {
	background-color: #f0f7f2;
	margin-top: 0;
}

#wrapper {
	width: 1076px;
	height: auto;
	background-image: url(image/slice.jpg);
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -10px;
}

#navigation {
	width: 1048px;
	height: 167px;
	background-image: url(image/header2.jpg);
	margin: auto;
	position: relative;
}

#location {
/* ie11 */
	width: 575px;
	height: 30px;
	float: right;
	margin-right: 162px;
	margin-top: 59px;
}

@-moz-document url-prefix() { 
/*any firefox */
  #location {
	width: 575px;
	height: 30px;
	float: right;
	margin-right: 162px;
	margin-top: 58px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0){
/*chrome */
#location {
	width: 575px;
	height: 30px;
	float: right;
	margin-right: 162px;
	margin-top: 54px;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
/*chrome */
#location ul {
	margin-top: 5px;
}
}

@media screen and (min-device-width: 320px) and (max-device-width: 1024px){
/* css for iphone and ipad only */
#location {
	width: 576px;
	height: 30px;
	float: right;
	margin-right: 162px;
	margin-top: 53px;
}
}

.ie10 #location {  
    margin-top: 59px;
}  

#location2 {
	width: 575px;
	height: 30px;
	float: right;
	margin-right: 162px;
	margin-top: 78px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#location2 {
	width: 575px;
	height: 30px;
	float: right;
	margin-right: 162px;
	margin-top: 78px;
}
}

@media screen and (min-device-width: 320px) and (max-device-width: 1024px){
/* css for iphone and ipad only */
#location2 {
	width: 576px;
	height: 30px;
	float: right;
	margin-right: 162px;
	margin-top: 78px;
}
}

.ie10 #location2 {  
    margin-top: 78px;
}  

#location3 {
	width: 288px;
	height: 35px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	border-left: solid 1px #0c00ff;
	border-right: solid 1px #0c00ff;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#location3 {
	width: 288px;
	height: 35px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	border-left: solid 1px #0c00ff;
	border-right: solid 1px #0c00ff;
}
}

@media screen and (min-device-width: 320px) and (max-device-width: 1024px){
/* css for iphone and ipad only */
#location3 {
	width: 285px;
	height: 35px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	border-left: solid 1px #0c00ff;
	border-right: solid 1px #0c00ff;
}
}

.ie10 #location3 {  
    width: 284px;
} 

#pricingPic {
	margin-left: auto;
	margin-right: auto; 
	margin-top: 10px;
    width: 506px; 
	height: 939px; 
}

#search {
/* css for firefox */
	left: 508px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
/* css for chrome */
#search {
	left: 496px;
}
}

@media screen and (min-device-width: 320px) and (max-device-width: 1024px){
/* css for iphone and ipad only */
#search {
	left: 517px;
}
} 

#banner {
	background-image: url(image/banner.jpg);
	width: 1008px;
	height: 199px;
	margin: auto;
}

#bannerText {
	width: 550px;
	height: 175px;
	float: right;
	text-align: center;
	margin-top: 12px;
	margin-right: 17px;
}

#bannerSecondary {
	background-image: url(image/bannerSecondary.jpg);
	width: 1008px;
	height: 167px;
	margin-left: auto;
	margin-right: auto;
}

#bannerTextSecondary {
	width: 1008px;
	height: 175px;
}

.bigRed {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 36px;
	color: #e11f11;
	font-family:Arial, Helvetica, sans-serif;
}

.bigRed2 {
	font-size: 36px;
	color: #e11f11;
	font-family:Arial, Helvetica, sans-serif;
}

.bigRed3 {
	font-size: 33px;
	color: #e11f11;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 2px;
}

.subPageHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #cc3300;
}

.subPageHeading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #293387;
}

.subPageHeading3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #cc3300;
	margin-left: 55px;
}

.subPageRegular {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #656565;
	line-height: 30px;
}

.subPageSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #656565;
	line-height: 30px;
}

.subPageSmall2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #656565;
	line-height: 18px;
}

.subPageExtra1 {
	font-family: Calibri, Arial;
	font-size: 22px;
	color: #000000;
}

.mediumBlue {
	margin-top: 16px;
	margin-bottom: 0px;
	font-size: 24px;
	color: #293387;
	font-family:Arial, Helvetica, sans-serif;
}

.mediumRed {
	margin-top: 16px;
	margin-bottom: 0px;
	font-size: 24px;
	color: #e11f11;
	font-family:Arial, Helvetica, sans-serif;
}

.banner2blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #293387;
	text-align: center;
}

.smallBlue {
	margin-top: 16px;
	font-size: 14px;
	color: #293387;
	font-family:Arial, Helvetica, sans-serif;
}

.sectionTitle {
	font-size: 18px;
	color: #FFFFFF;
	font-family: "Century Gothic";
	letter-spacing: .5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.sectionTitle {
	font-size: 18px;
	color: #FFFFFF;
	font-family: "Century Gothic";
	letter-spacing: 1px;
}
}

.notice {
	font-size: 12px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

table {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #656565;
	line-height: 26px;
}

#content {
	width: 1038px;
	height: 600px;
	margin-left: 14px;
	margin-top: 20px;
}

#content2 {
	width: 805px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

#content2 a {
	color: #3b66cc;
	text-decoration: none;
}

#content2 a:hover {
	text-decoration: underline;
}

#content2 a:visited {
	color: #3b66cc;
}

#content3 {
	width: 950px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	height: 550px;
}

#content3 a {
	color: #3b66cc;
	text-decoration: none;
}

#content3 a:hover {
	text-decoration: underline;
}

#content3 a:visited {
	color: #3b66cc;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#content3 {
	width: 950px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	height: 650px;
}
}

#content4 {
	width: 950px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	height: 420px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#content4 {
	width: 950px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	height: 465px;
}
}

#category {
	width: 522px;
	height: 558px;
	background-image: url(image/categories3.jpg);
	float: left;
}

.category1 {
	float: left; 
	line-height: 25px; 
	margin-top: 10px; 
	margin-left: 30px; 
	width: 235px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.category1 {
	float: left; 
	line-height: 24px; 
	margin-top: 10px; 
	margin-left: 33px; 
	width: 235px;
}
}

.category2 {
	float: right; 
	line-height: 25px; 
	margin-top: 10px; 
	margin-right: 20px; 
	width: 225px;	
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.category2 {
	float: right; 
	line-height: 24px; 
	margin-top: 10px; 
	margin-right: 20px; 
	width: 225px;	
}
}

#category ul {
	margin-top: 6px;
}

#category li {
	list-style-type: none;
	margin-left: -20px;
	margin-right: 12px;
}

#category li a {
	[if Gecko] height: 30px;
	[if Gecko] line-height: 10px;
	[if Webkit] height: 30px;
	[if Webkit] line-height: 10px;
}

#category a {
	padding: 2px 10px 2px 10px;
	font-size: 18px;
	color: #000000;
	font-family: Calibri;
	text-decoration: none;
	text-align: left;
}

#category a:hover {
	background-color: #a9b2e4;
}

#col1 {
	width: 242px;
	height: 528px;
	float: right;
	margin-right: 16px;
	margin-top: 10px;
}

#col2 {
	width: 242px;
	height: 528px;
	float: right;
	margin-right: 5px;
	margin-top: 10px;
}

#listings {
	background-image: url(image/section.jpg);
	background-repeat: no-repeat;
	width: 242px;
	height: 300px;
	font-family:Calibri, Arial;
	font-size: 20px;
}

.monday {
	font-family: Calibri, Arial;
	font-size: 20px;
	padding-top: 10px; 
	padding-bottom: 10px; 
	margin-top: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.monday {
	font-family: Calibri, Arial;
	font-size: 19px;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 0px;
}
}

.class red {
	color: #fe0000;
}

#listings a {
	color: #3b66cc;
	text-decoration: none;
}

#listings img {
	border: none;
}

#listings a:hover {
	text-decoration: underline;
}

#listings a:visited {
	color: #3b66cc;
}

#showcase {
	background-image: url(image/showcase.jpg);
	background-repeat: no-repeat;
	width: 242px;
	height: 218px;
	font-family:Calibri, Arial;
	font-size: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#showcase {
	background-image: url(image/showcase.jpg);
	background-repeat: no-repeat;
	width: 242px;
	height: 218px;
	font-family:Calibri, Arial;
	font-size: 19px;
}
}

.showcase {
	margin-left: 20px; 
	margin-top: 10px; 
	margin-bottom: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.showcase {
	margin-left: 18px; 
	margin-top: 10px; 
	margin-bottom: 10px;
}
}

#showcase a {
	color: #3b66cc;
	text-decoration: none;
}

#showcase a:hover {
	text-decoration: underline;
}

#showcase a:visited {
	color: #3b66cc;
}

#sold {
	background-image: url(image/section.jpg);
	background-repeat: no-repeat;
	width: 242px;
	height: 182px;
	font-family: Calibri, Arial;
	font-size: 22px;
}

#sold a {
	color: #3b66cc;
	text-decoration: none;
	font-size: 20px;
}

#sold a:hover {
	text-decoration: underline;
}

#sold a:visited {
	color: #3b66cc;
}

#trends {
	background-image: url(image/section.jpg);
	background-repeat: no-repeat;
	width: 242px;
	height: 230px;
}

#trends img {
	border: none;
}

#extra {
	background-image: url(image/extra.jpg);
	background-repeat: no-repeat;
	width: 242px;
	height: 50px;
}

#extra a {
	color: #000000;
	text-decoration: none;
	font-family: Calibri, Arial;
	font-size: 14px;
	line-height: 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#extra a {
	color: #000000;
	text-decoration: none;
	font-family: Calibri, Arial;
	font-size: 14px;
	line-height: 15px;
}
}


#extra a:hover {
	text-decoration: underline;
}

#extra a:visited {
	color: #000000;
}

#footer {
	width: 1076px;
	height: 41px;
	margin: auto;
	background-image: url(image/footer.jpg);
}

#footerTextLeft {
	font-size: 16px;
	font-family: Calibri, Arial;
	color: #ffffff;
	float: left;
	width: 380px;
	height: 20px;
	margin-top: 2px;
	margin-left: 30px;
	letter-spacing: .5px;
}

#footerTextRight {
	font-size: 16px;
	font-family: Calibri, Arial;
	color: #ffffff;
	float: right;
	width: 230px;
	height: 20px;
	margin-top: 2px;
	margin-right: 30px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#footerTextRight {
	font-size: 16px;
	font-family: Calibri, Arial;
	color: #ffffff;
	float: right;
	width: 255px;
	height: 20px;
	margin-top: 2px;
	margin-right: 25px;
}
}

#footerTextRight a {
	font-size: 16px;
	font-family: Calibri, Arial;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: .5px;
}

#footerTextRight a:hover {
	text-decoration: underline;
}


/*************** Menu Bar CSS *************************************
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(pro_dropdown_2/nav_1.gif);}
.preload2 {background: url(pro_dropdown_2/nav_1a.gif);}

#nav {
padding:0; margin:0; list-style:none; height:38px; background:url(pro_dropdown_2/nav_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:35px; color:#293387; text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(pro_dropdown_2/nav_0.gif);}

#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(pro_dropdown_2/nav_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(pro_dropdown_2/nav_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(pro_dropdown_2/nav_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(pro_dropdown_2/nav_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(pro_dropdown_2/nav_1a.gif) no-repeat right top;}

#nav li a.top_link2 {display:block; float:left; height:35px; line-height:35px; color:#FFFFFF; text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(pro_dropdown_2/nav_1.gif);}

#nav li a.top_link2 span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(pro_dropdown_2/nav_1.gif) right top no-repeat;}
#nav li a.top_link2 span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(pro_dropdown_2/nav_1a.gif) no-repeat right top;}

#nav li:hover a.top_link2 {color:#fff; background: url(pro_dropdown_2/nav_1.gif) no-repeat;}
#nav li:hover a.top_link2 span {background:url(pro_dropdown_2/nav_1.gif) no-repeat right top;}
#nav li:hover a.top_link2 span.down {background:url(pro_dropdown_2/nav_1a.gif) no-repeat right top;}


/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #c0c7eb; padding:3px; border:1px solid #0c00ff; white-space:nowrap; width:117px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:18px; width:115px; line-height:18px; text-indent:5px; color:#293387; text-decoration:none;border:1px solid #c0c7eb;}
#nav li ul.sub li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#6675b4; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #0c00ff; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;}