﻿* { padding: 0; margin: 0;}
body { background: #4E4242 url(../images/bodyBg.jpg) repeat-x; position:relative; text-align: center;}
div, th, td, li, dt, dd, input, select, textarea, p, blockquote, span { font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
ol, ul{ list-style: none;}
input[type="radio"], input[type="checkbox"] {color:-moz-fieldtext !important;}
input[type="checkbox"] {width: 13px;height: 13px;margin:0;padding:0 !important;line-height: normal;}

fieldset, img, a img { border: none;}
a:link, a:visited { color: #d6d3b6; text-decoration: none;}
a:hover, a:active { color: #FFFF66;}
.clearfloat { font-size: 0px; line-height: 0px; clear: both;}
#header, #content, #footer { width: 980px; margin: 0 auto; position: relative;}
.clickable{cursor:pointer}

/* Page Header */

#header { text-align: left;	height: 83px;z-index:1000;}
h1#branding { background: url(../images/BuyXG_logo.jpg) no-repeat; float: left;	height: 83px; width: 133px;	position: absolute;	 left: 0; top: 0;}
h1#branding a {	display: block;	height: 83px; width: 133px;}
h1#branding a span { display: none;}
.menu {	float: right; height: 83px;	width: 840px; padding-left: 7px; position: relative;}
ul.topmenu { height: 18px; width: 330px; position: absolute; top: 5px; left: 517px;}
ul.topmenu li, ul.navigations li { display: inline;}
ul.topmenu li {	background: url(../images/ArrowBlack.gif) no-repeat 0 4px; padding: 0 6px;}
ul.topmenu li a { margin-left: 5px;}
h3.callus { height: 18px; width: 400px;	padding-right: 7px;	position: absolute;	left: 440px; top: 23px;	text-align: right; color: #d6d3b6; font-weight: normal;}
h3.callus span { font-weight: bold;	color: #FF6600;}

/* navigations settings */
ul.cssMenu {margin:0px;list-style:none;background-color:transparent;height:32px;left:7px;padding-top:6px;position:absolute;top:45px;width:840px;font:11px Verdana;}
ul.cssMenu ul{display:none;position:absolute;width:auto;left:-1px;top:98%;padding:0px 2px 2px 0px;background-color:#1A1A1A;background-repeat:repeat;border-color:#808080;border-width:1px;border-style:solid;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu ul li {float:none;cursor:pointer;}
ul.cssMenu ul li.sep span{width:100%;height:3px;}
/*ul.cssMenu ul li:hover > a div{background-image:url(../images/arr_white.gif);}*/
ul.cssMenu ul a {text-align:left;white-space:nowrap;width:100%;}
ul.cssMenu li .div1{background-image:url(../images/arrv_white.gif);background-position:right center;background-repeat: no-repeat;padding-right:9px;}
ul.cssMenu li{display:block;margin:2px 0px 0px 2px;float:left;}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu li.sep{text-align:left;padding:0px;line-height:0;height:100%;}
ul.cssMenu li.sep span{float:none;padding-right:0;width:3px;height:100%;display:inline-block;background-color:#808080;background-image:none;}
ul.cssMenu li:hover{position:relative;}
ul.cssMenu li:hover>a{background-color:#DA8130;border-color:#DA8130;border-style:solid;color: #FFF;text-decoration:none;}
ul.cssMenu li a:hover{position:relative;background-color:#DA8130;border-color:#DA8130;border-style:solid;color: #FFF;text-decoration:none;}
ul.cssMenu li.dis a {color: #557D4F !important;}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {display:block;zoom:1;height:21px;float: left;}
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span,ul.cssMenu table a:hover a:hover a:hover span{background-image:url(../images/arr_white.gif)}
ul.cssMenu table a:hover table span,ul.cssMenu table a:hover a:hover table span{background-image:url(../images/arr_black.gif)}
ul.cssMenu a:active, ul.cssMenu a:focus {outline-style:none;}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {display:block;vertical-align:middle;background-color:#1A1A1A;border-width:1px;border-color:#1A1A1A;border-style:solid;text-align:center;text-decoration:none;padding:2px 5px 5px 10px;_padding-left:0;font:11px Verdana;color: #D6D3B6;text-decoration:none;}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
ul.cssMenu li .div2{overflow:hidden;}
ul.cssMenu li .div2{display:block;background-image:url(../images/arr_white.gif);background-position:right center;background-repeat: no-repeat;padding-right:9px;}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:2px;}
ul.cssMenu img.over{display:none}
ul.cssMenu li.cssMenui0 {width:110px;height:21px;}
ul.cssMenu li a.cssMenui0{height:100%; background-color:transparent; background-image:none;border-width:0px;color:#f60;}
ul.cssMenu li a.cssMenui0:hover{background-image:url(../images/menuBgHl.gif);color:#eee;}
ul.cssMenum0 {background-color:transparent;border-width:0px;padding:0px 0px 0px 0px;}
ul.cssMenum0>li>a {padding:8px 10px 0px 10px;}
ul.cssMenum0 a {padding:8px 10px 0px 10px;}
ul.cssMenum0 ul a {padding:2px 5px 5px 10px;}
ul.cssMenum0>li {margin:0px 0px 0px 0px;}
ul.cssMenum0 li {margin:0px 0px 0px 0px;}
ul.cssMenum0 li li {margin:2px 0px 0px 2px;}
ul.cssMenum li.cssMenui a{width:200px}
ul.cssMenu li.cssMenuSys {margin:0;width:200px;}
ul.cssMenu li.cssMenuSys a {padding:0; text-align:center;background-color:#1A1A1A;}
ul.cssMenu li.cssMenuSys a .div3{display:block;text-align:left;background-image:url(../images/arr_white.gif);background-position:left 5px;background-repeat: no-repeat;padding:2px 2px 2px 9px;margin:0 3px;white-space:normal;font-size:9px;}
ul.cssMenu li.cssMenuSys a div.img{float:none;height:160px; width:200px; background-color:#fff; text-align:center; vertical-align:middle}
ul.cssMenu li.cssMenuSys a img{float:none}
ul.cssMenu li.cssMenuSys div.sub_spacer {background-color:#666;height:3px;width:100%;clear:both;}
ul.cssMenu li.cssMenuSys div.price{font-size:16px;text-align:center; margin:6px 0; color:#f60;font-weight:bold;}

/* HomePage Content Settings */

#homecontent { width: 100%;	padding: 0; position: relative; text-align: left;}
.content-main {	width: 756px; padding: 15px 10px 0 0; float: left; left: 0px;}
.content-sub { width: 213px; padding: 5px 0 0 1px; float:left; left: 766px; height: 522px; overflow:hidden;}
.bigbanner { width: 100%; position: relative;}
ul.homerecommends {	width: 100%; margin-top: 347px;}
ul.homerecommends li { width: 248px; float: left; background: #8f7e71; height: 165px; -moz-border-radius:5px;}
.sixspace { margin-left: 6px;}
.hrpro { height: 77px; width: 100%;}
.hrpro a img { float: left; margin-right: 6px; height:130px; width:130px;}
.hrpro h3 { font-size: 1em; line-height: 1.1em; padding: 3px 6px 0 0; height: 110px;}
.hrpro h3 a { color: #FFFFCC;}
.hrpro h3 a:hover { color: #FFFFFF; text-decoration: underline;}
.hrpro p { color: #FFFF00; font-size: 1.45em; font-weight: bold; line-height: 0.888em;}
.hrpro p span { display: block;	font-size: 10px; color: #D3CEC9;}
.hrinfo { height: 64px; overflow: hidden;width:112px;margin-left:136px;}
.hrinfo p { line-height: 1.1233em; padding: 6px; color: #FFF;}
.hrmore { width: 100%; clear: both; position: relative;}
.hrmore div { padding-left: 6px;}
.hrmore a { font-weight: bold; color: #000; display: block; position: absolute; top: 2px; left: 185px;}
.hrmore a:hover { color:#FFFF00;}
.shadowbg { background: transparent url(../images/rightColShadow.jpg) no-repeat;}
.content-sub h3 { color: #fff9c2; font-size: 1.1em; line-height: 1.4em; padding: 8px 0 5px 15px; float: left; width: 198px;}
.content-sub h3 a { color: #fff9c2; display:block; width: 110px; background: transparent url(../images/icon_Plus.gif) no-repeat 96px 5px;}
.content-sub h3 a:hover { color: #FFFF00;}
.homesearch, .solist { background: #161616; padding: 8px 6px; width: 201px; float: left; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px;}
.hsarea { background: transparent url(../images/HomeSearchBg.gif) no-repeat 4px 0; text-align: center;}
.hsinput { color:#FFF; background: #000; width: 153px; margin-left: 3px; border: none;}
.homesearch h4 { font-weight: normal; color:#FF9900; padding: 10px 5px 5px 5px;}
.homesearch ul { width: 196px; padding: 0 0 5px 5px;}
.homesearch ul li { line-height: 1.6em; display: inline; background: transparent url(../images/icon_HotSearches.gif) no-repeat 0 5px; width: 97px; float: left;}
.homesearch ul li a { color:#aaa; padding-left: 12px;}
.homesearch ul li a:hover, .solist ul li a:hover { color:#FF9900;}
.solist { height: 318px; min-height: 323px;}
.solist ul { color:#FFF; padding-left: 35px; margin-left: -18px; list-style: outside disc;}
.solist ul li { padding: 5px 0; border-bottom: 1px solid #444;}
.solist ul li a { color: #aaa;}

/* Page Footer Settings */

#footer { background: transparent url(../images/LayoutSpace.gif) repeat-x; padding: 8px 0 0 0; margin-top: 10px;}
#footer h3 { color: #FFFFCC; width: 300px; text-align: right; font-size: 1.2em; position: absolute; left: 680px;}
#footer ul { width: 100%; text-align: left; padding-top: 2px;}
#footer ul li { display: inline; padding-right: 3px;}
#footer blockquote { display: block; background: #161616;	margin-top: 8px; width: 100%; padding: 0px;}
#footer blockquote p { color: #666666; font-size: 10px;	padding: 8px; text-align: center;}
.pagebom { font-size: 0px; line-height: 0px; background: transparent url(../images/FooterBor.gif) no-repeat; clear: both; height: 5px; width: 100%; position: relative;}
.HD,.MB,.RM,.VC { color:#FF0000 }

