*, *:before, *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .bs-searchbox *, .bs-actionsbox * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html,body { margin:0 auto; padding:0; text-align:center; border:0; font:inherit; font-family:NouvelR-Regular;font-size:16px;vertical-align:baseline; } div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q, s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot, thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary, time,mark,audio,video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; font-family:NouvelR-Regular;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } body { line-height:1; } pre {white-space: pre-wrap;*white-space:normal;} input,textarea,select {outline:0;font-family:NouvelR-Regular;} ol,ul { list-style:none; } blockquote,q { quotes:none; } blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; } table { border-collapse:collapse; border-spacing:0; } header,footer,menu { z\ oom:1; } b, strong {font-weight:bold;} button { outline:none !important;} @font-face { font-family: FSRenaultBetaLatin-Regular; src: url(fonts/RenaultLifeWeb-Regular.eot); src: url(fonts/RenaultLifeWeb-Regular.eot#iefix) format("embedded-opentype"),url(fonts/RenaultLifeWeb-Regular.woff) format("woff"),url(fonts/RenaultLife-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: FSRenaultBetaLatin-Light; src: url(fonts/RenaultLifeWeb-Light.eot); src: url(fonts/RenaultLifeWeb-Light.eot#iefix) format("embedded-opentype"),url(fonts/RenaultLifeWeb-Light.woff) format("woff"),url(fonts/RenaultLife-Light.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: FSRenaultBetaLatin-Bold; src: url(fonts/RenaultLifeWeb-Bold.eot); src: url(fonts/RenaultLifeWeb-Bold.eot#iefix) format("embedded-opentype"),url(fonts/RenaultLifeWeb-Bold.woff) format("woff"),url(fonts/RenaultLife-Bold.ttf) format("truetype"); font-weight: 400; font-style: normal; } .ui-button .ui-icon.ui-icon-closethick { background:url(../Images/Sprites.png) -222px -49px no-repeat transparent !important; width: 23px; height: 24px; } .ui-dialog-titlebar-close { border:0 !important; background-color: #FFFFFF !important; } .ui-draggable .ui-dialog-titlebar { padding: 1.5em 2em !important; } .ui-dialog .ui-dialog-titlebar-close { right:1.5em !important; } .ui-dialog span {display:block;float:left;width:57%} .ui-dialog img.Banner {width:321px;display:block;float:left;} .ui-dialog span.AppText {float:right;width:270px;text-align:left;} .ui-dialog span.AppText img.Desktop { width:122px;padding-left:100px;} .ui-dialog span.AppText img {margin-bottom:20px;} .ui-dialog span.AppText p {font-size:1.2em;padding: 50px 0px 30px 100px;line-height:1.3em;} .ui-dialog .ui-dialog-content { padding: .5em 4em .5em 5em !important; } .ui-dialog span.AppText br.Hidden {display:block;} .MobileAppBox {border:1px solid #bababa; width: 965px; text-align:left; height:100px;margin: auto;display: table; margin: 0 auto;margin-bottom:20px;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .MobileAppBox span.BoxBanner img { width: 86px;margin-left:55px;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-bottom:0;margin-top:11px;} .MobileAppBox span.BoxText {font-size:1em;width:310px; padding-left:40px;padding-right:80px;text-transform:uppercase;line-height:1.2em;} .MobileAppBox span {display: table-cell; vertical-align: middle;} .MobileAppBox span.BoxImages {width:330px;} .MobileAppBox span.BoxBanner {width:200px;} .MobileAppBox span.BoxImages a {display:block;float:left;margin-right:30px;} /* @font-face { font-family:'RobotoCondensed'; src:url('http://my.renault.kz/Content/Fonts/Roboto-BoldCondensed.eot'); src:url('http://my.renault.kz/Content/Fonts/Roboto-BoldCondensed.eot#iefix') format('embedded-opentype'),url('http://my.renault.kz/Content/Fonts/Roboto-BoldCondensed.woff') format('woff'),url('http://my.renault.kz/Content/Fonts/Roboto-BoldCondensed.ttf') format('truetype'),url('http://my.renault.kz/Content/Fonts/Roboto-BoldCondensed.svg#RobotoCondensed') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'RobotoCondensedIE'; src:url('http://my.renault.kz/Content/Fonts/Roboto-BoldCondensed.eot'); font-weight:normal; font-style:normal; } */ /*Controls*/ .TextBox { border:1px solid #DADCDE; border-color:#DADCDE; padding:0 10px; height:30px;*height:28px;line-height:28\px;font-size:0.75em; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; -webkit-appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .TextArea {border-radius:0; -webkit-appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .TextBox.ReadOnly { border-color:#FFFFFF; cursor:default; } .Inactive { color:#666666; } .CheckBox { height:17px; min-width:17px; font-size:0.626em; } .CheckBoxLink a, .CheckBox a { background:url(../Images/Sprites.png) -245px -57px no-repeat; display:inline-block; width:17px; height:17px; overflow:hidden; float:left; m\ argin-right:-17px; } .CheckBoxLink a.LegalInfoLink {width:auto; } .Radio { height:15px; min-width:15px; } .Radio a { background:url(../Images/radio.png) -0px 1px no-repeat; display:inline-block; width:17px; height:17px; overflow:hidden; float:left; } .Radio a.checked {background:url(../Images/radioChecked.png) -0px 1px no-repeat;} .RadioLink {line-height:17px;} .CheckBox a.Checked, .CheckBoxLink a.Checked { background-position:-262px -57px; } .CheckBox label { white-space:nowrap; display:inline-block; height:17px; line-height:17px; float:left; margin:0px 5px; cursor:pointer; m\ argin-left:20px; } select.DropDownList { display:none; } .DropDownList { display:inline-block; border:1px solid #DADCDE; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .DropDownList.ReadOnly { border-color:#FFFFFF; } .DropDownList label { display:inline-block; overflow:hidden; white-space:nowrap; height:11px; line-height:11px; font-size:0.75em; padding:8px 10px 9px 10px; vertical-align:middle; text-align:left; color:#000000; float:left; } .DropDownList .DropDownListButton { display:inline-block; float:right; width:21px; height:28px; margin:0px; overflow:hidden; background:url(../Images/Sprites.png) -470px -76px no-repeat #D0CFCB; } .DropDownList.ReadOnly .DropDownListButton { background:none #FFFFFF; } .Button, a.Button { display:block;float:left;line-height:130%;font-family: NouvelR-Bold; background:url(../Images/Sprites.png) 0px -415px no-repeat; color:#FFFFFF; font-size:0.75em; margin-top:0;font-weight:bold;border:0px none; cursor:pointer; padding:8px 10px 7px 30px;*padding:6px 10px 6px 30px;width:auto; overflow:visible;margin-left:0;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius:0; } a.Button, a.Button:hover, a.Button:visited, a.Button:focus, a.Button:active { text-decoration:none; color:#FFFFFF; } .FBButton, a.FBButton { background:url(../Images/fbIcon.png) 0px 5px no-repeat;background-color:#3a5795;} @-moz-document url-prefix() { .Button, a.Button { padding:7px 10px 6px 30px; } } .bs-searchbox .form-control { border-radius:0; height:30px; } .bootstrap-select.btn-group .no-results { background-color:#ffffff; } .Thumb {cursor:pointer;} .Button.Grey, a.Button.Grey { background-position:0px -721px !important;} a:hover.Button { text-decoration:none; } .Link { display:inline-block; background:url(../Images/Link.gif) center left no-repeat; font-size:0.625em; padding-left:10px; height:1x; line-height:17px; color:#000000; } .Link.ArrowOnRight { background:url(../Images/Link.gif) center right no-repeat; padding-right:10px; font-weight: bold; font-family: NouvelR-Bold;} .Link.Preview { background: url(../Images/preview.png) 10px 0px no-repeat; padding-left: 38px; } .Tabs { border:1px solid #BABABA; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;*height:auto; } .Tabs .TabContainer { list-style-type:none; height:64px; } .Tabs .TabContainer .Tab { display:block; height:64px; width:50%; float:left; border-left:1px solid #BABABA; b\ order-left:0px none; border-bottom:1px solid #BABABA; background:url(../Images/Sprites.png) 0px -278px repeat-x transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .Tabs .TabContainer .Tab:first-child { border-left:0px none; } .Tabs .TabContainer .Tab.Active { background:#FFFFFF; border-bottom:0px none; } .Tabs .TabContainer .Tab a { b\ order-left:1px solid #BABABA; display:block; height:64px; line-height:64px; text-align:center; vertical-align:middle; font-weight:bold; font-size:0.75em; font-family: NouvelR-Bold;} .Tabs .TabContainer .Tab:first-child a { b\ order-left:0px none; } .Tabs .TabContent { padding:20px; } /*Common*/ html { width:100%; height:100%;font-family: NouvelR-Regular; overflow-x:hidden; } body { width:100%; height:100%; overflow:hidden auto; color:#000000; text-align:center; } a, a:hover, a:visited, a:focus, a:active { text-decoration: none; color: #000000; outline:none !important; } a:hover { text-decoration:underline; } img { width:100%; } b, strong, .Bold { font-weight: bold; font-family: NouvelR-Bold; } .Helvetica { /*font-family:RobotoCondensed,RobotoCondensedIE; */} .Helvetica40 { font-size:2.5em; } .Helvetica35 { font-size:2.3em; } .Helvetica30 { font-size:1.875em; } .Helvetica24 { font-size:1.5em; } .Helvetica20 { font-size:1.25em; } .Helvetica16 { font-size:1em; } .Helvetica12 { font-size:0.75em; } .Helvetica10 { font-size:0.7em; } .Helvetica.Title { text-transform:uppercase; margin-bottom:20px; } .Clear { visibility:hidden; clear:both;height:0px !important; } .Clear.Mobile490px { display: none; } .ShowBlockBelow1005px { display:none; } .DontShowBlockBelow1005px { display:block; } .Mobile490px { display: none; } .DontShowMobile490px_B { display: block; } div.Content { width:965px; margin:0 auto; text-align:left; } .Icon { display:inline-block; height:40px; overflow:hidden; background:url(../Images/Sprites.png) no-repeat transparent; } .Section .Icon {position:absolute;} .Icon.Home { width:36px; background-position:-266px -789px!important; } .Icon.Promotion { width:36px; background-position:-38px -826px!important; } .Icon.Broadcast { width:36px; background-position:-38px -789px!important; } .Icon.ServiceBooking {width:36px; background-position:-341px -789px!important; } .Icon.Forum {width:37px; background-position:-494px -789px!important; } .Icon.Vehicle { width:38px; background-position:-190px -789px!important; } .Icon.Message { width:36px; background-position:-419px -789px!important; } .Icon.Agenda {width:36px; background-position:-114px -826px!important; } .Icon.User { width:36px; background-position:-114px -789px!important; } .Icon.Tool { width:36px; background-position:-426px -80px!important; } .LeftColumn a:hover .Icon.User,.LeftColumn a.Active .Icon.User,.LeftColumn .Icon.User:hover { background-position:-76px -789px!important; } a:hover .Icon.Home,a.Active .Icon.Home,.Icon.Home:hover { background-position:-228px -789px!important; } a:hover .Icon.Promotion,a.Active .Icon.Promotion,.Icon.Promotion:hover { background-position:0px -826px!important; } a:hover .Icon.Broadcast,a.Active .Icon.Broadcast,.Icon.Broadcast:hover { background-position:0px -789px!important; } a:hover .Icon.ServiceBooking,a.Active .Icon.ServiceBooking,.Icon.ServiceBooking:hover { background-position:-303px -789px!important; } a:hover .Icon.Forum,a.Active .Icon.Forum,.Icon.Forum:hover { background-position:-456px -789px!important; } a:hover .Icon.Vehicle,a.Active .Icon.Vehicle,.Icon.Vehicle:hover { background-position:-153px -789px!important; } a:hover .Icon.Agenda,a.Active .Icon.Agenda,.Icon.Agenda:hover { background-position:-76px -826px!important; } .ValidFromBox { font-size: 0.7em; color: #8C8C8C; margin-top: 18px; } .ValidFromBox span { font-weight: bold; color: #000; } a:hover .Icon.Message,a.Active .Icon.Message,.Icon.Message:hover { background-position:-381px -789px!important; } /* a:hover .Icon.User,a.Active .Icon.User,.Icon.User:hover { background-position:-136px -80px!important; } a:hover .Icon.Tool,a.Active .Icon.Tool,.Icon.Tool:hover { background-position:-396px -80px!important; }*/ .Icon.Home.NoHover { background-position:-266px -789px!important; } .Icon.Promotion.NoHover { width:36px; background-position:-38px -826px!important; } .Icon.Broadcast.NoHover { width:36px; background-position:-38px -789px!important; } .Icon.ServiceBooking.NoHover {width:36px; background-position:-341px -789px!important; } .Icon.Forum.NoHover {width:37px; background-position:-494px -789px!important; } .Icon.Vehicle.NoHover { width:38px; background-position:-190px -789px!important; } .Icon.Message.NoHover { background-position:-419px -789px!important; } .Icon.User.NoHover { background-position:-163px -789px!important; } .Icon.Tool.NoHover { background-position:-426px -789px!important; } .PlaceHolder { position:relative; } .BackgroundImage { position:absolute; top:0px; left:0px; z-index:1; } .Validator { color:#FF0000; display:none; background:url(../Images/Validator.gif) left center no-repeat #FFFFFF; height:15px; line-height:15px; margin:5px 0px; font-size:0.75em; padding-left:20px; clear:left; m\ argin-top:-5px; } .Form>.Title { height:33px; line-height:33px; display:block;} .Form>.Title .Button { float:right; m\ argin-top:-32px; } .Field { clear:both; } .Field.TwoColumn.First {margin-right:9%;} .Field.TwoColumn {float:left;width:40%;clear:none;} .Field.TwoColumn .Title {width:40%;} .Field.TwoColumn .TextBox{width:50%;height:30px;*height:28px;} .Field .Title { font-size:12px; font-weight:bold; display:block; height:33px; padding-top:10px; width:40%; float:left; } .Field .TextBox { width:50%; w\ idth:45%; } .Field span.DropdownList div.RSIDropDownList_Container{ width:100%; } .Field span.DropdownList {font-size:0.8em;display:none;} .Close { display:block; width:23px; height:24px; overflow:hidden; background:url(../Images/Sprites.png) -180px -49px no-repeat transparent; } .Close.Black { background-position:-222px -49px; } .RSIDropDownList_Container { font-size: 0.7em; } .RSIDropDownList_Container.Day { width: 50px; } .RSIDropDownList_Container.Month { width: 90px; } .RSIDropDownList_Container.Year { width: 60px; } .RegisterHelp {position:absolute; top:20px; right:20px;font-size:0.7em;background: url(../Images/Link.gif) center left no-repeat;padding-left: 10px;} /*TopMenu*/ .TopMenuContainer {width:100%;background-color:#efefef;text-align:center;} .TopMenu { width:965px; min-height:10px; padding:10px 0px 10px 0px; display:block; font-size:0.75em; margin:0 auto;} .TopMenu.Mobile {display:none;} .TopMenu menu { list-style-type:none; float:right; } .TopMenu menu li { border-left:0px solid #A2A5A4; float:left; height:10px; line-height:10px; vertical-align:middle; } .TopMenu menu li:first-child { border-left:0px none; } .TopMenu menu li a { display:inline-block; d\ isplay:block; color:#A2A5A4; margin:0px 10px;padding-right:10px; } .TopMenu menu li a.LastItem {margin-right:0;background-image:none;padding-right:0;} .TopMenu menu li a.Last {margin-left:10px;margin-right:0;background-image:none;padding-right:0;} .TopMenu menu li.Last {background-image:none;} .TopMenu menu li:first-child a { margin-left:0px; } .TopMenu menu li span { display:inline-block; color:#000000!important; margin:0px 0px 0px 10px; w\ idth:195px; } .TopMenu menu li .DropDownList { width:154px; background:#EAE9E8; margin:-4px 0px -4px 0px; f\ loat:right; m\ argin-top:-12px; border:none; } .TopMenu menu li .DropDownList label { display:inline-block; width:116px; height:15px; line-height:15px; padding:0px 10px; vertical-align:middle; text-align:left; color:#000000; float:left; } .TopMenu menu li .DropDownList .DropDownListButton { display:inline-block; float:right; width:18px; height:15px; margin:0px; overflow:hidden; background:url(../Images/Sprites.png) -203px -49px no-repeat #D0CFCB; } .TopMenu menu li .DropDownList .DropDownListButton:hover { background-position:-203px -64px; background-color:#EAE9E8; } /*Header*/ .FontNouvelR .Font-ar { font-family: NouvelR-Regular-AR !important; } .FontNouvelR { font-family: NouvelR-Regular !important; } .FontNouvelR.Bold, .FontNouvelR .Bold { font-weight: bold; font-family: NouvelR-Bold; } .PageHeader { background-color: #000000; color: #ffffff; padding: 0; } .PageHeader div.PageHeaderContent { width: 965px; margin: 0 auto; text-align: left; height: 110px; } .PageHeader .TopMenu menu li a { color: #ffffff; } .PageHeader .Logo { float: left; } .PageHeader .Logo img { width: auto; } .PageHeader .PageHeaderTitle { text-transform: uppercase; font-size: 1.8em; padding-right: 40px; float: right; line-height: 110px; } .PageHeader .TopMenu { padding-bottom: 5px; } div.Content .Header { height:80px; margin-top:15px; } div.Content .Header .Show380 {display:none;} div.Content .Header h2 { display:none; height:32px; line-height:32px; vertical-align:middle; text-transform:uppercase; } div.Content .Header .Logo { z-index:100; position:relative; display:block; float:right; width:190px; height:60px; margin-top:10px; background:url(../Images/logoNew.PNG) 0px 0px no-repeat #FFFFFF; } div.Content .Header .Title { z-index:1; position:relative; height:80px;margin-left:0px; padding:0px 60px 0px 0px; text-align:left; vertical-align:middle; border:0px solid #000000; font-size: 1.75em; font-family: NouvelR-Regular; font-weight: 400; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; l\ eft:-1px; m\ argin-right:-1px; p\ adding:0px; } div.Content .Header .Title h1 { overflow:hidden; display:block; vertical-align:middle; height:78px; line-height:78px; text-transform:capitalize; float:left; m\ argin-left:20px;font-family: FSRenaultBeta-Light, FSRenaultBetaLatin-Light; } div.Content .Header .Title h1 span{font-family: NouvelR-Regular; font-weight: 400;} div.Content .Header .Title div { background:url(../Images/Koleos.png) center no-repeat; float:right; vertical-align:middle; width:150px; height:78px; line-height:78px; m\ argin-right:60px; } div.Content .Header .Title span.SpanBanner { background:url(../Images/Sprites.png) -140px -40px no-repeat; display:block; width:40px; height:40px; position:absolute; right:-1px; bottom:-1px; } /*MainMenu*/ .mobile-menu { display: none; } div.Content .MainMenu { font-size:10px; height:13px; padding:19px 0px 8px 0px; } div.Content .MainMenu a { display:none; font-size:13px;} div.Content .MainMenu menu { list-style-type:none; position:relative; z-index:1000; } div.Content .MainMenu menu li { float:left; height:13px; line-height:13px; vertical-align:middle; } div.Content .MainMenu menu li:first-child { border-left:0px none; } div.Content .MainMenu menu li a { display:block; color:#000000; margin:0px 0px; text-transform:uppercase; font-weight:bold; height:13px; line-height:13px;position:relative;} div.Content .MainMenu menu li:first-child a { margin-left:0px; } div.Content .MainMenu menu li a:hover { color:#efdf00; text-decoration:none; } /*Breadcrumbs*/ .BreadCrumbs { font-size:10px; height:35px;padding:0px 13px; background-color:#efefef; list-style-type:none;font-size:0.75em; } .BreadCrumbs.Mobile { display:none; padding-left:20px; background-position:0px -137px; } .BreadCrumbs li { height:35px;float:left; vertical-align:middle; background:url(../Images/BreadCrumb.gif) left center no-repeat; m\ argin-top:-1px; } .BreadCrumbs li a { color:#6C6F70; margin:0px 10px 0px 15px;line-height:130%;display:block;float:left; padding:10px 0px 3px 0px;*padding:11px 0px 4px 0px;} .BreadCrumbs li:first-child { background-image:none; } .BreadCrumbs li:first-child a { margin-left:0px; } /*Content*/ div.Content .MiddleColumn {padding-top:20px; margin:0px 0px 20px 0px; min-height:355px; position:static; *position:relative;} div.Content .MiddleColumn .LeftColumn {float:left; max-width:633px; width:auto; } div.Content .MiddleColumn .LeftColumn .PlaceHolder .Title { position:absolute; top:0px; left:0px; display:block; text-transform:uppercase; width:55%; padding:20px; line-height:1.2em; } div.Content .MiddleColumn .LeftColumn .PlaceHolder .MiddleLoginContainer .Title { width:100%;padding:0;position:relative;} div.Content .MiddleColumn .RightColumn { float:right; width:322px; } div.Content .MiddleColumn .RightColumn.Content { text-align:left; width:79%; margin-top:0px; } div.Content .MiddleColumn .RightColumn.Content p { color:#6C6B70; font-size:0.75em; line-height:1.2em; margin-bottom:20px; } div.Content .MiddleColumn .LeftColumn.Menu { width:19.27%; max-width:inherit; } div.Content .MiddleColumn .LeftColumn.Menu nav { list-style-type:none; } div.Content .MiddleColumn .LeftColumn.Menu nav a { position:relative; display:block; height:60px; vertical-align:middle; margin-top:1px; text-transform:uppercase; background:url(../Images/menu_gr.png) 0px 0px repeat-x #e9e8e8; } div.Content .MiddleColumn .LeftColumn.Menu nav a:hover,div.Content .MiddleColumn .LeftColumn.Menu nav a.Active { background:#f8b800 url(../Images/menu_gr_a.png) 0px 0px repeat-x; color:#FFFFFF; text-decoration:none; } div.Content .MiddleColumn .LeftColumn.Menu nav a .IconContainer { width:60px; height:48px; margin-right:5px; padding-top:12px; text-align:center; float:left; } div.Content .MiddleColumn .LeftColumn.Menu nav a .IconContainer.Agenda { padding-top:8px; } div.Content .MiddleColumn .LeftColumn.Menu nav a sup {margin-top:18px;float:right; font-size:0.9em;font-size:1.1em\9; color:#FFFFFF; display:inline-block; width:34px; padding:9px 2px 9px 2px;padding-top:7px\9; vertical-align:middle; text-align:center; overflow:hidden; background:url(../Images/Sprites.png) -531px -78px no-repeat transparent; } :root div.Content .MiddleColumn .LeftColumn.Menu nav a sup { padding-top:8px \0/IE9; } div.Content .MiddleColumn .LeftColumn.Menu nav a span.badge { display: inline-block; background-color: #efdf00; border-color: black; border-width: 1px; border: 2px solid white; padding:3px 3.5px; position:relative; left:-30px; top:7px; } div.Content .MiddleColumn .LeftColumn.Menu nav a label {position:absolute;top:25px;*position:relative;font-weight:bold; font-family: NouvelR-Bold;} div.Content .MiddleColumn .LeftColumn.Menu nav a label.VerticalMenuItem {position:relative;top:0;height: 60px;display: table;padding-right:10px;} div.Content .MiddleColumn .LeftColumn.Menu nav a label.VerticalMenuItem span {display: table-cell; vertical-align: middle;font-weight:bold; font-family: NouvelR-Bold;} div.Content .MiddleColumn .LeftColumn.Menu nav a label.News {position:relative;top:24px;position:absolute;width:110px;height:30px;} div.Content .MiddleColumn .BigSmallColumn.Border { background:url(../Images/BigSmallColumn.gif) left bottom no-repeat; padding-bottom:1px; } div.Content .MiddleColumn .BigSmallColumn.NoBorder .LeftColumn { border:0px;} div.Content .MiddleColumn .BigSmallColumn.Border .WebPart.Login { height:192px; h\ eight:172px; } #LogInButton {margin-bottom:10px;} div.Content .MiddleColumn .BigSmallColumn .PlaceHolder { overflow:hidden; margin-bottom:-1px; } .Register div.Content .MiddleColumn .BigSmallColumn .PlaceHolder { overflow:visible; } div.Content .MiddleColumn .BigSmallColumn .PlaceHolder .PlaceHolder { position:relative; margin:0px; } div.Content .MiddleColumn .BigSmallColumn .PlaceHolder .PlaceHolder.BackgroundImage { font-size:0; f\ ont-size:0.1em; } div.Content .MiddleColumn .BigSmallColumn .PlaceHolder .PlaceHolder.BackgroundImage .Title { font-size:large; f\ ont-size:10em; } div.Content .MiddleColumn .BigSmallColumn.Border .LeftColumn { padding-bottom:1000px; margin-bottom:-1000px; w\ idth:631px; } div.Content .MiddleColumn .BigSmallColumn.Border .RightColumn { padding-bottom:2000px; margin-bottom:-2000px; w\ idth:320px; } div.Content .MiddleColumn .BigSmallColumn.NoBorder .LeftColumn { w\ idth:631px; } div.Content .MiddleColumn .BigSmallColumn.NoBorder .RightColumn { padding-bottom:10px; w\ idth:320px; } div.Content .BottomRow { clear:both; } div.Content .MiddleColumn .BigSmallColumn.NoBorder .LeftColumn.LogOn {width:633px;} /*Footer*/ div.FooterContainer { background-color: #000000; } div.FooterContainer .Footer { *position: relative; border-top: 0px solid #000000; font-size: 10px; min-height: 10px; padding: 0px 0px; padding-top: 0px; padding-bottom: 10px; width: 965px; margin: 0 auto; } div.FooterContainer .Footer.TopMenu.Bottom {padding-top:0;} div.FooterContainer .Footer menu.Links { list-style-type:none; margin-top:0px;display:block;float:left;margin-bottom:0px; } div.FooterContainer .Footer menu.SocialMedia { list-style-type:none; margin-top:0px; display:block;float:right;margin-top:5px; } div.FooterContainer .Footer menu li { font-size:1.1em;display:inline; border-left:0px solid #A2A5A4; line-height:30px; float:none; d\ isplay:block; f\ loat:left; l\ ine-height:10px; } div.FooterContainer .Footer menu.SocialMedia li{border-left:0;line-height:20px;} div.FooterContainer .Footer menu li:first-child { border-left:0px none; } div.FooterContainer .Footer menu li a,div.FooterContainer .Footer menu li span { color:#FFFFFF; margin:0px 10px; } div.FooterContainer .Footer menu.SocialMedia li a {margin:0 5px;} div.FooterContainer .Footer menu.SocialMedia li img {height:20px;width:22px;} div.FooterContainer .Footer menu li a { display:inline-block; } div.FooterContainer .Footer menu li:first-child a { margin-left:0px; } div.Content .SocialMediaMobile {display:none;} /*WebPart*/ .WebPart { width:322px; height:179px; padding:20px 0px 0 0;*padding:10px 0px 0 0; margin-top:10px; h\ eight:139px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .WebPart:first-child { margin-top:0px; } .NewsIndex .WebPart { margin-left:0px; } .WebPart.WebPart0,.WebPart.WebPart3 { margin-left:0; } .WebPart.WebPart2,.WebPart.WebPart5 { clear:right; } .WebPart .Container { height:100%; margin:0px 10px; } .WebPart .Container.Layer { display:none; position:relative; } .WebPart .Close { position:absolute; top:15px; right:10px; } .WebPart .Container .Title, .WebPart .PDFContainer .Title { display:block; text-transform:uppercase; margin-bottom:15px; color:#000000; } .WebPart .Container .Title.Helvetica, .WebPart.Register .Container .Title.Helvetica {font-weight:bold;} .WebPart .Container .Title.Helvetica em {-ms-word-break:break-all; word-break:break-all;} .WebPart .Container .Title span { display:block; line-height:1.2em; font-family:NouvelR-Regular; font-size:0.75em; text-transform:none; } .WebPart .Container .TextBox { display:block; margin-bottom:9px; } .WebPart .Container .Form { border:none; } .WebPart .Container .Form .TextBox { display:block; margin-bottom:10px; } .WebPart .Container .Button { display:block; max-height:30px;} .WebPart .Container .CheckBox { display:block; } .WebPart .Container .Link { display:block; } .WebPart .Container .Text { display:block; font-size:0.7em; line-height:1.2em; margin-bottom:9px; } /*.WebPart .Container .Text {height:45px;overflow:hidden;}*/ .WebPart.LightGrey { background:#F8F8F8; width:32.6%; height:160px; float:left; margin:0px; margin-left:1.1%; margin-bottom:1.1%; h\ eight:120px; } .WebPart.LightGrey.WebPart0,.WebPart.LightGrey.WebPart3 {margin-left:0;} .WebPart.LightGrey .Container { margin-left:35.1%; } .WebPart.LightGrey .Container .Title { margin-bottom:10px; } .WebPart.LightGrey .Container .Text { font-size:0.625em; color:#6D6E70; line-height:1.2em; } .WebPart.LightGrey .Container .Button { margin-top:10px; } .WebPart.Grey { background:url(../Images/Sprites.png) 0px -176px repeat-x #D9D9D9; } .WebPart.Orange { background:url(../Images/Sprites.png) 0px -482px repeat-x #efdf00; } .WebPart.Orange.Partial { background:#FFFFFF; border:1px solid #BABABA; border-top:0px none; margin-top:9px;*margin-top:5px; padding:0px 0px 10px 0px;*padding-bottom:0; } .WebPart.Orange.Partial .Container { background-color:#efdf00; padding:0px 10px;min-height:150px; } .WebPart.Orange.Partial .Container .ForgotEmailButton {*margin-bottom:10px;} .WebPart.Orange.Partial .Container .ForgotEmailButton #ForgotEmail {margin-top:0;} .WebPart.Orange.Partial .Container .Title { padding-top:20px; margin-bottom:15px; } .WebPart.Orange .Button { background-position:0px -721px; } .WebPart.Orange .Title { color:#FFFFFF; } .WebPart.Login.Partial.LastItem.White {margin-top:9px;} .WebPart.White { border:1px solid #BABABA; height:151px; w\ idth:320px; h\ eight:129px; } .WebPart.White.Partial { border-top:0px none; } .WebPart.White.Partial:first-child { border-top:1px solid #BABABA; padding-top:20px;* padding-top:10px; border-bottom:0px none; padding-bottom:1px; margin-bottom:-10px; } .WebPart.White.Partial:first-child .Container { border-bottom:1px solid #BABABA; } .WebPart.Iconic { width:312px; float:left; clear:none; border:0px none; border-left:1px solid #BABABA; margin:10px 0px 0px 10px; } .WebPart.Iconic:first-child { width:311px; margin-left:0; border-left:0px none; } .WebPart.Iconic .Container .IconContainer { width:50px; height:36px; margin-top:-10px; } .WebPart.Iconic .Text { font-size:0.625em; color:#6D6E70; } .WebPart.Main { width:397px; height:auto; padding:0px; float:left; } .NewsIndex .WebPart.Main { width:100%; padding:0px 0px 0px 0px; float:none; } .WebPart.Main .Container { margin:0px; } .WebPart.Main .Container .Image { margin-bottom:10px; } .NewsIndex .WebPart.Main .Container .Image { width:47%; margin-right:3%; float:left; } .WebPart.Main .Container .Text { font-size:1em; color:#6C6C6C; display:block; } .NewsIndex .WebPart.Main .Container .Text { display:inline; } .WebPart.News { width:341px; margin-top:0px; padding:0px; height:auto; float:right; } .NewsIndex .WebPart.News { width:100%; margin-top:20px; float:none; } .WebPart.News .Container { margin:0px; } .NewsIndex .WebPart.Main .Container a { text-decoration:none; } .NewsIndex .WebPart.Main .Container .Text { font-size: 0.8em; } .NewsIndex .WebPart.Main .Container .Title { margin-bottom: 8px; } .NewsIndex .WebPart.Main .Container .Links a:hover { text-decoration: underline; } .NewsIndex .WebPart.Main .Container .Links { float: right; width: 50%; border-top: 1px solid #bababb; border-bottom: 1px solid #bababb; margin-top: 18px; } .NewsIndex .WebPart.Main .Container .Links .Clear { border-bottom: 1px solid #bababb; visibility: inherit; } .NewsIndex .WebPart.Main .Container .Links .Link { padding: 14px 10px 14px 0px; } /*LeftMenu*/ div.Content .MiddleColumn .LeftColumn.Menu .WebPart.LightGrey { width:auto; height:auto; float:none; margin:0px; clear:both; } /*Legal Info */ .HtmlEditorText b {font-weight:bold;} .HtmlEditorText ul {list-style: disc;margin-left:20px;} .UserTextPage span.Text.HtmlEditorText {font-size:0.75em;} .UserTextPage span.Text.HtmlEditorText ul {font-size:1em;} .UserTextPage span.Text.HtmlEditorText ul li {line-height:1.5em;} div.Content .MiddleColumn .RightColumn.Content.UserTextPage span.Text.HtmlEditorText p {margin-bottom:0px;line-height:1.5em;font-size:1em;} /*Login*/ .WebPart.Login { height:153px; } .WebPart.Login.Partial.Error {} .WebPart.Login.Orange { h\ eight:156px; } .WebPart.Login.Orange .Container { background-image:none; } .WebPart.Login .Container .TextBox { width:144px; float:left; w\ idth:122px; } .WebPart.Login .Container .TextBox.Password { float:left; margin-left:10px; } :root .WebPart.Login .Container .TextBox.Password { height:29\px;} .WebPart.Login .Container .Button { clear:both; margin-bottom:0px; } .Button.ForgotButton.Small {font-size:0.65em;height:30px;box-sizing:border-box;} .WebPart.Login.Orange .Container .TextBox { float:left; margin-right:10px; } .WebPart.Login .Container .CheckBox { float:left; clear:left; margin-right:10px; } .WebPart.Login .Container .Links {float:right;} .WebPart.Login .Container .Link { float:right; margin-right:0px; } .WebPart.Login .Container .Link.ForgotEmailLink {margin-right:20px;} .WebPart.Login .Container .Link.Help { float:right; } .WebPart.Register .Container .Title { line-height:1.2em; } .WebPart.Register .Container .Link { margin-top:0.5em; height:2.5em; line-height:2.5em; vertical-align:middle; m\ argin-top:0.25em; } .WebPart.PlaceHolder.Register { padding-bottom:20px; position:static; left:auto; top:auto; width:633px; height:100%; min-height:315px; margin:0px; border:1px solid #BABABA; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .WebPart.PlaceHolder.Register .Container { margin:0px 20px; } #RegistrationForm .Close ,#RegistrationForm .Up ,#RegistrationForm .Down {display:none;} .WebPart.PlaceHolder.Register .Container .Field.Checkboxes {font-size:0.7em;margin:10px 0;padding-bottom:10px;border-bottom:1px solid #000000;width:100%;color:#A2A5A4;} .WebPart.PlaceHolder.Register .Container .Field.Checkboxes .ValidationResult {font-size:1.1em;} .WebPart.PlaceHolder.Register .Container .Field.Checkboxes .CheckBox{display:block;float:left;margin-left:30px;} .WebPart.PlaceHolder.Register .Container .Field.Checkboxes .LegalInfoLink {color:#A2A5A4;background:#FFFFFF;height: 18px;line-height: 18px;width:auto;text-decoration:underline;} .WebPart.PlaceHolder.Register .Container .Field.Checkboxes div {height:18px;line-height:18px;float:left; margin:0px 5px; cursor:pointer; m\ argin-left:20px; } .WebPart.PlaceHolder.Register .Container .Field.Checkboxes .CheckBoxLink div {} .WebPart.PlaceHolder.Register .Container .Field.RadioField {width:100%;margin-bottom:5px;color:#A2A5A4;font-size:0.7em;} .WebPart.PlaceHolder.Register .Container .Field.RadioField .RadioLink {padding-left:5px;} div.Content .MiddleColumn.Register {margin-top:20px;padding-top:0; background:url(../LanguageImages/register_desktop.png) 646px 0px repeat-y;} div.Content .MiddleColumn.Register.NoColor { background-image:none; } div.Content .MiddleColumn.Register .BigSmallColumn .RightColumn {width:319px;overflow:hidden;position:relative;} div.Content .MiddleColumn.Register .BigSmallColumn .RightColumn img {width:auto;float:right;*position:relative;*right:315px;} div.Content .MiddleColumn .BigSmallColumn .RightColumn img.VerticalImage {*right: 0;} div.Content .MiddleColumn.Register div.LegalInfo {padding:25px;min-height:320px;} div.Content .MiddleColumn.Register div.LegalInfo .Close {float:right;} .WebPart.PlaceHolder.Register .TextBox {padding:0 8px;} .WebPart.PlaceHolder.Register .Container .Field.Checkboxes .CheckBoxLink div div {margin-left:0px;} .IE7RSIDropDownList_ListContainer {*font-size:0.8em !important;*color:#666;} .WebPart.PlaceHolder.Register .RSIDropDownList_Container.Day {float: left;width: 50px !important;margin-right: 10px;font-size:0.8em !important;color:#000000;font-weight:bold;} .WebPart.PlaceHolder.Register .RSIDropDownList_Container.Month {float: left;width: 120px !important;margin-right: 10px;font-size:0.8em !important;color:#000000;font-weight:bold;*width:140px !important;} .WebPart.PlaceHolder.Register .RSIDropDownList_Container.Year {float: left;width: 72px !important;font-size:0.8em !important;color:#000000;font-weight:bold;} .WebPart.PlaceHolder.Register .Container .Field.FieldRSIDate {margin-bottom:6px !important;position:relative;top:0;left:0;} .WebPart.PlaceHolder.Register .Container .Field.FieldRSIDate .Date {float:left;width:310px;margin-bottom:10px;} .WebPart.PlaceHolder.Register .Container .Field.FieldRSIDate .Date.Day {width:20%;} .WebPart.PlaceHolder.Register .Container .Field.FieldRSIDate .Date.Month {width:40%;margin-left:5%;} .WebPart.PlaceHolder.Register .Container .Field.FieldRSIDate .Date.Year {width:30%;margin-left:5%;} div.Content .MiddleColumn .LeftColumn .WebPart.PlaceHolder.Register .Title { position:static; left:auto; top:auto; padding:0px; } .WebPart.PlaceHolder.Register .Container .Form { width:auto; float:none; } .WebPart.PlaceHolder.Register .Container .Field { float:left; clear:left; margin:0px; width:50%; *margin-bottom:10px;} .WebPart.PlaceHolder.Register .Container .Disclaimer { width:280px; color:#999999; float:right; clear:right; position:absolute;*position:relative; top:75px;*top:0; right:0px; } .WebPart.PlaceHolder.Register .Container .Disclaimer label {font-size:1.2em;} .WebPart.PlaceHolder.Register .Container .Disclaimer .CheckBox { text-transform:uppercase; } .WebPart.PlaceHolder.Register .Container .Disclaimer .Text { padding-left:22px; line-height:1.2em;font-size:0.75em; } .WebPart.PlaceHolder.Register .Container .TextBox { float:left;width:310px; font-weight:bold;color:#000000;margin-top:0;} .WebPart.PlaceHolder.Register .Container .FieldDescription .TextBox {width:285px;border-right:0;} .WebPart.PlaceHolder.Register .Container .TipBox {cursor:pointer;float:left;width:24px;height:28px;border: 1px solid #DADCDE;background:url(../Images/detailTipBox.png) 4px 6px no-repeat;border-left:0;} .WebPart.PlaceHolder.Register .Container .FieldDescription {position:relative;} .WebPart.PlaceHolder.Register .Container .FieldDescription .Description {display:none;color: #8C8C8C;font-size: 0.7em;z-index:1000;position:absolute;width:300px;left:140px;top:0px;} .WebPart.PlaceHolder.Register .Container .FieldDescription .Description span.TipText {display:block;padding:10px;background-color:#FFFFFF;border:1px solid #DADCDE;border-bottom:0;} .WebPart.PlaceHolder.Register .Container .FieldDescription .Description span.TipArrow {display:block;background:url(../Images/tip.png) right 0px no-repeat;height:6px;width:100%;} .WebPart.PlaceHolder.Register .Container .Field {width:100%;} .WebPart.PlaceHolder.Register .Container .ButtonsField {margin-top:10px;height:30px;} .WebPart.PlaceHolder.Register .Container .Field label { margin-top:5px;color:#8C8C8C;font-size:0.7em;clear: both; #position: relative; #top: -50%;display:block;} .Vertical1 {display: table !important; #display: block !important;#position: relative; overflow: visible; float:left; height:30px; width:100%;} .Vertical2 {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;} .WebPart.PlaceHolder.Register .Container .Vertical1 {width:120px;margin-right:10px;} #MyDataForm .Vertical1, #MyContactDataForm .Vertical1 {font-size: 0.75em;font-weight: bold;width: 40%;font-family: NouvelR-Bold;} #MyDataForm .Field.Full .Vertical1, #MyContactDataForm .Field.Full .Vertical1 {font-size: 0.75em;font-weight: bold;width: 20%;font-family: NouvelR-Bold;} #MyDataForm .Options, #MyContactDataForm .Options {display:none;} #MyDataForm .Field.TwoColumn, #MyContactDataForm .Field.TwoColumn {margin-bottom: 10px;} .DataDetails.DataDetailsImage #MyDataForm .Field.TwoColumn {clear:both;} .DataDetails.DataDetailsImage #MyDataForm .Field {width:100%;} .DataDetails.DataDetailsImage #MyDataForm .Vertical1, .DataDetails.DataDetailsImage .Form .Field.Full label.Title, .DataDetails.DataDetailsImage .Field.TwoColumn .Title { width:28%;} .DataDetails.DataDetailsImage #MyDataForm .eMail {width:36%;} .AccountDetails .Form .FieldRSIDate .Date { width:38.5%; } .DataDetails.DataDetailsImage .Form .FieldRSIDate { width:100%; } .AccountDetails .Field.TwoColumn .TextBox, .AccountDetails div.Field div.DropdownContainer { float: right; } .AccountDetails .DataDetails.DataDetailsImage .Field.TwoColumn .TextBox, .AccountDetails .DataDetails.DataDetailsImage div.Field div.DropdownContainer { float:left; } .AccountDetails .Field.First.TwoColumn .TextBox, .AccountDetails div.Field.First div.DropdownContainer { float: left; } .DataDetails.DataDetailsImage .Form .FieldRSIDate .Date.DateContainer { width: 55.5%; } .DataDetails.DataDetailsImage .Field.TwoColumn .TextBox {width:36%;} .AccountDetails .DataDetails.DataDetailsImage div.Field div.DropdownContainer { width:36%; } .AccountDetails .Form .Field.Full label.Title {width:20%;} .AccountDetails #MyDataForm .Field.Full .TextBox { width: 25%; } .AccountDetails .DataDetails.DataDetailsImage #MyDataForm .Field.Full .TextBox { width: 36%; } .AccountDetails .Form .Field {width:50%;margin-right:0;} .Field.TwoColumn .TextBox {width:50%;} #MyContactDataForm .Field.TwoColumn { float: right; margin-right:0; } #MyContactDataForm .Field.TwoColumn.First { float:left; margin-right:0%; } .AccountDetails div.Field div.DropdownContainer { width:50%; } #MyContactDataForm .Field .TextBox, #MyContactDataForm div.Field div.DropdownContainer { float:right; } #MyContactDataForm .Field.First .TextBox, #MyContactDataForm div.Field.First div.DropdownContainer { float:left; } .WebPart.PlaceHolder.Register .Container .Field.RegistrationModelDescription {color:#8C8C8C;font-size:0.7em;padding-bottom:10px;} .WebPart.PlaceHolder.Register .Container .Field div.Password {color:#8C8C8C;font-size:0.7em;width:120px; margin-right:10px;} .WebPart.PlaceHolder.Register .Container .TextBox.Password { width:150px; *width:139px; float:left; margin-right:10px; } .WebPart.PlaceHolder.Register .Container .TextBox.ConfirmPassword { width:150px; *width:139px;float:left; clear:right; } .WebPart.PlaceHolder.Register .Container .Button { margin-right:10px; m\ argin-top:10px; } .WebPart.PlaceHolder.Register div.Field .RSIDropDownList_Container {float:left;font-weight:bold;color:#000000;font-size:0.75em !important;width: 308px;*width:328px;margin-bottom: 9px;} div.Content .MiddleColumn .BigSmallColumn .LeftColumn { border:1px solid #BABABA; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } div.Content .MiddleColumn .BigSmallColumn .LeftColumn .WebPart { border:0px none; } div.Content .MiddleColumn .BigSmallColumn .RightColumn { border:1px solid #BABABA; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart { border:0px none; width:320px; } /* Register*/ .VerticalImage {display:block;} .DefaultImage {display:none;} div.Content .MiddleColumn.RegisterConfirmation .BigSmallColumn .LeftColumn {min-height:500px;} div.RegisterForm span.DropdownList {display:block;font-size:1em;} .RegisterVINDuplicateMessage strong {color:#000;display:block;} .RegisterVINDuplicateMessage a {cursor:pointer;padding: 5px 0; display: block; text-decoration:underline; } .RegisterVINDuplicateMessage a.Hidden {display:none;} /*MyData*/ .DataDetails { width: 100%; } .DataDetailsImage.ToRight { width:25%; } .DataDetailsImage.ToRight .SectionTitle { margin-bottom:0; } .DataDetailsImage div.UserPhotoContainer { width:100%; text-align:center; padding: 20px 10% 20px 10%; border:1px solid #BABABA; border-top:0; border-bottom:0; box-sizing:border-box; } .DataDetailsImage div.UserPhotoContainer img.DefaultImage { max-width:150px; display:inline; } .DataDetailsImage div.UserPhotoContainer .files { } .DataDetails.DataDetailsImage { width:70%; } #UploadForm { padding-top:10px; } #UploadForm .files { display:none; border: 1px solid #BABABA; border-top:0; /*border-bottom:0;*/ padding-bottom:20px; padding-top:20px; } #UploadForm .files .preview { display:block; } #UploadForm .files .preview canvas { width:100% !important; } #UploadForm .fileupload-buttonbar { border:1px solid #BABABA; border-top:0; margin-left:0; margin-right:0; width:100%; padding-bottom:20px; box-sizing:border-box; } #UploadForm .fileupload-buttonbar div { padding: 0 10% 0 10%; box-sizing:border-box; } #UploadForm .fileupload-buttonbar div, #UploadForm .files div { box-sizing: border-box; } #UploadForm .btn { box-sizing: border-box; text-align:left; } #UploadForm .btn.Button, #UploadForm .btn.Button:hover { overflow:hidden; } #UploadForm .Button.active, #UploadForm .Button:active { background:url(../Images/Sprites.png) 0px -415px no-repeat; box-shadow: none; } .progress-bar-success, .progress-bar { background-color: #f8b800 ; } #UploadForm .btn, #UploadForm .toggle { width:100% } #UploadForm .files .btn { margin-bottom:5px; } /*.Form { width:49.9%; border-left:1px solid #BABABA; float:right; }*/ .Form { border-left:none; float:left;width:100%; } .Form>.Title,.Form>.Field { margin-left:0px; } .Form .Field {width:40%;} .Form .Field .Field {width:100%;} .Form .Field.Full {width:100%;text-align:left;} .Form .Field.Full label.Title {width:16%;} .Form .Field .Description {display:none;} .Form .FieldRSIDate .Date {float:left;width:32%;} .Field.FieldRSIDate .Date.Day {width:20%;} .Field.FieldRSIDate .Date.Month {width:40%;margin-left:5%;} .Field.FieldRSIDate .Date.Year {width:30%;margin-left:5%;} #MyDataForm {padding-top:10px;} .DispayInEditMode {display:none;} #MyDataForm .CheckBox {padding-left:10px;padding-top:10px;} #MyDataForm .CheckBox span {display:block;float:left;} #MyDataForm .CheckBoxField .Title {padding-top:0;} #MyDataForm .eMail {width:32%;} #MyDataForm .eMail.ReadOnly {width:40%;} #MyDataForm .RadioField, #MyDataForm .RadioField .Title {width:100%;height:20px;padding-top:5px;} #MyDataForm .RadioField .RadioLink {width:80%;padding-left:10px;} #MyContactDataForm {*padding-bottom:10px;margin-top:10px;border-bottom:0;font-size:16px;width:100%;} #MyContactDataForm label {margin-left:0;} #MyContactDataForm .Field .TextBox{width:50%;height:30px;*height:28px;} #MyContactDataForm .SectionTitle {*margin-bottom:10px;} #MyDataForm .RSIDropDownList_Container.Day {width: 50px !important;margin-right: 4.5%;} #MyDataForm .RSIDropDownList_Container.Month {width: 90px !important;margin-right: 4.5%;} #MyDataForm .RSIDropDownList_Container.Year {width: 70px; !important;} #MyDataForm .RSIDropDownList_Container,#MyContactDataForm .RSIDropDownList_Container {float:left;font-size:0.9em;color:#666;width:100%;} .DeleteAccountRequest {cursor:pointer;margin-top:10px;height:30px;line-height:30px;border-top:1px solid #000000;} .DeleteAccountRequest button {margin-top:10px;overflow:hidden;margin-right:0;text-align:left;} div.RSIDropDownList_ListContainer {*font-size:0.75em;*color:#666;} body.MyCars div.RSIDropDownList_ListContainer {*font-size:0.7em;*color:#000000;} body.MyCars .ModelIDContainer_LC {*font-size:1em;*font-weight:bold;} body.MyDealer div.RSIDropDownList_ListContainer {*color:#000000;*font-weight:bold;*font-size:0.7em;} body.ContactForm div.RSIDropDownList_ListContainer {*font-size:0.8em;*color:#000000;*font-weight:bold;} body.ContactForm .CountryIDContainer_LC, body.ContactForm .DealerIDContainer_LC {*font-weight:bold;} body.ContactForm .ProposedServiceTime_LC, body.ContactForm .TimePeriodID_LC, body.ContactForm .Day_LC, body.ContactForm .Month_LC, body.ContactForm .Year_LC {*font-weight:normal !important;} body.NewsArchiveBody .RSIDropDownList_ListContainer { f\ ont-size:0.7em; } .PagedContainer.NewsArchive .Head .FilterForm .ToLeft .PagesContainer { width: 170px; float: left; } .PagedContainer.NewsArchive .Head .FilterForm .ToLeft .CategoriesContainer { float: right; width: 170px; margin-left: 30px; } .PagedContainer.NewsArchive .bootstrap-select { width: 100% !important; } .PagedContainer.NewsArchive .Head .FilterForm .ToLeft .PagesContainer label { display: block; width: 170px; margin-left: 0; } .PagedContainer.NewsArchive .Head .FilterForm .ToLeft .PagesContainer label { display: block; width: 170px; line-height: 1em; } body.Register div.RSIDropDownList_ListContainer {*font-size:0.7em;*color:#000000;*font-weight:bold;} .Form button.EditUserDataButton {margin-right:0px;} .Form .RSIDropDownList_Bar,.Form .RSIDropDownList_ListContainer {} /*MyGarage*/ .MyCars .Vehicles { margin:0px; } .MyCars .RightColumn .Vehicle { padding-top:20px;*height:100%;float:left;min-height:280px;} .MyCars .Vehicle .Image { width:240px; float:left; } .MyCars .CarFormImage.Vehicle .Image {margin-bottom:20px;} .MyCars .CarFormImage.Vehicle .files {padding:0 10% 20px 10%;display:none;} .MyCars .Vehicle .FirstColumn {} .MyCars .Vehicle .Handbooks, .MyCars .HandbooksMobile { float:left; width:33%; } .HandbookLink { background:url(../Images/pdf.png) 15px 14px no-repeat; height:auto; border: 1px solid #bababa; margin-bottom:20px; } .PromotionImageLink { background:url(../Images/promotion.png) 15px 14px no-repeat; height:60px; border: 1px solid #bababa; margin-bottom:20px; } .PromotionImageBG { height:60px; } .PromotionImageText { padding-left:60px; margin-right:10px; padding-right:10px; text-transform: uppercase; height:60px; font-size:17px; font-weight:bold; color:#000000; padding-top:15px; display:block; background:url(../Images/carPromoLtr.png) right 22px no-repeat; } .PromotionImageText span { color:#999999; font-size:12px; } .HandbookLink .HandbookFile { padding-left:60px; padding-bottom:5px; color:#999999; } .HandbookLink .HandbookFile span { background:url(../Images/download.png) right 1px no-repeat; display: block; width: 90%; } .HandbookLink .HandbookFile.Last { padding-bottom:10px; } .HandbookLink .HandbookFile a { color:#999999; font-size:12px; font-weight:bold; padding-right:20px; display: block; width: 180px; } .MyCars .HandbooksMobile a { width:100%; } .MyCars .Vehicles .Vehicle .HandbookLink .Title, .MyCars .HandbookLink.HandbooksMobile .Title { /*background:url(../Images/nextMobile.gif) 270px center no-repeat;*/ text-transform: uppercase; font-size:17px; font-weight:bold; padding: 0px 0 0 60px; line-height:60px; color:#000000; height:50px; } .MyCars .Vehicles .Vehicle .HandbookLink.HandbookList .Title { height:50px; } .MyCars .Vehicle .Title { font-weight:normal; color: #666;display:block; font-size:0.7em;} .MyCars .Vehicles .Vehicle .Title {line-height:1.5em;} .MyCars .Vehicle .Text { display:block; line-height:1.5em;margin-bottom:10px;} .MyCars .Vehicle .Text.Last { margin-bottom:0px;} .MyCars .Vehicle .Title.Name { display:block;} .MyCars .Vehicles .Vehicle .CarData div {height:45px;width:135px;border-left: 1px solid #A2A5A4;padding-left:12px;} .MyCars .Vehicle .CarData {margin-bottom:20px;} .MyCars .Vehicle .CarData div .Text { margin-bottom:0px;padding-top:5px;} .MyCars .Vehicle .CarData div .Title {padding-top:5px;line-height: 1em;} .MyCars .Vehicle .CarData div.Clear {padding-bottom:20px;} .MyCars .Vehicle .CarData div.Clear.Last {padding-bottom:0px;} .MyCars .Vehicle .Description {margin-left:20px;} .MyCars .SliderImage .Vehicle .Description {margin-top:20px;} .MyCars .Vehicle .Description .FieldInput {margin-bottom:10px;margin-top:10px;} .MyCars .Vehicle .Description .Text b { font-weight:bold; padding-right:5px; } .MyCars .Vehicle .Description .Button { margin-top:10px; } .MyCars .Vehicle .Offer { float:right; width:162px; padding:10px 20px; font-size:1em; color:#6C6C6C; background:#EAE9E9; } .MyCars .Vehicle .Offer span.Text a {color:#6C6C6C; } .MyCars .Vehicle .Offer .Title { display:block; margin-bottom:5px; color:#000000; text-transform:uppercase; font-weight:bold; } .MyCars .Vehicle .Offer span.Text {font-size:0.7em;color:#000000;} .MyCars .Vehicle .Offer span.Text div {margin-top:2px;} .MyCars .Vehicle .ToRight a.PromotionImageLink img {width:300px;height: 62px;} a.PromotionImageLink {display:block;} .MyCars .PromotionImageLink {} .MyCars .CarouselContainer {position:relative;padding:0 50px;top:-10000px;overflow:hidden;} .MyCars .CarouselNav .Prev {position: absolute;top: 65px;left: 5px; width: 29px;height: 40px; cursor: pointer; text-indent:9999px; background: transparent url(../images/slider.png) no-repeat 0 0;} .MyCars .CarouselNav .Next {position: absolute;top: 65px;right: 5px; width: 29px;height: 40px; cursor: pointer; text-indent:9999px; background: transparent url(../images/slider.png) no-repeat -31px 0;} .MyCars .Pager {width: 100%;text-align: center;list-style: none;margin-bottom:20px;margin-top:20px;} .MyCars .Pager li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;} .MyCars .Pager li a {width: 15px;height: 15px;display: block;background: url(../images/slider_pagination.png) no-repeat 0 0;cursor: pointer;text-indent: -9999px;} .MyCars .Pager li.selected a {background: url(../images/slider_pagination.png) no-repeat right top;cursor: default;} .MyCars .CarForm .Vehicle {width:100%;} .MyCars .CarForm .Vehicle .Description { margin-left: 10px;} .MyCars .CarForm .Vehicle .Description .Field { margin-bottom:10px; } .MyCars .CarForm .Vehicle .Image {margin-left:70px;max-height:400px;} body.MyCars .Tabs .TabContent {padding: 20px 10px;} body.MyCars .Tabs {height:100%;*height:auto;} /*News*/ .WebPart .Container sup.NotReadNews, .NotReadNews { top: 5px; padding: 0px; padding-top: 0px!important; height: 33px; background: url(../Images/Sprites.png) -282px -76px no-repeat transparent; margin: -14px 0px 0px -4px; position: relative; display: inline-block; width: 46px; vertical-align: middle; text-align: center; overflow: hidden; } .WebPart.News menu { display:block; width:100%; height:64px; margin-bottom:10px; } .NewsIndex .WebPart.News menu { margin-bottom:20px; } .WebPart.News menu li { border-left:1px solid #FFFFFF; display:block; float:left; width:33%; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .WebPart.News menu li:first-child { border-left:0px none; } .WebPart.News menu li a { font-size:0.75em; font-weight:bold; display:block; width:100%; text-align:center; vertical-align:middle; } .WebPart.News menu li.Active div.Vertical1,.WebPart.News menu li div.Vertical1:hover {background-position:0px -567px; } .WebPart.News menu li.Active div.Vertical1 a,.WebPart.News menu li div.Vertical1:hover a {color:#FFFFFF; background-position:0px -567px;} .WebPart.News menu li div.Vertical1 {height:64px;background: url(../Images/Sprites.png) 0px -351px repeat-x;} .NewsItem { width:160px; height:auto; overflow:hidden; float:left; } div.Content .MiddleColumn .RightColumn.Content .NewsItem p {font-size:1em;line-height:1.6em;} .NewsIndex .NewsItem { width:49%; } .NewsItem .Image { margin-bottom:10px; } .NewsIndex .NewsItem .Image { width:45%; margin-right:5%; float:left; } .NewsItem.Image { margin-bottom:20px; } .NewsIndex .NewsItem.Image { width:24%; margin-left:1.3%; } .NewsIndex .NewsItem.Image:first-child { margin-left:0; } .NewsItem .Title { display:block; } .NewsItem .Text { color:#6C6C6C; } .NewsIndex .NewsItem .Text { width: 50%; w\ idth: 49%; float: right; line-height: 1.6em; height: auto; overflow: visible; } .NewsItem.NewsItem1,.NewsItem.NewsItem3,.NewsItem.NewsItem5,.NewsItem.NewsItem7,.NewsItem.NewsItem9,.NewsItem.NewsItem11,.NewsItem.NewsItem13 { float:right; } .NewsIndex .NewsItem.NewsItem1.Image, .NewsIndex .NewsItem.NewsItem3.Image { float:left; } /*Dashboard*/ .WebPart .Container sup { font-size:0.7em;font-size:0.8em\9; margin:-14px 0px 0px 4px; position:relative; top:4px; color:#FFFFFF; display:inline-block; width:34px; padding:11px 2px 9px 2px;padding-top:9px\9; vertical-align:middle; text-align:center; overflow:hidden; background:url(../Images/Sprites.png) -531px -76px no-repeat transparent; } :root .WebPart .Container sup { padding-top:11px \0/IE9; } .WebPart { position:relative; } .WebPart .IconContainer { display:inline-block; width:35.1%; height:100%; text-align:center; float:left; } .WebPart .IconContainer span { display:inline-block; display:inline-block; background:url(../Images/Sprites.png) no-repeat transparent; } .WebPart.WebPart0 .IconContainer span { width:53px; height:64px; background-position:-518px 0px; } .WebPart.WebPart1 .IconContainer span { width:68px; height:57px; background-position:-245px 0px; } .WebPart.WebPart2 .IconContainer span { width:73px; height:71px; background-position:-385px 0px; } .WebPart.WebPart3 .IconContainer span { width:72px; height:60px; background-position:-313px 0px; } .WebPart.WebPart4 .IconContainer span { width:65px; height:49px; background-position:-180px 0px; } .WebPart.WebPart5 .IconContainer span { width:60px; height:64px; background-position:-458px 0px; } .WebPart .Container .Link { display:inline-block; } .templatePreviewContainer { text-align: center; margin-top: 20px; } .templatePreviewContainer h2 { display:none; } /* PagedContainer */ .PagedContainer { border: 1px solid #bababa; width: 100%; height:100%;} .PagedContainer .Head { border-bottom: 1px solid #8C8C8C; margin: 0px 20px; padding: 18px 0px; } .PagedContainer .Head label { font-size: 0.7em; color: #8C8C8C; float:left; line-height: 30px; margin-left: 11px; margin-right: 5px; } .PagedContainer .Head .RSIDropDownList_Container { float:left; } .PagedContainer .Content { padding: 20px; width: auto; } .PagedContainer .Links { background-color: #ECECEB; } .PagedContainer .Links a { background-color: #ECECEB; height: 59px; border-top: 1px solid #bababa; display:block; float: left; font-weight:bold; line-height:59px; } .PagedContainer .Links a div { text-align: center; border-right: 1px solid #bababa; } .PagedContainer .Links a.PrevPage { background: #ECECEB url(../Images/prev.png) center no-repeat; text-decoration: none; } .PagedContainer .Links a.Link { background-image: none; padding-left: 0px; } .PagedContainer .Links a.Link.ActivePage { background-color: white; border-top: 0px; } .PagedContainer .Links a.NextPage { background: #ECECEB url(../Images/next.png) center no-repeat; text-decoration: none; } .PagedContainer .Links a.NextPage div { border-right: 0px; } .PagedContainer.OnlyOnePage .Links { display: none; } /* Promotions */ .PagedContainer.Promotions .StaticOffer {padding:20px 0;font-weight:normal;font-size:0.8em;color: #8C8C8C;} .PagedContainer.Promotions .StaticOffer a {text-decoration:underline;color: #8C8C8C !important;} .PagedContainer.Promotions.Static {border:0;} .PagedContainer.Promotions .Content { padding-bottom: 0px; } .PagedContainer.Promotions .Content .PromotionItem { padding: 0px 0px 20px 0px; } .PagedContainer.Promotions .Content .PromotionItem div.ImageContainer, .PagedContainer.Promotions .Content .PromotionItem div.ContentContainer { float:left; } .PagedContainer.Promotions .Content .PromotionItem div.ContentContainer .Foot { width: 100%;font-size: 0.7em; color: #8C8C8C; } .PagedContainer.Promotions .Content .PromotionItem div.ImageContainer { width: 23%; height:100%; overflow: hidden; margin-right: 3%; /* text-align: center; */ } .PagedContainer.Promotions .Content .PromotionItem div.ImageContainer img.Image { margin: 0px; width:100%; height: auto; } .PagedContainer.Promotions .Content .PromotionItem div.ImageContainer_Mobile490px { display:none; } .PagedContainer.Promotions .Content .PromotionItem div.ContentContainer { width: 74%; w\ idth: 73%; height:100%; position: relative; } .PagedContainer.Promotions .Content .PromotionItem div.ContentContainer .Text { font-size: 0.7em; color: #8C8C8C; margin-top: 10px; overflow: hidden; } .PagedContainer.Promotions .Content .PromotionItem div.ContentContainer .Foot .Box { margin-top: 5px; } .PagedContainer.Promotions .Content .PromotionItem div.ContentContainer .Foot span { font-weight: bold; color: #000; } .PagedContainer.Promotions .Content .PromotionItem div.ContentContainer .Foot .ToRight { text-align: right; } /* Promotion */ .Promotion .LeftPart { float: left; width:100%; margin-bottom: 20px; } .Promotion .Images { width: 45%; float:right; margin-top: 3%; } .Promotion .WebPart { width: auto; } .Promotion .WebPart.Content { height:auto; } .Promotion .PrintButtons { float: right; width: 20%; } .Promotion .PrintButtons .Button { margin-right:0px; margin-bottom: 8px; float: right; } div.Content .MiddleColumn .RightColumn.Content .Promotion .Text p {font-size:1em;} .Promotion .Text.TextMaxWidth { width: 100%; } .Promotion .Text { width: 80%;color: #8C8C8C; float: left; font-size: 0.75em; line-height: 18px; } .Promotion .Text b {font-weight:bold;} .Promotion .Text ul, .Promotion .Text ul li { list-style: disc;} .Promotion .Text ul {padding-left:20px;margin-bottom:10px;} .Promotion .PromotionExpired {color: #8C8C8C; float: left; font-weight:bold; font-size: 0.75em; line-height: 18px; } div.Content .MiddleColumn .RightColumn.Content .Promotion .ShortText { color: #8C8C8C; margin: 0px 0px 18px 0px; font-size:1em; } .Promotion .WebPart.Head { padding: 0px; height:auto; } .Promotion .Head label.Title { width: 80%; float:left; margin-bottom: 0px; } .Promotion .ReturnToPromotionsLink { } .Promotion .ReturnToPromotionsLink .ArrowOnRight { float: right; margin: 0px 0px 8px 0px; display:block; font-size: 0.7em; font-family: NouvelR-Bold;} .Promotion .MainImage { float:none; width:100%; margin-top: 8px; } .Promotion .Images li { float:left; width: 50%; w\ idth: 49.5%; } .Promotion .Images li img { width: 93%; margin-bottom: 7%; } /* /News/Details */ .NewsDetails .LeftPart { float: left; width:53%; } .NewsDetails .MainImage { width: 45%; float:right; margin-bottom: 3%; } .NewsDetails .Text { width: 53%; float:left; } div.Content .MiddleColumn .RightColumn.Content .NewsDetails .Text p {font-size:1em;} div.Content .MiddleColumn .RightColumn.Content .NewsDetails ul { list-style-type:disc;padding-left:20px;} .NewsDetails .Text img {width:100%;margin-top:10px;margin-bottom:10px;} .NewsDetails .Text b {font-weight:bold;} .NewsDetails .Images { width: 45%; float:right; } .NewsDetails .Images ul {list-style:none !important;padding-left:0 !important;} .NewsDetails .WebPart { width: auto; } .NewsDetails .WebPart.Content { height:auto; } .NewsDetails .Text { color: #8C8C8C; font-size: 0.75em; line-height: 1.4em; float: left; } .NewsDetails .Text.NoImage {width:100%;} div.Content .MiddleColumn .RightColumn.Content p.ShortTextWithoutImage {color: #8C8C8C;font-size: 0.9em; margin: 18px 0;} .NewsDetails .Text iframe {width:100% !important;} .NewsDetails .WebPart.Head { padding: 0px; height:auto; } div.Content .MiddleColumn .RightColumn.Content .NewsDetails .LeftPart p.ShortText { font-size: 0.95em; color: #8C8C8C; margin: 18px 0px; } .NewsDetails .MainImage .ArrowOnRight { float: right; margin: 8px 0px 12px 0px; display:block; line-height:20px; } .NewsDetails .MainImage .ArrowOnRight.ReturnToNews { border-left: 1px solid #bababb; padding-left: 6px; } .NewsDetails .MainImage .ArrowOnRight.GoToNewsArchive { margin-right: 8px; } .NewsDetails .Images li { float:left; width: 50%; w\ idth: 49.5%; } .NewsDetails .Images li img { cursor:pointer; width: 94%; margin-bottom: 12%; } .NewsDetails .Images li.Image1 {clear:both\9;} .NewsDetails .ArrowOnRight { display: none; } /* /News/Archive */ .PagedContainer.NewsArchive .Content { padding-bottom: 0px; } .PagedContainer.NewsArchive .Content .NewsArchiveItem { padding: 0px 0px 20px 0px; } .PagedContainer.NewsArchive .Content .NewsArchiveItem div.ImageContainer, .PagedContainer.NewsArchive .Content .NewsArchiveItem div.ContentContainer { float:left; } .PagedContainer.NewsArchive .Content .NewsArchiveItem .Foot { font-size: 0.7em; color: #8C8C8C; } .PagedContainer.NewsArchive .Content .NewsArchiveItem div.ImageContainer { width: 23%; height:100%; overflow: hidden; margin-right: 3%; /* text-align: center; */ } .PagedContainer.NewsArchive .Content .NewsArchiveItem div.ImageContainer img.Image { margin: 0px; width:100%; height: auto; } .PagedContainer.NewsArchive .Content .NewsArchiveItem div.ImageContainer_Mobile490px { display:none; } .PagedContainer.NewsArchive .Content .NewsArchiveItem div.ContentContainer { width: 74%; w\ idth: 73%; height:100%; position: relative; } .PagedContainer.NewsArchive .Content .NewsArchiveItem div.ContentContainer .Text { font-size: 0.7em; color: #8C8C8C; margin-top: 10px; overflow: hidden; } .PagedContainer.NewsArchive .Content .NewsArchiveItem div.ContentContainer .Foot { width: 100%; } .PagedContainer.NewsArchive .Content .NewsArchiveItem div.ContentContainer .Foot .Box { margin-top: 5px; } .PagedContainer.NewsArchive .Content .NewsArchiveItem .Foot span { font-weight: bold; color: #000; } .PagedContainer.NewsArchive .Content .NewsArchiveItem div.ContentContainer .Foot .ToRight { text-align: right; } /*.PagedContainer.NewsArchive .Head .FilterForm .ToLeft { width:50%; } .PagedContainer.NewsArchive .Head .FilterForm .ToRight { width:50%; }*/ .PagedContainer.NewsArchive .Head .FilterForm .ToLeft .CategoriesContainer { float:right; } .PagedContainer.NewsArchive .Head .FilterForm .ToLeft .CategoriesContainer .RSIDropDownList_Container { width:100px; } .PagedContainer.NewsArchive .Head .FilterForm .ToLeft .PagesContainer .RSIDropDownList_Container { width:60px; } .PagedContainer.NewsArchive .Head .FilterForm .ToLeft .PagesContainer label {display:block;width:170px;line-height:1em;} .PagedContainer.NewsArchive .Head .FilterForm .Vertical1 {width:auto;} .NewsArchiveHead .Title.Helvetica { margin-bottom: 12px; } .NewsArchiveHead .SeeOurNewsletter { margin-right: 8px; } .NewsArchiveHead .ReturnToNewsMainPage { border-left: 1px solid #bababb; padding-left: 6px; } .NewsArchive .Button { margin: 0px 0px 0px 10px; float:right; } .PagedContainer .Head label { font-size: 0.7em; color: #8C8C8C; float: left; line-height: 30px !important; margin-left: 11px; margin-right: 5px; } .PagedContainer.NewsArchive.ToMobile .Head .FilterForm .RSIDropDownList_Container.Year { margin-left: 8px; } .PagedContainer.NewsArchive.ToMobile .Head label { display:none; } .PagedContainer.NewsArchive.ToMobile .Head input.Button.Grey { display:none;background-position: 0px -415px; font-size:0.625em; padding: 9px 10px 8px 30px; height:auto; } .PagedContainer.NewsArchive.ToMobile .Head input.Button.Grey.Mobile490px {display:block;} .PagedContainer.NewsArchive.ToMobile .Head .FilterForm .ToLeft {margin-top:10px;} .PagedContainer.NewsArchive.ToMobile .Head .FilterForm .ToLeft, .PagedContainer.NewsArchive.ToMobile .Head .FilterForm .ToRight { width:100%; } .PagedContainer.NewsArchive.ToMobile .Head .FilterForm .ToLeft .PagesContainer { display:none; } .PagedContainer.NewsArchive.ToMobile .Head .FilterForm .ToLeft .CategoriesContainer { float:none; } .PagedContainer.NewsArchive.ToMobile .Head .FilterForm .ToRight .YearContainer { float:right; } .PagedContainer.NewsArchive.ToMobile .Head .FilterForm .ToRight .MonthContainer .RSIDropDownList_Container, .PagedContainer.NewsArchive.ToMobile .Head .FilterForm .ToLeft .CategoriesContainer .RSIDropDownList_Container { width:60%; } .PagedContainer.NewsArchive.ToMobile .Head .FilterForm .ToRight .YearContainer .RSIDropDownList_Container { width:68px; } /* PDFContent (Print) */ .PDFContent .ValidFromBox { font-size: 0.7em; color: #8C8C8C; margin: 8px 0px 12px 0px; } .PDFContent .ValidFromBox span { font-weight: bold; color: #000; } .PDFContent .MainImage { margin-bottom: 18px; } .PDFContent .ShortText, .PDFContent .Text { color: #8C8C8C; } .PDFContent .Texts { width: 539px; font-size: 0.75em; line-height: 18px; } .PDFContent .PromotionGUIDImage, .PDFContent .PromotionGUIDImage img { width: 241px; text-align:center; } .PDFContent .Text { margin-top:18px; } .PDFContent .PromotionHead { padding-left: 60px; line-height: 52px; background:url(../Images/package.png) center left no-repeat transparent; } .PDFContent .MyData { width: 100%; font-size: 0.7em; color: #8C8C8C; margin-bottom:27px; } .PDFContent .MyData td { padding: 14px 0px 4px 0px; } .PDFContent .MyData .Header td { padding-top: 18px; } .PDFContent .MyData .Details td { padding: 4px 0px 4px 0px; color: #000; } .PDFContent .MyData .BottomBorder { border-bottom: 1px solid #BABABA; } .PDFContent table.References .Reference {color:#000000;} /* Newsletter */ .Newsletter .Title.Helvetica.Helvetica30 { float: left; } .Newsletter .Link.ArrowOnRight.ReturnToNewsMainPage { float:right; margin-top: 5px; } .Newsletter.NewsletterList .PagedContainer { margin-top: 20px; } .Newsletter.NewsletterList .PagedContainer .Head { border-bottom: 0px; } .Newsletter.NewsletterList .PagedContainer .NewsletterTemplateItem { border-bottom: 1px solid #8C8C8C; padding: 5px 0px; } .Newsletter.NewsletterList .PagedContainer .NewsletterTemplateItem.LastItem { border-bottom: 0px; } .Newsletter.NewsletterList .PagedContainer .NameColumn, .Newsletter.NewsletterList .PagedContainer .SendOnColumn, .Newsletter.NewsletterList .PagedContainer .PreviewColumn, .Newsletter.NewsletterList .PagedContainer .NewsletterTemplateItem .Name, .Newsletter.NewsletterList .PagedContainer .NewsletterTemplateItem .SendOn, .Newsletter.NewsletterList .PagedContainer .NewsletterTemplateItem .Preview { display:inline-block; f\ loat:left; /* IE7 */ } .Newsletter.NewsletterList .PagedContainer .Head .NameColumn, .Newsletter.NewsletterList .PagedContainer .Head .SendOnColumn, .Newsletter.NewsletterList .PagedContainer .Head .PreviewColumn { font-size: 0.7em; color: #8C8C8C; border-left: 1px solid #8C8C8C; height: 17px; padding-left: 0%; line-height: 17px;} .Newsletter.NewsletterList .PagedContainer .NameColumn { width:55%; } .Newsletter.NewsletterList .PagedContainer .SendOnColumn { width:29%; } .Newsletter.NewsletterList .PagedContainer .PreviewColumn { width:7%; } .Newsletter.NewsletterList .PagedContainer .SendOnColumn span, .Newsletter.NewsletterList .PagedContainer .NameColumn span { padding-left: 10px; } .Newsletter.NewsletterList .PagedContainer .NewsletterTemplateItem .SendOn { font-size: 0.7em; } .Newsletter.NewsletterList .PagedContainer .NewsletterTemplateItem .Preview { border-left: 1px solid #8C8C8C; } .Newsletter.NewsletterList h2.PreviewAvailableInHigherResolutions { display:none; font-weight:bold; text-align:center; margin-top: 20px; } /* Account Activation */ div.Content .MiddleColumn.AccountActivation .BigSmallColumn .LeftColumn {min-height:495px;} div.Content .MiddleColumn.AccountActivation .BigSmallColumn .RightColumn {width: 319px;overflow: hidden;position: relative;} div.Content .MiddleColumn.AccountActivation .BigSmallColumn .RightColumn img {width: auto;float: right;} div.Content .MiddleColumn.AccountActivation {margin-top: 20px;padding-top: 0;background: url(../Images/register_desktop.png) 646px 0px repeat-y;} div.Content .MiddleColumn.AccountActivation .WebPart {padding-top: 10px;width:100%;} div.Content .MiddleColumn.AccountActivation .WebPart .Container {margin:0;} div.Content .MiddleColumn.AccountActivation .LeftColumn .PlaceHolder .Title {position:static;padding:0;} div.Content .MiddleColumn.AccountActivation .LeftColumn .PlaceHolder .WebPart .Container.Layer .Title {position:static;padding-top:20px;} div.Content .MiddleColumn.AccountActivation .LeftColumn .PlaceHolder .WebPart .Container.Layer span.Text {padding-top:0;} div.Content .MiddleColumn.AccountActivation .LeftColumn .RemoveClear {display:none;} div.Content .MiddleColumn.AccountActivation .WebPart.Login .Container .CheckBox { float:left;clear:none;line-height:30px;height:30px;padding-top:7px;margin-left:20px;} div.Content .MiddleColumn.AccountActivation .WebPart.Login .Container .Links {line-height:30px;height:30px;padding-top:7px;float:left;} .MenuSeperator {width:1px;background-color:#000000;height:12px;margin-left:10px;margin-right:10px;margin-top:1px;margin-top:3\px;} :root .MenuSeperator {margin-top:1px;} .ValidationResult.field-validation-error { min-height:15px;height:auto;color:#FF0000; display:block; background:url(../Images/Validator.gif) left center no-repeat #FFFFFF; margin:5px 0px; font-size:0.75em; padding-left:20px; clear:left; m\ argin-top:-5px; } .ValidationResult span {display:block;} .SendEmailConfirmation {font-size:0.7em;font-weight:bold;clear:both;} .TextPage span.Text { display:block;width:100%;padding-top:25px;font-size: 0.75em;line-height: 1.4em;color:#6C6C6C;padding-bottom:10px;} .UserTextPage span.Text { display:block;width:100%;font-size: 0.75em;line-height: 1.4em;color:#6C6C6C;padding-bottom:10px;} span.Text strong {font-weight:bold;} .TextPage { padding:25px;width:583px;} .ClearTablet {display:none;} .Envelope {height:97px;width:127px;margin:30px 0 20px 0;} .Height0 { height:0px;} .Height10 { height:10px;clear:both;} .WebPart.Orange .ValidationResult.field-validation-error {background-color:#efdf00;} .Pointer { cursor:pointer !important;} .ValidationResult.field-validation-error {display:block !important;clear:both;*margin-top:1px;} .CarForm #CarImage {width:auto;float:left;margin:20px 30px;} .CarForm .CarData {width:480px;margin-bottom:0px;} .CarForm div.CarFields.First {width:240px ;margin-right:20px;} .CarForm div.CarFields.First div.RSIDropDownList_Container { width:240px;} .CarForm div.CarFields.Versions div.RSIDropDownList_Container { width:220px;} .CarForm div.CarFields.Versions div.RSIDropDownList_Container .RSIDropDownList_Bar {width:220px;} .CarForm div.CarFields {width:220px;font-size:16px;margin-right:20px;} .CarForm div.CarFields div.RSIDropDownList_Container.Day { float:left;width:50px !important;margin-right:10px; } .CarForm div.CarFields div.RSIDropDownList_Container.Month { float:left;width:90px !important;margin-right:10px; } .CarForm div.CarFields div.RSIDropDownList_Container.Year { float:left;width:60px !important; } .CarForm div.CarFields div.RSIDropDownList_Container.Month .RSIDropDownList_Bar {width:90px !important;} .CarForm div.CarFields .FieldInput div.RSIDropDownList_Container {clear:both;width:100%;} .CarForm div.SecondColumn {margin-right:50px;} .CarForm input {margin:0} .CarForm div.RSIDropDownList_Container,.CarForm .FieldText {font-size:0.7em;font-weight:bold;} .RSIDropDownList_Container .RSIDropDownList_Bar {overflow:hidden;} .CarForm div.Data label.Title{padding-top:0px;font-weight:normal;font-size:0.7em;line-height:30px; color: #666666;display:block; height:30px; float:left; } .CarForm div.SecondColumn label.Title.First {*margin-bottom:2px;*height:27px;*line-height:27px;} .CarForm div.SecondColumn label.Title {*margin-bottom:1px;*height:28px;*line-height:28px;} .CarForm div.Data div.CarFields label.Title{ width:99%; margin-top:2px;} .CarForm div.Data div.CarFields .Field.First label.Title {margin-top:0;} .CarForm div.Data div.CarFields label.Title label {display:block;float:left;} .CarForm div.Data div.CarFields .TipBox {margin-left:10px;cursor:pointer;float:left;width:24px;height:28px;background:url(../Images/detailTipBox.png) 4px 8px no-repeat;} .CarForm div.Data div.CarFields .TechnicalControlDateDescription {display:none;color: #8C8C8C;font-size: 0.7em;z-index:1000;position:absolute;width:300px;left:140px;top:0px;z-index:1000000;} .CarForm div.Data div.CarFields .TechnicalControlDateDescription span.TipText {text-align:left;display:block;padding:10px;background-color:#FFFFFF;border:1px solid #DADCDE;border-bottom:0;} .CarForm div.Data div.CarFields .TechnicalControlDateDescription span.TipArrow {display:block;background:url(../Images/tip.png) right 0px no-repeat;height:6px;width:100%;} .CarForm input.TextBox {font-weight:bold;} .CarForm div.SecondColumn input.TextBox {margin-bottom:2px;*margin-bottom:0px;} .CarForm div.CarFields div.TwoFields label.Title {} .CarForm div.CarFields div.Field, .CarForm div.CarFields div.TwoFields{margin-top:0px;} .CarForm div.CarFields div.Field .TextBox, CarForm div.CarFields div.TwoFields .TextBox {margin-bottom:0px;margin-top:0px;} .CarForm div.CarFields.First .TextBox{ width:240px;*width:225px;font-size:0.8em !important;font-weight:bold;padding: 6px 10px 6px 5px;p addingg: 7px 10px 8px 5px;} .CarForm .TextBox{ width:80px;} .CarForm div.SecondColumn span.ValidationResult {width:60px;} .CarForm div.FirstColumn .TextBox{ width:200px;*width:178px;} .CarForm div.FirstColumn .Title{ height:auto;} .CarForm div.FirstColumn div.RSIDropDownList_Container {margin-bottom:9px;} .CarForm div.CarFields div.TwoFields {float:left;width:100px;} .CarForm .VersionField {float:left;} .CarForm .FieldText {line-height: 30px;display:block;height:30px;text-align: left;} .CarForm div.Car.HiddenForm div.RSIDropDownList_Container,.CarForm div.Car.HiddenForm .TextBox {display:none;} .CarForm .VisibleForm .FieldText {display:none;} .CarForm div.Description .VersionField .ValidationResult {margin-left:0px;} .CarForm div.Description .ValidationResult {margin-left:90px;display:none;box-sizing:border-box;} .CarForm div.CarFields div.TwoFields .TextBox{ width:80px;} .CarForm div.CarFields.BottomFields {margin-left:240px;} .CarForm #CarImageMobile {display:none;width:180px; clear:both;margin:0 auto;float:none;} .CarForm .Description .Title {width:90px;float:left;} .CarForm #ModelIDContainer, .CarForm .FieldTextBig {font-size:1em !important;font-weight:bold;float:left;} .CarForm #IsNewVehicleContainer {float:left;} .CarForm #VIN {font-size:1em;padding-bottom:2px;} .SectionTitle {margin-bottom:10px;border-bottom:1px solid #BABABA;} .SectionTitle .Name {font-size:0.7em;color:#666;display:block;float:left;} .SectionTitle span.Separator { display:block;float:left;width:1px;margin-top:5px;height:20px;background-color:#d0cfcb;margin-left:10px;margin-right:10px;} .SectionTitle span.Edit { font-family: NouvelR-Bold;display:block;float:left;background:url(../Images/edit.png) 0px 2px no-repeat;padding-left:25px;margin-top:5px;height:20px;line-height:20px;font-size:0.7em;font-weight:bold;} .SectionTitle span.Save { font-family: NouvelR-Bold;display:block;float:left;background:url(../Images/save.png) 0px 2px no-repeat;padding-left:25px;margin-top:5px;height:20px;line-height:20px;font-size:0.7em;font-weight:bold;} .SectionTitle span.Cancel { font-family: NouvelR-Bold;display:none;float:left;background:url(../Images/cancel.png) 0px 4px no-repeat;padding-left:20px;margin-top:5px;height:20px;line-height:20px;font-size:0.7em;font-weight:bold;} .SectionTitle span.Delete { font-family: NouvelR-Bold;display:block;float:left;background:url(../Images/delete.png) 0px 2px no-repeat;padding-left:25px;margin-top:5px;height:20px;line-height:20px;font-size:0.7em;font-weight:bold;} .SectionTitle span.Delete.Hidden {display:none;} .Buttons { margin-bottom:10px;padding-top: 20px;margin-top: 30px;border-top:1px solid #dadcde;} .Button { margin-right:10px;} .GeneralForm .NoCars {text-align:center;font-size:1.5em;margin:20px 0;} .MyCars .Links {margin:10px 0px;height:30px;} .MyCars .NoCars {text-align:center;font-size:1.5em;margin:20px 0;} .MyCars .TabContent .Options { float:left;width:100%;} .MyCars .Links .Options a.Edit { margin-left: 90px;background:url(../Images/edit.png) 0px 2px no-repeat;} .MyCars .Links .Options a.Delete { background:url(../Images/delete.png) 0px 2px no-repeat;} .MyCars .Links .Options a.Handbook,.MyCars .Options a.HandbookDetails, .MyCars .MobileOptions a.HandbookDetails { background:url(../Images/handbook.png) 0px 2px no-repeat;} .MyCars .Links .Options a.AddVehicle { background:url(../Images/add_vehicle.png) 0px 2px no-repeat;float:right;padding-left:30px;margin-right:40px;} .MyCars .Links .Options a {cursor: pointer;height:20px;font-size:0.7em;line-height:25px;padding-left:20px;display:block;float:left;} .MyCars .Links .Options a.Mobile {display:none;} .MyCars .Links .Options span.Separator { display:block;float:left;width:1px;height:20px;background-color:#d0cfcb;margin-left:10px;margin-right:10px;} .MyCars .Links .Options span.Separator.Right {float:right;} .MyCars .Options a.HandbookDetails {display:none;} .MyCars .MobileOptions {display:none;} .MyCars .ShowMobile {display:none;} .MyCars .MobileCarOptions {display:none;} .MyCars .CarOptions a {font-size:0.7em;padding-left:20px;display:block;height:20px; line-height:20px;float:left;margin-left:80px;margin-top:10px;} .MyCars a.Save { background:url(../Images/save.png) 0px 3px no-repeat;} .MyCars a.Edit { background:url(../Images/edit.png) 0px 3px no-repeat;} .MyCars a.Cancel { background:url(../Images/cancel.png) 10px 3px no-repeat;margin-left:10px;border-left: 1px solid #A2A5A4;padding-left:30px;} .MyCars a.SaveNew { background:url(../Images/add_vehicle.png) 0px 3px no-repeat;padding-left:30px;} .MyCars a.ChangePhoto { background:url(../Images/selectImage.png) 10px 0px no-repeat;margin-left:10px;border-left: 1px solid #A2A5A4;padding-left:35px;} .MyCars a.ChangePhoto.Hidden {display:none;} .MyCars a.DeletePhoto { background:url(../Images/delete.png) 10px 0px no-repeat;margin-left:10px;border-left: 1px solid #A2A5A4;padding-left:30px;} .MyCars a.DeletePhoto.Hidden {display:none;} .MyCars .Vehicle .Handbooks .Helvetica16, .MyCars .HandbooksMobile .Helvetica16 {margin-bottom:10px;} .MyCars .Vehicle .Handbooks a, .MyCars .HandbooksMobile a {font-size:0.7em;} .MyCars .Vehicle .Handbooks .HandbookFile, .MyCars .HandbooksMobile .HandbookFile {border-bottom: 1px solid #A2A5A4;padding-bottom:10px;} .MyCars .Vehicle .Handbooks .Last, .MyCars .HandbooksMobile .Last {border-bottom: 0px solid #A2A5A4;padding-bottom:10px;} .ToRight { float:right;} .ToLeft{ float:left;} .ToUpper { text-transform: uppercase;} .Hidden { display:none;} .WebPart .Container a.Link.UserCarLink {display:block;} .PDFContent {text-align:left;} .Black {color:#000000;} span.Dropdown {display:none;} span.Dropdown div.RSIDropDownList_Bar {padding-left:8px;} div.Field div.DropdownContainer {width:50%;*width:56.5%;} div.Field div.DropdownContainer span {width:100%;} span.DropdownText {display:block;padding-left:10px;line-height:30px;font-size:0.75em;} span.Dropdown div.RSIDropDownList_Container {width:171px;font-size:0.8em;} /* MYDealer */ div.MyDealersList div.Options {border-bottom:1px solid #BABABA;height:30px;padding-bottom:15px;} div.MyDealersList div.Options.Dealer {border-bottom:0px;} div.MyDealersList div.Options.Dealer span.Name {width:50%;*width:45%;} div.MyDealersList div.Options span.SelectOption div.OptionLabel {color:#8C8C8C;font-size:0.7em;margin-right:10px;line-height:30px;} div.MyDealersList div.Options #RegionIDContainer{font-size: 0.7em !important;font-weight:bold;} div.MyDealersList div.Options .Button {margin-right:0;} div.MyDealersList div.List {padding-top:25px;} div.MyDealersList div.Results {padding:15px 0 0 0;} div.MyDealersList div.Results div.Result {background:#FFFFFF url(../Images/resultsLogo.png) 10px 10px no-repeat;border:3px solid #ffffff;padding:10px 10px 30px 10px;border-top:1px solid #BABABA;} div.MyDealersList div.Results div.Result.Selected,div.MyDealersList div.Results div.Result.First.Selected {border:3px solid #efdf00;} div.MyDealersList div.Results div.Result div.Info {float:left;width:599px;position:relative;left:40px;} div.MyDealersList div.Results div.Result div.Info div.Data {width:294px;} div.MyDealersList div.Results div.Result div.Services {float:left;width:265px;} div.MyDealersList div.Results div.Result div.Services .ServicesLabel {color:#8C8C8C;font-size:0.7em;margin-bottom:5px;} div.MyDealersList div.Results div.Result div.Services img {width:36px;margin-right:10px;} div.MyDealersList div.Results div.Result div.SelectOption {width:70px;padding:5px 10px;font-weight:bold;color:#000000;border-left:1px solid #BABABA;font-family: NouvelR-Bold;} div.MyDealersList div.Results div.Result div.SelectOption .CheckBox label {color:#000000;} div.MyDealersList div.Results div.Result span {display:block;font-size:0.7em;color:#8C8C8C;} div.MyDealersList div.Results div.Result span.Black {color:#000000;} div.MyDealersList div.Results div.Result span.Name {font-size:1em;color:#000000;line-height:30px;} div.MyDealersList div.Results div.Result.First {border-top:0px;} div.MyDealersList div.List span.SelectOption{color:#8C8C8C;font-size:0.7em;} div.MyDealersList div.List div.Services img {width:36px;margin:5px 10px 0 10px;} div.MyDealersList div.List div.Services {margin-top:20px;font-size:0.7em;} div.MyDealersList div.List div.Services div.Service {border:3px solid #FFFFFF;float:left;margin:0 0 3px 0;width:48%;height:45px;padding:5px 0;} div.MyDealersList div.List div.Services div.Service.Selected {border:3px solid #efdf00;} div.MyDealersList div.List div.Services div.Service0 {margin-right:3px;} div.MyDealersList div.List div.Services div.Service1 {float:right;} div.MyDealersList div.List div.Services div.Service .ServiceText {padding-left:60px;height: 40px;display: table-cell;vertical-align: middle;} div.MyDealersList div.List div.Services div.Description {color:#8C8C8C;} div.MyDealersList div.List div.Services div.Name {*margin-top:5px;} div.MyDealersList div.FindButton,div.MyDealersList div.Pagination {border-top:1px solid #BABABA;padding-top:20px;} div.MyDealersList div.Options a {display: table-cell;*display:block;*line-height:20px;vertical-align: middle;height: 20px;padding-right:10px;} div.MyDealersList div.Options a.Delete {border-left:1px solid #BABABA;margin-left:15px; background:url(../Images/delete.png) 8px 1px no-repeat;font-weight:bold;font-size:0.7em;padding-left:33px;} div.MyDealersList div.Options a.ServiceBooking {border-left:1px solid #BABABA;margin-left:15px; background:url(../Images/service_booking.png) 10px 0px no-repeat;font-weight:bold;font-size:0.7em;padding-left:33px;} div.MyDealersList div.Options a.ContactDealer { background:url(../Images/contact_dealer.png) 0px 1px no-repeat;font-weight:bold;font-size:0.7em;padding-left:23px;} div.MyDealersList div.MyDealerInfo {height:114px;background:url(../Images/myDealer.png) 0px 0px no-repeat;padding:0px 10px 0px 163px;color:#8C8C8C;font-size:0.7em;} div.MyDealersList div.MyDealerInfo div.Data div.Text div {padding:1px 0;} div.MyDealersList div.MyDealerInfo div.Data{border-bottom:1px solid #BABABA;border-top:1px solid #BABABA;padding:10px 0;min-height:92px;} div.MyDealersList div.DealerIcons {float:right;} div.MyDealersList div.MyDealerInfo div.Text {width:100%;float:left;} div.MyDealersList div.MyDealerInfo div.Contact button {float:right;height:30px;margin-bottom:5px;} div.MyDealersList div.MyDealerInfo div.Contact {width:55%;float:right;font-size:1.5em;} div.MyDealer div.PreferredDealerNotSelected {text-align:center;} div.MyDealersList div.Pagination div {display:block;float:left;width:16.66%;font-size: 0.65em;text-align:center;font-weight:bold;line-height: 59px;height: 59px;} div.MyDealersList div.Pagination div a {display: block;line-height: 59px;height: 59px;border-top: 1px solid #A2A5A4;border-left: 1px solid #A2A5A4;border-bottom: 1px solid #A2A5A4;background-color:#ECECEB;} div.MyDealersList div.Pagination div.Active a {border-top:1px solid #FFFFFF; background-color:#FFFFFF;} div.MyDealersList div.Pagination div.FirstPage a {padding-right: 30px;background: #ECECEB url(../Images/prev.png) center no-repeat;} div.MyDealersList div.Pagination div.LastPage a {border: 1px solid #A2A5A4;padding-left: 30px;background: #ECECEB url(../Images/next.png) center no-repeat;} .MyDealer .Buttons {height:30px;} /* Page Info */ div.PageInfo {line-height:42px;height:42px;padding-bottom:10px;margin-top:15px;border-bottom:1px solid #BABABA;} div.PageInfo div.TabletTitle,div.TabletTitle2,div.MobileTitle {display:none;} div.PageInfo div.ToLeft,div.PageInfo div.TabletTitle,div.TabletTitle2 {text-transform:uppercase;font-size:2.2em;padding-bottom:0px;} div.PageInfo div.ToRight {padding-top:5px;} div.PageInfo div.ToRight span {display:block;float:left;} div.PageInfo div.ToRight div.Group {float:left;} div.PageInfo div.ToRight span.UserName {text-transform:uppercase;font-size:1.1em;} div.PageInfo div.ToRight span.Icon.User {margin-top:1px;} div.PageInfo div.ToRight span.Icon.User.HiddenImage {margin-right:10px;width:36px;} div.PageInfo div.ToRight span.Icon.User {margin-right:10px;width:auto;} div.PageInfo div.ToRight span.Icon.User img {height:40px;width:auto;} div.PageInfo div.ToRight span.Icon.User.HiddenImage img {display:none;} div.PageInfo div.ToRight span.Icon.User.DisplayImage {background:none} div.PageInfo div.ToRight span.Contact {background:url(../Images/contact.png) 0px 14px no-repeat;font-size:0.7em;margin-left:18px;padding-left:21px;} div.PageInfo div.ToRight span.LogOut {background:url(../Images/logOff.png) 0px 13px no-repeat;font-size:0.7em;margin-left:20px;padding-left:18px; font-family: NouvelR-Bold; } /* Contact form - General */ .FormContent .Full { width:490px; } .FormContent .CarDropdown { width:280px; } .FormContent .TimeField { width:160px; } div.GeneralForm #TitleIDContainer {width:155px;font-size: 0.8em;font-weight: bold;} div.GeneralForm #DealerIDContainer, div.GeneralForm .FullDropdownList {width:478px;*width:512px;font-size: 0.8em;font-weight: bold;*margin-top:1px;} div.GeneralForm #ContactLanguageIDContainer {width:478px;*width:512px;font-size: 0.8em;font-weight: bold;*margin-top:1px;} div.GeneralForm #CountryIDContainer {width:154px;*width:163px;font-size: 0.8em;font-weight: bold;*margin-top:1px;margin-right:10px;} div.GeneralForm #CarIDContainer {width: 268px;*width: 284px;font-size: 0.8em;font-weight: bold;*margin-top:1px;margin-right:10px;} div.GeneralForm .BestTimeTextBox {margin-left:10px;} div.GeneralForm #ProposedServiceTime.TextBox {margin-right:0;} div.GeneralForm .NormalWeight #CarIDContainer{font-weight:normal;} div.GeneralForm #CityIDContainer {width:150px;*width:163px;font-size: 0.8em;font-weight: bold;*margin-top:1px;margin-right:10px;} div.GeneralForm #TimePeriodIDContainer {width:158px;font-size: 0.8em;*margin-top:1px;} div.GeneralForm #ProposedServiceTimeContainer {width:158px;font-size: 0.8em;*margin-top:1px;} div.GeneralForm .ProposedServiceTimeValidation {width:158px;} div.GeneralForm #DealerIDContainer .RSIDropDownList_Label {width:120px;} div.GeneralForm label.Title {font-weight: normal;font-size: 0.7em;line-height: 20px;color: #666;margin-top:10px;} div.GeneralForm .TextBox {margin-top:0;height:30px;*height:28px;width: 268px;*width: 267px;font-size: 0.8em !important;font-weight: bold;padding: 0px 10px 0px 5px;*padding-top:0px;margin-right:10px;} div.GeneralForm div.LastName .TextBox {width:153px;*width:152px;} div.GeneralForm .TextBox.Size200 {width:200px;} div.GeneralForm .TextBox.Size150 {width:150px;} div.GeneralForm .TextBox.Full, div.GeneralForm div.BestDateBestTime, div.GeneralForm div.BestDateBestTimeService {width:478px;*width:513px;} div.GeneralForm .SubjectIDContainer {width:478px;*width:512px;font-size:0.9em;font-weight:bold;} body.ContactForm div.RSIDropDownList_ListContainer.SubjectIDContainer_LC {*font-size:0.9em;font-weight:bold;} div.GeneralForm div.BestDateBestTime {*width:513px;} div.GeneralForm div.BestDateBestTime div.ToRight span.ValidationResult {width:100px;} div.GeneralForm .TextArea {font-family:NouvelR-Regular;font-size:0.8em;width:480px;*width:495px;padding: 6px 10px 6px 5px;border: 1px solid #DADCDE;border-color: #DADCDE;} div.GeneralForm div.RSIDate .RSIDropDownList_Container.Day {width: 50px !important;margin-right: 4.5%;} div.GeneralForm div.RSIDate .RSIDropDownList_Container.Month {width: 110px !important;margin-right: 4.5%;} div.GeneralForm div.RSIDate .RSIDropDownList_Container.Year {width: 70px; !important;} div.GeneralForm div.RSIDate .RSIDropDownList_Container {float:left;font-size:0.8em;} div.GeneralForm div.RSIDate {width:270px;} div.GeneralForm .TitleName { width:165px; } div.GeneralForm .NewsletterSubscriptionLabel {font-size:0.7em;margin-top:10px;color: #666;} div.GeneralForm .RadioField .Title {height:16px;} div.GeneralForm .RadioField .RadioLink {font-weight:normal;color: #666;font-size:0.9em;} p.FormConfirmation span {display:block;} /* Dashboard */ div.Content .MiddleColumn.Dashboard {padding-top:5px;} div.Content .MiddleColumn .RightColumn.Home {border:0;height:340px;border-bottom:1px solid #BABABA;} div.Dashboard li.HiddenPromo {display:none;} div.Dashboard img.Promo {height:300px;} div.Dashboard div#LandingPage {height:300px;} div.Dashboard .RightColumn.Home label.Title {font-size:1em;padding-top:5px;font-weight:bold;display:inline;} div.Dashboard .RightColumn.Home img {width:322px;max-height:227px;} *:first-child + html div.Dashboard .RightColumn.Home img {height:227px;} div.Content .MiddleColumn.Dashboard .BigSmallColumn.NoBorder .RightColumn {padding-bottom:0; } div.Dashboard .RightColumn.Home div.ShortTextNews {font-size:0.7em;color: #666;padding-top:5px;} div.Dashboard .RightColumn.Home div.ShortText {height:110px;overflow:hidden;} div.Dashboard div.Promotions {float:left;width:100%;height:40px;width:633px;} div.Dashboard div.Promotions span.ToUpper,div.Dashboard div.News span.ToUpper {font-size:1.1em;margin-top:2px;} div.Dashboard .Icon.Promotion:hover {background-position: -38px -826px!important;} div.Dashboard .Icon.Broadcast:hover {background-position: -38px -789px!important;} div.Dashboard .Icon.Promotion,div.Dashboard .Icon.Broadcast {margin-right:10px;} div.Dashboard div.Promotions span,div.Dashboard div.News span {display:block;line-height:40px;font-size:0.7em;font-weight:bold;} div.Dashboard div.News {position:relative;} div.Dashboard div.News span.badge {display:inline-block;line-height:16px; background-color: #efdf00; border-color: #000; padding: 2px 5px; position:absolute; left:25px; border-radius: 15px; } div.Dashboard div.Promotions span.badge {display:inline-block;line-height:16px; background-color: #efdf00; border-color: #000; padding: 2px 5px; border-radius: 15px; position:absolute; left:27px; } div.Dashboard div.Promotions span.AllPromotions {margin-left:10px;background:url(../Images/Link.gif) center right no-repeat;padding-right:10px;} div.Dashboard div.Promotions span.AllPromotions.AllPromotionsShort{display:none;} div.Dashboard div.Promotions span.ToRight label.Item{display:block;margin-top:10px;text-align:center;width:30px;height:20px;line-height:20px;border-left:1px solid #d0cfcb;} div.Dashboard div.Promotions span.ToRight label.Item.Last {border-right:1px solid #d0cfcb;} div.Dashboard div.News {float:left;width:100%;height:40px;width:322px;} div.Dashboard div.News span.AllNews {margin-left:10px;background:url(../Images/Link.gif) center right no-repeat;padding-right:10px;*margin-right:2px; font-family: NouvelR-Bold; } div.Dashboard div.News span.Separator { display:block;width:1px;margin-top:5px;height:20px;background-color:#d0cfcb;margin-top:10px;} div.Dashboard div.News .ToUpper label {float:left;} div.Dashboard div.News sup {float:left;line-height:30px;margin-top:5px; font-size:0.7em;font-size:1em\9; color:#FFFFFF; display:inline-block; width:34px; padding:0px 2px 0px 2px; vertical-align:middle; text-align:center; overflow:hidden; background:url(../Images/Sprites.png) -531px -78px no-repeat transparent; } div.Dashboard .Section {background:#FFFFFF;margin-top:10px;border:1px solid #d0cfcb;height:115px;width:231px;margin-right:10px;} div.Dashboard .Section.Section4 {margin-right:0;width:232px;} div.Dashboard .Section span {display:block;float:left;} div.Dashboard .Section span.Icon {margin:15px 0 0 10px;} div.Dashboard .Section span.Icon.ServiceBooking {width:36px; background-position:-341px -789px!important; } div.Dashboard .Section span.Icon.Forum {width:37px; background-position:-494px -789px!important; } div.Dashboard .Section span.Icon.Vehicle { width:38px; background-position:-190px -789px!important; } div.Dashboard .Section span.Icon.Message { width:36px; background-position:-419px -789px!important; } div.Dashboard .Section span.Icon.Agenda {width:36px; background-position:-114px -826px!important; margin-top:7px;} div.Dashboard .Section span.a:hover .Icon.ServiceBooking, div.Dashboard .Section a.Active .Icon.ServiceBooking, div.Dashboard .Section .Icon.ServiceBooking:hover { background-position:-341px -789px!important; } div.Dashboard .Section span.a:hover .Icon.Forum, div.Dashboard .Section a.Active .Icon.Forum, div.Dashboard .Section .Icon.Forum:hover { background-position:-494px -789px!important; } div.Dashboard .Section span.a:hover .Icon.Vehicle, div.Dashboard .Section a.Active .Icon.Vehicle, div.Dashboard .Section .Icon.Vehicle:hover { background-position:-190px -789px!important; } div.Dashboard .Section span.a:hover .Icon.Message, div.Dashboard .Section a.Active .Icon.Message, div.Dashboard .Section .Icon.Message:hover { background-position:-419px -789px!important;} div.Dashboard .Section .SectionText {padding-top:20px;padding-left:60px;padding-right:10px;} div.Dashboard .Section .SectionText label.Title {font-weight:bold;font-size:1.1em;font-family: NouvelR-Bold;display:inline;} div.Dashboard .Section .SectionText label.Title.Small {font-weight:bold;font-size:1.1em;} div.Dashboard .Section .SectionText span {margin-top:5px;font-size:0.7em;} div.Dashboard .Section .SectionText span a { font-size: 1em; display: block; clear: both; margin-bottom: 5px; } div.Dashboard .RemoveClearDesktop {display:none;} div.Dashboard .AllNewsBottom {font-weight:bold;line-height:30px;font-size:0.7em;margin-left:10px;background:url(../Images/Link.gif) center right no-repeat;padding-right:10px;} div.LeftColumn.Menu div#CloseMenu {height:80px;width:100%;display:none;background-color:#f8f8f8; } #CloseMenu span {margin-top:30px;margin-right:20px;float:right;display:block; width:23px; height:24px; overflow:hidden; background:url(../Images/Sprites.png) -222px -49px no-repeat transparent;} div.Dashboard .AllNewsBottom {display:none;} /* Agenda */ .CalendarContainer {width:427px;} .Calendar {font-size:0.7em;} .Calendar td {cursor:pointer;width:60px;height:60px;text-align:center;border:1px solid #BABABA;color:#000000;font-weight:bold;} .Calendar th {height:40px;width:60px;text-align:center;line-height:40px;font-weight:normal;color: #6C6C6C;} .Calendar td {color:#cccccc;} .Calendar td div {position:relative;top:0;} .Calendar td.Month {color:#000000;} .Calendar td.Today {background-color: #000000; } .Calendar td.Active {background-color: #efdf00; } .Calendar td span {background-color: #FFFFFF; display:block;width:auto;height:56px;line-height:56px;margin:2px;} .CalendarPager {margin-top:10px;padding-bottom:2px;height:30px;line-height:30px; text-transform:uppercase; border-bottom:1px solid #BABABA;width:100%; font-family: NouvelR-Bold; } .CalendarPager span {display:block;float:left;} .CalendarPager span.Next {margin-top:5px;background: #FFFFFF url(../Images/next.png) center no-repeat;width:5px;height:18px;float:right;border-left:1px solid #BABABA;padding:0 10px 0 15px;cursor:pointer;} .CalendarPager span.Prev {margin-top:5px;background: #FFFFFF url(../Images/prev.png) center no-repeat;width:5px;height:18px;float:right;padding:0 15px;cursor:pointer;} .EventContainer {width:306px;} .EventContainer .NewsEventContainer {display:none;} .EventContainer .NewsEventContainer .Field .bootstrap-select.btn-group { float:left; } .EventContainer .NewsEventContainer .bootstrap-select:not([class*="span"]):not([class*="Day"]):not([class*="Month"]):not([class*="Year"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:100%; } .EventContainer .Field {width:100%;} .EventContainer .NewEventOptions {margin-top:10px;height:30px;line-height:30px;color: #666;font-size: 0.7em;} .EventContainer .NewEventOptions span {display:block;float:left;} .EventContainer .MobileLinks {display:none;} .EventContainer .NewEventOptions div span {height:20px;line-height:20px;margin-top:5px;} .EventContainer .NewEventOptions span.Save {background:url(../Images/save.png) 0px 4px no-repeat;padding-left:25px;} .EventContainer .NewEventOptions span.Cancel {background:url(../Images/cancel.png) 10px 4px no-repeat;margin-left:10px;border-left: 1px solid #A2A5A4;padding-left:30px;} .EventContainer .NewEvent {border: 3px solid #efdf00;padding:20px 10px 10px 10px;min-height:333px;} .EventContainer .RSIDropDownList_Container {float:left;color: #000000;font-weight:bold;} .EventContainer .RSIDropDownList_Container.Day {margin-right:10px;width:60px;} .EventContainer .RSIDropDownList_Container.Month {margin-right:10px;width:120px;} .EventContainer .RSIDropDownList_Container.Year {width:80px;} .EventContainer .Title {font-weight: normal;color: #666;display: block;font-size: 0.7em;height:18px;width:100%;} .EventContainer .TextBox {width:280px;*width:258px;font-weight:bold;margin-bottom:5px;} .EventContainer .AlertIDContainer {width:100%;} .EventContainer .EventDetails:first-child {border-top:0;padding-top:0;} .EventContainer .EventDetails {border-top:1px solid #BABABA;padding-bottom:20px;padding-top:10px;} .EventContainer .EventDetails .Text {font-size:0.7em;} .EventContainer .EventDetails .Title.First {padding-top:0;} .EventContainer .EventDetails div.Options {height:20px;line-height:20px;} .EventContainer .EventDetails div.Options span {color: #666;font-size: 0.7em;height:20px;line-height:20px;display:block;float:left;} .EventContainer .EventDetails span.ItemEdit {background:url(../Images/edit.png) 0px 2px no-repeat;padding-left:25px;margin-right:10px;} .EventContainer .EventDetails span.ItemDelete {background:url(../Images/delete.png) 8px 1px no-repeat;padding-left:33px;border-left: 1px solid #A2A5A4;} .EventContainer .TextArea {font-family:NouvelR-Regular;font-weight:bold;font-size:0.7em;width:280px;*width:264px;padding: 6px 10px 6px 5px;border: 1px solid #DADCDE;border-color: #DADCDE;} .EventContainer .NewEventOptions span.New {background:url(../Images/newEvent.png) 10px 2px no-repeat;padding-left:35px;border-left: 1px solid #A2A5A4;} .EventContainer .NewsEventListContainer .EventsList {border:1px solid #BABABA;padding:20px 10px 10px 10px;min-height:317px;} .EventContainer .NewsEventListContainer .EventsList .NoEvents {display:block;width:100%;font-weight:bold;text-align:center;font-size:0.7em;} .Calendar td a.U {left:3px;background-position: -57px -864px!important;} .Calendar td a.U.UA {display:block;} .Calendar td a.R {right:3px;background-position: -170px -864px!important;} .Calendar td a.R.RA {display:block;} .Calendar td a {position:absolute;top:35px;display: none;width: 20px;height:20px;overflow: hidden;background: url(../Images/Sprites.png) no-repeat transparent;} .TabletClear {display:none;clear:both;} /* Notifications */ .NotificationsContainer {display:none;margin:10px 0;border-bottom: 1px solid #BABABA;height:auto;padding-bottom:10px;position:relative;*position:static;} .Notifications {background-color:#efdf00;width:40%;float:left;min-height:70px;} .Notifications li {position:relative;width:100%;height:auto;display:block;background:url(../Images/notification.png) 10px 10px no-repeat;padding-top:12px;min-height:50px;} .Notifications li div {padding:0 50px;} .Notifications li div b {font-weight:bold;} .Notifications li div div {padding:0 0px;} .Notifications li div a.Link {font-size:1em;} .Notifications li div p.ProfileNotCompleted {padding-bottom:5px;} .Notifications li div.Title {color:#FFFFFF;margin-bottom: 5px;font-weight:bold;} .Notifications li div.Text {font-size:0.7em;padding-bottom:10px;} .Notifications li span.Close {z-index:10;cursor:pointer;position:absolute;right:30px;top:10px;display:block;width:11px;height:11px;background:url(../Images/notificationClose.png) 0px 0px no-repeat;} .Notifications li span.Close.NoScroll {right:10px;} .NotificationsNav {display:block;position:absolute;width:40%;height:50px;top:10px;*left:-10px;border-right: 1px solid white;*margin-left:0;*width:20px;*left:-20px;left:-40%;} .NotificationsNavButtons {position:relative;border-left:1px solid #FFFFFF;width: 20px;height: 50px;float:right;} .NotificationsContainer .Prev {position: absolute;top: 0px;right: 7px; width: 7px;height: 5px; cursor: pointer; text-indent:9999px; background: transparent url(../images/notificationUp.png) no-repeat 0 0;} .NotificationsContainer .Next {position: absolute;top: 55px;right: 7px; width: 7px;height: 5px; cursor: pointer; text-indent:9999px; background: transparent url(../images/notificationDown.png) no-repeat 0 0;} .NotificationOptions {*width:100%;font-size:0.7em;padding-top:10px;} .NotificationOptions span {display:table-cell;vertical-align:middle;font-weight:bold;height:18px;*line-height:18px;*display:block;font-family: NouvelR-Bold;} .NotificationOptions .Clear {margin-bottom:10px;} .NotificationOptions span.ViewAll {cursor:pointer;background:url(../Images/viewAll.png) 10px 0px no-repeat;padding-left:35px;margin-top:10px} .NotificationOptions span.ViewAll.Visible {display:table-cell;*display:block;} .NotificationOptions span.ViewAll.Hidden {display:none;} .NotificationOptions span.DismissAll {cursor:pointer;background:url(../Images/dismissAll.png) 10px 0px no-repeat;padding-left:35px;margin-bottom:0;margin-top:10px;} .NotificationOptions span.Collapse {cursor:pointer;background:url(../Images/cancel.png) 12px 2px no-repeat;padding-left:35px;margin-top:3px;display:none;} .NotificationOptions span.Collapse.Visible {display:table-cell;*display:block;} .NotificationOptions span.Collapse.Hidden {display:none;} .NotificationsContainer .Options {width:20%;float:right;*float:left;position:absolute;*position:relative;*width:20%;margin-left:80%;} /* PDF */ .PromotionTitle {padding-right:29px;} div.PDFContent header.Header { height:80px;margin:20px 0; } div.PDFContent header.Header .Show380 {display:none;} div.PDFContent header.Header h2 { display:none; height:32px; line-height:32px; vertical-align:middle; text-transform:uppercase; } div.PDFContent header.Header .Logo { z-index:100; position:relative; display:block; float:right; width:232px; height:80px; background:url(../Images/logoNew.PNG) 0px 0px no-repeat #FFFFFF; } div.PDFContent header.Header .Title { z-index:1; position:relative; height:80px; padding:0px 60px 0px 0px; text-align:left; vertical-align:middle; border:0px solid #000000; font-size: 2em; font-family: FSRenaultBeta-Light, FSRenaultBetaLatin-Light; font-weight: 400; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; w\ idth:854px!important; l\ eft:-1px; m\ argin-right:-1px; p\ adding:0px; } div.PDFContent header.Header .Title h1 { display:block; vertical-align:middle; height:78px; line-height:78px; text-transform:capitalize; float:left; m\ argin-left:20px; } div.PDFContent header.Header .Title h1 span{font-family: NouvelR-Regular; font-weight: 400;} div.PDFContent header.Header .Title div { background:url(../Images/Koleos.png) center no-repeat; float:right; vertical-align:middle; width:150px; height:78px; line-height:78px; m\ argin-right:60px; } div.PDFContent header.Header .Title span.SpanBanner { background:url(../Images/Sprites.png) -140px -40px no-repeat; display:block; width:40px; height:40px; position:absolute; right:-1px; bottom:-1px; } @media screen and (max-width:1005px) { /*Common*/ .mobile-menu { display: block; } .mobile-menu.navbar { min-height: 40px; z-index: 1000001; } .mobile-menu .navbar-brand { height: 40px; } .mobile-menu.navbar { margin-bottom: 0; } .mobile-menu .navbar-header { float: none; } .mobile-menu .navbar-toggle { display: block; margin-left: 5px; } .mobile-menu.navbar-default .navbar-toggle { border: 0; background: url(http://my.renault.kz/Content/Images/2021/menu.svg) center no-repeat; background-size: 20px 20px; width: 40px; height: 22px; box-sizing: content-box !important; margin-top: 18px; } /* .mobile-menu.navbar-default .navbar-toggle.collapsed { background: url(http://my.renault.kz/Content/Images/menu-open.png) center no-repeat; }*/ .mobile-menu .navbar-center { position: absolute; width: 100%; left: 0; top: 0; margin: 8px 0; text-align: center; line-height: 60px; font-size: 1.3em; color: #fff; text-transform: uppercase; } .mobile-menu .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .mobile-menu .navbar-collapse.collapse { display: none !important; } .mobile-menu .navbar-collapse.collapse.in { display: block !important; } .mobile-menu .navbar-nav { float: none !important; margin: 7.5px -15px; } .mobile-menu .navbar-nav > li { float: none; border-top: 1px solid #ccc; clear: both; height: 60px; background-color: #fff; } .mobile-menu .navbar-nav > li.active a, .mobile-menu .navbar-nav > li.active a:hover, .mobile-menu .navbar-nav > li.active span, .mobile-menu .navbar-nav > li.active { background-color: #f8b800; color: #ffffff; } .mobile-menu .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; text-align: left; display: block; float: left; line-height: 40px; color: #000; } .mobile-menu.navbar-default { background-color: #000000; border-color: #000000; height: 80px; } .mobile-menu .mobile-icon { background: url(../Images/Sprites.png) no-repeat transparent; height: 40px; width: 38px; display: block; float: left; margin: 10px 10px 10px 10px; } .mobile-menu .mobile-icon.home { background-position: -266px -789px !important; } .mobile-menu li.active .mobile-icon.home { background-position: -228px -789px !important; } .mobile-menu .mobile-icon.account { background-position: -114px -789px !important; } .mobile-menu li.active .mobile-icon.account { background-position: -76px -789px !important; } .mobile-menu .mobile-icon.cars { background-position: -190px -789px !important; } .mobile-menu li.active .mobile-icon.cars { background-position: -153px -789px !important; } .mobile-menu .mobile-icon.offers { background-position: -38px -826px !important; } .mobile-menu li.active .mobile-icon.offers { background-position: 0px -826px !important; } .mobile-menu .mobile-icon.myshop { background-position: -60px -895px !important; } .mobile-menu li.active .mobile-icon.myshop { background-position: -160px -895px !important; } .mobile-menu .mobile-icon.dealer { background-position: -419px -789px !important; } .mobile-menu li.active .mobile-icon.dealer { background-position: -381px -789px !important; } .mobile-menu .mobile-icon.news { background-position: -38px -789px !important; } .mobile-menu li.active .mobile-icon.news { background-position: 0px -789px !important; } .mobile-menu .mobile-icon.servicebooking { background-position: -341px -789px !important; } .mobile-menu li.active .mobile-icon.servicebooking { background-position: -303px -789px !important; } .mobile-menu .mobile-icon.visits { background: url(http://my.renault.kz/Content/Images/my-service-visits-inactive.png) no-repeat transparent; } .mobile-menu li.active .mobile-icon.visits { background: url(http://my.renault.kz/Content/Images/my-service-visits-active.png) no-repeat transparent; } .mobile-menu .mobile-icon.agenda { background-position: -114px -826px !important; } .mobile-menu li.active .mobile-icon.agenda { background-position: -76px -826px !important; } .mobile-menu .mobile-icon.refer { background: url(http://my.renault.kz/Content/Images/InviteFriend/refer-a-friend-inactive.png) 0 3px no-repeat transparent; } .mobile-menu li.active .mobile-icon.refer { background: url(http://my.renault.kz/Content/Images/InviteFriend/refer-a-friend-active.png) 0 3px no-repeat transparent; } .mobile-menu .top-menu-link { background-color: #dbdbdb; color: #000; } .mobile-menu.navbar-default .navbar-nav > li.top-menu-link > a { color: #000; } .PageHeader { display: none; } .overlayMenu { position: fixed; width: 100%; height: 100%; background: black; opacity: 0.5; left: 0; top: 0; display: none; z-index: 1000000; overflow: hidden; } .TopMenu { width:728px;} div.FooterContainer .Footer {width:728px;} body { } .Invisible { display:none; } .WebPart.Login.Partial.Error,.WebPart.Register.Partial.Error {height:190px;} .ShowBlockBelow1005px { display:block; } .DontShowBlockBelow1005px { display:none; } .Icon { margin-top:10px;display:inline-block; height:40px; overflow:hidden; background:url(../Images/Sprites.png) no-repeat transparent; } .LeftColumn .Icon.User { width:20px; background-position:-57px -864px!important; } .Icon.Home { width:20px; background-position:-133px -864px!important; } .Icon.Promotion { width:20px; background-position:-247px -864px!important; } .Icon.Broadcast { width:20px; background-position:-19px -864px!important; } .Icon.ServiceBooking {width:20px; background-position:-170px -864px!important; } .Icon.Forum {width:20px; background-position:-246px -864px!important; } .Icon.Vehicle { width:20px; background-position:-96px -864px!important; } .Icon.Message { width:20px; background-position:-209px -864px!important; } .Icon.Agenda { width:20px; background-position:-323px -864px!important; } .LeftColumn a:hover .Icon.User,.LeftColumn a.Active .Icon.User,.LeftColumn .Icon.User:hover { background-position:-38px -864px!important; } a:hover .Icon.Home,a.Active .Icon.Home,.Icon.Home:hover { background-position:-114px -864px!important; } a:hover .Icon.Promotion,a.Active .Icon.Promotion,.Icon.Promotion:hover { background-position:-228px -864px!important; } a:hover .Icon.Broadcast,a.Active .Icon.Broadcast,.Icon.Broadcast:hover { background-position:0px -864px!important; } a:hover .Icon.ServiceBooking,a.Active .Icon.ServiceBooking,.Icon.ServiceBooking:hover { background-position:-151px -864px!important; } a:hover .Icon.Forum,a.Active .Icon.Forum,.Icon.Forum:hover { background-position:-227px -864px!important; } a:hover .Icon.Vehicle,a.Active .Icon.Vehicle,.Icon.Vehicle:hover { background-position:-76px -864px!important; } a:hover .Icon.Message,a.Active .Icon.Message,.Icon.Message:hover { background-position:-190px -864px!important; } a:hover .Icon.Agenda,a.Active .Icon.Agenda,.Icon.Agenda:hover { background-position:-304px -864px!important; } .MobileAppBox {max-width:728px; width:100%; } .MobileAppBox span.BoxImages a {width:44%;box-sizing:border-box;margin-right:5%;} .MobileAppBox span.BoxBanner {width:15%;} .MobileAppBox span.BoxText {width:40%;} .MobileAppBox span.BoxImages {width:40%;} /*Content*/ div.Content { max-width:728px; width:100%; } div.Content .MiddleColumn {border-top:0;padding-top:0;} div.Content .MiddleColumn.MiddleMargin {margin-top:0px;padding-top:20px;} div.Content .MiddleColumn .LeftColumn { float:none; clear:both; width:auto; max-width:inherit; } div.Content .MiddleColumn .LeftColumn.Menu { width: auto; background-color: #F8F8F8; display: none; } div.Content .MiddleColumn .BigSmallColumn.Border .LeftColumn {padding-bottom:0;margin-bottom:0; } div.Content .MiddleColumn .LeftColumn.Menu { width:auto; background-color:#F8F8F8; } div.Content .MiddleColumn .LeftColumn.Menu nav a { height:70px; padding-bottom:5px;} div.Content .MiddleColumn .LeftColumn.Menu nav { float:left; width:100%; text-align:right; } div.Content .MiddleColumn .LeftColumn.Menu nav a { display:block; width:12.5%; float:left; margin-bottom:0px; border-left:1px solid #FFFFFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } div.Content .MiddleColumn .LeftColumn.Menu nav a label {font-size: 0.95em;position:static;top:0;float:left; width:100%; display:block; clear:both; height:16px; line-height:16px; vertical-align:top; text-align:center; } div.Content .MiddleColumn .LeftColumn.Menu nav a label.VerticalMenuItem {display:inline;} div.Content .MiddleColumn .LeftColumn.Menu nav a label.VerticalMenuItem span { display: inline; } div.Content .MiddleColumn .LeftColumn.Menu nav a .IconContainer { width:100%; height:35px; padding-top:4px; float:left; clear:both; } div.Content .MiddleColumn .LeftColumn.Menu nav a span.badge { position:absolute; right: 15px; left:initial; top: 7px; } div.Content .MiddleColumn .LeftColumn.Menu nav a .IconContainer.Agenda {padding-top:4px;} div.Content .MiddleColumn .LeftColumn.Menu nav a sup { right:5px; } div.Content .MiddleColumn .LeftColumn.Menu nav a label.News {position: static;width:100%;height: 16px;line-height: 16px;} div.Content .MiddleColumn .LeftColumn.Menu nav a sup {position:absolute;top:0px;padding: 9px 2px 9px 2px;background: url(../Images/Sprites.png) -531px -78px no-repeat transparent;} div.Content .MiddleColumn .RightColumn { float:none; clear:both; width:auto; } div.Content .MiddleColumn .RightColumn.Content { width:auto; margin-top:10px; border-top: 1px solid #BABABA; } body.MyCars div.Content .MiddleColumn .RightColumn.Content { border-top: 0px; } body.MyDealer div.Content .MiddleColumn .RightColumn.Content { border-top: 0px; } div.Content .MiddleColumn .BigSmallColumn { background:none; } div.Content .MiddleColumn .BigSmallColumn .PlaceHolder { overflow:visible; } div.Content .MiddleColumn .BigSmallColumn .LeftColumn { padding-bottom:0; margin-bottom:-0; } div.Content .MiddleColumn .BigSmallColumn .RightColumn { padding-bottom:0; margin-bottom:-0; } div.Content .MiddleColumn .BigSmallColumn .LeftColumn {border:0px;} div.Content .MiddleColumn .BigSmallColumn.NoBorder .LeftColumn.LogOn {width:100%;} /*WebPart*/ div.Content .MiddleColumn .BigSmallColumn.Border .WebPart.Register { height:auto;margin-bottom:20px; } div.Content .MiddleColumn .BigSmallColumn.Border .WebPart.Login {height:auto;} .WebPart { float:left; clear:none; display:block; width:49.31%; margin:0px 0px 10px 0px; } .WebPart.WebPart0,.WebPart.WebPart2,.WebPart.WebPart4 { float:left; } .WebPart.WebPart1,.WebPart.WebPart3,.WebPart.WebPart5 { float:right; } .WebPart.LightGrey { width:49.2%; margin:0 0 1.5% 0; clear:none; } .WebPart.Orange.Partial { width:50%; border:1px solid #BABABA; border-left:0px none; height:179px; margin-top:0px; padding-top:10px; } .WebPart.Orange.Partial .Container { margin-left:-1px; } .WebPart.White { width:49.03%; height:auto; } .WebPart.White.Partial { width:50%; border:1px solid #BABABA; border-left:0px none; } .WebPart.White.Partial .Container { margin-left:0; } .WebPart.White.Partial:first-child { border:1px solid #BABABA; border-right:0px none; padding-bottom:20px; } .WebPart.White.Partial:first-child .Container { border:0px none; border-right:1px solid #BABABA; padding-right:19px; } .WebPart.Iconic { width:32%; margin-left:1%; } .WebPart.Iconic:first-child { width:32%; margin-left:0; } .WebPart .Container {margin:0;} .WebPart.Register .Container .Title.Small { font-size:1em; } /* Register*/ .VerticalImage {display:none;} .DefaultImage {display:block;} div.Content .MiddleColumn.RegisterConfirmation .BigSmallColumn .LeftColumn {min-height:355px;} /*Login*/ .WebPart.Login .Container .TextBox { float:left; clear:none; width:48.5%; margin-right:0px; } .WebPart.Login .Container .TextBox.Password { float:right; clear:none; width:48.5%; margin-left:0px; } div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.Orange { border-top:1px solid #BABABA;border-bottom:1px solid #BABABA;border-left:1px solid #BABABA;border-right:0;padding-left:10px; } div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.White { border-top:1px solid #BABABA;border-bottom:1px solid #BABABA;border-right:0; padding:20px 10px 20px 10px; } div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.White.Partial:first-child {border-right:0; border-right:1px solid #BABABA; padding-left:10px; } div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.Login.White.Partial.LastItem {border-left:1px solid #BABABA;border-right:0px none;} div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.White.Register {border-right:1px solid #BABABA;} div.Content .MiddleColumn .BigSmallColumn .LeftColumn,div.Content .MiddleColumn .BigSmallColumn .RightColumn { } div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart { width:50%;margin-top:0px; } div.Content .MiddleColumn .BigSmallColumn .LeftColumn .WebPart { border:1px solid #BABABA; } div.Content .MiddleColumn .BigSmallColumn.NoBorder .RightColumn {margin-bottom:20px;padding-bottom:0;border:0;margin-top:20px;} div.Content .MiddleColumn .BigSmallColumn.NoBorder .RightColumn.Home {margin-top:0px;} .WebPart.White.Partial:first-child {margin-bottom:0;} .WebPart.PlaceHolder.Register { width:100%;} .WebPart.Orange.Partial .Container .ForgotEmailButton #ForgotEmail { width:90%;} .WebPart .Container .Text {overflow:visible;height:auto;} /*LeftMenu*/ div.Content .MiddleColumn .BigSmallColumn.Border .RightColumn { margin-top:0;margin-bottom:0;padding-bottom:0;border:0;margin-top:20px;} div.Content .MiddleColumn .BigSmallColumn.Border {background:#FFFFFF;} div.Content .MiddleColumn .BigSmallColumn.Border .LeftColumn {} div.Content .MiddleColumn .LeftColumn.Menu .WebPart.LightGrey { height:60px; width:30%; float:left; padding:10px 0px 0px 0px; } div.Content .MiddleColumn .LeftColumn.Menu .WebPart.LightGrey .Container { position:relative; margin-right:0px; } div.Content .MiddleColumn .LeftColumn.Menu .WebPart.LightGrey .Container .IconContainer { height:50px; } div.Content .MiddleColumn .LeftColumn.Menu .WebPart.LightGrey .Container .Title { display:inline-block; margin-bottom:0px; } div.Content .MiddleColumn .LeftColumn.Menu .WebPart.LightGrey .Container .Title span { display:none; } div.Content .MiddleColumn .LeftColumn.Menu .WebPart.LightGrey .Container .Link { display:block; position:absolute; bottom:0px; left:0px; } /*MyGarage*/ /* Promotion */ .Promotion .Text { width: 74%; } .Promotion .PrintButtons { width: 26%; } .Promotion .Images { width: 23%; } .Promotion .Images li, .Promotion .Images li img { width: 100%; } .Promotion .LeftPart { padding-top: 20px; } .PagedContainer.Promotions { border-top:0px; } /* /News/Details */ .NewsDetails { padding-top: 20px; } .NewsDetails .Text { width: 75%; } .NewsDetails .Images { width: 23%; } .NewsDetails .Images li, .NewsDetails .Images li img { width: 100%; } /* /News/Archive */ .NewsArchiveHead { margin-top: 12px; } /* register */ div.Content .MiddleColumn.Register {margin-top:20px;padding-top:0; background:#FFFFFF;} div.Content .MiddleColumn.Register .BigSmallColumn .RightColumn {width:100%;clear:both;} div.Content .MiddleColumn.Register .BigSmallColumn .RightColumn img {margin-top:30px;width:100%;} div.Content .MiddleColumn.Register .BigSmallColumn .LeftColumn {border:0px solid #BABABA;} div.Content .MiddleColumn.Register div.LegalInfo {min-height:auto;} /*account activation */ div.Content .MiddleColumn.AccountActivation {margin-top:20px;padding-top:0; background:#FFFFFF;} div.Content .MiddleColumn.AccountActivation .BigSmallColumn .RightColumn {width:100%;clear:both;} div.Content .MiddleColumn.AccountActivation .BigSmallColumn .RightColumn img {margin-top:30px;width:100%;} div.Content .MiddleColumn.AccountActivation .BigSmallColumn .LeftColumn {border:1px solid #BABABA;} div.Content .MiddleColumn.AccountActivation .BigSmallColumn .LeftColumn .WebPart { border:0px solid #BABABA; } div.Content .MiddleColumn.AccountActivation .BigSmallColumn .LeftColumn {min-height:355px;} } @media screen and (max-width:816px) { .Newsletter.NewsletterList h2.PreviewAvailableInHigherResolutions { display:block; } .Newsletter.NewsletterList .PagedContainer .NewsletterTemplateItem .Preview { display: none; } } @media screen and (max-width:790px) { .TopMenu { width:100%;} .TopMenu menu {padding-right:20px;} div.Content .Header {padding: 0 0px;} body.MyCars div.Content .MiddleColumn .RightColumn.Content {padding:0px 0px;} div.Content {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 10px;} div.FooterContainer .Footer {width:100%;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 10px;} div.FooterContainer .Footer .Links {height:30px;} /* /News/Archive */ .PagedContainer.NewsArchive .Head .FilterForm .ToLeft { width:auto; } .PagedContainer.NewsArchive .Head .FilterForm .ToLeft .PagesContainer { display:none; } .PagedContainer.NewsArchive .Head .FilterForm .ToLeft .CategoriesContainer label { margin-left:0px; } .MobileAppBox {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 10px;border:0; } .MobileAppBoxMobile {border:1px solid #bababa;} /*.ui-button .ui-icon.ui-icon-closethick { background:url(../Images/Sprites.png) -222px -49px no-repeat transparent !important; width: 23px; height: 24px; } .ui-dialog-titlebar-close { border:0 !important; background-color: #FFFFFF !important; } .ui-draggable .ui-dialog-titlebar { padding: 1.5em 2em !important; } .ui-dialog .ui-dialog-titlebar-close { right:1.5em !important; }*/ .ui-dialog img.Banner {width:321px;display:inline;} .ui-dialog span {display:block;} .ui-dialog span.AppText {float:none;width:100%;text-align:center;} .ui-dialog p.Mobile {width:100%;font-size:1.5em;padding-bottom:40px;max-width:314px;padding-top:0px;line-height:1.2em;} .ui-dialog .Desktop {display:none;} .ui-dialog .Mobile {display:block;width:134px;} .ui-dialog .ui-dialog-content {width:50%;padding:.5em 4em .5em 4em !important;text-align:center;} .ui-dialog span.AppText img.Mobile {width:235px;display:inline;} /*. .ui-dialog span.AppText {float:right;width:270px;text-align:left;} .ui-dialog span.AppText img { width:122px;padding-left:100px;margin-bottom:20px;} .ui-dialog span.AppText p {font-size:1.2em;padding: 50px 0px 30px 100px;} .ui-dialog .ui-dialog-content { padding: .5em 4em .5em 5em !important; }*/ } @media screen and (max-width:767px) { .files .btn span { display:block; } } @media screen and (max-width:720px) { div.Content .Header .Logo { z-index:100; position:relative; display:block; float:right; width:110px; height:70px; background:url(../Images/logoNewMobile.PNG) 0px 0px no-repeat #FFFFFF; } .NewsIndex .NewsItem .Image { margin-bottom: 15%; } /* MyCars */ .MyCars .Vehicle .Image {width:160px;} .MobileAppBox {height:auto;} .MobileAppBox span.BoxImages {display:block;height:50px;width:100%;margin-top:20px;} .MobileAppBox span br.Hidden {display:hidden;} .MobileAppBox span.BoxImages a {width:50%;margin:0;} .MobileAppBox span.BoxImages a img {width:70%;display:block;margin:0 auto;max-width:134px;} .MobileAppBoxMobile {padding-top:20px;padding-bottom:20px;} } @media screen and (max-width:640px) { /*TopMenu*/ /*.TopMenu { padding: 0; }*/ /*.TopMenu menu {float:left; }*/ /*.TopMenu menu li { display:inline; line-height:20px; float:none; background-image: none;height:20px; }*/ /*.TopMenu menu li a { margin-left:0;font-size: 0.75em; }*/ div.FooterContainer { margin-top: 20px; } /*Header*/ div.Content .Header .Title div { display:none; } /*Login*/ .WebPart.Login .Container .CheckBox { margin-right:4%; } /* MyCars */ .MyCars .Vehicles .Vehicle .CarData div {width:120px;} .MyCars .Vehicle .ToRight img {width:260px;} } @media screen and (max-width:600px) { /*Common*/ .Field { width:100%;height:auto; } .Validator { height:auto; min-height:15px; } .Tabs .TabContent { padding:10px; } .Field .Title { height:auto; } .Field .Title { font-size:12px; font-weight:bold; display:block; height:33px; width:49.9%; float:left; } .WebPart.Login.Partial.Error{height:180px;} .WebPart.Login {height:auto;} .WebPart.Register.Partial.Error {height:180px;} div.Content .MiddleColumn .BigSmallColumn .LeftColumn .WebPart {border:0px;} div.Content .MiddleColumn .BigSmallColumn .LeftColumn {border:1px solid #BABABA;} /*Content*/ div.Content .MiddleColumn .LeftColumn .PlaceHolder .Title { font-size:0.75em; } div.Content .MiddleColumn .BigSmallColumn .PlaceHolder .PlaceHolder.BackgroundImage { font-size:small; } div.Content .MiddleColumn .BigSmallColumn .PlaceHolder .PlaceHolder.BackgroundImage .Title { font-size:smaller; } div.Content .MiddleColumn .LeftColumn.Menu { background-color:#FFFFFF; } div.Content .MiddleColumn .LeftColumn.Menu .WebPart.LightGrey { width:auto; float:none; clear:both; min-height:inherit; } div.Content .MiddleColumn .LeftColumn.Menu .WebPart.LightGrey .IconContainer { width:60px; } div.Content .MiddleColumn .LeftColumn.Menu .WebPart.LightGrey .Container { margin-left:60px; padding-top:0.6em; } div.Content .MiddleColumn .LeftColumn.Menu .WebPart.LightGrey .Container .Title { font-size:1.2em; } div.Content .MiddleColumn .LeftColumn.Menu .WebPart.LightGrey .Container .Link { float:right; margin-right:1em; margin-top:0.2em; position:static; } div.Content .MiddleColumn .LeftColumn.Menu nav { width:auto; float:none; clear:both; } div.Content .MiddleColumn .LeftColumn.Menu nav a { height:60px; padding-bottom:0px;} div.Content .MiddleColumn .LeftColumn.Menu nav a:first-child { border-left:0px none; } div.Content .MiddleColumn .LeftColumn.Menu nav a sup {right: 0px;} div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.Orange {padding-right:10px;} /*WebPart*/ .WebPart { float:none; clear:both; width:100%; } .WebPart.Orange.Partial { width:100%; border:1px solid #BABABA; } .WebPart.Orange.Partial .Container {} .WebPart.White { width:100%; } .WebPart.White.Partial { width:100%; border:1px solid #BABABA; border-top:0px none; } .WebPart.White.Partial:first-child { border:1px solid #BABABA; padding-top:20px; border-bottom:0px none; padding-bottom:1px; margin-bottom:-10px; } .WebPart.White.Partial:first-child .Container { border-bottom:1px solid #BABABA; border:0px none; } .WebPart.Iconic { width:100%; border:0px none; height:auto; min-height:100px; padding-bottom:0px; border-top:1px solid #BABABA; } .WebPart.Iconic:first-child { width:100%; border-top:0px none; } .WebPart.Main, .NewsIndex .WebPart.Main { padding-top:30px; } .WebPart.Main .Container .Image, .NewsIndex .WebPart.Main .Container .Image { width:100%; margin-right:0; float:none; } .NewsIndex .WebPart.Main .Container .Links { width:100%; } .NewsIndex .NewsItem .Image { margin-bottom: 22%; } /*Login*/ .WebPart.Login { position:relative; top:-160px; } .WebPart.Register { position:static; top:160px; } .WebPart.Register .Container .Link {margin:10px 0;} div.Content .MiddleColumn.Register .BigSmallColumn .LeftColumn {border:1px solid #BABABA;} div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.Orange.Login.Partial { border:1px solid #BABABA; border-bottom:0px none; padding-bottom:0px; } .WebPart.White.Login.Partial .Container { border-bottom:1px solid #BABABA; margin-bottom:1px;padding-bottom:10px; } .WebPart.PlaceHolder.Register .Container .Field { width:100%; } .WebPart.PlaceHolder.Register .Container .Disclaimer { position:static; top:auto; left:auto; margin-top:10px; } div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart { width:100%; } div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.White.Partial { border:1px solid #BABABA; border-bottom:0px none; width:100%; padding-bottom:1px; } div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.White.Register.Partial { border:1px solid #BABABA; border-top:0px none; width:100%; } div.Content .MiddleColumn .BigSmallColumn.Border .WebPart.Login {height:auto;} div.Content .MiddleColumn .BigSmallColumn.Border .WebPart.Register {height:auto;} div.Content .MiddleColumn .BigSmallColumn .LeftColumn .WebPart.PlaceHolder.Register .Container .Title { font-size:2em; } div.Content .MiddleColumn .BigSmallColumn .LeftColumn .WebPart.PlaceHolder.Register .Container .Title.Small { font-size:1.4em; margin-top:35px;} div.Content .MiddleColumn .BigSmallColumn .LeftColumn .WebPart.PlaceHolder.Register .Container .Field .TextBox { width:100%; } div.Content .MiddleColumn .BigSmallColumn .LeftColumn .WebPart.PlaceHolder.Register .Container .Disclaimer { width:100%; float:left; } .RegisterHelp {position: absolute;top: 35px;right: 20px;font-size: 1em;background: url(../Images/LinkMobile.gif) center left no-repeat;padding-left: 20px;} .WebPart.PlaceHolder.Register div.Field .RSIDropDownList_Container {width: 99.5%;} .WebPart.PlaceHolder.Register .RSIDropDownList_Container.Day {width: 20.5% !important;margin-right: 4.5%;} .WebPart.PlaceHolder.Register .RSIDropDownList_Container.Month {width: 40% !important;margin-right: 4.5%;} .WebPart.PlaceHolder.Register .RSIDropDownList_Container.Year {width: 30% !important;} .WebPart.PlaceHolder.Register .Container .Field.Checkboxes .CheckBox {float:none;clear:both;margin-left: 0;margin-top:10px;} .WebPart.PlaceHolder.Register .Container .Field.Checkboxes .CheckBox div {width:90%;padding-left:2%;} .WebPart.PlaceHolder.Register .Container .Field.Checkboxes .CheckBoxLink div {width:90%;padding-left:2%;} .WebPart.PlaceHolder.Register .Container .Field.Checkboxes .CheckBoxLink div div {width:auto;padding-left:0;margin-left:0;} div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.Login.White.Partial.LastItem { border-right: 1px solid #BABABA} div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.Login.Partial.LastItem {position:static;top:-180px;margin-top:20px;margin-bottom:0;} div.Content .MiddleColumn .BigSmallColumn.Border .RightColumn .WebPart.Login.Partial.LastItem {top:-153px;margin-top:20px;} .WebPart.PlaceHolder.Register .Container .Field.RadioField .RadioLink { width:auto;padding-left:2%;margin-left:5px; } .WebPart.PlaceHolder.Register .Container .TipBox {position:absolute;right:0;top:30px;} /*MyData*/ .Form { width:100%; border:0px none; border-bottom:1px solid #BABABA; float:none; margin-bottom:20px; } .Form .Field {width:100%;} .Field.TwoColumn.First {margin-right:0px;} .Field .Title {width: 40%;} .Field .TextBox {width: 50%;float:right;} div.Field div.DropdownContainer, div.Field span.DropdownList {width: 50%;float:right;} div.Field div.DropdownContainer span.DropdownText { width:100%;} #MyDataForm .Field.Full .Vertical1, #MyContactDataForm .Field.Full .Vertical1 {width:40%;} .Form .FieldRSIDate .Date:not([class*="Day"]):not([class*="Month"]):not([class*="Year"]) {width: 50%;float:right;} .Form div.Field span.DropdownList {width: 100%;float:right;} .Form .Field.Empty {display:none;} /*MyGarage*/ .MyCars { margin:0px 0px; } .MyCars .Vehicle { text-align:center; } .MyCars .Vehicle div.CarFields.ToRight div.FieldInput { text-align:left; } .MyCars .Vehicle .Image { width:auto; margin-right:0; float:none; clear:both; } .MyCars .Vehicle .Description , .MyCars .Vehicle .Handbooks, .MyCars .HandbooksMobile { text-align:left; width:70%; margin:0 15%; float:none; clear:both; } .MyCars .Vehicle .Description {width:100%;} .MyCars .Vehicle .Handbooks, .MyCars .HandbooksMobile {border-top:1px solid #BABABA;padding:20px 0;margin-top:20px;padding-bottom:10px;} .MyCars .HandbooksMobile {padding-top:0;} .MyCars .Vehicle .Offer { text-align:left; width:auto; float:none; clear:both; padding:20px; } .MyCars .Vehicle .Description .Text.Helvetica16 { font-size:1.4em; } .MyCars .Vehicle .Description .Title {line-height:1em;font-size:1em;margin-bottom:20px;} .MyCars .Vehicle .Description .Text {line-height:1em;font-size:1em;margin-bottom:35px;} .MyCars .Vehicle .Offer .Title { font-size:1.2em; margin-bottom:10px;} .MyCars .Vehicle .Offer span.Text a {font-size:1.4em;} .MyCars .CarouselContainer {position:relative;padding:0 0;overflow:hidden;} .MyCars .CarouselNav .Prev {float:left;display:block;position: relative;top: 25px;left: 5px; } .MyCars .CarouselNav .Next {float:right;display:block;position: relative;top: 25px;right: 5px; } .MyCars .CarouselNav {height:40px;} .MyCars .Pager {width: 100%;text-align: center;list-style: none;margin-bottom:20px;margin-top:0px;} .CarForm div.Data div.CarFields .TipBox {background:url(../Images/detailTipBox.png) 4px 2px no-repeat;} .CarForm div.Data div.CarFields .TechnicalControlDateDescription span.TipArrow {background:url(../Images/tip.png) right 0px no-repeat;height:6px;width:100%;right:0;} .CarForm div.Data div.CarFields .TechnicalControlDateDescription span.TipText {font-size:1.4em;} .CarForm div.Data div.CarFields label.Title {width:100%;} /*News*/ .NewsItem.Image { width:49%; margin-left:0; } .NewsItem.NewsItem1.Image,.NewsItem.NewsItem3.Image { float:right; } /* Newsletter */ .Newsletter.NewsletterList .PagedContainer .NameColumn { width:52%; } .Newsletter.NewsletterList .PagedContainer .SendOnColumn { width:29%; } .Newsletter.NewsletterList .PagedContainer .PreviewColumn { width:7%; } /* register */ .WebPart.PlaceHolder.Register .Container .Field label {float:none;height:20px;display:block;width:100%;font-size:0.8em;margin-bottom:0px;} .WebPart.PlaceHolder.Register .Container .Field.RegistrationModelDescription {font-size:0.8em;padding-top:10px;} .WebPart.PlaceHolder.Register .Container .Field input {float:none;line-height:20px;margin-bottom:0px;} .WebPart.PlaceHolder.Register .Container .Field.FieldRSIDate label {display:block;margin-bottom:10px;font-size:0.8em;} .WebPart.PlaceHolder.Register .Container .Field div.Password {padding:10px 0;font-size:0.8em;} .WebPart.PlaceHolder.Register .Container .Field input.eMail.Input.TextBox,.WebPart.PlaceHolder.Register .Container .Field input.VIN.Input.TextBox {margin-bottom:0px;} .WebPart.PlaceHolder.Register .Container .TextBox.Password {margin-bottom:10px;} .WebPart.PlaceHolder.Register .Container .TextBox.ConfirmPassword {margin-bottom:20px;} .Vertical1 {width:100%;} .WebPart.PlaceHolder.Register .Container .Field.FieldRSIDate {clear:both;} .WebPart.PlaceHolder.Register .Container .Field.FieldRSIDate .Date {width:100%;} .WebPart.PlaceHolder.Register .Container .VINField {position:relative;margin-bottom:5px;} .WebPart.PlaceHolder.Register .Container .Vertical1 {width:100%;} /* account activated */ div.Content .MiddleColumn.AccountActivation .WebPart.Login { position:static; } div.Content .MiddleColumn.AccountActivation .WebPart.White.Login.Partial .Container {border-bottom:0;} .ui-dialog img.Banner {width:80%;display:inline;float:none;} .ui-dialog span {display:block;} .ui-dialog p.Mobile {width:100%;font-size:1.5em;padding-bottom:30px;max-width:314px;} .ui-dialog .Desktop {display:none;} .ui-dialog .Mobile {display:block;width:100%;} .ui-dialog .ui-dialog-content {width:50%;padding:.5em 1em .5em 1em !important;text-align:center;} } @media screen and (max-width:490px) { button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.Content .Header .Show380 {display:block;} div.Content .Header .Title h1 { line-height:35px;} div.Content .MiddleColumn.MiddleMargin {margin-top:20px;padding-top:20px;} div.Content .MiddleColumn .BigSmallColumn .WebPart {height:auto;} .Link {display: inline-block;background: url(../Images/LinkMobile.gif) center left no-repeat;padding-left:15px;} #MyContactDataForm .RSIDropDownList_Container {font-size:1.3em;} #MyDataForm .RadioLast {margin-bottom:20px;} #MyDataForm .RSIDropDownList_Container {font-size:1.3em;} #MyDataForm .RSIDropDownList_Container.Day {width: 25% !important;margin-right: 1%;} #MyDataForm .RSIDropDownList_Container.Month {width: 43% !important;margin-right: 1%;} #MyDataForm .RSIDropDownList_Container.Year {width: 30% !important;} #MyDataForm .RSIDropDownList_Container .RSIDropDownList_Bar .RSIDropDownList_Label {margin: 0 0 0 2px;width:50%;} .Form .FieldRSIDate .Date:not([class*="Day"]):not([class*="Month"]):not([class*="Year"]) {float:left;width:50%;} #MyDataForm .FieldRSIDate .Date:not([class*="Day"]):not([class*="Month"]):not([class*="Year"]), #MyContactDataForm .FieldRSIDate .Date:not([class*="Day"]):not([class*="Month"]):not([class*="Year"]) {float:right;width:50%;} #MyDataForm .RadioField.Last {margin-top:10px;} #MyDataForm .RadioField .Title{height:auto;} .WebPart.Login.Partial.Error{height:199px;} .WebPart.Register.Partial.Error {height:199px;} /*Control*/ .TextBox { padding:0px 8px 0px 8px; font-size:1em; } .WebPart.PlaceHolder.Register div.Field .RSIDropDownList_Container {font-size:1em !important; } .WebPart.PlaceHolder.Register .RSIDropDownList_Container.Day ,.WebPart.PlaceHolder.Register .RSIDropDownList_Container.Month ,.WebPart.PlaceHolder.Register .RSIDropDownList_Container.Year {font-size:1em !important; } .WebPart.PlaceHolder.Register .Container .Field.FieldRSIDate .Date {width:100%;} .CheckBox { font-size:1em ; } .CheckBox label { font-size:1em; } .WebPart.PlaceHolder.Register .Container .Field.Checkboxes .CheckBox {height:30px;clear:both;margin-top:30px;} .WebPart.PlaceHolder.Register .Container .Field.Checkboxes .CheckBoxLink div {width:80%;height:auto;} .WebPart.PlaceHolder.Register .Container .Field.Checkboxes .LegalInfoLink {height:auto;} .WebPart.PlaceHolder.Register .Container .Field.Checkboxes .CheckBox div {width:80%;} .WebPart.PlaceHolder.Register .Container .Field.Checkboxes {font-size:0.8em;} .DropDownList label { font-size:1em; } .Button, a.Button { background-position:0px -445px; height:37px; font-size:0.9em;padding: 8px 10px 8px 40px;} #UploadForm .Button.active, #UploadForm .Button:active { background:url(../Images/Sprites.png) 0px -446px no-repeat; box-shadow: none; } #UploadForm .Button.Grey.active, #UploadForm .Button.Grey:active { background:url(../Images/Sprites.png) 0px -752px no-repeat; box-shadow: none; } #UploadForm .Button.Grey:hover { background:url(../Images/Sprites.png) 0px -752px no-repeat; box-shadow: none; } .WebPart .Container .Button {max-height: 37px;} .Button.Grey, a.Button.Grey { background-position:0px -752px !important; } a.Button { background-position:0px -446px !important; margin-left: 2px; margin-right: 2px; height:auto; } button.FBButton {background-position:0px 1px;background-image:url(../Images/fbIconMobile.png);} a.FBButton {background-position:0px 1px !important;background-image:url(../Images/fbIconMobile.png);height:21px;padding: 10px 10px 6px 40px;} @-moz-document url-prefix() { .Button, a.Button { padding:7px 10px 8px 40px; } } .Link { font-size:1em; } /*Common*/ .Form .Field .Title { font-size:1em; } #MyDataForm .Vertical1, #MyContactDataForm .Vertical1 {font-size: 1em;} #MyDataForm .Field.Full .Vertical1, #MyContactDataForm .Field.Full .Vertical1 {font-size: 1em;} .Form .Field.Full label.Title {width:40%;} .Form > .SectionTitle { height:37px;line-height:37px; } .Clear.Mobile490px { display: block; } .Mobile490px { display: block; } .DontShowMobile490px_B { display:none; } div.FooterContainer .Footer {padding-top:0px;width:100%;} /*TopMenu*/ .TopMenu.Mobile { display:block;margin-top:0px;font-size:1em; } .TopMenu.Top, .TopMenu.Top div.TopMenu { display:block;padding-top:0;padding-bottom:5px;font-size:0.85em; } .TopMenu.Mobile .TopMenu {display:block;font-size:1em;} .TopMenu.TopMenu menu li { height:20px; } .TopMenu { display:none; } div.FooterContainer .Footer menu.SocialMedia {display:block;} div.Content .SocialMediaMobile menu.SocialMedia {display:block;width:100%;} div.Content .SocialMediaMobile {padding-bottom:15px;height:29px;display:block;} div.Content .SocialMediaMobile menu li {display:block;float:left;text-align: center;} div.Content .SocialMediaMobile menu li.First a {float:left;} div.Content .SocialMediaMobile menu li.Last a {float:right;} div.FooterContainer .Footer.SocialMediaMobile menu.SocialMedia li a {margin:0;} /*div.FooterContainer .Footer menu.SocialMedia li img {height:42px;width:42px;}*/ /*Header*/ div.Content .Header h2 { margin-top:14px; display:none; } div.Content .Header .Title { padding-left:0; } div.Content .Header .Title h1 { display:block; } div.Content .Header .Title div { display:block; width:60%; background-size:100% auto; } div.MobileTitle {display:block;text-transform:uppercase;font-size:2em;margin-top:20px;padding:0 20px;} /*MainMenu*/ div.Content .MainMenu { font-size:1em; width:100%; height:50px; line-height:32px; padding-top:13px; float:right; } div.Content .MainMenu a { display:none; font-size:1em;} div.Content .MainMenu a { position:relative; z-index:10000; background:url(../Images/MainMenu.gif) 5px center no-repeat #FFFFFF; float:right; display:block; width:80px; text-align:center; height:32px; text-transform:uppercase; padding:0px 10px 0px 15px; border:0px solid #000000; border-left-width:1px; border-right-width:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } div.Content .MainMenu a span { display:none; position:relative; top:-0.1em; } div.Content .MainMenu a span:first-child { display:inline; } div.Content .MainMenu menu { display:none; margin-top:31px; background-color:#FFFFFF; border:1px solid #000000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /*div.Content .MainMenu:hover menu { display:block; width:100%; } div.Content .MainMenu:hover a { border-top:1px solid #000000; } div.Content .MainMenu:hover a span { display:inline; } div.Content .MainMenu:hover a span:first-child { display:none; }*/ div.Content .MainMenu menu li { float:none; width:100%; height:2.5em; line-height:2.5em; vertical-align:middle; border:0px none; margin:0px; } div.Content .MainMenu menu li a {line-height:40px; border-top:1px solid #000000; height:1.8em; position:static; text-align:left; background-image:none; display:block; float:none; margin:0px; padding:0px 10px; width:auto; border:0px none; } div.Content .MainMenu menu li a span { display:block!important; float:none !important;border-top:1px solid #000000; } div.Content .MainMenu menu li a span.MenuSeperator {display:none !important;} div.Content .MainMenu menu li:first-child a span { border-top:0px none; } div.Content .MainMenu:hover menu li a { border-top:0px none; } /*Breadcrumbs*/ div.Content .BreadCrumbs { display:none; padding-left:20px; } .BreadCrumbs {height:40px;font-size:0.7em;} .BreadCrumbs:first-child { display:block; margin:0px 0px 20px 0px; height:40px;font-size:0.7em;} .BreadCrumbs:first-child li { margin-top:0px;} .BreadCrumbs:first-child li a { padding:0px;line-height:40px;} /*Content*/ div.Content .MiddleColumn .BigSmallColumn .LeftColumn {margin-top:10px;} div.Content .MiddleColumn .LeftColumn .PlaceHolder .Title { font-size:0.625em; } div.Content .MiddleColumn .LeftColumn.Menu nav a {display:none;} div.Content .MiddleColumn .LeftColumn.Menu nav a.Active {display:block;width:100%;} div.Content .MiddleColumn .LeftColumn.Menu nav a.Active sup {display:none;} div.Content .MiddleColumn .LeftColumn.Menu nav a.Active.VisibleMenu sup {display:block;} .Icon { display:inline-block; height:40px; padding-top:0;overflow:hidden; background:url(../Images/Sprites.png) no-repeat transparent; } .Icon.Home { width:36px; background-position:-266px -789px!important; } .Icon.Promotion { width:36px; background-position:-38px -826px!important; } .Icon.Broadcast { width:36px; background-position:-38px -789px!important; } .Icon.ServiceBooking {width:36px; background-position:-341px -789px!important; } .Icon.Forum {width:37px; background-position:-494px -789px!important; } .Icon.Vehicle { width:38px; background-position:-190px -789px!important; } .Icon.Message { width:36px; background-position:-419px -789px!important; } .LeftColumn .Icon.User {margin-top:20px;} a:hover .Icon.Home,a.Active .Icon.Home,.Icon.Home:hover { background-position:-228px -789px!important; } a:hover .Icon.Promotion,a.Active .Icon.Promotion,.Icon.Promotion:hover { background-position:0px -826px!important; } a:hover .Icon.Broadcast,a.Active .Icon.Broadcast,.Icon.Broadcast:hover { background-position:0px -789px!important; } a:hover .Icon.ServiceBooking,a.Active .Icon.ServiceBooking,.Icon.ServiceBooking:hover { background-position:-303px -789px!important; } a:hover .Icon.Forum,a.Active .Icon.Forum,.Icon.Forum:hover { background-position:-456px -789px!important; } a:hover .Icon.Vehicle,a.Active .Icon.Vehicle,.Icon.Vehicle:hover { background-position:-153px -789px!important; } a:hover .Icon.Message,a.Active .Icon.Message,.Icon.Message:hover { background-position:-381px -789px!important; } /*WebPart*/ .WebPart.WebPart0,.WebPart.WebPart2,.WebPart.WebPart4,.WebPart.WebPart1,.WebPart.WebPart3,.WebPart.WebPart5 { float:none; clear:both; } .WebPart.LightGrey .Container .Text,.WebPart.LightGrey .Container .Link { font-size:0.8em; } .WebPart.LightGrey { width:auto; height:auto; min-height:127px; } .WebPart.Orange .Button { background-position:0px -751px; } .WebPart.Orange.Partial .Container .Title { margin-bottom:20px; } .WebPart.Orange.Partial .Container .Text { margin-bottom:20px;font-size:1em; } /*Login*/ .Helvetica16 {font-size:2em;} .WebPart.Register .Container .Title.Small { font-size:1.7em; } .WebPart .Container .Title {margin:15px 0 25px 0;} div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.Orange {padding:10px 20px;} div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.White.Register.Partial .Text { font-size:1em;padding-bottom:20px;} div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.White.Register.Partial .Title { margin-top:0;} div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.White.Partial:first-child {padding-left:20px;padding-right:20px;} div.Content .MiddleColumn .BigSmallColumn .RightColumn .WebPart.White {padding-left:20px;padding-right:20px;} .WebPart.Orange.Partial .Container .ForgotEmailButton #ForgotEmail {height:37px;} .WebPart.Orange.Partial .Container { padding-bottom:15px;} .WebPart.White.Partial:first-child .Container { padding-right:0px; } .WebPart.Login .Container .TextBox { width:100%; float:none; } .WebPart.Login .Container .TextBox.Password { width:100%; float:none; } :root .WebPart.White.Partial:first-child .Container {height:auto;} .WebPart.Login .Container .Links { padding:10px 0;} .WebPart.Login { height:245px; } .BigSmallColumn.NoBorder .WebPart.Login { height:245px; } .WebPart.Orange.Login { height:239px; } .WebPart.Login .Container { background-position:100% 40%; } .WebPart.Login .Container .Button { clear:both; margin:0px 0px 10px 0px; } .WebPart.Register { top:222px; height:189px; } div.Content .MiddleColumn .BigSmallColumn.Border .WebPart.Register { top:237px; height:189px; } div.Content .MiddleColumn .BigSmallColumn.Border .RightColumn .WebPart.Login.Partial.LastItem { top:-170px;} div.Content .MiddleColumn .BigSmallColumn.NoBorder .LeftColumn { margin-top:20px;} .WebPart.Register .Container { background-position:100% center; } .WebPart.PlaceHolder.Register .Container .Disclaimer .CheckBox { font-size:0.75em; font-weight:bold; } .WebPart.PlaceHolder.Register .Container .FieldDescription .Description {width:200px;} /*News*/ .NewsItem .Image { width:100%; margin-right:0; } .NewsIndex .NewsItem .Image { width:100%; margin-right:0; margin-bottom:10px; } .WebPart .Container .NewsItem .Text { display:none; } /*MyData*/ .DropDownList.ContactMethod label { width:65%; height:11px; overflow:hidden; white-space:nowrap; } .DeleteAccountRequest {font-size:1em;} #UploadForm .btn, #UploadForm .toggle { width:100%; margin: 0%; padding-top:10px; padding-bottom:10px; } /* PagedContainer */ .PagedContainer { border-left: 0px; border-right: 0px; border-top: 0px; } .PagedContainer .Links a.Link { display:none; } .PagedContainer .Links a.PrevPage, .PagedContainer .Links a.NextPage { width:50%!important; } .PagedContainer .Links a.PrevPage { background-image: url(../Images/prevMobile.gif); } .PagedContainer .Links a.PrevPage div { border-left: 1px solid #BABABA; } .PagedContainer .Links a.NextPage { background-image: url(../Images/nextMobile.gif); } .PagedContainer .Links a.NextPage div { border-right: 1px solid #BABABA; } .PagedContainer .Head { padding: 18px 0px 4px 0px; margin: 0px; } .PagedContainer .Content { padding: 20px 0px 0px 0px; } .PagedContainer.OnlyOnePage { border-bottom: 0px; } .PagedContainer.OnlyOnePage .Content { padding-bottom: 0px; } /* Promotions */ .PagedContainer.Promotions .Content .PromotionItem div.ImageContainer { display:none; } .PagedContainer.Promotions .Content .PromotionItem div.ImageContainer_Mobile490px { display:block; margin-top: 5px; } .PagedContainer.Promotions .Content .PromotionItem { height: auto; } .PagedContainer.Promotions .Content .PromotionItem div.ContentContainer { width:auto; } .PagedContainer.Promotions .Content .PromotionItem div.ContentContainer .Foot { position: inherit; bottom:auto; } .PagedContainer.Promotions .Content .PromotionItem div.ContentContainer .Text { display: none; } /* Promotion */ .Promotion .Text, .Promotion .Images { float:none; width: 100%; margin-top:0px; } .Promotion .Text { padding-bottom: 20px; margin-top: 3%; } .Promotion .Images { padding-top: 20px; border-top: 1px solid #8C8C8C; } .Promotion .ArrowOnRight { padding: 14px 10px 14px 0px; display: inline-block; } .Promotion .Images li { width: 50%; } .Promotion .Images li img { width: 93%; } .Promotion .LeftPart { width: 100%; margin-bottom: 18px; padding-top: 13px; } .Promotion .LeftPart .Button { height:auto; } .Promotion .LeftPart .Button.Print { display:none; } .Promotion .MainImage.ToRight { display:none;} .Promotion .LeftPart .ValidFromBox { margin: 8px 0px; font-size: 0.8em; } .Promotion .ReturnToPromotionsLink { display: none; } .Promotion .PrintButtons { float: none; width: 100%; border-bottom: 1px solid #8C8C8C; padding-bottom: 18px; } .Promotion .PrintButtons .Button { margin-bottom: 8px; float: left; height: auto; } .Promotion .PrintButtons .Button.Print { margin-right: 3%; } .Promotion .Text, .Promotion .ShortText { width: 100%; } /* /News/Details */ .NewsDetails .Text, .NewsDetails .Images { float:none; width: 100%; margin-top:0px; } .NewsDetails .Text { padding-bottom: 20px; border-bottom: 1px solid #8C8C8C; margin-top: 3%; } .NewsDetails .Images { padding-top: 20px; border-top: 1px solid #8C8C8C; } .NewsDetails .ArrowOnRight { padding: 14px 10px 14px 0px; display: inline-block; } .NewsDetails .Images li { width: 50%; } .NewsDetails .Images li img { width: 94%; } .NewsDetails .MainImage .ArrowOnRight { display: none; } .NewsDetails .LeftPart { width: 100%; } .NewsDetails .LeftPart .Button { height:auto; } .NewsDetails .LeftPart .Button.Print { display:none; } .NewsDetails .MainImage.ToRight { width: 100%; margin-bottom: 0px; } .NewsDetails .MainImage.Mobile490px { float:none; width:100%; } .NewsDetails .LeftPart .ValidFromBox { margin: 8px 0px; } /* /News/Archive */ .PagedContainer.NewsArchive { border-top: 0px; } .PagedContainer.NewsArchive .Content .NewsArchiveItem { height: auto; width: 49%; } .PagedContainer.NewsArchive .Content .NewsArchiveItem div.ContentContainer { display: none; } .PagedContainer.NewsArchive .Content .NewsArchiveItem div.ImageContainer { display:none; } .PagedContainer.NewsArchive .Content .NewsArchiveItem div.ImageContainer_Mobile490px { display:block; margin-top: 5px; } .PagedContainer.NewsArchive .Content .NewsArchiveItem div.ContentContainer .Foot { position: inherit; bottom:auto; } .PagedContainer.NewsArchive .Content .NewsArchiveItem .Foot { font-size: 0.8em; line-height: 24px; } .PagedContainer.NewsArchive .Head { padding-top: 0px; } .PagedContainer.NewsArchive .Head .FilterForm .RSIDropDownList_Container.Year { margin-left: 8px; } .PagedContainer.NewsArchive .Head label { display:none; } .PagedContainer.NewsArchive .Head input.Button.Grey { background-position: 0px -415px; font-size:0.625em; padding: 9px 10px 8px 30px; height:auto; } .PagedContainer.NewsArchive .Head .FilterForm .ToLeft, .PagedContainer.NewsArchive .Head .FilterForm .ToRight { width:100%; } .PagedContainer.NewsArchive .Head .FilterForm .ToLeft .PagesContainer { display:none; } .PagedContainer.NewsArchive .Head .FilterForm .ToLeft .CategoriesContainer { float:none; } .PagedContainer.NewsArchive .Head .FilterForm .ToRight .YearContainer { float:right; } .PagedContainer.NewsArchive .Head .FilterForm .ToRight .MonthContainer .RSIDropDownList_Container, .PagedContainer.NewsArchive .Head .FilterForm .ToLeft .CategoriesContainer .RSIDropDownList_Container { width:60%; } .PagedContainer.NewsArchive .Head .FilterForm .ToRight .YearContainer .RSIDropDownList_Container { width:68px; } .NewsArchiveHead .SeeOurNewsletter, .NewsArchiveHead .ReturnToNewsMainPage { display:none } .NewsArchiveItem0, .NewsArchiveItem2, .NewsArchiveItem4, .NewsArchiveItem6, .NewsArchiveItem8 { float: left; } .NewsArchiveItem1, .NewsArchiveItem3, .NewsArchiveItem5, .NewsArchiveItem7, .NewsArchiveItem9 { float: right; } .NewsArchive .Links.Mobile490px { border-top: 1px solid #000; position:relative; top:20px; } .NewsArchive .Links.Mobile490px .Link { display: inline-block; padding: 14px 10px 14px 0px; } .NewsDetails .Links.Mobile490px .Clear, .NewsArchive .Links.Mobile490px .Clear { border-bottom: 1px solid #8C8C8C; visibility:inherit; } .NewsArchive .Button { margin: 0px; } .NewsArchive .Button { float:right; } /* Newsletter */ .Newsletter .Link.ArrowOnRight-.ReturnToNewsMainPage { display:none; } .Newsletter .Links.Mobile490px { border-top: 1px solid #8C8C8C; margin-bottom: -14px; } .Newsletter .Links.Mobile490px .Link.ArrowOnRight.ReturnToNewsMainPage { display:inline-block; float:none; padding: 14px 10px 14px 0px; } .Newsletter.NewsletterList .PagedContainer .Head { display:none; } .Newsletter.NewsletterList .PagedContainer .Content { padding: 0px 0px 8px 0px; } .Newsletter.NewsletterList .PagedContainer .NewsletterTemplateItem.LastItem { border-bottom: 1px solid #8C8C8C; } .Newsletter.NewsletterList .PagedContainer .NameColumn { width:71%; } .Newsletter.NewsletterList .PagedContainer .SendOnColumn { display: none; } .Newsletter.NewsletterList .PagedContainer .PreviewColumn { width:15%; } .Newsletter.NewsletterList .PagedContainer .NewsletterTemplateItem .SendOn { display:block; float:left; } .Newsletter.NewsletterList .PagedContainer .NewsletterTemplateItem .Preview { float: right; position: relative; top: -9px; } /* register */ .WebPart.PlaceHolder.Register .Container .Field.RadioField .RadioLink { width:80%;font-size:1.2em;} .WebPart.PlaceHolder.Register .Container .Field.RadioField { margin:10px 0;} .WebPart.PlaceHolder.Register .Container .Field.FieldRSIDate {margin-bottom:0px !important;} .WebPart.PlaceHolder.Register #ModelIDContainer {margin-bottom: 0px;} .WebPart.PlaceHolder.Register #RegionIDContainer {margin-bottom: 0px;} .WebPart.PlaceHolder.Register .Container .TextBox.ConfirmPassword {margin-top:10px;} .WebPart.Register .Container .Title.Small { font-size:0.85em; } .WebPart.PlaceHolder.Register .Container .Button {float:none;clear:both;} .WebPart.PlaceHolder.Register .Container .ButtonsField {height:auto;} .WebPart.PlaceHolder.Register .Container .CheckBoxLink a {height:18px;} .MyDealer .Buttons {height:auto;} .MobileAppBox span.BoxText { padding-right:30px;} } @media screen and (max-width:400px) { /*Header*/ div.Content .Header h2 { font-size:1.125em; } div.Content .Header .Title div { display:block; width:85%; background-size:100% auto; } /*MainMenu*/ div.Content .MainMenu { padding-top:15px; } div.Content .MainMenu a { height:30px; } div.Content .MainMenu menu { margin-top:29px; } /*Login*/ .WebPart.Login .Container .Button { float:left; clear:none; } /*MyGarage*/ .MyCars .Vehicle .Image { width:100%; } .CarForm div.Data div.CarFields .TechnicalControlDateDescription {width:200px;} /*Dashboard*/ .WebPart.LightGrey .Link { height:auto; } #MyDataForm.Editable .SectionTitle .ToRight, #MyContactDataForm.Editable .SectionTitle .ToRight {clear: both;} #MyDataForm.Editable .SectionTitle, #MyContactDataForm.Editable .SectionTitle {height: 77px;} .MobileAppBoxMobile span {display:block;float:none;padding: 0 5%;width:80% !important; } .MobileAppBox span.BoxBanner img {width:50%;margin:0 25%;} .MobileAppBox span.BoxImages { width:100%; } } @media screen and (max-width:365px) { /*MyData*/ .DeleteAccountRequest button {font-size:0.7em;} } @media screen and (max-width:325px) { /* /News/Archive */ .PagedContainer.NewsArchive .Head .FilterForm .ToRight .MonthContainer .RSIDropDownList_Container, .PagedContainer.NewsArchive .Head .FilterForm .ToLeft .CategoriesContainer .RSIDropDownList_Container { width: 60%; } #MyDataForm .Vertical1, #MyContactDataForm .Vertical1, #MyContactDataForm .Field .Title, #MyDataForm .Field .Title, #MyDataForm .Field.Full .Vertical1, #MyContactDataForm .Field.Full .Vertical1 {font-size: 0.9em;} } @media screen and (max-width:319px) { /*Common*/ .BreadCrumbs:first-child { padding-right:0px; } div.Content { width:260px; } }