@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------------
* Project WesternFord V1.2 - Monday, March 8, 2010
* Websites:  http://www.westernford.com.vn
* Author: Hung Design
* Copyright  2010 H.U.N.G Design. all Rights Reserved.
-------------------------------------------------------------------------*/

#container {
	Z-INDEX: -1; 
	BORDER: 0px; 
	PADDING: 0px; 
	MARGIN: 0px auto; 
	WIDTH: 910px; 
	OVERFLOW: hidden; 
}
#header {
	Z-INDEX: -1; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: auto; PADDING-TOP: 0px
}
* HTML #header {
	HEIGHT: 80px; OVERFLOW: hidden
}
#main {
	Z-INDEX: -1; BACKGROUND-COLOR: #ffffff; MARGIN: 0px auto; WIDTH: 910px; FLOAT: left
}
#content {
	Z-INDEX: -1; MARGIN: 0px; DISPLAY: inline; FLOAT: left; OVERFLOW: hidden
}
#content H1 {
	PADDING-BOTTOM: 3px; TEXT-TRANSFORM: none; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; COLOR: #5e5f5e; FONT-SIZE: 24px; FONT-WEIGHT: bold; PADDING-TOP: 3px
}
#content H2 {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN: 10px 2px; COLOR: #444444; FONT-SIZE: 18px; BORDER-TOP: medium none; FONT-WEIGHT: bold; BORDER-RIGHT: medium none
}
#content H3 {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; COLOR: #444444; FONT-SIZE: 14px; BORDER-TOP: medium none; FONT-WEIGHT: bold; BORDER-RIGHT: medium none
}
SELECT {
	WIDTH: 150px; FONT-SIZE: 11px
}
#content P {
	MARGIN: 10px
}

.button {
	BORDER-BOTTOM: #666666 1px solid; 
	BORDER-LEFT: #ddd 1px solid; 
	TEXT-TRANSFORM: uppercase; 
	FONT-FAMILY: Verdana, Tahoma, sans-serif; 
	BACKGROUND: url(../images/button_bg.gif) repeat-x left 50%; 
	HEIGHT: 17px; 
	COLOR: #666666; 
	FONT-SIZE: 11px; 
	VERTICAL-ALIGN: middle; 
	BORDER-TOP: #ddd 1px solid; 
	FONT-WEIGHT: bold; 
	BORDER-RIGHT: #666666 1px solid
}
.image {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; MARGIN: 0px 0px 0px 10px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
.imageleft {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 5px 0px 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 5px
}
.imageright {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 5px 1px 10px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; DISPLAY: inline; FLOAT: right; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 5px
}
.value {
	COLOR: #444444; FONT-SIZE: 12px; FONT-WEIGHT: normal
}
.key {
	COLOR: #444444; FONT-SIZE: 12px; FONT-WEIGHT: bold
}

#header #logo {
	BORDER-BOTTOM: black 0px solid; BORDER-LEFT: black 0px solid; WIDTH: auto; HEIGHT: 78px; BORDER-TOP: black 0px solid; BORDER-RIGHT: black 0px solid
}
#header #logo A {
	POSITION: relative; WIDTH: 237px; DISPLAY: block; BACKGROUND: url(../images/yourshophere.gif) no-repeat; HEIGHT: 37px; TOP: 23px; LEFT: 20px
}
#header #logo SPAN {
	DISPLAY: none
}
.hand {
	CURSOR: pointer
}
.nowrap {
	WHITE-SPACE: nowrap
}

#slidebar {
	POSITION: absolute; MARGIN-TOP: -40px; MARGIN-LEFT: 230px
}
#pt_category #slidebar {
	POSITION: relative
}
#slidebar .hover {
	CURSOR: pointer
}
#slidebar .arrowRight {
	Z-INDEX: 2; WIDTH: 40px; DISPLAY: block; BACKGROUND: url(../images/slideshow_arrow_right.png) no-repeat; FLOAT: left; HEIGHT: 40px; CURSOR: pointer
}
#slidebar .arrowLeft {
	Z-INDEX: 2; WIDTH: 40px; DISPLAY: block; BACKGROUND: url(../images/slideshow_arrow_left.png) no-repeat; FLOAT: left; HEIGHT: 40px; CURSOR: pointer
}
#slidebar .inner {
	POSITION: relative; BACKGROUND: url(../images/slideshow_bg.png) repeat-x; FLOAT: left; HEIGHT: 33px; PADDING-TOP: 7px
}
#slidebar .preview {
	MARGIN: 1px; WIDTH: 70px; FLOAT: left; HEIGHT: 30px
}


#categoryNavigation {
	Z-INDEX: 999999999; 
	MARGIN: 0px; 
	WIDTH: 910px; 
	BACKGROUND: url(../images/topMenu_bg.png) left 50%; 
	HEIGHT: 52px; 
	VERTICAL-ALIGN: top; 
}
#categoryNavigation .logoNav {
	PADDING: 0px; 
	MARGIN: 0px 0px 0px 10px; 
	DISPLAY: inline-block; 
	FLOAT: left; HEIGHT: 52px; 
	OVERFLOW: hidden; 
}


#breadcrumbbar {
	BORDER-LEFT: #d5d5d5 1px solid; 
	WIDTH: 910px; 
	BACKGROUND: url(../images/breadcrumbbar.gif) repeat-x left top; 
	HEIGHT: 26px; 
	OVERFLOW: hidden; 
	BORDER-RIGHT: #d5d5d5 1px solid
}
#breadcrumb {
	LINE-HEIGHT: 26px; PADDING-LEFT: 17px; DISPLAY: inline; FLOAT: left; HEIGHT: 26px; COLOR: #5e5f5e; OVERFLOW: hidden; FONT-WEIGHT: bold
}
* HTML #breadcrumb {
	MARGIN-TOP: 6px; WIDTH: 663px; HEIGHT: 20px
}
#breadcrumb .key {
	MARGIN: 0px; DISPLAY: none
}
#breadcrumb SPAN {
	FONT-SIZE: 11px; MARGIN-RIGHT: 0px
}
#breadcrumb SPAN.divider {
	MARGIN: 0px 5px
}
#breadcrumb A {
	FONT-SIZE: 11px; MARGIN-RIGHT: 0px
}


#content .leftSideBox {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 479px; PADDING-RIGHT: 8px; FLOAT: left; BORDER-RIGHT: #dddddd 1px solid; PADDING-TOP: 0px
}
#content .rightSideBox {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 478px; PADDING-RIGHT: 0px; FLOAT: right; PADDING-TOP: 0px
}
#content .headlineLeft {
	MARGIN: 26px 0px 3px 10px; WIDTH: 469px; DISPLAY: inline; FLOAT: left
}
#content .headlineRight {
	MARGIN: 26px 0px 3px 27px; WIDTH: 461px; DISPLAY: inline; FLOAT: left
}


#mainmenu {
	WIDTH: 748px; 
	DISPLAY: inline-block; 
	FLOAT: left; 
	HEIGHT: 52px; 
	OVERFLOW: hidden;
}
#mainmenu UL {
	LIST-STYLE-TYPE: none; 
	FLOAT: left; 
	LIST-STYLE-IMAGE: none;
}
#mainmenu UL LI {
	FLOAT: left;
	text-align:center;
	BACKGROUND: url(../images/topMenu_bg2.png) right 50% no-repeat;
}

#mainmenu UL LI.last {
	BACKGROUND: url(../images/topMenu_bg2.png) left 50% no-repeat;
}

#mainmenu UL LI A {
	FLOAT: left; 
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold;
	display:block;
	TEXT-TRANSFORM: uppercase; 
	LINE-HEIGHT: 14px; 
	PADDING-TOP: 12px;
	PADDING-BOTTOM: 12px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	color:#FFF;
}
#mainmenu UL LI.active {
	BACKGROUND: url(../images/topMenu_bg_over2.png) right 50% no-repeat;
}
#mainmenu UL LI.active A{COLOR: #006dbb;}
#mainmenu UL LI A:hover {
	COLOR: #006dbb
}
#mainmenu UL LI.hover {
	BACKGROUND: url(../images/topMenu_bg_over2.png) repeat-x left 50%; 
	COLOR: #006dbb;
}
#mainmenu UL LI:hover {
	BACKGROUND: url(../images/topMenu_bg_over2.png) repeat-x left 50%; 
	COLOR: #006dbb;
}
#mainmenu UL LI.hover A {
	COLOR: #006dbb
}
#mainmenu .hover A {
	COLOR: #006dbb
}
#mainmenu .submenu LI {
	CLEAR: both
}
#menu_layer {
	Z-INDEX: 999; POSITION: absolute; MARGIN-TOP: 52px
}
#menu_layer #hovermenuTopLeft {
	BACKGROUND: url(../images/hovermenutopleft.gif) no-repeat left top; 
	MARGIN-RIGHT: 0px; 
	PADDING-TOP: 5px;
}
#menu_layer #hovermenuTopRight {
	PADDING-RIGHT: 5px; 
	BACKGROUND: url(../images/hovermenutopright.gif) no-repeat right top;
}
#menu_layer #hovermenuBottomLeft {
	PADDING-BOTTOM: 0px; 
	BACKGROUND: url(../images/hovermenubottomleft.gif) no-repeat left bottom; 
	PADDING-TOP: 0px;
}
#menu_layer #hovermenuBottomRight {
	PADDING-BOTTOM: 5px; 
	BACKGROUND: url(../images/hovermenubottomright.gif) no-repeat right bottom; 
	MARGIN-RIGHT: -5px; 
	PADDING-TOP: 0px
}
#menu_layer #menuWrapper {
	PADDING-BOTTOM: 0px; 
	BACKGROUND-COLOR: #F1F1F2; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	FLOAT: left; 
	CLEAR: both; 
	PADDING-TOP: 0px
}
#mainmenu .hiddenMenu {
	DISPLAY: none
}
#menu_layer #menuWrapper A {
	PADDING: 5px; 
	MARGIN: 0px; 
	DISPLAY: block; 
	COLOR: #333;
	font-size:1.1em;
	CLEAR: both;
}
#menu_layer #menuWrapper A:hover {
	BACKGROUND-COLOR: #336FB4; COLOR: #FFF
}

/*List Category*/
#menu_layer .listingcat {
	PADDING: 5px; 
	FLOAT: left; 
	LIST-STYLE-TYPE: none; 
	LIST-STYLE-IMAGE: none;
}
#menu_layer .listingcat LI{
	LIST-STYLE-TYPE: none; 
	LIST-STYLE-IMAGE: none; 
}
#menu_layer .listingcat LI  {
	border-bottom:1px solid #CCC;
}
#menu_layer .listingcat LI A {
	WIDTH: 150px;
	font-weight:bold;
}
#menu_layer .listingcat LI.active {
	border-bottom:1px solid #CCC;
	background:#336fb4;
	color:#FFF;
}
#menu_layer .listingcat LI.active A {
	color:#FFF;
}
#menu_layer #menuWrapper .listingcat LI.active A {color:#FFF;}
/*List products*/
#menu_layer .listingpro {
	PADDING: 5px; 
	FLOAT: left; 
	LIST-STYLE-TYPE: none; 
	LIST-STYLE-IMAGE: none;
	display:none;
	/*width:680px;*/
	border-left:1px solid #CCC;
}
#globalnav-vStick{
	margin-top:3px;
	font-size:10px;
	font-weight:normal;
	color:#666;
	line-height:130%;
}
#globalnav-vStick h3{
	font-size:1.1em;
	margin:0;
	padding:2px;
	color:#196DB6;
}

#menu_layer .listingpro LI .fvMid .vnText{
	margin-top:8px;
}
#menu_layer .listingpro LI .fvMid .vnText a{padding:0; margin:0;}
#menu_layer .listingpro LI .fvMid .vnText a span{
	color:#000;
	font-family:arial;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	display:block;
	background:url(../images/leftRightBG.gif) 0 0 no-repeat;
	padding:8px 5px;
}
#menu_layer .listingpro LI .fvMid .vnText a:hover{padding:0; margin:0;}
#menu_layer .listingpro LI .fvMid .vnText a:hover span{
	color:#FFF;
	background:url(../images/leftRightBG.gif) 0 -34px no-repeat;
	padding:8px 5px;
}
#menu_layer #menuWrapper .vnText a{padding:0; margin:0; background:#FFF;}
#menu_layer #menuWrapper .vnText a:hover{padding:0; margin:0; background:#FFF;}

/*Hover*/
#menu_layer .listingpro LI .fvMid .vnText-hover a{padding:0; margin:0;}
#menu_layer .listingpro LI .fvMid .vnText-hover a span{
	color:#FFF;
	font-family:arial;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	display:block;
	background:url(../images/leftRightBG.gif) 0 -34px no-repeat;
	padding:8px 5px;
}

#menu_layer .listingpro LI{margin:0 3px; padding:0; float:left; list-style:none; background:none; width:130px;}

#menu_layer .listingpro LI .fvMid{padding:4px; border:1px solid #F1F1F2;}
#menu_layer .listingpro LI .fvMid:hover{
	border:1px solid #E3E4E7; 
	background:#FFF;
}

#menu_layer .listingpro LI .fvMid a{background:none;}
#menu_layer .listingpro LI .fvMid a:hover{background:none;}

#menu_layer .listingpro LI .fvMid .vehicImg{
	padding:0; 
	margin:0; 
	clear:both; 
	width:120px; 
	height:79px; 
	text-align:center; 
	overflow:hidden; 
}
#menu_layer .listingpro LI .fvMid .vehicImg img{border:0;}

#menu_layer #menuWrapper .fvMid .vehicImg a{
	background:none;
}
/*Text list*/
#menu_layer .listing {
	PADDING: 5px; 
	FLOAT: left; 
	LIST-STYLE-TYPE: none; 
	LIST-STYLE-IMAGE: none; 
}
.footerlisting {
	PADDING: 5px; 
	FLOAT: left; 
	LIST-STYLE-TYPE: none; 
	LIST-STYLE-IMAGE: none; 
}
#menu_layer .listing LI .subtitle {
	MARGIN-BOTTOM: 10px !important; 
	FONT-SIZE: 14px; 
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: underline;
}
#menu_layer .listing LI .subtitle:hover {
	BACKGROUND-COLOR: transparent !important; COLOR: #f00 !important
}

#menu_layer .last {
	WIDTH: 100%; FLOAT: left; CLEAR: both;
}
* HTML #menu_layer .last {
	WIDTH: auto
}
#menu_layer .listing LI A {
	WIDTH: 150px
}
#menu_layer .submenu_box {
	LINE-HEIGHT: 15px; FLOAT: left;
	margin-bottom: 5px;
	/*background:#666;*/
}
#leftMenuCorner {
	POSITION: absolute; MARGIN-TOP: 46px; DISPLAY: none
}
#rightMenuCorner {
	POSITION: absolute; MARGIN-TOP: 46px; DISPLAY: none
}
#menuFooter {
	Z-INDEX: 999; POSITION: absolute; DISPLAY: none
}
#menuHeader {
	Z-INDEX: 999; POSITION: absolute; DISPLAY: none; TOP: 60px;
}
#menuFooter .leftCorner {
	WIDTH: 295px; 
	BACKGROUND: url(../images/hovermenubottomleft.gif); 
	FLOAT: left; 
	FONT-SIZE: 4px
}
#menuFooter .rightCorner {
	WIDTH: 5px; 
	BACKGROUND: url(../images/hovermenubottomright.gif); 
	FLOAT: left; 
	FONT-SIZE: 4px
}
#menuHeader .leftCorner {
	WIDTH: 295px; BACKGROUND: url(../images/hovermenutopleft.gif); 
	FLOAT: left; 
	FONT-SIZE: 4px
}
#menuHeader .rightCorner {
	WIDTH: 5px; 
	BACKGROUND: url(../images/hovermenutopright.gif); FLOAT: left; 
	FONT-SIZE: 4px
}
#menu_layer .show-all {
	BACKGROUND-COLOR: #3f403f; PADDING-LEFT: 5px; 
	COLOR: #ffffff; CLEAR: left; 
	BORDER-TOP: #646262 1px solid
}