/*
	SITE: Custom Vehicles
	DATE: 2011-12-15
	DESCRIPTION: Custom made buses
	URL: customvehicles.com
	DESIGNER: Andrew Champ
	CODER / PROGRAMMER: Andrew Champ
	DEVELOPER URL: http://andrewchamp.com/
*/


/*---------- GLOBAL RESETS ----------*/
*{padding:0; margin:0; outline:0; border:0; list-style-type:none;}

/*---------- HTML5 HELPERS ----------*/
header, nav, section, article, aside, footer, hgroup{display:block;}

/*---------- GLOBAL DEFAULTS----------*/
html{min-height:100%; height:auto; overflow-y:scroll;}

body{font-family:Arial, serif; font-size:13px; letter-spacing:0.2px; line-height:16px; color:#000; background:#45484D url(../images/bg_main.jpg) repeat-x top center;}
body:before{content: ""; position:fixed; top:-10px; left:0; width:100%; height:10px; z-index:100; box-shadow: 0px 0px 20px rgba(0,0,0,.8);}
body:after{content: ""; position:fixed; bottom:-10px; left:0; width:100%; height:10px; z-index:100; box-shadow: 0px 0px 20px rgba(0,0,0,.8);}

a{color:#999; text-decoration:none;}

p{margin:20px 0; text-align:justify;}

textarea{resize:vertical;}

::selection{background:#000; color:#2383B8;}
::-moz-selection{background:#000; color:#2383B8;}

.left{float:left;}
.right{float:right;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}
.middle{clear:both; display:block; margin-left:auto; margin-right:auto;}
img.border{border:5px solid #FFF; max-width:99%; box-shadow:0 0 5px #000;}
img.doubleborder{border:6px double #515051;}
.required:after{content:" *"; color:#FF0000;}
.bullet{list-style-type:disc; margin:10px 0 10px 40px;}
.bullet li{list-style-type:disc;}

.twenty{width:22%;}
.thirty{width:28%;}
.fourty{width:38%;}
.fifty{width:48%;}
.sixty{width:58%;}
.seventy{width:68%;}
.eighty{width:74%;}

.notice{padding:0 10px; display:block; clear:both; margin:40px 0 30px 10px; border:1px solid #F6AD14; background:#FFF3A5; position:relative; border-radius:10px; font-style:italic; color:#776700; font-size:12px;}
.notice:before{content:""; background:url(../images/icon-notice.png) top left no-repeat; width:48px; height:38px; position:absolute; top:-20px; left:-20px;}

h1{font-size:32px; color:#2383B8; margin:10px 0; padding:0 0 10px 0; line-height:24px; border-bottom:1px solid #2383B8;}
h1 span{float:right; font-size:14px; color:#000; font-weight:normal;}
h1 span a{color:#333;}
h1 span a:before{content:'\00ab'; margin:0 5px 0 0;}
h1 span a:hover{color:#000;}

h2{font-size:20px; margin:10px 0;}


/*---------- LOADING... ----------*/
#container{width:980px; margin:0 auto 50px auto; box-shadow:0 0 10px #000; }

header{height:118px; clear:both; margin:5px 0 0 0; z-index:10;}

/*nav ul{background:url(../images/bg_menu_inactive.png) repeat-x center top; height:38px; clear:both; font-size:12px; font-weight:bold; margin:5px 0 0 0;}
nav li{display:inline; position:relative;}
nav li a{float:left; height:18px; color:#FFF; padding:10px 16px 10px 16px; border-left: 1px solid #808080; border-right: 1px solid #535353; display:block;}
nav li a:hover, nav li a.active{color:#53B2E4; background:url(../images/bg_menu_active.png) repeat-x center top;}
nav li ul{display:none; box-shadow:0 5px 5px #000;}
nav li:hover > ul{display:block; position:absolute; z-index:2; top:43px; left:-89px; height:auto; background:none;}
nav li ul li:hover > ul{display:block; position:absolute; top:8px; left:0px; height:auto; background:none; box-shadow:none;}
nav li ul li:hover{position:relative!important;}
nav li ul li a{background:#666; width:160px;}*/

#nav, #nav ul{list-style-type:none; list-style-position:outside; position:relative; background:url(../images/bg_menu_inactive.png) repeat-x center top; height:38px; clear:both; font-size:12px; font-weight:bold; margin:5px 0 0 0;}
#nav a{display:block; text-decoration:none; height:18px; color:#FFF; padding:10px 16px 10px 16px; border-left: 1px solid #808080; border-right: 1px solid #535353;}
#nav a:hover, #nav li a.active{color:#53B2E4; background:url(../images/bg_menu_active.png) repeat-x center top;}
#nav li{float:left; position:relative;}
#nav ul{position:absolute; display:none; width:170px; top:32px; z-index:2; }
#nav li ul a{width:220px; height:auto; float:left; display:block; background:#666; border-bottom:1px solid #555;}
#nav ul ul{top:auto; margin-top:0;}	
#nav li ul ul{left:254px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}

#main{clear:both; background:#FFF; padding:20px; overflow:hidden;}
#main.home{padding:0;}

#banner{background:#000 url(../images/bg_content.png) repeat-x center top; padding:10px; overflow:hidden;}

#subbanner{background:#313335 url(../images/bg_area.png) repeat-x left bottom; padding:10px; overflow:hidden; color:#FFF;}

footer{background:#1E1F20; clear:both; border-bottom:1px solid #222;}
footer #above{padding:20px 0 20px 20px; overflow:hidden;}
footer .column{display:block; width:21%; min-height:120px; float:left; border-right:1px solid #303233; padding:0; margin:0 10px 0 20px;}
footer .column:last-child{border-right:none; padding-right:0;}
footer .column h6{color:#FFF; font-size:11px; margin:0 0 10px 0; text-transform:uppercase;}
footer .column h6 span{color:#39A8E5;}
footer .column li{margin:0 0 5px 0;}
footer .column li a{color:#FFF;}
footer .column li a:hover{color:#666;}
footer #below{clear:both; padding:10px; background:url(../images/bg_footer.png) repeat-x center top; overflow:hidden; font-size:10px; color:#636363; letter-spacing:0;}
footer #below a{color:#FFF;}
footer #below a:hover{color:#636363;}

#result{padding:5px; border:1px solid #666; background:#CCC; color:#666; margin:0 0 20px 0; text-shadow:none; font-size:13px;}
#result.success{border:1px solid #0FC902; background:#8BFC83; color:#0FC902;}
#result.error{border:1px solid #FF0000; background:#FF9B9B; color:#FF0000;}
#result.sorry{margin:10px;}

.contactus ul{margin:0 0 14px 40px; padding:14px 0 0 0; border-top:1px solid #CCC;}
.contactus li{margin:0 0 5px 20px;}
.contactus li:first-child{margin-left:0;}

.directions{background:#DDD; padding:20px; margin:20px 0 20px 40px; clear:both; display:block; border-radius:10px;}
.directions legend{font-weight:bold; margin:0 0 10px 0; font-size:15px; text-shadow:1px 1px 0 #FFF; color:#444;}
.directions input{float:left; width:70%; margin:0 14px 0 0; border:1px solid #CCC; border-radius:10px; padding:3px 5px; background:#FFF; color:#006E87;}
.directions input.submit{width:auto; color:#FFF; font-weight:bold; border:1px solid #00B7EA; background: #00b7ea; background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );}
.directions input.submit:hover{cursor:pointer; background: #009ec3; background: -moz-linear-gradient(top,  #009ec3 0%, #00b7ea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ec3), color-stop(100%,#00b7ea)); background: -webkit-linear-gradient(top,  #009ec3 0%,#00b7ea 100%); background: -o-linear-gradient(top,  #009ec3 0%,#00b7ea 100%); background: -ms-linear-gradient(top,  #009ec3 0%,#00b7ea 100%);
background: linear-gradient(top,  #009ec3 0%,#00b7ea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ec3', endColorstr='#00b7ea',GradientType=0 );}

.daform{margin:20px 0;}
.daform legend{font-weight:bold; margin:0 0 20px 0; padding:0 0 10px 0; font-size:15px; border-bottom:1px dotted #CCC; clear:both; width:100%;}
.daform label{float:left; width:20%; margin:0 10px 0 0;}
.daform input, .daform textarea, .daform select{border:1px solid #CCC; color:#006E87; padding:5px; margin:0 0 10px 0; width:70%; background: #e5e5e5; background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); background: linear-gradient(top, #e5e5e5 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );}
.daform input#verify{display:none;}
.daform input#submit{width:auto; padding:5px 10px; float:right; clear:both; color:#FFF; font-weight:bold; border:1px solid #00B7EA; background: #00b7ea; background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );}
.daform input#submit:hover{cursor:pointer; background: #009ec3; background: -moz-linear-gradient(top,  #009ec3 0%, #00b7ea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ec3), color-stop(100%,#00b7ea)); background: -webkit-linear-gradient(top,  #009ec3 0%,#00b7ea 100%); background: -o-linear-gradient(top,  #009ec3 0%,#00b7ea 100%); background: -ms-linear-gradient(top,  #009ec3 0%,#00b7ea 100%);
background: linear-gradient(top,  #009ec3 0%,#00b7ea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ec3', endColorstr='#00b7ea',GradientType=0 );}

.gallery{display:block; margin:10px 0 10px 30px; clear:both;}
.gallery li{display:inline-block; margin:0 20px 20px 0;}
.gallery li img{width:150px; height:150px; max-width:150px!important;/*IE8 bug fix*/}

.productlist{display:block; width:200px; min-height:260px; float:left; border-right:1px solid #CCC; padding:0 10px 0 0; margin:0 20px 0 0;}
.productlist:last-child{border-right:none; padding-right:0;}
.productlist h6{color:; font-size:11px; margin:0 0 10px 0; text-transform:uppercase;}
.productlist h6 span{color:#39A8E5;}
.productlist img{width:180px; height:130px; margin-bottom:10px;}
.productlist li{margin:0 0 5px 0;}
.productlist li a:hover{color:#666;}

.categorylist h6{font-size:13px; margin:10px 0;}
.categorylist ul{padding:10px; border-radius:5px; background:#2383B8; clear:both;}
.categorylist li a{border-bottom:1px solid #0C6799; color:#FFF; display:block; margin:5px 0; padding:0 0 5px 0;}
.categorylist li a:hover{color:#CCC;}

.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top; margin:0; padding:0;}
.fancybox-wrap{position:absolute; top:0; left:0; z-index:1002;}
.fancybox-outer{background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:0; padding:0;}
.fancybox-opened{z-index:1003;}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5); box-shadow:0 10px 25px rgba(0,0,0,0.5);}
.fancybox-inner{width:100%; height:100%; position:relative; outline:none; overflow:hidden; margin:0; padding:0;}
.fancybox-error{color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:10px;}
.fancybox-image,.fancybox-iframe{display:block; width:100%; height:100%; border:0; vertical-align:top; margin:0; padding:0;}
.fancybox-image{max-width:100%; max-height:100%;}
#fancybox-loading{position:fixed; top:50%; left:50%; margin-top:-21px; margin-left:-21px; width:42px; height:42px; background:url(../images/fancybox_loading.gif); opacity:0.8; cursor:pointer; z-index:1010;}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background:url(../images/fancybox_sprite.png);}
.fancybox-close{position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:1004;}
.fancybox-prev,.fancybox-next{position:absolute; top:0; width:40%; height:100%; cursor:pointer; background:transparent url(../images/blank.gif); z-index:1003;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-prev span,.fancybox-next span{position:absolute; top:50%; left:-9999px; width:36px; height:36px; margin-top:-18px; cursor:pointer; z-index:1003;}
.fancybox-prev span{background-position:0 -36px;}
.fancybox-next span{background-position:0 -72px;}
.fancybox-prev:hover span{left:20px;}
.fancybox-next:hover span{left:auto; right:20px;}
.fancybox-tmp{position:absolute; top:-9999px; left:-9999px; overflow:visible; visibility:hidden; padding:0;}
#fancybox-overlay{position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:1001; background:#000;}
.fancybox-title{visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:1005;}
.fancybox-title-float-wrap{position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:1003; text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block; margin-right:-100%; background:rgba(0,0,0,0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap; padding:2px 20px;}
.fancybox-title-outside-wrap{position:relative; margin-top:10px; color:#fff;}
.fancybox-title-inside-wrap{margin-top:10px;}
.fancybox-title-over-wrap{position:absolute; bottom:0; left:0; color:#fff; background:rgba(0,0,0,.8); padding:10px;}
.fancybox-prev:hover, .fancybox-next:hover, .fancybox-opened .fancybox-title{visibility:visible;}