/*----HuntSpace CSS----*/

    body {font-family: Swis721 Cn BT, Arial, helvetica; font-weight:bolder; font-size: 14px; color: white;
          font-style: normal; background-image: url(../images/bg-carbonfibre.png); background-repeat: repeat;
            background-position: top center;}

    ul {list-style-type: none; margin-left: 5px; width: 92%; min-width: 350px; padding: 0; overflow: hidden;
        box-shadow: 0px 8px 16px 0px #000000; background-color: transparent;
        background-image: url(../images/menu_but_blk.jpg); background-repeat: repeat; background-position: top left;}

       li {float: left;}

       li a, .dropbtn {display: inline-block; color: white; text-align: center; padding: 12px 10px; text-decoration: none;
        background-color: transparent;}

       li a:hover, .dropdown:hover .dropbtn {background-color: transparent; color: #000000;
        background-image: url(../images/menu_but_yel.jpg); background-repeat: repeat; background-position: top left;}

       li.dropdown {display: inline-block; background-color: transparent;}

       .dropdown-content {display: none; position: absolute; background-color: #202020; min-width: 160px; border-radius: 5px;  z-index: 2;
                    -webkit-border-radius: 5px; box-shadow: 0px 8px 16px 0px #000000; border: solid 1px #ffff00; border-collapse: collapse;}

       .dropdown-content a {color: black; padding: 5px 16px; color: #ffff00; text-decoration: none; display: block; text-align: left;}

       .dropdown-content a:hover {background-color: #404040; border-radius: 5px; -webkit-border-radius: 5px;}

       .dropdown:hover .dropdown-content {display: block;}

       .t14wl {font-family: Swis721 Cn BT,Arial, helvetica; font-style: normal; text-decoration:none; color:#EEEEEE; font-weight:bold; font-size:14px;
              text-align: left;}

       H1 {font-family: Swis721 Cn BT,Arial, helvetica; font-style: italic; text-decoration:none; color:#ffff00;
              font-weight:bolder; text-align: left;}
       H2 {font-family: Swis721 Cn BT,Arial, helvetica; font-style: italic; text-decoration:none; color:#ffff00;
              font-weight:bolder; text-align: left;}
       H2.h2yc {font-family: Swis721 Cn BT,Arial, helvetica; font-style: italic; text-decoration:none; color:#ffff00;
              font-weight:bolder; text-align: center;}
       H2.h2wi {font-family: Swis721 Cn BT,Arial, helvetica; font-style: italic; text-decoration:none; color:#ffffff;
              font-weight:bolder; text-align: center;}
       H2.h2wil {font-family: Swis721 Cn BT,Arial, helvetica; font-style: italic; text-decoration:none; color:#ffffff;
              font-weight:bolder; text-align: left;}

       .txwij {font-family: Swis721 Cn BT,Arial, helvetica; font-style: italic; text-decoration:none; color:#ffffff;
              font-weight:bolder; text-align: justify; font-size: 12px;}

       .header {position: relative; background-color: transparent; min-width: 350px; height: auto;
               text-align: left; padding: 5px; margin: auto; border: solid 0px; border-color: #404040;}
       .orderfl {float: left; position: relative; background-color: transparent; min-width: 350px; height: auto;
               text-align: left; padding: 5px; margin: auto; border: solid 0px; border-color: #404040;}

       #slideshow {background-color: #202020; text-align: left; margin-left: 2%;  margin-bottom: 15px;
                 float: left; overflow: hidden; box-shadow: 10px 10px 5px #000000; max-width:800px; max-height: 340px;}

       .divCenter {min-width: 300px;height: 550px; float: left; border: solid 2px;  text-align: center;
                    border-collapse: collapse; border-color: #404040 #000000 #000000 #404040; padding:2px 4px;
                    margin: auto; background-color: #202020;}

       .divfooter {min-width: 250px; max-width: 300px; height: 350px; float: left; border: solid 2px; border-color: #404040 #000000 #000000 #404040;
                    border-collapse: collapse; padding:2px 4px; margin: auto; background-color: #0F0F0F; position: relative; z-index:-1}
       .divfooterL {min-width: 300px; height: 350px; float: inherit; border: solid 2px; border-color: #404040 #000000 #000000 #404040;
                    border-collapse: collapse; padding:2px 4px; margin: auto; background-color: #0F0F0F; position: relative; z-index:-1}

       .pageHeader {background-image: url(./images/logo.png); background-repeat: no-repeat; background-position: top left; background-color: #202020;
                    float: left; width: 31%; min-width: 150px; height: 165px; text-align: left; padding: 5px; margin: auto;}

       .pageName {float: left; width: 60%; min-width: 450px; height: 165px; text-align: left; padding: 5px; margin: auto;
                 background-image: url(./images/ss_holdenvan.png); background-repeat: no-repeat; background-position: top left;
                 background-size: 100% 200px; background-color: #202020; }

       .pageWrapper {background-color: transparent; width: 90%; min-width: 400px; height: auto; text-align: left; padding: 5px; margin: auto;
                     border: solid 0px #ffff00; z-index:-2}
                     
       div.panelsub {float: left; margin: auto; padding: 10px; min-width: 300px; width: 400px; height: 300px; position: relative; z-index: -2;
                      border: 2px solid; border-color: #404040 #000000 #000000 #404040; background-color: #202020; text-align: center;
                       overflow: hidden;}

       div.videoSub {float: left; margin: auto; padding: 5px; width: 100%; min-width: 485px; max-width: 550px; height: 420px; position: relative; z-index: -2;
                      border: 2px solid; border-color: #404040 #000000 #000000 #404040; background-color: #202020; text-align: center;}

       .centerWrapper {background-color: transparent; width: 75%; min-width: 400px; height: 100%; text-align: left; padding: 10px; margin: auto;
                     border: solid 0px #ffff00;}

       .divlogo {width: 100%; min-width: 300px; max-width: 450px; height: auto; float: left; border: solid 0px #FFFF00;
                    border-collapse: collapse; padding:4px 8px; margin: auto; background-color: transparent;}
                    
       .imgLogo {width: 90%; min-width: 300px; max-width: 450px; height: auto; float: left; border: 2px solid;
                border-color: #D0D0D0 #404040 #404040 #D0D0D0; border-radius: 15px; -webkit-border-radius: 15px;}
       .imgLogoSmall {width: 90%; min-width: 300px; max-width: 250px; height: auto; float: left; border: 2px solid;
                border-color: #D0D0D0 #404040 #404040 #D0D0D0; border-radius: 15px; -webkit-border-radius: 15px;}

       .divHR {width: 80%; min-width: 145px; height: 5px; border: solid 0px #FFFF00; margin: auto;
                    border-collapse: collapse; padding:0px 0px; background-color: #fff000;}

       .divBut {width: 100%; background-image: url(../images/menu_but_blk.jpg); background-repeat: repeat-x; background-position: top left;}

       .divBut:hover {width: 100%; background-image: url(../images/menu_but_yel.jpg); background-repeat: repeat-x; background-position: top left;}

       span {color: #ffffff; font-family: Swis721 Cn BT,Arial, helvetica; font-style: normal; text-decoration:none;
              font-size: 14px; font-weight: bold; text-align: center; line-height: 3.2;}
       span.astrixRed {color: #ff0000; font-family: Swis721 Cn BT,Arial, helvetica; font-style: normal; text-decoration:none;
              font-size: 18px; font-weight: bold; text-align: center; line-height: 1.2;}
       span.spanRed {color: #ff0000; font-family: Swis721 Cn BT,Arial, helvetica; font-style: normal; text-decoration:none;
              font-size: 14px; font-weight: bold; text-align: center;}

       /* --- page column width ---- */
       .header {width: 80%;}
       .divCenter {width: 30%;}
       .divfooter {width: 25%;}
       .pageWrapper {width: 90%;}
       img.imgFAQ {float: left; position: relative; width: auto; max-width: 400px; height: auto; border: solid 0px; text-align: left; display: block;}
       .imgprod {width: 250px; min-width: 200px; height: auto; border: solid 3px #FFFFff; text-align: center; border-radius: 15px; -webkit-border-radius: 15px;
                    border-collapse: collapse; padding: 15px; margin: auto; background-color: #202020;}
       .divBlock{display: inline-block; width: 100%; border: solid 0px #000000;}
       img.imgpage {width:100%; border-radius: 10px; -webkit-border-radius: 10px; cursor: pointer;}

       .img_slide {width: 100%; min-width: 342px; height: auto; border: solid 0px #FFFFff; float: right;}
       .div_slide {width: 64%; min-width: 342px; height: auto; float: left; border: solid 0px;
                 border-color: #404040 #000000 #000000 #404040; background-color: #202020; text-align: left;}
       .divCol1 {float: left; position: relative; width: 30%; min-width: 400px; height: auto; border: solid 2px; padding: 5px;
                border-color: #404040 #000000 #000000 #404040; background-color: #202020; text-align: left; z-index:0;}
       .divCol2 {float: left; position: relative; width: 60%; min-width: 400px; height: auto; border: solid 2px; padding: 5px;
                 border-color: #404040 #000000 #000000 #404040; background-color: #202020; text-align: left; z-index: 0;}
       .div2Col {float: left; width: 91%; min-width: 400px; height: auto; border: solid 2px; padding: 5px;
                 border-color: #404040 #000000 #000000 #404040; background-color: #202020; text-align: left; z-index: -1;}
       .divCol {width: 100%; min-width: 400px; height: auto; border: solid 2px; margin: auto; padding: 10px;
                 border-color: #404040 #000000 #000000 #404040; background-color: #202020; z-index:-1;}
       .wrapperCol {width: 90%; min-width: 400px; height: 100%; border: solid 2px; margin: auto; padding: 10px;
                 border-color: #404040 #000000 #000000 #404040; background-color: #202020; z-index: -1;}
       .shortCol {float: left; width: 10%; min-width: 400px; height: auto; border: solid 2px; padding: 5px;
                 border-color: #404040 #000000 #000000 #404040; background-color: #202020; text-align: left; z-index:-1;}

       .a12w {font-family: Swis721 Cn BT,Arial, helvetica; font-style: normal; text-decoration:none; color:#EEEEEE; font-weight:bold; font-size:12px;}
       
       a {font-family: Swis721 Cn BT,Arial, helvetica; font-style: normal; text-decoration:none; color: #ff0000; font-weight:bolder; font-size:12px;}
       a:hover {font-style: normal; text-decoration: none; color: #ffff00;}

       .sub {font-family: Swis721 Cn BT,Arial, helvetica; font-style: normal; text-decoration:none; color: #ffffff; font-weight:bolder; font-size:12px;}
       .sub:hover {display: inline; font-style: normal; text-decoration: none; color: #ffff00;}

       .subLarge {font-family: Swis721 Cn BT,Arial, helvetica; font-style: normal; text-decoration:none; color: #ff0000; font-weight:bolder; font-size:16px;}
       .subLarge:hover {display: inline; font-style: normal; text-decoration: none; color: #ffff00;}
       .subLarge2 {font-family: Swis721 Cn BT,Arial, helvetica; font-style: normal; text-decoration:none; color: #ffff00; font-weight:bolder; font-size:16px;}
       .subLarge2:hover {display: inline; font-style: normal; text-decoration: none; color: #ffffff;}

/*----end CSS----*/
 /* copy the link below to use this in your form
        <link href="filename.css" rel="stylesheet" type="text/css"> */










