De/*======================================
  __    __    ______    __       __       _______.___________. __    ______ 
 |  |  |  |  /  __  \  |  |     |  |     /       |           ||  |  /      |
 |  |__|  | |  |  |  | |  |     |  |    |   (----`---|  |----`|  | |  ,----'
 |   __   | |  |  |  | |  |     |  |     \   \       |  |     |  | |  |     
 |  |  |  | |  `--'  | |  `----.|  | .----)   |      |  |     |  | |  `----.
 |__|  |__|  \______/  |_______||__| |_______/       |__|     |__|  \______|

 (c) Holistic Research And Development Limited
 ---------------------------------------------------------------------------  
      Date Last Updated : 08.03.2009

 ---------------------------------------------------------------------------
   
Copyright Mike Crittenden
Author: Mike Crittenden
======================================*
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/
body {text-align:center; color:#666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;}

/*Always show scrollbars (vertical and horizontal)*/
/*html {overflow: -moz-scrollbars-vertical;overflow: scroll;}*/

.container {margin:0 auto;position:relative;text-align:left;background-color:none; }

.container p{margin:10px 0;}
p{margin:10px 0;}

a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited, a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], a[href$=".rdf"], a[href^="aim:"] {margin:0;padding:0;}

.dnm_notVisible{display:none;}

/*Background Colours*/
.blue {background-color:#21517F;}

.cream {background-color:#DCDCD0;}

.cream2 {background-color:#E4E4DE;}

.cream1 {background-color:#EEEEE8;}

.white {background-color:#FFFFFF;}

.showroomclr {background-color:#d9d9ca;}

.dropbg {background-color:#C9CBB0;}

.menuclr {background-color:#b22222;}

.blueLine {background:url(images/blueLine.gif) repeat-x;}

.bottomBG {background:url(images/bottomBG.jpg) repeat-x;}

.contactBG {background:url(images/contactBG.jpg) no-repeat #FFFFFF;}


/*Font Colours*/
.red {color:#b22222;}
.red a,.red a:link,.red a:visited {color:#666;text-decoration:none;padding:0;}
.red a:hover {color:#fff;text-decoration:none;padding:0;}

.blu {color:#6B737B;}
#contactDetails{color:#6B737B; line-height:1.5em;}
#contactDetails .bottom td{padding-top:15px;}
#contactDetails a,#contactDetails a:link,#contactDetails a:visited {color:#6B737B;text-decoration:none;padding:0;}
#contactDetails a:hover {color:#000;text-decoration:none;padding:0;}

.newscolor,.newscolor a {color:#736E49;}

/*Text Effects*/
.nodecoration {text-decoration:none;}
.uppercase {text-transform:uppercase;}

/*Dotted Borders*/
.dotted {border:1px dotted #75704D;}
.dottedtop {border-top:1px dotted #75704D;}
.dottedbot {border-bottom:1px dotted #75704D;}
.dottedleft {border-left:1px dotted #75704D;}
.dottedright {border-right:1px dotted #75704D;}

/*Solid Borders*/
.solid {border:1px solid #A2A29A;}
.solidtop {border-top:1px solid #A2A29A;}
.solidbot {border-bottom:1px solid #A2A29A;}
.solidleft {border-left:1px solid #A2A29A;}
.solidright {border-right:1px solid #A2A29A;}

/*Text Alignment*/
.lefttext {text-align:left;}
.righttext {text-align:right;}


/*--------------------------------------------------*/
/*-----------------------LOGO----------------------*/
/*------------------------------------------------*/

/*Logo Div positioning - Floating*/
.logo {position:absolute;left:0;top:38px;z-index:1111;height:31px;}

/*Logo background - Floating*/
.logobg {position:absolute;left:43px;top:100px;z-index:110;}

.flash{position:relative;z-index:-11; width:962px; background-color:transparent;}

/*Showroom Menu*/
#dnn_showroomMenu {position:absolute; left:0; top:485px; z-index:151; width:962px;text-align:right;}

/*#bottom {position:absolute; left:25px; top:485px;z-index:151; width:950px;text-align:right; background: #fff;}*/

#centrePane {/*position:absolute; left:0; top:87px; z-index:151;*/ min-height:400px; width:100%;}

/*position of the footer in the index.ascx skin file*/
.homefooterposition {position:relative; z-index:151; width:962px; top:225px;}

/*position of the footer in the contact.ascx skin file*/
.footerposition {position:relative; z-index:151; width:962px; top:20px;}

#dnn_carNavigation {position:absolute;left:60px;top:38px;z-index:110; width:100px;text-align:right; vertical-align:middle;}
#carNameNavigation img{ padding-top:18px; vertical-align:middle;}

.logoGif {background:url(/Portals/2/Skins/hyundai/images/logoBg.gif) repeat-x;}

/**************************************/
/*              GLOBALS               */
/**************************************/

/* DNN CSS - The Most Common Overrides */
.Normal {font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:400;color:#666;}
.NormalTextBox {font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:400;color:#333;}
.CommandButton {font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:400;color:#333;}
.NormalBold {font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:700;color:#306ba5;}

A.NormalBold:link {padding:3px;border:1px solid #666;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:700;color:#7794B6;}
A.NormalBold:active {padding:3px;border:1px solid #666;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:700;color:#7794B6;}
A.NormalBold:visited {padding:3px;border:1px solid #666;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:700;color:#7794B6;}
A.NormalBold:hover {padding:3px;border:1px solid #666;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:700;color:#FFF;background-color:#7794B6;}

.SubHead {vertical-align:middle;color:#306ba5;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:700;font-style:normal;text-transform:capitalize;text-align:left;padding-right:10px;}
.Help {font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:400;padding:8px;text-align:left;vertical-align:middle;color:#407A43;background-color:#E9F4DF;
border:1px solid #407A43;}

.SearchTD {background-image:url(Images/searchBackground.jpg);background-repeat:no-repeat;padding:0;width:155px;height:21px;}
.SearchButton {background-image:url(images/searchbtn.jpg);background-repeat:no-repeat;padding:15px 5px 15px 15px;cursor:pointer;font-size:1px;margin:0;height:15px;}
#dnn_dnnSEARCH_txtSearch {background-color:#5287a6;width:120px;height:19px;color:#FFF;font-family:Arial, Helvetica;font-size:12px;padding:2px 3px 0;border:0 solid #FFF;cursor:text;vertical-align:middle;}

/*Custom Widths*/


/*Custom Heights*/


/*Margin*/
.mar0 {margin:0;}
.mar0t {margin-top:0;}
.mar0b {margin-bottom:0;}
.mar0l {margin-left:0;}
.mar0r {margin-right:0;}

.mar15t {margin-top:15;}

.mar5 {margin:5px;}
.mar10 {margin:10px;}
.mar15 {margin:15px;}
.mar20 {margin:20px;}

.mar10lr {margin-left:10px;margin-right:10px;}
.mar20lr {margin-left:20px;margin-right:20px;}

.mar10l {margin-left:10px;}
.mar20l {margin-left:20px;}

.mar10r {margin-right:10px;}
.mar20r {margin-right:20px;}

.mar10t{margin-top:10px;}
.mar20t{margin-top:20px;}
.mar30t{margin-top:30px;}

.mar10b{margin-bottom:10px;}
.mar20b{margin-bottom:20px;}

/*Padding*/

.pad0 {padding:0;}
.pad0t {padding-top:0;}
.pad0b {padding-bottom:0;}
.pad0l {padding-left:0;}
.pad0r {padding-right:0;}

.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad15 {padding:15px;}
.pad20 {padding:20px;}

.pad10lr {padding-left:10px;padding-right:10px;}
.pad20lr {padding-left:20px;padding-right:20px;}

.pad10l {padding-left:10px;}
.pad20l {padding-left:20px;}

.pad10r {padding-right:10px;}
.pad20r {padding-right:20px;}

.pad10t{padding-top:10px;}
.pad20t{padding-top:20px;}

.pad10b{padding-bottom:10px;}
.pad20b{padding-bottom:20px;}

/**************************************/
/*              HEADER                */
/**************************************/

/*Header Background Image*/
.bgimage {background:url("images/img_top.jpg") no-repeat top left;}

.bgimageblue {background:url("images/top_imgblue.jpg") no-repeat top left;}

#header{position:absolute;left:0px;top:0px;z-index:150; width:1000px;text-align:right;}

/*Custom Header Links*/
#header a, #header a:link, #header a:visited{color:#666;text-decoration:none;padding:0;font-weight: normal;}
#header a:hover {color:#4E71A9;}

#dnn_login a, #dnn_login a:link, #dnn_login a:visited{color:#fff;text-decoration:none;padding:0;font-weight:bold;}
#dnn_login a:hover {color:#666;}

/*Login*/
#dnn_login{width:740px; text-align:right; float:right; font:bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#fff; padding: 0.35em 5px; background-color:#757B83; filter: alpha(opacity=70); opacity: .7;}
#dnn_login table br{display:none;}
#dnn_login label,#dnn_login input{display:inline;float:left;}
#dnn_login label{width:65px;}
#dnn_login input{width:140px;}
#dnn_login table tr{float:left;}
#dnn_login table tr#dnn_ctr695_UCUSignin_rowCommands{display:inline;}
#user_buttons div,#user_login div{float:left;}
#user_buttons{float:right; vertical-align:middle; margin-right:5px; padding:0; font-weight:bold; line-height:1.5em }
#user_login{float:left; vertical-align:middle; margin-right:5px; padding:0; font-weight:bold;}

#userLogout{float:right; vertical-align:middle; margin:0; padding:0; line-height:1.5em }
#userLogout a, #userLogout a:link, #userLogout a:visited {margin-left:5px;}

/*#usernameReminder{float:left; padding-top:5px;}
#userRemember{float:left; clear:left;}*/

#user_login input{filter: alpha(opacity=50); opacity: .5; font:bold 10px Arial, Helvetica, sans-serif; color:#000; padding:2px; vertical-align:middle;}



/**************************************/
/*             NAVIGATION             */
/**************************************/

/* SOLPART MENU CSS*/
#tbldnn_dnnSolPartMenu_ctldnnSolPartMenuMenuBar{width:100%; height:100%;}

.MainMenu_MenuItemSel {border:0; color:#3B6188; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; font-style:normal; text-align:center; text-transform:uppercase; vertical-align:middle; height:31px;}

.MainMenu_MenuItemSel TD { border:0; height:31px; background-color: none; background: url("images/menubg.jpg") repeat-x; vertical-align:middle;}

.MainMenu_MenuItem {border:0;color:#40454A; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; font-style:normal; text-align:center; text-transform:uppercase; vertical-align:middle;}

.MainMenu_MenuItem td{border:0; height:31px; background-color: none; background: url("images/menubg.jpg") repeat-x; vertical-align:middle; }

.MainMenu_SubMenu { z-index:1000; color:red; border-right:#cccccc 0px solid; border-bottom:black 0px solid; border-top:#cccccc 0px solid; margin-top:1px; margin-right:0px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; font-style:normal;}

.MainMenu_SubMenu td {border-bottom:gray 1px dotted; font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; font-style:normal; padding:2px 2px;}

.MainMenu_Active { border:0; color:#3B6188; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; font-style:normal; text-align:center; text-transform:uppercase; vertical-align:middle; height:31px;}

.MainMenu_Active td { border:0; height:31px; background-color: none; background: url("images/menubg.jpg") repeat-x; vertical-align:middle; }

.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon {display: none;}

.MainMenu_MenuBreak {border-top-style: none; border-right-style:none; border-left-style:none; border-bottom-style:none; background:transparent; vertical-align:middle;}
/*.MainMenu_Seperator {background:url(Images/seperator.jpg) no-repeat; width:4px; height:14px;}*/

/*Car Navigation Menu*/

#carNameNavigation{ float:left; width:190px; height:61px;  background-color: blue; background: url("images/carNamebg.jpg") repeat-x; text-align:center; vertical-align:middle; padding-top:10px;}
.carNameNavigationlast{background-color: #fff; 
background: url("images/navigation/carMenuItembg.jpg") repeat-x top;}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

.contentpane {text-align:left;min-height:0;}
.WorkPanel table {float:left;}
.DNNAligncenter div table td {text-align:left;}

#dnn_ContentPane.home{background:#24292D url(/Portals/2/Skins/hyundai/images/bg_main.gif) repeat-x ;}

#controls{float:left; width:180px; padding-left:10px;}
#addButton{clear:left; width:180px; float:left; padding-left:10px; padding-top:10px;}

/*Car List at the left of Showroom*/
#carList{float:left; padding-left:10px; padding-top:10px; font-size:12px; font-weight:bold;}
#carList a,#carList a:link,#carList a:visited {color:#6c6e6e; text-decoration:none;}
#carList a:hover, #carList a:active {color:#4E71A9;font-weight:bold; text-decoration:underline;}

/*------------------------------------------------------------*/
/*-----------------------Left Menu----------------------------*/
/*------------------------------------------------------------*/
#left_menu{float:left; clear:both; background:url(/Portals/2/Skins/hyundai/images/menu/menu-bg.jpg) repeat-y;}
#left_menu ul{margin:0; padding:15px 0 18px 0; width:190px;}
#left_menu li{list-style: none; border-bottom: 1px #98a5b6 dotted;}
#left_menu li a,#left_menu li a:visited,#left_menu li a:link {font:9px   Tahoma,Helvetica,Arial,sans-serif;font-stretch:semi-expanded;color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; padding-left:27px; padding-top:4px; width:190px; height:16px; list-style: none; display:block; background:url(/Portals/2/Skins/hyundai/images/menu/menu-bg.jpg) repeat-y; vertical-align:middle; }
#left_menu li a:hover, #left_menu li a:active{font:9px  Tahoma,Arial,Helvetica,sans-serif; font-stretch:semi-expanded;color:#536c8d; text-decoration:none; text-transform:uppercase; padding-left:27px; padding-top:4px; font-weight:bold; list-style: none; background:url(/Portals/2/Skins/hyundai/images/menu/menu-hover.jpg) no-repeat; vertical-align:middle;}
#left_menu p{font:9px Tahoma,Helvetica,Arial,sans-serif;font-stretch:semi-expanded;color:#fff; text-decoration:none; padding:18px 27px 4px 27px; width:140px;display:block; background:url(/Portals/2/Skins/hyundai/images/menu/menu-bg.jpg) repeat-y; vertical-align:middle; }


table #viewForm , #viewForm tr{width:97.7%; font:11px Arial, Helvetica, sans-serif;color:#736E49;}
#viewForm h1{margin:0; padding:0; padding-bottom:20px; font-family: Tahoma; font-weight: 100; font-stretch:ultra-condensed; color:#6B737B; display:block; line-height:1.15em;}
#viewForm td{padding:10px 5px 5px; vertical-align:middle}
#viewForm th{padding:4px; color:#6B737B;text-align:left;vertical-align:top;
font: bold 11px Arial, Helvetica, sans-serif; padding-left:10px; text-transform:uppercase; background-repeat:no-repeat; background-position:center left; vertical-align:middle}
#viewForm .white{background:#fff; vertical-align:middle}


/*------------------------------------------------------------*/
/*-----------------------Custom Fonts/Font Sizes--------------*/
/*------------------------------------------------------------*/

.font11 {font:11px Arial, Helvetica, sans-serif;}
.font12 {font:12px Arial, Helvetica, sans-serif;}
.font20 {font:20px Arial, Helvetica, sans-serif;}

/*------------------------------------------------------------*/
/*-----------------------Custom Buttons-----------------------*/
/*------------------------------------------------------------*/

/*Edit Button*/
.container a.editbutton, .container button, #OffersEdit input[type=submit], #NewsEdit input[type=submit]{ display: inline-block; float: left; margin:0 0.583em 0.667em 0; padding:5px 10px 5px 7px; /* Links */ border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; background-color:#f5f5f5; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; } 
.container button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ } 
.container button[type] { padding:4px 10px 4px 7px; /* Firefox */ line-height:17px; /* Safari */ } 
*:first-child+html .container button[type] { padding:4px 10px 3px 7px; /* IE7 */ } 
.container button img, .container a.button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none; } 



/* Read More Custom Button*/
#news .button,#contactForm .button {
display:inline-block;
float:right;
margin:0 .583em .667em 0;
padding:5px 90px 5px 90px;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
background-color:#F2F2F2;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:9px;
line-height:130%;
text-decoration:none;
font-weight:700;
color:#666;
cursor:pointer;
width: 400px;
}

/*Button Text Padding*/

#news .button,#contactForm .button {width:auto;overflow:visible;padding:2px 20px;/* IE6 */}
#news .button[type],#contactForm .button[type] {padding:2px 20px;/* Firefox */line-height:12px;/* Safari */}

*:first-child+html #news .button[type] {padding:2px 7px;/* IE7 */}
*:first-child+html #contactForm .button[type] {padding:2px 7px;/* IE7 */}

/* Read More Button */
#news .button.more:hover,#contactForm .button.more:hover {background-color:#FFF;border:1px solid #a52a2a;color:#a52a2a;}
#news .button.more:active,#contactForm .button.more:active {background-color:#FFF;border:1px solid #a52a2a;color:#a52a2a;}

/*Custom Font Sizes*/

/*Read More Text Link*/
body .more {color:#FFF;}
.container a.more {display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#666666;text-decoration:none;}
a.more:hover {font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#4E71A9;}
a.more:active {font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#4E71A9;}

/*Header Buttons*/
#header .button{
display:inline-block;
float:right;
margin:.583em .583em .667em 0;
padding:5px 90px 5px 90px;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
background-color:#F2F2F2;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:10px;
line-height:130%;
text-decoration:none;
font-weight:700;
color:#666;
cursor:pointer;
width: 400px;
}
#header .button {width:auto;overflow:visible;padding:2px 20px;/* IE6 */}
#header .button[type] {padding:2px 20px;/* Firefox */line-height:12px;/* Safari */}
*:first-child+html #header .button[type] {padding:2px 7px;/* IE7 */}

/*Button Font Colour, Border etc*/
#header .button.more:hover{background-color:#FFF;border:1px solid #a52a2a;color:#4E71A9;}
#header .button.more:active{background-color:#FFF;border:1px solid #a52a2a;color:#4E71A9;}

/*------------------------------------------------------------*/
/*-----------------------Contact Us Form----------------------*/
/*------------------------------------------------------------*/

.contact_box {width:710px;background-color:#F4F6F9;margin-top:14px;padding:18px 0 18px 18px;color:#4B72BA;}
.contact_box1 {width:710px;background-color:#F4F6F9;margin-top:14px;padding:18px 0 0 18px;color:#4B72BA;}
.contact_box2{width:710px;background-color:#F4F6F9;margin:0; padding:0 0 18px 18px;color:#4B72BA;}

#contactForm .button,#contactForm2 .button {
display:inline-block;
float:left;
margin:0 .583em .667em 0;
padding:5px 90px 5px 90px;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
background: #6B737B;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:10px;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#fff;
cursor:pointer;
width: 400px;
}

/*Button Text Padding*/

#contactForm .button, #contactForm2 .button {width:auto;overflow:visible;padding:2px 20px;/* IE6 */}
#contactForm .button[type],#contactForm2 .button[type] {padding:2px 20px;/* Firefox */line-height:12px;/* Safari */}
*:first-child+html #contactForm .button[type], *:first-child+html #contactForm2 .button[type] {padding:2px 7px;/* IE7 */}

#news .button.more:hover,#contactForm .button.more:hover ,#contactForm2 .button.more:hover {background-color:#FFF; border:1px solid #6B737B; color:#6B737B;}
#news .button.more:active,#contactForm .button.more:active,#contactForm2 .button.more:active {background-color:#FFF;border:1px solid #6B737B; color:#6B737B;}

table #contactForm , #contactForm tr,table #contactForm2 , #contactForm2 tr{width:97.7%; font:11px Arial, Helvetica, sans-serif;color:#736E49;}
#contactForm td,#contactForm2 td{padding:5px;}
#contactForm th, #contactForm2 th{padding:4px; color:#6B737B;text-align:left;vertical-align:top;width:175px;
font: bold 11px Arial, Helvetica, sans-serif; padding-left:10px; background-image: url(/Portals/2/Skins/hyundai/images/bul_dot.gif); background-repeat:no-repeat; background-position:center left; vertical-align:middle}

#contactForm h1, #contactForm2 h1{margin:0; padding:0; padding-bottom:20px; font-family: Tahoma; font-weight: 100; font-stretch:ultra-condensed; color:#6B737B; display:block; line-height:1.15em;}

#contactForm input,#contactForm2 input{font:11px Arial, Helvetica, sans-serif;width:275px;color:#736E49;}
#contactForm textarea, #contactForm2 textarea{font:11px Arial, Helvetica, sans-serif;width:275px;color:#736E49;}
/*Checkbox class to remove margin (Always apply on checkbox when possible)*/
#contactForm  input[type=checkbox], #contactForm2 input[type=checkbox]{width:10px; margin:0; margin-left:5px; padding:0;}

/*Read More Text Link*/
#contactForm .dropdown, #contactForm2 .dropdown{font:11px Arial, Helvetica, sans-serif;width:210px;padding-left:5px;color:#736E49;}
#contactForm  select, #contactForm2  select{font:11px Arial, Helvetica, sans-serif;width:285px;padding-left:5px;color:#736E49;}
#contactForm  option, #contactForm2  option {font:11px Arial, Helvetica, sans-serif;padding-left:5px;color:#736E49;}
/*Alternate Colour Row*/
#contactForm .special,#contactForm .special td, #contactForm2 .special,#contactForm2 .special td{
font:bold 11px Arial, Helvetica, sans-serif; color:#6B737B; height:30px; background: #F4F6F9 url(images/banners/contactHeader.jpg) no-repeat 0 0; padding:0 10px 0 10px; line-height:2.5em; vertical-align:middle; width:675px}

/*Contact Form Validator*/
#contactForm .valid,#contactForm2 .valid{
font:10px Arial, Helvetica, sans-serif;padding:4px;color:#b22222;text-align:right;vertical-align:top;
}

#contactForm2 .rempad,#contactForm2 .rempad td{padding:0;}

.container .buttons a{padding:0;}
table .buttons{margin:5px auto; text-align:center;}
.buttons td{padding: 0 5px 0 0;}

p.buttons{margin:5px 45%; text-align:center; float:left; width:272px; }
.buttons a{margin: 0 5px 0 0;}

a.submitlink, a.submitlink:link, a.submitlink:visited{float:left!important;}
 a.submitlink:hover, a.submitlink:active{}

table #contactButtons{text-align:center;}
#contactButtons td{}
input.resetbtn{ width:59px; height:22px; vertical-align:middle; float:left; border:none; padding:0; background: #fff url("http://hyundai.com.mt/Portals/2/Skins/hyundai/images/contact/btn_reset.gif") no-repeat top left;}

input.submitbtn{ width:59px; height:22px; vertical-align:middle; float:left; border:none; padding:0; background: #fff url("http://hyundai.com.mt/Portals/2/Skins/hyundai/images/contact/btn_submit.gif") no-repeat top left;}

/*------------------------------------------------------------*/
/*-----------------------Register Form----------------------*/
/*------------------------------------------------------------*/
#dnn_ctr760_UserAttributes_UserAttributesSnapInPanel
{width:710px;background-color:#F4F6F9; margin:0; margin-top:14px;padding:18px 0 0 0;color:#4B72BA;}
#dnn_ctr761_UserAttributes_RegistrationSnapInPanel {width:710px;background-color:#F4F6F9; margin:0; padding:0;color:#4B72BA;}
#dnn_ctr761_UserAttributes_UserAttributesSnapInPanel
{width:710px;background-color:#F4F6F9; margin:0; padding:0 0 18px 0;color:#4B72BA;}

.ucu_instructions{height:0; border-collapse: collapse;}

.ucu_ua_regsn,.ucu_ua_address,.ucu_ua_dlFields{margin:0 auto;}
.ucu_commandBar{padding:10px 0 0;}

.ucu_ua_regsn_user table,.ucu_ua_regsn_user tr, .ucu_ua_address table, .ucu_ua_address tr, .ucu_ua_dlFields table, .ucu_ua_dlFields tr{ vertical-align:middle; padding:5px; } 

.ucu_label{width:75px;}

.ucu_ua_regsn_user td, .ucu_ua_address td, .ucu_ua_tpl_item td{ padding:4px; color:#736E49; text-align:left;} 
.ucu_ua_regsn_user th, .ucu_ua_address th, .ucu_ua_tpl_item th{ padding:4px; font-weight:bold; color:#4B72BA;text-align:left;vertical-align:top;width:125px;
font:11px Arial, Helvetica, sans-serif; padding-left:10px; background-image: url(/Portals/2/Skins/hyundai/images/bul_dot.gif); background-repeat:no-repeat; background-position:center left; vertical-align:middle} 

.label{padding:4px;  color:#4B72BA; text-align:left; vertical-align:top;width:125px;
font:11px Arial, Helvetica, sans-serif; font-weight:bold; padding-left:10px; background-image: url(/Portals/2/Skins/hyundai/images/bul_dot.gif); background-repeat:no-repeat; background-position:center left; vertical-align:middle;}

.ucu_ua_regsn_user input,.ucu_ua_regsn_user textarea, .ucu_ua_address input, .ucu_ua_address textarea, .ucu_ua_tpl_item input, .ucu_ua_tpl_item textarea{ font:11px Arial, Helvetica, sans-serif; width:200px; color:#736E49; } 
.ucu_ua_regsn_user input[type=checkbox],.ucu_ua_address input[type=checkbox], .ucu_ua_tpl_item input[type=checkbox]{width:10px; margin:0; padding:0; } 

.ucu_ua_regsn_user.drop{ font:11px Arial, Helvetica, sans-serif; width:210px; padding-left:5px; color:#736E49; border: 1px solid #ccc;}
.ucu_ua_regsn_user.drop:hover{border-color: #aaa;}
.ucu_ua_regsn_user.drop:focus{border-color: #888; outline: 2px solid #ffffaa;}
.thumbs {margin-top:25px; margin-bottom:25px; padding-left:25px}
.thumbs p{margin-bottom:5px;}

/*Dropdown Css*/
.ucu_ua_regsn_user select, .ucu_ua_address select, .ucu_ua_tpl_item select{ font:11px Arial, Helvetica, sans-serif; width:210px; padding-left:5px; color:#736E49; border: 1px solid #ccc;}
.ucu_ua_regsn_user option, .ucu_ua_address option, .ucu_ua_tpl_item option{color:#736E49;}
select:hover{border-color: #aaa;}
select:focus{border-color: #888; outline: 2px solid #ffffaa;}

.ucu_ua_regsn_user.special,.ucu_ua_regsn_user.special td{ font:11px Arial, Helvetica, sans-serif; background-color:#ebe7dc; padding:3px; } 
.ucu_ua_regsn_user.bold{ font-weight:700; } 

.valid{ font:11px Arial, Helvetica, sans-serif; padding-left:4px; color:red !important; text-transform:none!important; text-align:right; vertical-align:top; } 

.NormalRed{font:11px Arial, Helvetica, sans-serif; padding-left:4px; color:#b22222; text-align:right; vertical-align:top;}

input.resetbtn{ width:59px; height:22px; vertical-align:middle; float:left; border:none; padding:0; background: #fff url("http://hyundai.com.mt/Portals/2/Skins/hyundai/images/contact/btn_reset.gif") no-repeat top left;}

input.submitbtn{ width:59px; height:22px; vertical-align:middle; float:left; border:none; padding:0; background: #fff url("http://hyundai.com.mt/Portals/2/Skins/hyundai/images/contact/btn_submit.gif") no-repeat top left;}

/*------------------------------------------------------------*/
/*-----------------------------News---------------------------*/
/*------------------------------------------------------------*/

table #News,#News tr{width:707px;vertical-align:middle;}
#News tr{padding:0; height:33px; border-bottom:1px #D5DAE0 solid ;}
#News td{padding:0; color:#666666;font:10px Arial, Helvetica,sans-serif; vertical-align:middle; border-bottom:1px #D5DAE0 solid ; text-align:justify;}

#News th{padding:0; color:#636772;text-align:center;vertical-align:middle;text-transform:uppercase;
font:9px Arial, Helvetica, sans-serif; font-weight:bold;}

#News h2{margin:0; padding:5px 0; font-family: Tahoma; font-size:13px; font-weight: bold; font-stretch:ultra-condensed; color:#6B737B; display:block; line-height:1.15em;}
#News ul{list-style-type:circle; padding-left:25px;}

#News .paging{border:0; width:707; height:33px; background: #fff url(images/news/newsbg.gif) no-repeat top left;}
#News .paging td, #News .paging tr{border-bottom:0 !important;}
#News .paging_left{width:555px; padding-left:10px; font-weight:bold; background: #fff url(images/news/newsbg.gif) no-repeat 0 0;}
#News .paging_left td{padding-right:3px; border-bottom:0;}
#News .paging_right{width:152px; background: #fff url(images/news/newsbg.gif) no-repeat 100% 0; text-align:right; padding-right:30px ! important; }

#News .header{border:0; width:707; height:33px; background: #fff url(images/news/newsbg.gif) no-repeat top left;}
#News .header_title{width:555px; background: #fff url(images/news/newsbg.gif) no-repeat 0 0; text-align:left; padding:0 20px;}
#News .header_date{width:152px; background: #fff url(images/news/newsbg.gif) no-repeat 100% 0; text-align:right; padding-right:30px ! important; }
#News .title a, #News .title a:visited{ color:#666666;text-decoration:none; line-height:2em; padding:5px 0;}
#News .title a:hover, #News .title a:active{ color:#4E71A9;text-decoration:none;}

#News .title{ padding:0 20px; text-transform:uppercase; vertical-align:middle;}
#News .title img{padding:5px 10px 5px 0;vertical-align:middle;}
#News .title div{float:left; margin:auto 0;}
#News .date{ text-align:right; padding:0 20px;}
#News .content, #News  tr .content , #News td .content{color:#666666;font:11px Arial, Helvetica,sans-serif; padding:20px 10px; text-align:justify; border-bottom:0;}
#News .content p{color:#666666; font:11px Arial, Helvetica,sans-serif;}
#News .back{color:#666666;font:11px Arial, Helvetica,sans-serif; padding:20px 10px; text-align:center;}
#News .back a, #News .back a:visited{ color:#666666;text-decoration:none;}
#News .back a:hover, #News .back a:active{ color:#4E71A9;text-decoration:none;}

table #homeNews,#homeNews tr{width:240px;vertical-align:middle; background-color: #fff;}
#homeNews tr{padding:0; height:33px;}
#homeNews td{padding:0; color:#666666;font:11px Arial, Helvetica, sans-serif; vertical-align:middle;}

#homeNews .more{font:9px Arial, Helvetica, sans-serif; text-align:right;}
#homeNews .more a, #homeNews .more a:visited, #homeNews .more a:link {font:9px Arial, Helvetica, sans-serif; padding-top:10px; padding-right:10px;}
#homeNews .title{ padding:3px 20px 0 20px; text-transform:uppercase;}
#homeNews .press{padding-top:15px; padding-left:13px;}
#homeNews .news_image{padding-top:5px;}
#homeNews .date{ text-align:right; padding:0 10px;}

.container a.titlelink {display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#666666;text-decoration:none;}
a.titlelink:hover {font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#4E71A9;text-decoration:underline;}
a.titlelink:active {font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#4E71A9;text-decoration:underline;}

/*------------------------------------------------------------*/
/*--------------------------Information------------------------*/
/*------------------------------------------------------------*/

#Information{width:692px;  font:11px Arial,Helvetica,sans-serif; line-height:16px;}
#Information tr,td {vertical-align:middle}
#Information td{padding-top:5px; padding-right:10px}
#Information td.promotions{padding: 5px 5px 0 10px; vertical-align:top; text-align:justify;}
#Information h1{margin:0; padding:0; padding-bottom:20px; font-family: Tahoma; font-weight: 100; font-stretch:ultra-condensed; color:#6B737B; display:block; line-height:1.15em;}
#Information h2{margin:0; padding:5px 0; font-family: Tahoma; font-size:13px; font-weight: bold; font-stretch:ultra-condensed; color:#6B737B; display:block; line-height:1.15em;}
#Information h3{margin:0; padding:5px 0; font-family: Tahoma; font-size:12px; font-weight: bold; font-stretch:ultra-condensed; color:#6B737B; display:block; line-height:1.15em;}
#Information h4{margin:0; padding:20px 0 5px 0; font-family: Tahoma; font-size:12px; font-weight: normal; font-stretch:ultra-condensed; color:#6B737B; display:block; line-height:1.15em;}
#Information p{text-align:justify; padding-right:5px; font:11px Arial,Helvetica,sans-serif;}
#Information ul{margin-left:30px; list-style-type: square;}
#Information ul.check {list-style-image:url(/Portals/1/Skins/fiat/images/check.gif);}
#Information a {text-decoration:none;color:#6B737B; font-weight:bold;}
#Information a:hover {color:#8AACCD;}


/*------------------------------------------------------------*/
/*------------------------Shop Item Table---------------------*/
/*------------------------------------------------------------*/

.DNM_item{background-color:#F4F6F9;border-bottom:5px solid #fff;padding:20px 0px 10px 0px;}
#shop_itemTable{width:710px;}
#shop_itemTable .itemHeader{color:#4874b8;font-size:16px;font-weight:bold;letter-spacing:-1px;padding:0px 0px 25px 0px;}
#shop_itemTable .itemImage{padding:0px 0px 0px 70px;width:184px;}
#shop_itemTable .itemLabel{font-weight:bold;padding:0px;width:143px;}
#shop_itemTable .itemOldPrice{text-decoration:line-through;}
#shop_itemPaging{margin:0px;width:736px;}
td#dnn_ctr1861_DNMParentControl_DNMMainControl_DNMLoadForm_ctl00_ctl03_ctl05_item_Price{padding-bottom:20px;}

/*------------------------------------------------------------*/
/*--------------------------Edit Forms------------------------*/
/*------------------------------------------------------------*/

table #Edit ,#Edit tr{width:98%; font:11px Arial, Helvetica, sans-serif;color:#736E49; vertical-align:top;padding:5px;}
#Edit td {padding:4px;color:#736E49;}
#Edit th {padding:4px; color:#4B72BA;text-align:left;vertical-align:top;width:175px;
font: bold 11px Arial, Helvetica, sans-serif; padding-left:10px; background-image: url(/Portals/2/Skins/hyundai/images/bul_dot.gif); background-repeat:no-repeat; background-position:center left; vertical-align:middle}

/*Text Boxes and Multi-Line Text Area*/

#Edit input ,#Edit  input[type=text] {font:11px Arial, Helvetica, sans-serif; width:390px; color:#736E49; margin-left:5px;}
#Edit textarea{font:11px Arial, Helvetica, sans-serif;width:390px;color:#736E49; margin-left:5px;}
/*Checkbox class to remove margin (Always apply on checkbox when possible)*/
#Edit  input[type=checkbox], #Edit  input[type=radio] {width:10px; margin:0 5px;padding:0;}

#Edit  select[style]{font:11px Arial, Helvetica, sans-serif;width:402px!important;padding-left:5px;color:#736E49;}
#Edit  option[style]{font:11px Arial, Helvetica, sans-serif;padding-left:5px;color:#736E49;}
#Edit .validator {padding:4px;color:#736E49;font-weight:700;text-align:right;vertical-align:top;}
#dnn_bottom{background-color:#fff;}


/*Rounded Corners*/
.menu_bg {padding:0;margin:0 9px;height:10px;background:url(images/bg.jpg) repeat-x top left;}
.menu_bg1 {padding:0;margin:0;height:10px;width:5px;background:#fff url(images/bg.jpg) repeat-x top left;}
.menu_bg2 {padding:0;margin:0;margin-left:252px;height:10px;background:url(images/bg2.jpg) repeat-x top left;}
.menu_bg3 {padding:0;margin:0;height:10px;background:url(images/cornerswhite/bgwhite.jpg) repeat-x top left;}
.menu_bgbot {padding:0;margin:0 9px;height:10px;background:url(images/bgbot.jpg) repeat-x top left;}
.menu_bgbot2 {padding:0;margin:0;margin-left:252px;height:10px;background:url(images/bgbot2.jpg) repeat-x top left;}
.menu_left {padding:0;margin:0;background:url(images/bl.jpg) no-repeat top left;}
.menu_right {margin:0;background:url(images/br.jpg) no-repeat top right;}
.menu_topleft {padding:0;margin:0;background:url(images/tl.jpg) no-repeat top left;}
.menu_topright {margin:0;background:url(images/tr.jpg) no-repeat top right;}


/*------------------------------------------------------------*/
/*----------------------Global Forms--------------------------*/
/*------------------------------------------------------------*/

#form h1 {margin-top:23px; padding:0; font-family: Tahoma; font-weight: bold; font-stretch:ultra-condensed; color:#8291A6}




/**************************************/
/*               FOOTER               */
/**************************************/

.footer{font:9px Arial, Helvetica, sans-serif; color:#6c6e6e; text-transform:uppercase; font-weight:bold; text-align:left; padding-top:20px; vertical-align: middle;}

.contactbg {color: #FFF; background:url(images/contactbg.png) repeat-x top left;
padding:5px 0;
padding-top:8px;
font-family:Tahoma, Arial, Helvetica, sans-serif; 
font-size:11px; 
font-weight:bold; 
font-style:normal; 
text-align:center; 
text-transform:uppercase;
vertical-align:middle;}

.whitelink a,.whitelink a:link,.whitelink a:visited {color:#6c6e6e;text-decoration:none;}
.whitelink a:hover {color:#fff;text-decoration:none;}
.whitelink a:active {;color:#fff;text-decoration:none;}

.bluelink a,.bluelink a:link,.bluelink a:visited {color:#6c6e6e;text-decoration:none;}
.bluelink a:hover {color:#4E71A9;text-decoration:none;}
.bluelink a:active {;color:#4E71A9;text-decoration:none;}


/**************************************/
/*               JQuery               */
/**************************************/

/*Accordion*/

.accordion {width: 700px; margin-bottom:10px;}
.accordion h3 {color:#6B737B; padding-top:10px; padding-left:10px; height:21px; width: 100%; cursor: pointer;	position: relative; margin:1px; background: #fff url(images/news/newsbg.gif) no-repeat top center; font: 11px Arial,Helvetica,sans-serif; font-weight:bold;}
   
#accordion_table td{padding:4px;color:#736E49; font:11px Arial, Helvetica, sans-serif; text-align: justify;}
#accordion_table th{padding:4px; padding-left:10px; color:#6B737B; text-align:left; vertical-align:middle; width:250px;  font:11px Arial, Helvetica, sans-serif; font-weight:bold; text-align: justify;}

.accordion div {	display:none; padding:10px 0;}
.accordion div table tr ,.accordion div table td,.accordion div table th{ border-bottom:1px #e0e0e0 dotted ;}
.accordion div a {  display:block;  color:#006699;  background-color:#EFEFEF;  padding-left:10px;
 font-weight:bold;  text-decoration:none;}
.accordion div a:hover {  color: #000000;  text-decoration:underline;}

/* Styles for the entire LavaLamp menu */

.container ul li { margin:0; }
.container ul {margin: 0; }

.lavaLamp {
    position: relative;
    height: 61px; width: 772px;
    background: url("images/navigation/carMenuItembg.jpg") repeat-x top;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
		float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            height: 61px;
            z-index: 8;
            position: absolute;
        }
            .lavaLamp li.back .left {
                background: url("images/lava.png") no-repeat top left;
                height: 61px;
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 14px arial;
            color: #fff; outline: none;
            text-align: center;
            height: 61px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
        }
		
		.lavaLamp li a:hover {
            background: url("images/navigation/carbuttonhover.png") repeat-x top left;
            height: 61px;
        }

#dnn_login img{margin-top:-15px;}