@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
* Filename: layout.css
* Purpose: All the CSS Rules required to design web pages.
* Author: Suraj Naik n[dot]suraj[at]agiletechnosys[dot]com
****************************************************************************************************/

/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font:normal 12px "Delicious", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#8f8f8f; background:#ffb700 url(../images/pagebg.jpg) no-repeat top center}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-decoration:none}
a {color:#8f8f8f; font-weight:bold; text-decoration:none}
a:hover {color:#ff9100; text-decoration:underline}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}
textarea {overflow:auto;resize:none}

/* 	GROUPINGS, FLOATS & DISPLAYS
**********************************************************/
/* float left */
.fl,#logo,#content,#modellisting .entry,#lastop .entry {float:left}
/* float right */
.fr,#welcome,#sidebar,#lastop {float:right}
/* display inlines */
.disin, #pamelding div.inputend,#logo,#lastop .entry,#lastop {display:inline}
/* display block */
#ukwinner .imagecover a,#modellisting .imagecover a,#lastop .imagecover a {display:block; height:100%; width:100%; cursor:pointer}
/* global resets */
ul.topnav {list-style:none; padding:0; margin:0}
/*position relatives */
.posrel,#pamelding,#pamelding form,#ukwinner .imageholder,#modellisting .imageholder,#modellisting .entry,#lastop .imageholder,#lastop .adjuster {position:relative}
/*position absolute */
.posabs,#pamelding .pambtn,#pamelding div.inputend,#ukwinner .imagecover,#modellisting .imagecover,#modellisting .numberplate,#modellisting .numberplate .number,#lastop .imagecover,#modellisting .numberplate .modelname {position:absolute}
/*width 100%*/
#header,#maincont {width:100%;overflow:hidden}
/* overflow hidden */
.ovfl-hidden,#ukwinner .imageholder,#modellisting .imageholder,#lastop .imageholder {overflow:hidden}
/* zindexes */ 
#ukwinner .imagecover a,#modellisting .imagecover a,#lastop .imagecover a {position:relative}
/* text decoration */
#ukwinner .imagecover a:hover,#modellisting .imagecover a:hover, #lastop .imagecover a:hover {text-decoration:none}

/* 	HEADER ELEMENTS STYLING	(id=HEADERS)
**********************************************************/
/* H1 */

/* H2 */

/* H3 */

/* 	ALL IDS (id=IDS)
**********************************************************/
#wrapper {margin:0 auto; width:980px; background:#FFF;min-height:668px}
#wrapper1 {margin:0 auto; width:980px;}
#header {height:102px}
#logo {width:229px; height:83px; margin:9px 0 0 37px}
#welcome {margin:25px 24px 0 0}
#welcome a {color:#7f7f7f; font-size:16px}
#content {/*width:767px*/}
#content1 {width:744px;padding-left:23px;float:left}
#sidebar {width:209px}
*html #sidebar {width:213px}
#lastyear{margin:0 18px 5px 26px}
*html #lastyear {margin:0 18px 5px 26px}
#sidebar .inner1 {margin:0 18px 0 26px}
*html #sidebar .inner1 {margin:0 18px 0 26px}

/* 	MAIN MODULES (id=MAINMODS)
**********************************************************/
h1.topOne{font-size:30px;color:#7f7f7f;margin:0px 0 5px 20px;}
.top {background:url(../images/top.gif) left top no-repeat;}
.bottom {background:url(../images/bottom_bg.gif) left -5px no-repeat;}
.middle {background:url(../images/middle_bg.gif) left repeat-y;min-height:468px;}
/* -------------->general< -------------- */
/*home page center illustration */
#pamelding {background:url(../images/pamelding.gif) center top no-repeat; height:351px; margin-left:17px; width:749px}
#pamelding table {width:327px}
#pamelding1 {background:url(../images/bg.gif) center top no-repeat; height:351px; margin-left:17px; width:749px}
#pamelding form {top:22px; left:98px; width:634px}
#pamelding .pambtn {bottom:-47px; right:34px; background:url(../images/btn-send.gif) center top no-repeat; height:31px; width:191px; border:none; cursor:pointer}
first-child+htm #pamelding .pambtn {bottom:-47px; right:34px; background:url(../images/btn-send.gif) center top no-repeat; height:31px; width:191px; border:none; cursor:pointer}
#pamelding form td {padding-bottom:5px}
#pamelding .input {background:url(../images/rounded-input.gif) left top no-repeat; height:18px; border:none; padding:5px; color:#8f8f8f; font-size:16px}
#pamelding .select {background: #fff url(../images/rounded-input.gif) left top no-repeat; height:28px; border:none; padding:5px; color:#8f8f8f; font-size:12px;}
#pamelding .textarea {background:url(../images/rounded-textarea.gif) left top no-repeat; height:98px; width:292px; border:none; padding:5px; color:#8f8f8f; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
#pamelding .textarea1 {background:url(../images/rounded-textarea1.gif) left top no-repeat; height:74px; width:292px; border:none; padding:5px; color:#8f8f8f; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
#pamelding div.inputend {background:url(../images/rounded-input.gif) right top no-repeat; height:28px; width:8px} 
*html #pamelding div.inputend {background:url(../images/rounded-input.gif) right top no-repeat; height:28px; width:8px; display:inline; position:absolute; margin-top:1px}
/* right hand side listing */
#ukwinner {background:#ffc000 url(../images/roundbtm1.gif) center bottom no-repeat; padding-bottom:6px}
first-child+html #ukwinner {background:#ffc000 url(../images/roundbtm1.gif) center bottom no-repeat; padding-bottom:6px}
#ukwinner .header {margin-bottom:10px}
#ukwinner .imageholder {margin:0 auto; width:147px; height:147px}
#ukwinner .imageholder img {position:relative; z-index:1;}
#ukwinner .imagecover a {position:relative; z-index:2; height:147px; width:147px}
#ukwinner .entry {margin-bottom:10px}
#ukwinner .imagecover {background:url(../images/imagecover.png) center top no-repeat; height:147px; width:147px; left:0; top:0; z-index:10}
#ukwinner p {margin-left:10px; color:#FFF; font-size:14px}
#ukwinner .imagecover span {position:absolute; text-align:right; color:#FFF; right:10px; bottom:10px; font-size:25px; font-weight:normal}
/* home page content listing */
#modellisting {padding-left:0px;overflow:hidden;width:771px;}
#modellisting h1 {color:#008B8D;font-size:33px;margin:5px 0 5px 20px;}
#modellisting h1 span {background:url(../images/h1-bg.gif) 100% 0 no-repeat; padding-right:10px}
#modellisting h2 {color:#008b8d; margin-bottom:5px; margin:5px 0 5px 20px}

#modellisting .modelbunch {overflow:hidden; background:url(../images/mad-div-bg.gif) repeat-x; padding:10px 0; width:100%; clear:both}
#modellisting .modelbunch1 {overflow:hidden; background:url(../images/mad-div-bg.gif); padding:10px 0; width:100%; clear:both}
#modellisting .modelbunch-2 {overflow:hidden; background:#fff; padding:10px 0; width:100%}
#modellisting .entry {width:190px; height:177px; margin-bottom:18px}
#modellisting .imagecover {background:url(../images/imagecover2.png) center top no-repeat; height:171px; width:171px; left:0; top:0}
*html #modellisting .imagecover,*html #ukwinner .imagecover,*html #lastop .imagecover {filter: alpha(opacity=0);}
#modellisting .imagecover a:hover {background:#FFF; opacity:0.5; filter: alpha(opacity=50);}
#modellisting .imagecover a span {height:100%; width:100%; display:none; line-height:140px; text-align:center; font-size:30px}
#modellisting .imagecover a:hover span {height:100%; width:100%; display:block; text-transform:uppercase; color:#000}
#modellisting .imageholder {margin:0 auto; width:171px; height:171px; left:5px}
#modellisting .numberplate {background:url(../images/number.png) center top no-repeat; width:186px; height:49px; top:110px; z-index:2; left:9px} 
#modellisting .numberplate .number {left:13px; top:3px; height:24px; width:24px; color:#FFF; line-height:24px; text-align:center; font-size:15px; font-weight:bold}
#modellisting .numberplate .modelname {font-size:13px; line-height:1.2; color:#FFF; left:45px; top:5px}
/* middle content photos */
#lastop {width:244px; margin:0 6px 0 0}
#lastop h3 {line-height:1; color:#FFF; font-size:19px; font-weight:normal; margin-bottom:10px}
#lastop .adjuster {width:256px; margin-left:-10px}
#lastop .entry {margin:0 0 5px 10px; width:118px; color:#FFF; text-align:center; font-size:13px}
#lastop .imageholder {height:118px; width:118px}
#lastop .imagecover {background:url(../images/imagecover3.png) center top no-repeat; width:118px; height:118px; left:0; top:0}

.description {font:normal 13px "Tahoma"!important}
/* -------------->MENUS< -------------- */ 

/* -------------->LISTINGS< -------------- */ 

/* -------------->ALL INPUTS< -------------- */ 
.stem {background:url(../images/inputbg.gif) no-repeat;border:none;width:124px;height:48px;margin-right:15px;font-size:33px;text-transform:uppercase;color:#fff;cursor:pointer;margin-bottom:15px}
.til {background:url(../images/inputbg1.gif) no-repeat;border:none;font-size:33px;text-transform:uppercase;color:#fff; width:249px; height:49px;cursor:pointer;margin-right:13px}
.main {background:url(../images/main.png) left top no-repeat; width:750px; height:554px;margin:0 auto; margin-top:122px}

/* -------------->FORMS< -------------- */ 

/* -------------->GRIDS< -------------- */ 

/* -------------->MODS< -------------- */ 
/* -------------->IMAGE TAG< -------------- */ 
.img1 {border:1px solid #cecece; padding:4px; background:#fff;}
/* ROUNDED CORNERS */

/* BORDERS */

/* BACKGROUNDS */

/* COLUMNS (id=COLS)
**********************************************************/

/* ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt {font-size:10px}
.smlTxt {font-size:11px}
.para {font-size:12px}
.big {font-size:14px}
/*font WEIGHTS */
.strong {font-weight:bold} 
.normTxt, .normTxt a {font-weight:normal}
/* text TRANSFORMS */
.allCaps {text-transform:capitalize}
.upperCase {text-transform:uppercase}
.textU,.textU a{text-decoration:underline}
/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.justify {text-align:justify}
.clrRed1 {color:#FF0000}

/* colored text */
/* a TAGS, BUTTONS */

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both; padding:0; margin:0; overflow:hidden; height:0}
.clearfix:after, .container:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container {display: block}
.main-top {background:url(../images/top-logo.png) center top no-repeat;width:750px;height:101px;margin:0 auto;margin-top:122px;}
.main-top .klik{position:relative;left:236px;bottom:58px;}
.main-top .vidre{position:relative;left:100px;top:480px;}

/*.middle-intro{background:url(../images/middle_introbg.png) center repeat-y; display:block;position:relative}
.middle-intro .intro {width:400px;margin-left:150px; font-size:17px}
.banner-bottom {background:url(../images/bottom-banner1.png) left top no-repeat;min-height:220px; margin:0 auto;width:746px}
*/

/* -------------->LISTINGS< -------------- */ 
ul.slider {margin:0; padding:0; list-style:none;width:100%;position:relative; left:94px; top:37px}
ul.slider li {float:left;}
ul.slider li a {padding:0px 10px}
ul.slider li img {border:1px solid #f2f2f2; padding:2px}
.middle-intro{background:url(../images/middle_introbg.png) center repeat-y; display:block;position:relative;height:200px}
.middle-intro .intro {width:415px;margin-left:150px; font:bold 12px Tahoma;margin-bottom:15px}
.middle-intro .intro span {font:normal 12px Tahoma }
.banner-bottom {background:url(../images/bottom-banner1.png) left top no-repeat;min-height:220px; margin:0 auto;width:746px}
#footerlogo {border-top:1px solid #ffb700; padding:5px 0; margin:0 auto; width:980px; text-align:center; background:#FFF}

/*****************************Updated on 7 sep 2010*******************/
.voate {background:url(../images/steamer.png) no-repeat 0 0; width:97px; font:normal 11px Verdana, Geneva, sans-serif !important; color:#383838; text-align:center; margin:0 10px 0 49px; height:18px; line-height:13px!important}