/*
Theme Name: Coffs Blinds & Awnings
Description: Custom theme for Coffs Blinds & Awnings
Version: 1.0
Author: Giant Media
*/
/* ### RESET ### */
html, body, div, span, h1, h2, h3, h4, p, a, img, strong, ol, ul, li, form, label, table, tr, th, td, iframe, dl, dt, dd { margin: 0; padding: 0; border: 0; background: transparent; }
*{ margin:0; } html, body { height:100%; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } a { outline:none; } a img { border: none; }
*+html .hLogo { display:inline; zoom:1;} .hBrands, .pPhone {behavior: url(PIE.htc);}
/* ### PAGE ### */
body { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#231f20; background:#978d83; }
.wrapper { min-height:100%; height:auto!important; height:100%; margin:0 auto -400px auto; }
.push { height:400px; }
/* ### HEAD ### */
.pHead { width:100%; position:relative; padding:0 0 10px 0; background:url(images/pHeadBG.png) bottom left repeat-x; }
 .hHome { height:620px;}
 .hInt { height:280px; margin:0 0 30px 0;}
  .intBGOL { width:100%; height:280px; background-position:bottom center; background-repeat:no-repeat; position:absolute; top:0; left:0; }
  .BG1 { background-image:url(images/BG1.jpg); }
  .BG2 { background-image:url(images/BG2.jpg); }
  .BG3 { background-image:url(images/BG3.jpg); }
  .BG4 { background-image:url(images/BG4.jpg); }
  .BG5 { background-image:url(images/BG5.jpg); }
  .BG6 { background-image:url(images/BG6.jpg); }
 .hCanvas { width:970px; margin:0 auto; height:110px; position:relative; top:0; }
  .pHeadL { width:242px; height:92px; position:absolute; top:9px; left:0; z-index:15; background:url(images/coffs-harbour-blinds-awnings.png) top left no-repeat; }
   .pHeadL a { width:242px; height:92px; display:block; position:relative;}
   .pHeadL span {display:none;}
  .ddsmoothmenu { position:absolute; top:68px; right:0; width:730px; z-index:10; height:25px; }
   .ddsmoothmenu ul { z-index:460; list-style-type:none; position:absolute; right:0; }
   .ddsmoothmenu ul li{ position:relative; float:left; display:inline; font-size:14px; height:14px; line-height:14px; text-transform:uppercase; font-weight:bold; padding:5px 0; border-right:1px solid #a8a098; border-left:1px solid #776f67;}
   .ddsmoothmenu ul li a{ display: block; text-decoration: none; color:#FFF; padding:0 10px!important;}
     .ddsmoothmenu ul li.first, .ddsmoothmenu ul li.first a { padding-left:0; border-left:0; }
     .ddsmoothmenu ul li.last, .ddsmoothmenu ul li.last a { padding-right:0; border-right:0; }
   * html .ddsmoothmenu ul li a{ /display: inline-block; }
   .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected {text-decoration:none; color:#675f57; }
   .ddsmoothmenu ul li ul{ position: absolute; left:0; display: none; visibility: hidden; width:160px; z-index:50; background:#807c6c; padding:0; height:auto; }
   .ddsmoothmenu ul li ul li{ display: list-item; float: none; margin:0!important; width:160px; height:auto!important; padding:0!important; font-size:13px!important; line-height:15px!important; border:0; }
   .ddsmoothmenu ul li ul li a{ width: 145px; padding:7px 5px 7px 10px!important; margin:0; height:auto; color:#fff; font-weight:normal; border-right:0; }
   .ddsmoothmenu ul li ul li a:hover {background:#59564b; color:#bbb6ae; }
   * html .ddsmoothmenu{ height: 1%;}
  .pPhone { position:absolute; top:25px; right:0; background:url(images/pPhone.png) 0 50% no-repeat; padding:0 0 0 20px; font-size:18px; font-weight:bold; line-height:18px; height:18px; text-transform:uppercase; color:#FFF; }
/* ### HOME ### */
 .homeFeat { height:510px; z-index:0; width:100%; overflow:hidden; position:absolute; background:#FFF; top:110px; }
  .hFrame { width:970px; margin:0 auto; overflow:visible; height:600px; z-index:1; position:relative; }
  #slider {width:2000px; height:600px; background:url(images/loading.gif) no-repeat 50% 50%; z-index:1; position:absolute; left:-515px;}
  #slider img {position:absolute!important; top:0!important; left:0!important; display:none; z-index:1}
  #slider a {border:0; display:block;}
  .homeFeatOL { width:100%; height:10px; background:url(images/pHeadBG.png) top left repeat-x;  position:absolute; top:0; left:0; z-index:20;}
 .homeU { width:220px; margin:0 14px 14px 0; height:250px; background:#FFF; padding:6px; }
  .homeU .img { height:140px; margin:0 0 10px 0; background:#978d83; }
  .homeU h3 { font-size:18px; line-height:24px; }
   .homeU h3 a { color:#685f57!important; text-decoration:none!important;}
  .homeU a.moLink { background:url(images/moreButton.png) top left no-repeat!important; width:73px; text-align:center; color:#FFF!important; text-decoration:none; font-size:14px!important; height:14px!important; line-height:14px!important; padding:8px 0 9px 0!important; text-transform:uppercase; display:block; font-weight:bold; }
 .hLogos { background:#FFF; padding:10px 0; }
  .hLogos .logoU { display:inline-block; vertical-align:middle; width:157px; text-align:center; }
/* ### BODY ### */
.pBody { padding:0; position:relative; }
 .pCanvas { width:970px; margin:0 auto; }
  .intCanvas { margin-top:-50px!important;}
 .pBody a, .pBodyLower a { color:#3b3b3b; text-decoration:none;}
 .pBody a:hover, .pBodyLower a:hover { color:#000; }
 .pCol { margin:0 14px 0 0; }
 .pCol1 { width:68px; }
 .pCol2 { width:150px; }
 .pCol3 { width:232px; }
 .pCol4 { width:314px; }
 .pCol5 { width:396px; }
 .pCol6 { width:478px; }
 .pCol7 { width:560px; }
 .pCol8 { width:642px; }
 .pCol9 { width:724px; }
 .pCol10 { width:806px; }
 .pCol12 { width:970px; margin-right:0; float:none; }
  .conPanel { padding:20px; background:#FFF;}
  .colPdR { padding-right:68px!important;}
/* ### CONTENT ### */
 .blkC h1, .blkC h2.home, .blkC h2.side, .blkC h3.side {color:#FFF; text-transform:uppercase; font-size:18px; line-height:18px; margin:0 0 10px 0; padding:0!important; }
  .blkC h2.side { float:left; display:inline; }
  .blkC h3.side { float:right; display:inline;}
 .blkC h2 { font-size:20px; padding:20px 0 5px 0; line-height:28px; }
 .blkC h3 { font-size:16px; padding:5px 0; line-height:20px;}
 .blkC p { margin:0 0 16px 0; line-height:19px;}
 .blkC table { margin:0 0 18px 0; }
  .blkC table td { padding:4px 0;}
 .blkC ol { margin:0 0 30px 15px; }
 .blkC ul { margin:0 0 20px 10px; }
 .blkC ol li { margin:0 0 8px 10px; line-height:19px; list-style:decimal; }
 .blkC ul li { margin:0 0 8px 10px; line-height:19px; list-style:square; }
/* ### SIDE ### */
 .sideU { width:300px; margin:0 14px 0 0; height:350px; background:#FFF; padding:7px; }
  .sideU.shSide { height:150px; }
  .sideU .img { height:220px; margin:0 0 10px 0; background:#978d83; }
   .sideU.shSide .img { height:145px; margin:0 14px 0 0; background:#978d83; width:145px; }
  .sideU h3 { font-size:18px; line-height:24px; }
   .sideU h3 a { color:#685f57!important; text-decoration:none!important;}
  .sideU a.moLink { background:url(images/moreButton.png) top left no-repeat!important; width:73px; text-align:center; color:#FFF!important; text-decoration:none; font-size:14px!important; height:14px!important; line-height:14px!important; padding:8px 0 9px 0!important; text-transform:uppercase; display:block; font-weight:bold; }
   .sideU.shSide a.moLink { display:inline-block!important;}
/* ### FOOT ### */
.pFoot { width:100%; height:400px; background:url(images/pHeadBG.png) top left repeat-x #3b3b3b; }
 .fCanvas { width:970px; margin:0 auto; font-size:14px; padding:30px 0 0 0; color:#FFF; position:relative;}
  .fLogo { width:150px; height:56px; background:url(images/footer-logo.png) top left no-repeat;}
  .fDeets { width:232px;}
  .footU h3 { margin:0 0 15px 0; }
  .footU p { font-size:12px; line-height:16px; margin:0 0 10px 0;}
 .pFootSub { text-align:center; font-size:11px; text-transform:uppercase; padding:35px 0 0 0; }
  .pFootSub a { color:#FFF; }
/* ### SUNDRIES ### */
 .MB0 { margin-bottom:0!important;}
 .MB5 { margin-bottom:5px!important;} 
 .MB10 { margin-bottom:10px!important;}
 .MB15 { margin-bottom:15px!important;}
 .MB20 { margin-bottom:20px!important;}
 .MB30 { margin-bottom:30px!important;}
 .MB40 { margin-bottom:40px!important;}
 .MB50 { margin-bottom:50px!important;}
 .MT30 { margin-top:30px!important;}
 .MR0 { margin-right:0!important;}
 .ML10 { margin-left:10px!important;}
 .PR50 { padding-right:50px!important;}
 .PT0 { padding-top:0!important;}
 .PT10 { padding-top:10px;}
 .PT20 { padding-top:20px!important;}
 .PT30 { padding-top:30px!important;}
 .PT50 { padding-top:50px;}
 .P20 { padding:20px;}
 .PL20 { padding-left:20px!important;}
 .posRel { position:relative;}
 .aCenter {text-align:center;}
 .aLeft { text-align:left;}
 .aRight { text-align:right!important;}
 .tItal { font-style:italic;}
 .noB {border:0!important;}
 .noPad { padding:0!Important;}
 .noMarg { margin:0!important;}
 .rightImg { margin:0 0 20px 30px;}
 .pagiLinks { padding:0 10px; width:290px; text-transform:uppercase; font-weight:bold;}
 .flLeft, .homeU, .footU, .pCol, .hLowerU { float:left; display:inline;}
 .flRight, .kImg, .rForm { float:right; display:inline;}
 .linethrough { text-decoration:line-through;}
 .smlTxt { font-size:12px; font-style:italic; margin:0; text-align:right;}
 p.edLnk { margin:0!important; padding:0!important; line-height:11px!important; }
 a.editLink {color:#F00; font-weight:bold; font-size:11px; }
 a:hover.editLink {color:#900; text-decoration:underline; }
 .kImg { margin:0 0 15px 20px; font-size:10px; text-transform:uppercase;}
 p.dateline, p.pCrumbs { font-size:11px; margin:0!important; padding:0 0 5px 0; text-transform:uppercase; font-weight:bold;}
 p.pCrumbs  { padding:0 0 10px 0!important; color:#FFF;}
 .mainUL { padding:5px 0 0 0; margin:0 0 15px 0; clear:both; height:1px; border-bottom:1px solid #BBB; }
 .logoUL { padding-top:10px; margin:0 20px 15px 20px; clear:both; height:0; border-bottom:1px solid #BBB;}
 .sideUL { padding:15px 0 0 0; margin:0 0 15px 0; clear:both; height:1px; border-bottom:1px solid #BBB; }
 .classifiedUL { padding:0!important; margin:0 0 10px 0!important; }
 #imageDetails { color:#333!important;}
 .smallTxt { font-size:10px; text-transform:uppercase; }
 .rForm { width:280px; margin:0 0 0 20px; font-size:11px; }
 .blkC form { width:280px; font-size:11px;}
 .blkC form p { margin:0 0 10px 0!important; line-height:12px!important; }
 .blkC input, .blkC textarea, .blkC select { background:#59564b; border:1px solid #33312c; padding:5px 5px 5px 10px; font-family: Arial, sans-serif; font-size:12px; color:#CCC; width:235px; margin:0!important; }
 .blkC input.half { width:110px; margin:0 5px 0 0!important; }
 .blkC input[type="submit"] { padding:4px 15px!important; width:90px!important; background:#33312c; border:1px solid #33312c; color:#FFF; font-weight:bold;}
 .blkC input.CAPTCHA { width:50px!important; display:inline-block!important; vertical-align:middle!important;}
 .blkC form img { margin:0 5px 0 0!important; display:inline-block!important; vertical-align:middle!important; }
 .blkC .wpcf7-use-title-as-watermark { color:#CCC!important;}
 .blkC span.wpcf7-not-valid-tip { color:#FFF;}
 .clearFl, .portBr { width: 100%; height:0; clear: both; }
 .portBr { margin:10px 0!important; display:block;}
 .homeUL { border-bottom:2px solid #FFF; margin:0 0 10px 0; padding:10px 0 0 0;}
 a.readMore { height:13px; font-size:13px!important; line-height:13px!important; background:url(images/readmore.png) top right no-repeat; display:block; color:#FFF!important; text-decoration:none!important; padding:1px 25px 1px 0; }
 p.rmP { line-height:16px; margin:0!important; text-align:right; }
 p.fancytext { font-size:15px; font-weight:bold; color:#00adee; line-height:20px;}
 .galleryBlk { width:222px; margin:0 14px 0 0;}
  .galleryBlk .img { width:222px; height:175px; margin:0 0 5px 0; background:#CCC; }
  .galleryBlk h3 { padding:0; font-size:14px; margin:0; }
  .galleryBlk h3 a { text-decoration:none!important;}
 .page_nav { width:500px; margin:0 auto; text-align:center; padding:0 0 10px 0; }
  .page_nav .page-numbers{ padding:4px 8px; margin:0px 4px; border:1px solid #8cb021; color:#8cb021;}  
  .page_nav .page-numbers:hover{ border:1px solid #8cb021; background:#8cb021; color:#FFF; text-decoration:none;}  
  .page_nav .current{ border:1px solid #8cb021; background:#8cb021; color:#FFF; }
 .cLogo { width:141px; display:inline-block; vertical-align:middle; text-align:center;}
 .clrWh, .fancylink a { color:#FFF!important;}
 .fancylink { font-size:16px!important; line-height:16px!important; text-transform:uppercase; }
 a.sideBlkLink { display:block; text-align:center; color:#FFF!important; font-size:32px; text-transform:uppercase; text-decoration:none!important; background:url(images/homeUBG.png) bottom right no-repeat #484848; padding:20px 0 50px 0;}
 .brandLogo { width:148px; text-align:center; display:inline-block; vertical-align:middle;}
  .brandLogo .img { margin:0 0 6px 0;}
  .brandLogo h3 { font-size:14px; margin:0; padding:0; line-height:18px;}
 .vidContainer { width:724px; margin:0 0 30px 0;}
 .mc-field-group { margin:0 0 10px 0;}
  .mc-field-group label { display:none;}
 .whLink a { color:#FFF!important;}
 .sThru { text-decoration:line-through;}
/* ### GALLERY ### */
.gallery { margin: auto; /* gallery clearing*/ overflow: hidden; width: 100%; }
.gallery .gallery-item {float:left; margin: 0 0 14px 0; text-align: center; display:inline; }
.gallery .gallery-icon { margin:0!important; padding:0!important; }
.gallery .gallery-icon img { padding:0; margin:0;}
.gallery .gallery-caption { font-size:11px; text-transform:uppercase; margin:3px 0 0 0;}
.gallery br { clear: both }
/* available Columns */
.GALLcol-2 { width: 50% }
.GALLcol-3 { width: 33.333% }
.GALLcol-4 { width: 25%; }
.GALLcol-5 { width: 20% }
.GALLcol-6 { width: 166.66px;}
.GALLcol-6R { width: 83.334%}
.GALLcol-7 { width: 14.285% }
.GALLcol-8 { width: 12.5% }
.GALLcol-9 { width: 11.111% }