/*
Theme Name: Hyosung V2
Theme URI: http://hyosung.com.au/
Description: The new Hyosung theme.
Version: 2.0
Author: Cartel
Author URI: http://cartelmedia.com.au/
Tags: hyosung

	Beautiful. 

*/

body { 
	
	margin: 0;
	padding: 30px 0 0;
	color: #BCBCBC;
	font: normal normal normal 75%/normal Verdana, Helvetica, sans-serif;
	
}

a, a:visited {
	color: #000000;
	text-decoration: none;
}
a:active, a:hover { 
	color: #000000;
	text-decoration: underline;
}


a.linkback { 
	background: url(images/elements/linkback.gif) no-repeat left;
	color: rgb(151, 209, 234);
	padding: 2px 0px 2px 25px;
}

a.linkmore { 
	background: url(images/elements/linkmore.gif) no-repeat right;
	color: rgb(151, 209, 234);
	padding: 2px 25px 2px 0px;
}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;

	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */




#page {
	margin: 0px auto;
	
}







/* 
	for both of these sections i've used modified versions of the original graphics, 
	I should remake the graphics, then the adjustments would make more sense
*/
a img {
	border: 0;	
}
#sidebar ul#nav a:hover { 
	color: #DDD; 
}
#sidebar ul#nav li.current_page_item { 
	
}
#sidebar ul#nav li.current_page_item a { 
	color: #DDD;
	text-transform:uppercase;
}
#sidebar img { 
	margin-left: -5px; 
}

.navigation { 
	clear: both; 
	margin: 5px; 
	padding: 5px; 
}

.navigation a { 
	text-decoration: none; 
	padding: 5px; 
	margin: 5px; 
}


.navigation a:hover { 
	text-decoration: none;  
	background: #09C;
	color: #FFF; 
}

#content { 
	color: #BBB;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
	width: 650px;
}

.post { 
	
	color: rgb(153, 153, 153);
	padding: 5px;
	background-repeat: repeat-x;
	background-attachment: initial;
	background-position-y: 0;
	clear: left;
}
.category-accessories { 
	border-bottom: none; 
}

.post img { 
	border: none; 
}

.post small { 
	text-align: right;
	width: 150px; 
	float: right;
}









#sidebar div { 
	padding: 5px 20px 10px 20px;
}
#sidebar div select { 
	border: 1px solid rgb(206, 206, 206);
	color: rgb(102, 102, 102);
	font-size: 1em;
	margin-bottom: 20px;
	margin-top: 2px;
	padding: 2px;
	vertical-align: middle;
}

#sidebar div h5 { 	
	text-transform: uppercase;
	font-size: 12px; 
}

.dealerlist {
	clear: both; 	
}

div.dealerlist ul { 
	
	float: right;
	margin-top: -10px;
	width: 300px;
	font-size: 14px;
	color: #666;
}	

div.dealerlist ul li p strong{
	
	color: black;
	
}
	

div.dealerlist ul li a {
	
	color: #666;
	text-decoration:none;
	
}

div.dealerlist li { 
	background: url(images/elements/border-line.gif) repeat-x;
	background-position-y: 100%;
	list-style: none;
	padding: 10px 0px 5px;
	display: block;
}
.clearboth {
	clear: both; 	
}

.contact label {
float: left;
font-weight: bold;
padding-bottom: 5px;
width: 220px;
}

.contact p {
	background: url(images/elements/border-line.gif) repeat-x;
	clear: left;
	padding: 10px 0 0 0;
	margin: 2px; 
}

/* 

ul { 
	padding-left: 5px;
}	



li { 
	background: url(images/icons/bullet.gif) no-repeat;
	padding-left: 10px;
	list-style: none;
	padding-left: 10px;
	margin: 10px 0px 0px;
}

*/ 

ul .specs li {
  color : #ffffff;
}

ul.products {
	clear: left;
}
ul.products li{ 
	display: block; 
	background: url(images/elements/prodgroup_li_bg.jpg) no-repeat;
	background-attachment: initial;
	background-position-x: 131px;
	background-position-y: 0px;
	float: left;
	list-style: none;
	padding: 5px 25px 0px 0px;
	text-align: center;	
	width: 116px;
        height: 150px;
}
ul.products li a {  
	text-decoration: none;
}

ul.prodspec { 
	margin: 0; 
	padding: 0; 
}


img.productbutton { 
	padding-bottom: 30px; 

}

.prodspec li {
	background: none;
	border-bottom: 1px solid #dfdfdf;
	clear: both;
	list-style: none;
	padding: 5px 0px 0px 290px;	
}

.prodspec li span {
	
	float: left; 
	margin-left: -290px;
}


hr { 
	background: #333;
	clear: both; 
	height: 1px;
	margin-top: 30px;
	overflow: hidden;
	border: none;
}


#content.home {
	background: none;	
}
.home p { 
	padding: 8px 8px 8px 20px; 
}
.home ul li { 
	background: none;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	
	
}
.home ul { 
	margin: 0;
	padding: 20px 0 0 0;
	background: url(images/generic/content_bg-home.jpg) repeat-y;
	float: left;
	background-color: rgb(22, 22, 22);
}


/* the two news articles on the bottom of the home page */

div.homenews { 
	font-size: 1em;
	margin-bottom: 5px;
	width: 300px;
	color: gray;
	float: left; 
	padding-left: 20px;
}


div.homenews a {
	color: rgb(129, 179, 200);
}


div.homenews img { 
	border: 1px solid rgb(0, 65, 145);
}


div.homenews p {
padding: 0px;
padding-top: 5px;
padding-bottom:5px;
}

img.accessory { 
	margin-top: -75px;
}

table {
	clear: both; 	
}

div.half { 
	width: 270px; 
	text-align: center; 
	float: left; 
}

.searchbar { 
	background: url(images/elements/searchBox_bg.jpg) repeat-x; 
	color: #FFF; 
	font-weight: bold;
	padding: 10px 10px 15px;
}

.searchbar label { 
	padding-left: 10px; 
}
.searchbar select { 
	border: 1px solid rgb(206, 206, 206);
	color: rgb(102, 102, 102);
	font-size: 1em;
	margin-left: 3px;
	margin-right: 15px;
	padding: 2px;
}

div.rightcol { 
	/*background: url(images/elements/homeRight_top.gif) no-repeat top center;*/
	background: url(images/elements/homeRight_top-grey.gif) no-repeat top center;
	/*color: rgb(107, 136, 145);*/
	color: #ffffff;
	/*background-color: rgb(8, 56, 71);*/
	background-color: #696969;
	float: right;
	padding: 62px 10px 20px;
	width: 150px;
}








/* CSS FOR NEW - note to self - remove old styles
//////////////////////////////////////////////////////// */

h2,
h2 a:link,
h2 a:active,
h2 a:visited {
	
	font-size:16px;
	color: #000000;
	font-weight: normal;
}

h2 a:hover{
	text-decoration: underline;
}



img{
	border: 0px;
	margin:0px;
	padding:0px;
	
}


.wrapper{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	color: #666666;

}

#top {
	width: 950px;
	margin-left: auto;
	margin-right:auto;
	
}

#toplogo {
	float:left;
	width:155px;
	height:121px;
	
	
}

#topslogan{
	
	float:left;
	width: 786px;
	height: 30px;
	padding-top:50px;
	text-align:right;
	
}

#topnav{
	float:left;
	width: 795px;
	height: 33px;
	
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	
}

#nav a {
	display: block;
	
}

#nav li { /* all list items */
	float: left;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width:217px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.selectstate {
	
	background-image: url(images/btn-select-state-back.jpg);
	background-repeat: no-repeat;
	width: 149px;
	height: 33px;
	padding-top: 6px;
}









.feature{
	width:100%;
	height:471px;
	
	margin-left: auto;
	margin-right:auto;
	
	/* background-image: url(images/feature.jpg); */
	background-image: url(images/bg-lams-banner.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

.featurecolumnright{
	
	float:right;
	width: 217px;
	margin: 20px;
	margin-right: 0px;
	
}

.featureul {
	
	margin:0px;
	padding:0px;
	list-style-type: none;
}

.featurenewsletter{
	
	margin-top: 20px;
	
}


.featureitem {
	
	width: 950px;
	height: 139px;
	
	margin-left: auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:40px;
	
}

.featureitemul {
	
	padding: 0;
	margin: 0;
	list-style: none;

}

.featureitemul li {
	
	float:left;
	margin-right:20px;
	

}










#footerlinks {
	
	width:100%;
	height: 110px; /* 150 */
	
	padding-top:20px;
	padding-bottom:20px;
	
	background-color: #f3f3f3;
	

}

.footerlogo{
	float:left;
	
	width:227px;
	height: 110px;
	
	margin-right: 20px;
	
	text-align:center;

}


.footercolumn{
	
	padding: 0;
	margin: 0;
	list-style: none;
	
	float:left;
	height: 110px;
	margin-right: 25px;
	
}

.footercolumn strong{

	color: #000000;
}

.footercolumn li {
	
	padding-bottom: 2px;
}

#copyright{
	
	width: 100%;
	height: 40px;
	background-color: #949494;
}

#copyright .wrapper{
	
	text-align:right;
	color: white;
	font-weight: bold;
	padding-top: 12px;
	
}























.newsfeature{

	margin-bottom: 40px;
	text-align: center;
}


.newsitem {
	
	width: 100%;
	background-image: url(images/news-item-bg.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: top;
	
	padding-top: 1px;
	margin-bottom: 40px;
	
	color:#666666;
	
	
}

.newsdate {
	
	color:#999999;
	font-size: 12px;
}


.newsbtnread {
	
	margin-bottom: 20px;
	
}










.productsfeature{
	
	margin-bottom: 40px;
	text-align: center;
	
}

.productssub {
	
	width: 100%;
	background-image: url(images/products-sub-bg.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: top;
	
	padding-top: 1px;
	margin-bottom: 40px;	

	
}



.productssub h2 {
	
	font-size:  16px;
	color: #000000;
	font-weight: normal;
	margin-left:15px;
	
}



.productssub ul{
	margin:15px;
	padding:0px;
	list-style-type: none;
	text-align: center;
}


.productssub li{
	float:left;
	margin-right:16px;
	margin-bottom:16px;
}














.producttop{

	width:100%;
	height:342px;
	
	background-image: url(images/product-page-top-back.jpg);
	background-position: center;
	background-repeat: no-repeat;
	text-align: justify;

}

.producttop .imgmain {
	
	float:right;
	width: 413px;
	overflow:hidden;
}


.productsummary{
	
	float:left;
	width: 480px;
	color: #666666;
	line-height: 18px;

}

 .productsummary .breadcrumbs {
	
	color:#666666;
	padding-top:40px;
}


h2 {
	
	font-size:  16px;
	color: #000000;
	font-weight: normal;
	
}

.productsummary .btndownload {
	
	margin-top: 20px;
	
}


.producttop ul {
	
	margin:0px;
	padding:0px;
	list-style-type: none;
}

.producttop .columnright{
	
	float:right;
	width: 217px;
	margin: 20px;
	margin-right: 0px;
	
}





.productleft {
	
	float:left;
	width: 335px;
	margin-right: 20px;
	color: #666;
		
	
}

.productleft ul{
	
	margin:0px;
	padding:0px;
	list-style-type: none;
	
}

.productleft li{
	
	margin-bottom: 3px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position-x: 0;
}

.productright{
	
	float:right;
	
	width: 590px;
	overflow: hidden;
	
	color: #666;

}


.productright h3 {
	
	color: #666666;
	padding-bottom: 3px;
	font-weight: normal;
	border-bottom: 1px solid #666666;
	
	
}


.productright table td {

	border-bottom: 1px solid #dfdfdf;
}







.productssub {
	
	width: 100%;
	background-image: url(images/products-sub-bg.jpg);
	background-position-x: center;
	background-position-y: top
	background-repeat: no-repeat;
	
}










.dealermap {

	width: 500px;
	background-color:black;

}

form.wpcf7-form td {
	color: #666666;
	clear: both;
}


/* /////////////////////////////////////////////////////
END NEW  CSS */




/* ////////////////////////////////////////////////////
                    LAMS CSS
//////////////////////////////////////////////////// */

.lams-wrapper{
	width: 950px;
        min-height: 600px;
	margin-left: auto;
	margin-right: auto;
	color: #666666;
        background: url(http://www.hyosung.com.au/wp-content/uploads/2010/01/lams-back.jpg) top left no-repeat;
}

div.lams-top {
        width:950px;
        height:202px;
        display:block;
        clear:both;
}

div.lams-bottom {
        width: 950px;
        display: block;
        clear:both;
}

div.lams-products { }

div.lams-bottom img {
        float: left; 
        margin: 10px;
}

img.lams-heading {
        margin: 20px 230px 0 100px; 
        float: left;
}

ul.lams-nav {
        float:left; 
}

ul.lams-nav li {
        list-style:none;
        margin-top: -3px; 
}

ul.lams-nav li a img {
        margin:0;
        padding:0;
}

div.lams-bottom ul {
        margin-left: 15px;
}

div.clear {
        clear: both;
        margin-top: 25px;   
}






/* new lams */

h6 {
	font-size: 18px;
	font-weight:bold;
	font-family: Helvetica;
	padding: 10px;
        margin: 0;
}


.text {

	padding: 20px;
	font-family: helvetica;
	font-size: 14px;
	color: #535453;
	line-height: 20px;
	text-align:justify;
}









/* ////////////////////////////////////////////////////
                 END LAMS CSS
//////////////////////////////////////////////////// */