/*
Theme Name:     Twenty Eleven Child
Description:    Child theme for the Twenty Eleven theme
Template:       twentyeleven
Version:        0.1.0
*/

body, html{margin: 0; padding: 0; font-size: 100%;}

#access{
    background-color: #753D91;
}

hr {display: none;}

img{border: none;}
/**********************************************

    Header

**********************************************/

#headerWrapper{
    margin: 0px auto 0px auto;
    background-image: url(images/headerBG.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 243px;
}

#header{
    margin: 0px auto 0px auto;
    padding-top: 30px;
    width: auto;
    height: 213px;
    width: 930px;
}

#header h1{
    float: left;
    font-size: 0%;
	background-color:#fff;
    /*margin-top: 30px;*/
}

#header h2{
    margin-top: 52px;
    float:left;
    width: 690px;
    line-height:30px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #000000;
    font-size: 1.875em;
    font-weight: bold;
}

#header .callNow{
    float: right;
    margin: 18px 10px 0px 0px;
}

#header .callNow img{
    float: left;
    margin-right: 6px;
}

#header .callNow h3{
    float: left;
    font-size: 1.125em;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #f0f0f0;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
#header .callNow h3 a.vsctcnumber {
    color: #f0f0f0;
    text-decoration: none;
}

#header #logo {float:left;}

#header #logo img {
    background-color:#fff;
}

#header #navigation{
    float: right;
    width: auto;
	margin-top: 14px;
	margin-left: 0;
}

/***********************************************

    Header Navigation

***********************************************/

#header .menu .navBreak{
    float: left;
}


#header .menu {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin: 0px 0px 0px 5px; padding: 0px;
    position: relative;
    float: left; /* shrink wrap */
    display: inline;
    z-index: 999;
  }

  #header .menu li a, #header .menu li {
    float: left;  /* shrink wrap */
	
  }

  #header .menu li {
    list-style: none; /* remove bullets */
    position: relative; /* set positioning context to parent list item so child items can be offset correctly */
  }
  
  #header .menu li{
	  background-image:url(images/topnavBreak.png);
	background-position:right;
	background-repeat:no-repeat;
  }
  
  #header .menu li:last-child{
	  background-image:none;
  }

  #header .menu li a {
    padding: 15px 8px;
    font-size:15px;
    text-decoration: none;
    color: #fefefe;
  }

  #header .menu li a:hover {
    background: #fefefe;
    color: #0a0a0a;
  }

  /* nav sub menus */

  #header .menu li ul {
    display: none; /* hide sub menus initially */
    position: absolute;
    left: 0px; top: 100%;
    padding: 0px; margin: 0px;
    background-color: #fefefe;
	border: 1px solid #a1a1a1;
  }


  #header .menu li:hover > ul {
    display: block; /* show sub menus when mouse over parent */
  }

  #header .menu li ul li, #header .menu li ul li a {
    float: none;
  }

  #header .menu li ul li {
	  background-image: none;
    _display: inline; /* for IE6 double margin / padding */
  }

  #header .menu li ul li a {
    display: block;
  }
  
  #header .menu li ul li a:hover{
	  background-color: #f0f0f0;
  }

  #header .menu li ul li a {
	width: 180px;
    color: #0a0a0a;
    display: block;
  }

  #header .menu li ul li a div:first-child {
    display: inline;
    float: left;
    margin-right: 15px;
    width: 50px;
    height: auto;
    text-align: right;
  }

  #header .menu li ul li a div:last-child {
    width: 295px;
    margin-left: 65px;
    text-align: left;
  }

  /* nav sub sub menus */

  #header .menu li ul li ul {
    display: none;
  }

  #header .menu li ul li:hover > ul {
    top: 0px;
    left: 100%;
  }

/**********************************************

    HomePage

***********************************************/

#homeSlider{
    float: left;
    width: 680px;
    height: 305px;
    margin: -85px 0px 0px 0px;
    background-color: #000000;
}

.slidedeck{
    height: 305px;
    margin: 0;
    padding: 0;
	cursor: pointer;
}

.slidedeck dt{
	padding-top: 8px;
	text-align: center!important;
    width: 30px;
	color: #f0f0f0;
	font-weight:bold;
}

.slidedeck dt{
background-image: linear-gradient(bottom, #777777 20%, #555555 53%);
background-image: -o-linear-gradient(bottom, #777777 20%, #555555 53%);
background-image: -moz-linear-gradient(bottom, #777777 20%, #555555 53%);
background-image: -webkit-linear-gradient(bottom, #777777 20%, #555555 53%);
background-image: -ms-linear-gradient(bottom, #777777 20%, #555555 53%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.2, #777777),
	color-stop(0.53, #555555)
);
}

.slidedeck dt.active{
	color: #000000;
    background-image: linear-gradient(bottom, rgb(242,157,0) 28%, rgb(252,205,75) 77%);
background-image: -o-linear-gradient(bottom, rgb(242,157,0) 28%, rgb(252,205,75) 77%);
background-image: -moz-linear-gradient(bottom, rgb(242,157,0) 28%, rgb(252,205,75) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(242,157,0) 28%, rgb(252,205,75) 77%);
background-image: -ms-linear-gradient(bottom, rgb(242,157,0) 28%, rgb(252,205,75) 77%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.28, rgb(242,157,0)),
    color-stop(0.77, rgb(252,205,75))
);
}

.mainProducts{
    float: left;
    max-width: 110px;
    height: auto;
    margin:0px 20px 10px 0px;
}

.mainProducts div{
    background-image: linear-gradient(bottom, rgb(233,152,3) 0%, rgb(245,190,62) 58%);
background-image: -o-linear-gradient(bottom, rgb(233,152,3) 0%, rgb(245,190,62) 58%);
background-image: -moz-linear-gradient(bottom, rgb(233,152,3) 0%, rgb(245,190,62) 58%);
background-image: -webkit-linear-gradient(bottom, rgb(233,152,3) 0%, rgb(245,190,62) 58%);
background-image: -ms-linear-gradient(bottom, rgb(233,152,3) 0%, rgb(245,190,62) 58%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(233,152,3)),
    color-stop(0.58, rgb(245,190,62))
);
color: #0a0a0a;
text-align: center;
padding: 5px 0px 5px 0px;
margin: -12px auto 0px auto;
width: 98px;
font-size: 0.85em;
}

.homeTitle{
    float: left;
    margin-bottom: 40px;
}

.homeTitle h2{
    font-size: 1.5em;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
}
/**********************************************

    Content

***********************************************/
#main{
    float: left;
    width: 100%;
    height: auto;
}

#content{
    margin: 0px auto 0px auto;
    height: auto;
    width: 930px;
}

.rAq{
	float: left;
	margin-left: 35px;
}

.rAq .menu{
	margin-left: 0px;
	padding-left: 0px;
	color: #f0f0f0;
	font-size: 1.2em;
}

.rAq .menu a{
	color: #f0f0f0;
	font-size: 0.1.2em;
	text-decoration:none;
}

.rAq ul li{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px !important;
	font-weight: bold;
}

#leftSide{
    float: left;
    width: 672px;
    height: auto;

    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #353535;
	padding-right: 30px;
	padding-top: 20px;
}

#leftSide span.benefits{
    font-weight: bold;
    font-size: 0.9em;
}

#leftSide ul{
	font-size: 0.8125em;
}

#leftSide p{
    font-size: 0.8125em;
}
#leftSide p a{
    color: #ff9900;
    text-decoration: none;
}

#leftSide .column{
    width: 300px;
    height:auto;
    float: left;
    margin: 30px 0px 0px 0px;
    padding: 0px 15px 0px 20px;
}

#leftSide .column h2{
    font-size: 1.125em;
    color: #353535;
}

#leftSide .column.cOne{
    border-right: 1px solid #000000;
}

#leftSide .depotTitle{
    float: left;
    width: auto;
}

#leftSide .depotTitle img{
    float: left;
    margin: 10px 20px 20px 0px;
}

#leftSide .depotTitle h2{
    float: left;
    width: auto;
    clear: right;
    margin: 0px 45px 0px 0px;
}

#leftSide .depotTitle p{
    width: auto;
    min-width: 200px;
}

#leftSide .quote{
    width: auto;
}

#leftSide .productBoxes{
    float: left;
    width: 144px;
    height: 196px;
    margin: 0px 20px 30px 0px;
	text-align: center;
}



#leftSide .productBoxes h5{
    margin: 0;
    padding: 0;
}

#leftSide .productBoxes2{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
	float: left;
	width: 702px;
	height: auto;
	text-align: left;
	border-bottom: 1px solid #d3d3d3;
}

#leftSide .productBoxes2 h5{
	margin-bottom: 10px;
	float: left;
}

#leftSide .productBoxes2 p{
	width: 500px;
	float: left;
}

#leftSide .productBoxes2 img{
	float: left;
	margin-right: 20px;
}

#leftSide .productBoxes img {border: 1px solid #000;}

/************************************************

    Sidebar

************************************************/
#sidebar{
    float: left;
    background-image: url(images/sidebarBG.png);
	background-repeat:no-repeat;
	background-position:0 0;
    min-height:687px;
	height:auto !important;
	height:687px;
    width: 220px;
    margin-top: -72px;
}

#sidebar h2{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    color: #f0f0f0;
    margin: 6px 0px 0px 6px;
}

#sidebar ul{
	float: left;
    color: #f0f0f0;
    font-size: 1.0em;
    list-style-image: url(images/sidebarArrow.png);
}

#sidebar ul.menu {
	margin-bottom:0;
	font-size:0.85em;
}

#sidebar ul li{
    margin-bottom: 8px;
}

#sidebar ul li h2{
    font-size: 14px;
    margin-bottom: 8px;
}

#sidebar ul .disc{
    list-style: disc;
    padding-left: 20px;
    font-size: 0.875em;
}

#sidebar .sidebarPush{
    margin-left: -21px;
}

#sidebar h2.title{
    margin: 18px 0px 0px 32px;
}

#sidebar .sidebarButton{
    margin: 10px 0px 0px -11px;
}
/**********************************************

    Footer

***********************************************/

#footerWrapper{
    float: left;
    width: 100%;
    height: 403px;
    margin: 0px auto 0px auto;
    background-image: url(images/footerBG.jpg);
    background-repeat: repeat-x;
}

#footer{
    margin: 0px auto 0px auto;
    height: 403px;
    width: 921px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#footer a {color:#fff;}
#footer #sitemap{
    width: 100%;
    height: 282px;
}

#footer #copywrite{
    width: 100%;
    margin-top: 30px;
    font-size: 0.6875em;
    color: #0d0d0d;
}
#footer #copywrite a {color: #0d0d0d;}

#copywrite p{
    text-align: center;
    width: 895px;
}

#sitemap p{
	font-size: 0.8em;
    color: #f0f0f0;
	margin: 0px 0px 8px 0px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.boomTown{
    width: 165px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px auto;
}

.boomTown img{
    float: left;
}

.boomTown span{
    float: left;
    margin: 10px 0px 0px 10px;
    padding: 0px 0px 0px;
}

#footer #first, #footer #second, #footer #third, #footer #fourth{
    float: left;
    width: 180px;
    height: 220px;
    margin: 30px 0px 0px 20px;
}

#footer h3{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #f0f0f0;
    font-weight: bold;
    font-size: 1.0em;
    margin-bottom: 14px;
}

#footer .menu{
	margin-top: 0px;
    list-style: none;
    color: #f0f0f0;
    margin-left: 0px;
    padding-left: 0px;
    float: left;
}
#footer .menu li{
    float: left;
    margin-bottom: 12px;
    width: 180px;
}
#footer .menu li, #footer .menu a{
    font-size: 0.95em;
    color: #f0f0f0;
    text-decoration: none;
}


.highlight {
	width:165px;
	margin-left:-24px;
	padding:0 10px;
	background-color:#FFF905;
	border:1px solid #000;
	font:12px Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#000;}
	
	.highlight a {
		text-decoration:underline;
		color:#000;}
		
.product-desc {
	display:none;
	font-size:13px;}
	
	.product-desc img {
		width:100%;
		/*max-height:360px;*/}
	
.ui-dialog .ui-dialog-title {font-size:13px;}

/* Request a Quote page */
body.page-id-14 .item.item-address.left-half {
  padding: 10px 0 0 7px;
}
body.page-id-14 .item.item-address.left-half label {
  font-weight: bold;
  position: relative;
  top: -43px;
}
body.page-id-14 .item.item-address.left-half input, body.page-id-14 .item.item-address.left-half select {
  margin-bottom: 5px;
}
body.page-id-14 .item.item-phone {
  padding-top: 0;
}

#literature-request {max-width:440px !important;}