/* MASTER COOLSITE CSS - 8/2008 */
* {font-family:Verdana, Helvetica, sans-serif}
p {margin: 0 0 10px 0}
a {color: #000}
a:hover {color: #FFB400}
h1,h2,h3,h4,h5,h6 {margin: 0 0 12px 0; font-weight:bold; color:#000}
h1 {font-size: 32px}
h2 {font-size: 24px}
h3 {font-size: 18px}
h4 {font-size: 16px}
h5 {font-size: 12px}
h6 {font-size: 10px}

/*  MAIN PAGE */
/*  These control the whole of the page, mainly for use in positioning/centering the entire site and to control the behavior of floats. */
/**************/

body {background: #999 url(images/main_bg.jpg) repeat-x top;font-family:Arial, Helvetica, sans-serif; margin:10px auto; max-width:900px; color:#000}
#page {width: 900px; border:0}
#pagelayout {background:#fff url(images/pagelayout_bg.jpg) repeat-y left; text-align:left; width: 100%; border:4px solid #333}

/*   THEME SPECIFIC   */
/**************/
#borderright {}

/*   HEADER   */
/**************/

#top {width: 850px;}
#headerwrap {}
#header {position:relative; background: #000 url(images/header_bg.jpg) no-repeat top left; width:900px; height:361px;}

#headertext {position:absolute; top:10px; right:10px; width:284px; height:304px; overflow:hidden; font-size:12px; color:#fff;}
#headertext a {color:#FFB400}
#headertext a:hover {color:#ccc}

#Header-Info {margin:auto; width:900px; text-align:left; color:#fff; height:auto;}
#Header-Info a {color:#FFB400}
#Header-Info a:hover {color:#ccc}

#headerimg {width:1px; height:1px; overflow:hidden;} 

/*   WRAPPER FOR SIDEBARS AND MAINCONTENT   */
/*****************************************/

#bodywrap {width: 900px; background: transparent;}
#contenttab {background: url(images/pagelayout_bg.jpg) no-repeat top left}

/*   LEFT BAR or QUICKMENU CONTAINER   */
/***************************/

#sidebar {float: left; width: 201px; padding: 10px 0 10px 7px; font-size:12px; color:#fff;}
#menuwrap {width: 190px; padding: 0;}

#Side-Column-Above-Nav {width: 192px;}
#Side-Column-Below-Nav {width: 192px;margin-top: 10px}
#Side-Column-Above-Nav a, 
#Side-Column-Below-Nav a{color:#FFB400}
#Side-Column-Above-Nav a:hover, 
#Side-Column-Below-Nav a:hover {color:#ccc}
/*  CONTENT PAGE   */
/**************/

#contenttab {margin:auto}
#maincontent {float: right; background: transparent; padding: 10px 5px 0 0; font: 12px Arial, sans-serif; width: 675px; vertical-align:top;color:#000}

/*  FOOTER   */
/**************/

#footer {background: #000 url(images/footer_bg.jpg) repeat-x top; width:900px; height:51px; text-align: center; color:#000}

#Footer-Info {margin:5px 0 0 12px; width:756px; height:39px; overflow:hidden; text-align:left;color:#000;}
/* #Footer-Info {margin:0 auto 0 auto; width:880px; height:auto;} */

/* #Additional-Info {margin:5px auto 0 auto; width:900px; text-align:left; color:#000; height:auto; background:#fff} */
#Additional-Info {display:none}
#c1 {font-size:11px; color:#444; text-align:center; margin-top:5px}
#c1 a {color:#444}

#Footer-Info a {color:#000}
#Footer-Info a:hover {color:#333}


/* CLEAR - EQUALIZER this class equalizes sidebars with maincontent. When floating columns and maincontent, you can clear this div to both which will equalize all columns and have them expand their height as content fills in */
/**************/

#clear {clear: both}
.clear {clear: both}

/* MINI-CART */
#MiniCart {color:#000}

#MiniCart a {}
#MiniCart a:hover {}

.cart-tab td.realtorheaderbg1 {background:#222; color:#fff;}
.cart-tab {border:1px solid #333;width:190px;font-size:11px}
.cart-tab select {width:100%;}

/*   QUICKMENU CODE   */
/***************************/

/************* QuickMenu Core CSS [Modification Sensitive] *************/


#qm0 {width:180px;padding:0;background: transparent; font-family:Verdana, Helvetica, sans-serif}
/*(MAIN) Items*/
#qm0 a {background: #000 url(images/nav_bg.jpg) repeat-y left; border:1px solid #333;color:#fff; margin: 2px 1px 2px 1px;padding:6px 2px 6px 6px;width:100%; text-decoration:none}
#qm0 a:hover {background: #333 url(images/nav_bg2.jpg) repeat-y left; border: 1px solid #FFB400; color:#000;}
/*(MAIN) Parent Items*/
#qm0 a.qmparent {background:#000 url(images/nav_bg.jpg) repeat-y left; border: 1px solid #333; color:#fff;}
#qm0 a.qmparent:hover {background:#333 url(images/nav_bg2.jpg) repeat-y left; border: 1px solid #FFB400; color:#000;}
/*(SUB) Items*/
#qm0 div a, #qm0 ul a {background: #000 url(images/nav_bg.jpg) repeat-y left; border: 1px solid #333;width: 200px; color:#fff}
#qm0 div a:hover, #qm0 ul a:hover {background: #333 url(images/nav_bg2.jpg) repeat-y left; border: 1px solid #FFB400;color:#000}
/*  (SUB) Container */
#qm0 div, #qm0 ul {background: transparent;border: none;margin-left: -2px;margin-top: -2px;padding: 5px;}

/*   GLOBAL CLASSES FOR REAL ESTATE AND CATALOG   */
/**************************************************/

/* V1 STYLES */
.defaulttext {font-size: 12px;}
.pageThru {font-size: 12px;}
.pageThru a{font-weight: bold;text-decoration: none;}
.pageThru a:hover{font-weight: bold;text-decoration: none;}
.productTitle {font-size: 12px;}
.productDescription {font-size: 12px;}
.productPrice {font-size: 12px;}

.realtorheaderbg1 {background-color:#ccc; font-size:12px; color:#000; height:25px;}
.realtorheaderbg1 a{font-size:12px;}
.realtorheaderbg1 a:hover{font-size:12px;}

.realtorheaderbg2 {background-color:#FFB400; font-size:12px; color:#000; height:25px;}
.realtorheaderbg2 a{font-size:12px;}
.realtorheaderbg2 a:hover{font-size:12px;}

.headerborder1 {border:1px solid #000;}
.headerborder2 {border: 1px solid #000;}

/* Fix for color issues  in tabbed search*/
.tabcontent, .tabcontent td {color: #000}
#maintab li a {color: #000; text-decoration: none}
#maintab li a:hover {text-decoration: underline}
table table table table td {color: #000} /* Fixes color of text in register box*/
table table table form a {color: #000; text-decoration: none} /* Fixes link color of text in register box*/