@charset "utf-8";
/* CSS Document */


BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	height: 0px;
	background-image: url(../images/bg/images/new-DesignMain-Menu-3_14.jpg);
	background-repeat: repeat;
	position: relative;
	clear: both;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
TD {
	FONT-SIZE: 12px;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Verdana;
	COLOR: #FFF;
	padding-bottom: 10px;
}
IMG {
	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 0px;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px
}
A {
	COLOR: #FF5E5E;
	TEXT-DECORATION: NONE;
	BORDER:THIN;
}
A:VISITED {
	TEXT-DECORATION: NONE;
	COLOR: #FF5E5E;
	BORDER:NONE;
}
A:HOVER {
	TEXT-DECORATION: UNDERLINE;
	COLOR: #FF5E5E;
	BORDER:NONE;
}
A:ACTIVE {
	TEXT-DECORATION: NONE;
		COLOR: #FF5E5E;
	BORDER:NONE;
}

.style1 {
	font-size: 11px;
	font-weight: bold;
	color: #3C0;
}
H1 {
	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	FONT-SIZE: 100%;
	VERTICAL-ALIGN: baseline;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
H1{
	font-size: 18px;
	font-weight: bold;
	color: #ffff00;
	padding-top: 0px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

H2 {
	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	FONT-SIZE: 100%;
	VERTICAL-ALIGN: baseline;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	PADDING-TOP: 0px
}
H2{
	font-size: 13px;
	font-weight: bold;
	color: #ffff00;
	padding-top: 0px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
H3 {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	FONT-SIZE: 100%;
	VERTICAL-ALIGN: baseline;
	PADDING-TOP: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
}
H4 {
	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	FONT-SIZE: 100%;
	VERTICAL-ALIGN: baseline;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	PADDING-TOP: 0px
}
H5 {
	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	FONT-SIZE: 100%;
	VERTICAL-ALIGN: baseline;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	PADDING-TOP: 0px
}
H6 {
	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	FONT-SIZE: 100%;
	VERTICAL-ALIGN: baseline;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	PADDING-TOP: 0px
}

/*UL {
	BORDER-BOTTOM: 0px; 
	BORDER-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	FONT-SIZE: 100%; 
	VERTICAL-ALIGN: baseline; 
	BORDER-TOP: 0px; 
	BORDER-RIGHT: 0px; 
	PADDING-TOP: 0px
}
UL {
	LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none
}
*/
OL {
	BORDER-BOTTOM: 0px;
	MARGIN: 0px;
	FONT-SIZE: 100%;
	VERTICAL-ALIGN: baseline;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	PADDING-TOP: 0px
}

/* containner --------------------------------------------*/
/* containner --------------------------------------------*/
/* containner --------------------------------------------*/

#navigater_containner {
	width: 100%;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 85px;
	position: relative;
	z-index: 100;
}
#navigater {
	width: 1110px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 100px;
	position: relative;
}
/* banner--------------------------------------------*/
/* banner--------------------------------------------*/
/* banner--------------------------------------------*/

#banner_bg_loop {
	background-image: url(../images/banner_index_bg.jpg);
	background-repeat: repeat-x;
	height: 565px;
	width: 100%;
	MARGIN: 0px auto; 
}
#banner_bg {
	background-image: url(../images/banner_index-bg2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 565px;
	width: 100%;
	MARGIN: 0px auto;
}
#banner_containner {
	hight:565px;
	MARGIN: 0px auto;
	background-color: #FFF;
	position: relative;
	z-index: 1;
}
#banner_containner_index {
	hight:565px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: 0px;
	
}
#banner_containner #banner {
	width: 1110px;
	hight: 565px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 0;
}
/* menu--------------------------------------------*/
/* bmenu--------------------------------------------*/


/* submenu--------------------------------------------*/
/* submenu--------------------------------------------*/
/* submenu--------------------------------------------*/
#submenu_containner {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	clear: both;
	height: 50px;
	text-align: left;
	background-image: url(../images/bg/bg_submenu2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#submenu {
	width: 1110px;
	margin:0px auto;
	height: auto;
	clear:both;
	position: relative;
}
#submenu_content {
	float:left;
}
#submenu_content_last {
	float:right;
}

/* index page --------------------------------------------*/
#index_containner{
}
#index{
	height:auto;
	width: 1110px;
	
}
#index #content_row{
	width: 100%;
	height: auto;
	
}
#index #content_row head_image{
	width: 100%;
	height: auto;
	
}
#index #content_row #content{
	width: 255px;
	float: left;
}
#index #content_row #content{
	width: 255px;
	float: left;
}

#index #links{
	width: 255px;
	float: left;
	word-wrap: break-word;
	
}

#index #links A {
	COLOR: #ffffff;
	TEXT-DECORATION: NONE;
	BORDER:THIN;
}
#index  A:VISITED {
	TEXT-DECORATION: NONE;
	COLOR: #FF5E5E;
	BORDER:NONE;
}
 #index #links A:HOVER {
	TEXT-DECORATION: UNDERLINE;
	COLOR: #FF5E5E;
	BORDER:NONE;
}

#index #links A:ACTIVE {
	TEXT-DECORATION: NONE;
		COLOR: #FF5E5E;
	BORDER:NONE;
}


#index #head_text{
	padding-top: 10px;
	padding-bottom: 10px;
}
#index #content_row #blank{
	width: 15px;
	float: left;
	
	
}

#index h1{
	font-size: 23px;
	color: #ffff00;
	padding-bottom: 20px;
	padding-top: 15px;
	clear: both;
	font-weight: bold;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}
#content_containner #cotent #index img{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}
#index_containner h2{
}
td img{
		margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}

/* cotent--------------------------------------------*/
/* cotent--------------------------------------------*/
/* cotent--------------------------------------------*/


#content_containner {
	width: 100%;
	height: auto;
	padding-top: 26px;
	padding-bottom: 10px;
	position: relative;
	clear: both;
}
#content_containner  img {
	
	padding: 4px;
	border: 1px solid #5F6065;
	margin-right: 14px;
	
	margin-top: 7px;
	margin-bottom: 7px;
	height:auto;
}
  #content_containner  a:hover img {
	border: 1px solid #eed4d6;
	
}
  #content_containner  a, .image  a:visited {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}
  #content_containner   a:hover {
	text-decoration: underline;
	list-style-type: square;
}

#cotent {
	width: 1110px;
	height: auto;
	clear:both;
	float: none;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
}
/* navigator to choose type of canopy --------------------------------------------*/
/* navigator to choose type of canopy --------------------------------------------*/
/* navigator to choose type of canopy --------------------------------------------*/
#navigator_canopy_type{
	height: auto;
	width: auto;
	clear: both;
	padding-bottom: 10px;
}

#navigator_canopy_type #content{
	float: none;
	height: auto;
	width: auto;
	clear: both;
	position: relative;
	padding-bottom: 10px;
	
}
#navigator_canopy_type #content #content_inside{
	float: left;
	height: auto;
	width: auto;
	clear: none;
	padding-right: 11px;
}
#navigator_canopy_type  .bg_line{
	background-color: #C6C6C6;
	height: auto;
	width: 1px;	
}
#navigator_canopy_type h2{
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffff00;
	padding-top: 0px;
	padding-bottom: 10px;
}
#navigator_canopy_type h3{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: c5c5c5;
}
#navigator_canopy_type img{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}
#navigator_canopy_type  a:hover img {
		margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	
}
#navigator_canopy_type  a, .image  a:visited {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}


/* cotent left--------------------------------------------*/
#cotent #cotent_left {
	width:440px;
	float:left;
}
#cotent #cotent_left h4 {
	font-size: 13px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: normal;
	clear: both;
}

#cotent #cotent_left h6 {
	font-family:  sans-serif, serif;
	font-size: 17px;
	color: #ffff00;
	font-weight: bold;	/*text-shadow: 3px 3px 1px #403d40;  */
	padding-top: 0px;
	padding-left: 0px;
		
}
#cotent #cotent_left h2 {
	font-family:  sans-serif, serif;
	font-size: 17px;
	color: #afb2bc;
	/*text-shadow: 3px 3px 1px #403d40;  */
		text-shadow: 0 0 0.2em #403d40, 0 0 0.2em #403d40, 0 0 0.2em #87F border-radius: 20px -moz-border-radius:20px font-smooth: always;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px; 
}
#cotent #cotent_left h3 {
	font-size: 13px;
	color: #FFF;
	/*text-shadow: 3px 3px 1px #403d40;  */
		
	padding-left: 58px;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 10px;
}


/*#cotent #cotent_left  img {
	
	padding: 4px;
	border: 1px solid #5F6065;
	margin-right: 14px;
	
	margin-top: 7px;
	margin-bottom: 7px;
}
#cotent #cotent_left  a:hover img {
	border: 1px solid #eed4d6;
	
}
 #cotent #cotent_left  a, .image  a:visited {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}
#cotent #cotent_left  a:hover {
	text-decoration: underline;
}

#cotent #content_right  img {
	
	padding: 4px;
	border: 1px solid #5F6065;
	margin-right: 14px;
	
	margin-top: 7px;
	margin-bottom: 7px;
}
 #cotent #content_right  a:hover img {
	border: 1px solid #eed4d6;
	padding-top: 0px;
	padding-bottom: 10px;
	
}
#cotent #content_right a, .image  a:visited {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}
#cotent #content_right  a:hover {
	text-decoration: underline;
}
*/


#cotent_left blank_left_right {
	width:12px;
	height:auto;
}
#cotent_left blank_top_bottom {
	height:12px;
	width:auto;
}
#cotent_left #gallery{
	padding-bottom: 4px;
}

#cotent_left #client_list{
	padding-bottom: 4px;
	vertical-align: top;
	margin-top: 0px;
	padding-top: 0px;
	display: table-row;
	
}
#cotent_left #client_list h2{
	font-size: 13px;
	color: #FFF;
	padding-bottom: 0px;
	padding-top: 4px;
	font-family: sans-serif;
}
#cotent_left #client_list #logo{
	padding-bottom: 4px;
	float:left;
	width : 110px;
	padding-top: 7px;
	
}
#cotent_left #client_list #gallery{
	padding-bottom: 4px;
	float:left;
	
	
}
#cotent_left #client_list .img_original{
	margin: 0px;
	padding-right: 10px;
	padding-top :0px;
	padding-bottom:0px;
	padding-left:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
/* cotent right--------------------------------------------*/

#cotent_right {
	width:650px;
	float:right;
}
#cotent_right h2 {
	font-size: 18px;
	color: #ffff00;
	padding-bottom: 10px;
	padding-top: 15px;
	clear: both;
	font-weight: bold;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}
/* intro --------------------------------------------*/

#cotent_right #content_intro {
	width :auto;
	float: none;
	padding-top: 0px;
}
#cotent_right #content_intro #series {
	width :auto;
	float: left;
	padding-top: 0px;
}
#content_intro #feature_sound {
	width :134;
	height:26px;
	TOP: 0px;
	RIGHT: 1px;
	float: right;
	text-align: right;
	margin: 0px;
	position: relative;
	padding-top: 30px;
}
#cotent_right #content_intro img  {
	border: 0px;
}
#cotent_right #content_intro h2 {
	font-size: 14px;
	color: #e5e5e5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#cotent_right #content_intro #gallery {
	width :100%;
}

#cotent_right #content_intro #gallery .img_last {
	padding-bottom :5px;
	border: 1px solid #5F6065;
	padding: 2px;
}
#content_intro .cotent_right blank_left_right {
	width:12px;
	height:auto;
}
#content_intro .cotent_right blank_top_bottom {
	height:12px;
	width:auto;
}
#cotent_right UL {
	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 2px;
	PADDING-BOTTOM: 16px;
	MARGIN: 0px;
	PADDING-LEFT: 17px;
	PADDING-RIGHT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	FONT-SIZE: 100%;
	VERTICAL-ALIGN: baseline;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	PADDING-TOP: 0px;
	list-style-type: disc;
}
#cotent_right LI {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.flash {
	height :31px;
	padding-bottom: 15px;
	float: none;
}
/* exterior_interior --------------------------------------------*/

#exterior_interior {
	width :100%;
	height: auto;
}
#exterior_interior h2 {
	padding-top: 15px;
	padding-bottom: 35px;
}
#exterior_interior #content {
	width: 100%;
	height: auto;
	position: static;
}
#exterior_interior #content_inside, #content_inside_last {
	float: left;
	padding-bottom: 15px;
	width: 147px;
	height: 120px;
}
#exterior_interior #content_inside {
	padding-right: 15px;
	height: 120px;
	z-index: 1;
}
#exterior_interior #content_inside2 {
	padding-right: 9px;
	height: 120px;
	float: right;
	z-index: 1;
	top: -132px;
	position: absolute;

	right: 4
.px;
	clear: both;
	width: 151px;
	right: 4px;
}
#exterior_interior #content_inside2 #descripttion {
	font-size:11px;
	float: left;
	padding-right: 11px;
	padding-bottom: 5px;
	width: 139px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 3px;
	font-weight: bold;
	height: 12px;
	text-align: left;
	vertical-align: middle;
}
#exterior_interior  #descripttion {
	font-size:11px ;
	float: left;
	padding-right: 12px;
	padding-bottom: 5px;
	width: 139px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 3px;
	font-weight: bold;
	height: 12px;
	text-align: left;
	vertical-align: middle;
}
#exterior_interior #content_inside_last #descripttion {
	float: left;
	font-size:11px ;
	padding-right: 12px;
	padding-bottom: 5px;
	width: 139px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 3px;
	font-weight: bold;
}
/*#exterior_interior #content img {
	border: 1px solid #5F6065;
	margin-bottom: 0px;
	padding: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}*/

/**/
#exterior_interior  img {
	border: 1px solid #5F6065;
		padding: 2px;
    margin-bottom: 0px;
	padding: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#exterior_interior a:hover img {
	border: 1px solid #eed4d6;
	
}
#exterior_interior a, .image  a:visited {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}
#exterior_interior  a:hover {
	text-decoration: underline;
}
/**/
#exterior_interior UL {
	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	FONT-SIZE: 100%;
	VERTICAL-ALIGN: baseline;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#exterior_interior UL {
	LIST-STYLE-TYPE: square;
	LIST-STYLE-IMAGE: none
}
/* more detail --------------------------------------------*/

#moredetail {
	width: 100%;
	height: auto;
	float: none;
	position: relative;
	font-size: 13px;
}
#moredetail H2{
	font-size: 13px;
	color: #d6d6d6;
	/*background-image: url(../holden/COLORADO/so_exterior/holden_exterior_interior_section_118.jpg);*/
	background-repeat: no-repeat;
	background-position: 152px 15px;
	height: 25px;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	clear: both;
	
	color: #ffff00;
}
#moredetail #content {
	width: 100%;
	height: auto;
	float: left;
}
#moredetail #content_inside {
	float: left;
	padding-right: 8px;
	margin-top: 0px;
	border-left: 0;
	padding-left: 0px;
	padding-bottom: 12px;
	width: 149px;
}
#moredetail #content_inside_last {
	float: left;
	margin-top: 0px;
	border-left: 0;
	padding-left: 0px;
	padding-bottom: 12px;
	width: 120px;
}
#moredetail img {
	border: 1px solid #5F6065;
	margin-bottom: 0px;
	padding: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#moredetail .blank_left_right {
	width:12px;
	height:auto;
}
#moredetail .blank_top_bottom {
	height:12px;
	width:auto;
}
/*  Accessories */
.acc_blank_height {
	float: left;
	height: 20px;
	width: 20px;
}
.acc_blank_whidth{clear:both;
	height: 20px;
	width: 20px;}
#accessories {
	clear:none;
	height: auto;
	width: 536px;
	background-image: url(../images/accessories/accessories_bg_lbox.jpg);
	background-repeat: repeat-y;
	float: left;
	font-size: 11px;
}
#accessories #blank {

	height: 169px;;
	width: 10px;
	float:left;
}
#accessories #graphic-acc{
	background-image: url(../images/accessories/accessories_bg_line.jpg);
	background-repeat: repeat-x;
	clear: both;
	height: 6px;
	width: 100%;
}
#aceessories img{

	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 0px;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px

}
#accessories .detail1{
	text-transform: none;
}
#accessories #box{
	float:none;
	height: 22px;
	width: 536px;
	background-image: url(../images/accessories/accessories_bg_head.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-size: 11px;
	text-transform: uppercase;
	text-indent: 0;
	font-weight: bold;
}
#accessories #content-acc{
	float:left;
	height: 136px;
	width: 225px;
	padding-left: 5px;

}
#accessories #content-acc2{
	float:left;
	height: auto;
	width: 120px;
	padding-top: 7px;

}
#accessories #content-acc3{
	float:left;
	height: auto;
	width: 180px;
	clear: right;
	padding-top: 7px;

}
#accessories #content-acc3 H4{
	color:#F60;
	

}
#accessories #box #content #title_box{
	background-image: url(../images/accessproes_box_bg_head1.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 119px;
	text-transform: uppercase;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 4px;
	font-size: 12px;
}
#accessories #box #content #title_box2{
	background-image: url(../images/accessproes_box_bg_head2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 117px;
	text-transform: uppercase;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 4px;
	font-size: 12px;
	text-align: left;
}

#accessories #pic {
	width:198px;
	height:110px;
	float:left;	
	padding-right:10px;
	
}
#accessories  #box #content {
	width:138px;
	height:110px;
	float:left;
	padding-top: 7px;
	padding-right: 0px;
	padding-left: 7px;
	font-size: 11px;
	
}
#accessories #detail {
	clear:both;
	width:95%;
	height:auto;
	font-size: 11px;
	color: #CCC;
	padding-top: 20px;
	position: relative;
	font-weight: normal;
	text-transform: none;
	
	
}


/* coperate , local dealer fleet page */
#content_containner #coperate_local_dealer_fleet_container {
	height: auto;
	width: 1110px;
	margin:0px auto;
	position: relative;
}
#coperate_local_dealer_fleet_container #cotent_left {
	width:245px;
	height:auto;
	float:left;
}
#coperate_local_dealer_fleet_container #cotent_left  h1 {
	font-size: 13px;
	color: #ebebeb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #574F55;
	padding-bottom: 2px;
}
#coperate_local_dealer_fleet_container #cotent_left #content_containner{
	padding-bottom: 10px;	
}
#coperate_local_dealer_fleet_container #cotent_left  .curvetop {
	background-image: url(../images/left_menu/CONTACT_DESIGN_EDIT_COMMENT_03.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	height: 10px;
}

#coperate_local_dealer_fleet_container #cotent_left  .curvebottom {
	background-image: url(../images/left_menu/CONTACT_DESIGN_EDIT_COMMENT_06.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	height: 10px;
	padding-bottom: 20px;
	}

#coperate_local_dealer_fleet_container #cotent_left  ul {
	margin:0;
	list-style:none;
	width:183px;
	background-color: #302b2f;
	background-image: url(../images/left_menu/CONTACT_DESIGN_EDIT_COMMENT_10.gif);
	background-repeat: repeat-y;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#coperate_local_dealer_fleet_container #cotent_left  li {
	border-bottom:1px #000000 dashed;
	text-transform: uppercase;
	height: 20px;
	text-align: left;
	vertical-align: text-top;
	margin: 0px;
	font-size: 11px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}




#coperate_local_dealer_fleet_container #content_right {
	width:855px;
	height:auto;
	float:right;
}

#coperate_local_dealer_fleet_container #content_right img {
	border: 1px solid #5F6065;
	margin-bottom: 7px;
	padding: 4px;
	margin-top: 7px;
	margin-right: 7px;
	margin-left: 0px;
}


#coperate_local_dealer_fleet_container #content_right #content_inside{
    width :420px;
	height:auto;
	float:left;
	padding-bottom: 20px;
	padding-right: 20px;
	word-wrap: break-word;
}
#coperate_local_dealer_fleet_container #content_right #content_inside2{
    width :360px;
	height:auto;
	float:left;
	padding-bottom: 20px;
	padding-right: 20px;
	word-wrap: break-word;
}
#coperate_local_dealer_fleet_container #content_right #content_inside_right{

	height:auto;
	float:right;
	padding-bottom: 20px;
	
	word-wrap: break-word;
}

 #coperate_local_dealer_fleet_container #content_right .img_box{
	width:auto;
	height:auto;
	float:left
}
 #coperate_local_dealer_fleet_container #content_right img{
	border:0;
	margin: 0px;
	padding: 0px;
}
#coperate_local_dealer_fleet_container #cotent_left  img{
	border:0;
}
/* fleet page */
/* fleet page */
/* fleet page */

#content_containner #fleet{
	width: 1110px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	position: relative;
	clear: both;
}
#content_containner #content{
	width: 100%;
	height:auto;
	float:left;
	clear:both;
	position: relative;
	top: 0px;
	
}


#content_containner #fleet  #cotent_left{
	width: 220px;
	height: auto;
	padding-right: 0px;
	float:left;
	padding-bottom:10px;
	padding-top:0px;
}
#content_containner #fleet  #cotent_left h3{
	font-size: 14px;
	color: #FF0;
	text-transform: uppercase;
}
#content_containner #fleet #content_middle{
	width: 610px;
	height: auto;
	float: left;
	padding-right: 10px;
	padding-left: 20px;
	
}
#content_containner #fleet #content_middle #client_list{
	width: 100%;
	height: auto;
	float: left;
	
}
#content_containner #fleet #content_middle #client_list #gallery{
	width: auto;
	height: auto;
	float: left;
	
}
#content_containner #fleet #content_middle #client_list #logo{
	width: auto;
	height: auto;
	float: left;
	padding-top: 7px;
	padding-right: 14px;
	
}

#content_containner #fleet #content_middle #client_list  .img_original{
	margin: 0px;
	padding-right: 0px;
	padding-top :0px;
	padding-bottom:0px;
	padding-left:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
#content_containner #fleet  #content_right{
	width: 220px;
	height: auto;
	float:right;
	padding-bottom:10px;
	padding-top:0px;
	overflow: visible;
	
}

#content_containner #fleet h1 {
	font-size: 18px;
	text-transform: uppercase;
	color: #FF0;
	}
#content_containner #fleet h2{
	font-size: 14px;
	text-transform: uppercase;
	color: #FF0;
	padding-bottom:10px;
}
#content_containner #fleet h3{
	font-size: 14px;
	text-transform: uppercase;
	color: #FF0;
}
/* end fleet page */

/* cargobody page */
.cargo_bg{
	background-color: #a3a4a4;
	background-image: url(../images/cargo_body/bg-cargo_.jpg);
	background-repeat: repeat-x;
}
#content_containner h1 {
	color: #FF0;
	font-size: 24px;

}
#cargo_containner {
	width: 100%;
	height: auto;
	padding-bottom: 10px;
	position: relative;
	clear: both;
	overflow: hidden;
}
#content_containner #cargo_body{
	width: 1110px;
	padding: 0px;
	MARGIN: 0px auto;
	height: 1050px;
	position: relative;
	clear: both;
	background-image: url(../images/cargo_body/bg.jpg);
	background-repeat: repeat;
	background-color: #C2C2C2;
	overflow: visible;
	color: #000;
}
#content_containner #cargo_body #graphic{
	background-image: url(../images/cargo_body/cargobox3_22.jpg);
	background-repeat: repeat-x;
	clear: both;
	height: 30px;
	width: 100%;
	
	


}
#content_containner #cargo_body .img_original{

	margin: 0px;
	padding : 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	


}


#content_containner #cargo_body #blank{
	width: 30px;
	float:left;
	height: 10px;
}
#content_containner #cargo_body #blank2{
	width: 15px;
	float:left;
	height: 10px;
}
#content_containner #cargo_body #blank3{
	height: 10px;
	clear:both;
	background-color: #acacad;
	
}

#content_containner #cargo_body #blank_pic{
	width: 5px;
	float:left;
}



#content_containner #submenu{
	width: 100%;
	height: 57px;
	clear: both;
	background-image: url(../images/cargo_body/cargobox3_08.jpg);
	background-repeat: repeat-x;
	top: 0px;
	padding-bottom: 0px;
	
}
#content_containner #submenu img{
border:0;
	margin: 0px;
	padding: 0px;
}

#content_containner #submenu #box{
	width  : 85px;
	height : 57px;
	clear  : none;
	float: left;
}
#content_containner #submenu #box-right{
	width  : 214px;
	height : 57px;
	clear  : none;
	float: right;
}
#content_containner #cargo_body #content{
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	position: relative;
	clear: both;
	vertical-align: middle;
	
}
#content_containner #cargo_body #content #box{
	width: auto;
	float:left;

	
}
#content_containner #cargo_body #content #box2{
	width: 330px;
	float:left
	
}
#content_containner #cargo_body #content #box3{
	width: auto;
	float:left
	
}
#content_containner #cargo_body #content #box3{
	width: auto;
	float:left
	
}
/* footer --------------------------------------------*/
/* footer --------------------------------------------*/
/* footer --------------------------------------------*/
#footer_containner {
	width: 1110px;
	clear:none;
	background-color: #302B2F;
	background-image: url(../images/bg/images/bg_10.jpg);
	background-repeat: repeat-x;
	height:330px;
	position: relative;
	MARGIN: 0px auto;
	
}
#footer_containner_out {
	width: 100%;
	clear:both;
	background-color: #302B2F;
	background-image: url(../images/bg/images/bg_10.jpg);
	background-repeat: repeat-x;
	height:330px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer_containner H2 {
	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	VERTICAL-ALIGN: baseline;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	PADDING-TOP: 0px
	font-size: 16px;
	font-weight: bold;
	color: #ffff00;
	padding-top: 40px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

#footer_sitemap {
	width: 1110px;
	font-size: 11px;
	height: 800;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
	position: relative;
	
}
#footer {
	width: 900px;
	text-align:left;
	font-size: 11px;
	height: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
	float: left;
	margin: 0px;
}

#footer blank_left_right {
	width:12px;
	height:auto;
}
#footer blank_top_bottom {
	height:12px;
	width:auto;
}
#footer img{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}
.footer_visa_mastercard{
	padding-top: 0px;
	float: right;
}
.align_right{
	float:right;
	text-align: right;
	width: auto;
	padding-right: 11px;
}
DIV#footer_inner_1 {
	POSITION: relative; TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 1110px; FONT-SIZE: 14px
}
DIV.footer_box {
	PADDING-RIGHT: 26px;
	FLOAT: left;
	PADDING-TOP: 42px
}
DIV.footer_links{
	clear:both;
	position:relative;
}
DIV.footer_box UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 10px
}
DIV.footer_box UL LI {
	PADDING-BOTTOM: 4px
}
DIV#pencil {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 101px; BACKGROUND: url(../Creator_files/pencil.gif) no-repeat left top; HEIGHT: 217px; TOP: -41px; RIGHT: 1px
}
.unactive{
	color:#999;
}
/* class --------------------------------------------*/
/* class --------------------------------------------*/
/* class --------------------------------------------*/

.clear-all {
	clear:both;
	height: 0px;
}
.blank {
	height:20 px;
 width :100%  clear:both;
}
#gotoToppage {
	background-image: url(../images/graphic_line.jpg);
	background-repeat: repeat-x;
	background-position: center 21px;
	clear: both;
	height: 50px;
	width: 100%;
	text-align: right;
	padding-top: 10px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#gotoToppage img  {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}

 #gotoToppage  a:hover img {
	border: 0px ;
	
}
  #gotoToppage  a, .image  a:visited {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}

/* banner หลักในแต่ละ รุ่น */
.holden_ve_ute_background {
	background-image: url(../banner_background/holden_ve_ute2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}
.holden_vu_vy_background {
	background-image: url(../banner_background/holden_vu_vy.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}
.holden_crewman {
	background-image: url(../banner_background/holden_crewman.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}
.holden_rodeo {
	background-image: url(../banner_background/holden_redo1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}
/**/
.ford_fa_ba_falcon_background {
	background-image: url(../banner_background/ford_FG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}
.ford_ranger_background {
	background-image: url(../banner_background/ford_ranger.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}
/*  */ 
.ford_mitsubishi_background {
	background-image: url(../banner_background/MITSUBISHI-.jpg);
	
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}
.mitsubishi_triton_background {
	background-position: center top;
	height: 327px;
	background-repeat: no-repeat;
	background-image: url(../banner_background/MITSUBISHI_SO_Mitsu2010.jpg);
}
.totora_background {
	background-image: url(../banner_background/ford_toyota-front.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}
.nissan_background {
	background-image: url(../banner_background/nisson_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}
.nissand22_background {
	background-image: url(../banner_background/nisson_d22_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}



/*  */ 
.mazda_bt-50_cfd-s560 {
	background-image: url(../banner_background/MAZDA_BT-50_CFD-S560---.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}
.isuzu_banner{
	background-image: url(../banner_background/isuzu_1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}
.ssangyong_banner{
	background-image: url(../banner_background/ssangyong.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}
/* */
.great_wall_banner{
	background-image: url(../banner_background/great_wall.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}

.fleet_banner{
	background-image: url(../images/fleet/banner_fleet.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}
.cargo_body_banner{
	background-image: url(../images/cargo_body/banner_cargo_body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 327px;
}
/*  */ 
.index_bg_head {
	background-image: url(../images/index_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 565px;
}
.index_bg_head2 {
	background-image: url(../banner_background/index/index_page.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 565px;
}
.index_bg_head3 {
	background-image: url(../banner_background/index/index_page2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 565px;
}
.banner_corporate{
	background-image: url(../images/coperate/banner_coperate.jpg);
	background-repeat: repeat;
	background-position: center;
	height: 246px;
}
#graphic {
	background-image: url(../images/graphic_line2.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	height: 40px;
	width: auto;
	font-size: 9px;
	text-align: left;
	display: block;
	float: none;
	clear: both;
	padding: 0px;
}
#graphic_2 {
	background-image: url(../images/graphic_line2.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	height:15px;
	width: auto;
	font-size: 9px;
	text-align: left;
	display: block;
	float: none;
	
	padding: 0px;
}
.white_link {
	color: #FFFFFF;
	text-decoration: none;
}
#content_index{
}
#content_index img{
	border: 4px solid #CCC;
}

#rotator {
  background: url(../banner_background/rotator.php) no-repeat center top;  
  height: 327px;
}

#rotator_index {
	height: 565px;
	background-image: url(../banner_background/index/rotator.php);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFF;
}
#rotator_colorado{
background: url(../banner_background/colorado/rotator.php) no-repeat center top;  
  height: 327px;
}

.canopy_left_colum {
	width:400px;
	margin-right: 8px;
	margin-left: 7px;
	margin-bottom: 4px;
}
.remark_font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9FA0A8;
}
.coming_soon{
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #999;
	float: right;
	padding-right: 7px;
}
.inactive {
	color: #aaa;
}

.width360 {
	height: auto;
	width: 360px;
}
.width400 {
	height: auto;
	width: 400px;
}
.width460 {
	height: auto;
	width: 460px;
}
.widthauto {
	height: auto;
	width: auto;
	float:left;
}

.width160 {
	height: auto;
	width: 160px;
}
#img_border_none {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.float_right{
	float:right;
}
.display_hidden {
	visibility: hidden;
}
.state_show {
	text-align: center;
	padding-top: 15px;
}
.cantact_banner {
	background-image: url(../images/contact/banner/banner_contact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 246px;
}


/*---------img link  border over change color ------------*/


/*
.image img {
	border: 1px solid #5F6065;
	margin-bottom: 7px;
	padding: 4px;
	margin-top: 7px;
	margin-right: 14px;
	margin-left: 0px;
}
.image a:hover img {
	border: 1px solid #aa0000;
	background: #aa0000;
}
/*.image a, .image  a:visited {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}
.image a:hover {
	text-decoration: underline;
	
}
*/
.image img {
	
	padding: 5px;
	border: 1px solid #D9D9D9;
}
.image a:hover img {
	border: 1px solid #ff0000;
	background: #fff;
}
.image a, .image  a:visited {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}
.image a:hover {
	text-decoration: underline;
}
.slogan_aboutus_page{
	font-size: 17px;
	color: #FF0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #574F55;
	padding-bottom: 2px;
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
	text-align: right;
}
.z-index-top{
	z-index:0;

}
.width100percent{
	width:100%;
}

 
div.hr {
	height: 10px;
	background-attachment: scroll;
	background-image: url(../images/footer/footer_line.jpg);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #302B2F;
	width: 1100px;
}

 .font11 {
	font-size:11px
}
.style {
	color: #111;
}
.style-2 {
	color: #F93E3E;
}
.black {
	color: #000;
}

#worldwide {
	width:1100px;
	background-image: url(../images/bg_carryboyWorldWide.jpg);
	height: 23px;
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-left: 10px;
}
#worldwide #content1 {
	width:228px;
	float:left;
}
#worldwide #content2 {
	width:508px;
	float:left;
}

.padding-right {

	padding-right:0px;
}
.padding_zero{
	padding:0px;
	margin: 0px;
}
#corporate_gallery{
}
.color_yellow{
	color:#FF0;
}


/*   tab   */


:focus {
  -moz-outline-style:none;
}


/* root element for tabs  */

 #tab ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
#tab ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
#tab ul.tabs a { 
	background: url(images/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

#tab ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
#tab ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
#tab ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
#tab ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
#tab ul.tabs a.s:hover 	{ background-position: -553px -31px; }
#tab ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
#tab ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
#tabul .tabs a.l:hover 	{ background-position: -248px -31px; }
#tabul .tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
#tabul .tabs a.xl 			{ background-position: 0 -0px; width:248px; }
#tabul .tabs a.xl:hover 	{ background-position: 0 -31px; }
#tabul .tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
#tab .panes .pane {
	display:none;		
}
