/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for Channel Commericals site

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* ----- IDS ----- */
#linkUp { position: absolute; top: 16px; right: 288px; }
#daf { position: absolute; top: 56px; right: 10px; }
#ldv { position: absolute; top: 55px; right: 182px; }

/* ----- LEFT COLUMN ----- */
#leftCol { width:194px; float:left; }

#leftCol #perfectVan { width:194px; height:187px; margin:0 0 13px 0; }
#leftCol #liveChat { width:194px; height:124px; margin:0 0 15px 0; }

/* ----- USED CAR SEARCH ----- */
#leftCol #usedCarSearch { width:194px; background:none; margin:0 0 22px 0; }
#leftCol #usedCarSearch .tabs { width:194px; height:35px; }
#leftCol #usedCarSearch .tabs div { float:left; }
#leftCol #usedCarSearch .tabs a { display:block; }
#leftCol #usedCarSearch .tabs span { display:none; }
#leftCol #usedCarSearch .tabs #vanSearchTab a { width:78px; height:35px; background: url(../images/layup/spriteUsedSearchDOM.jpg) no-repeat 0 -35px; }
#leftCol #usedCarSearch .tabs #vanSearchTab .active { width:77px; height:35px; background: url(../images/layup/spriteUsedSearchDOM.jpg) no-repeat 0 0; }
#leftCol #usedCarSearch .tabs #truckSearchTab a { width:117px; height:35px; background: url(../images/layup/spriteUsedSearchDOM.jpg) no-repeat -77px 0; }
#leftCol #usedCarSearch .tabs #truckSearchTab .active { width:116px; height:35px; background: url(../images/layup/spriteUsedSearchDOM.jpg) no-repeat -78px -35px; }

#leftCol #usedCarSearch .content { width:194px; height:151px; background:url(../images/layup/usedSearchBg.jpg) no-repeat; }
#leftCol #usedCarSearch .content .padding { padding:14px 20px  0 20px; }
#leftCol #usedCarSearch .content form { }
#leftCol #usedCarSearch .content select { font-size: 1.0em; color: #77715e; width: 152px; margin-bottom: 6px; }
#leftCol #usedCarSearch .content .submit { width:87px; height:25px;}
#leftCol #usedCarSearch .content .advancedSearch a { float: left; width: 65px; line-height: 120%; font-size: 0.9em; color:#888888; margin-top: 3px; }
#leftCol #usedCarSearch .content .btn { float: right; width: 87px; margin-top: 3px; }

/* ----- COMPANY INFORMATION ----- */
#contactInfo { width:194px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#020202; }
#contactInfo a { width:194px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#1f3f8c; }
#contactInfo .companyName { font-weight:bold; color:#090b87; padding:0 0 16px 0; display:block; }
#contactInfo address { padding:0 0 16px 0; }
#contactInfo .telephone { padding:25px 0; }
#contactInfo .telephone span { color:#dd110c; }

/* ----- RIGHT COLUMN ----- */
#rightCol { width:625px; margin:-4px 0 0 0; float:right; }

#theFlash { width:625px; height:195px; margin:0 0 4px 0; }

/* ----- HOME JUMPS ----- */
#homeJumps { width:620px; height:121px; position:relative; }
#homeJumps a { display:block; }
#homeJumps div { float:left; }
#homeJumps span { display:none; }
#homeJumps .diamondBlades a { width:157px; height:121px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat 0 0; }
#homeJumps .diamondBlades a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat 0 -121px; }
#homeJumps .onlineShop a { width:145px; height:121px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -157px 0; }
#homeJumps .onlineShop a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -157px -121px; }
#homeJumps .paintBodyshop a { width:156px; height:121px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -311px 0; }
#homeJumps .paintBodyshop a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -311px -121px; }
#homeJumps .signsGraphics a { width:162px; height:121px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -467px 0; }
#homeJumps .signsGraphics a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -467px -121px; }
#homeJumps .overlay { position:absolute; top:51px; left:466px; }
#homeJumps .overlay2 { position:absolute; top:71px; left:620px; }

#mainContent {}
#mainContent .padding { padding:20px 0 0 10px; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold; }
h1 { font-size:16px !important; color:#11168d; }
h2 { font-size:14px; color:#11168d; font-weight:normal; padding:0; }
p { padding:0 0 10px 0; margin:0; }