/* CSS Document */
/* Author: Sean Gilbert, Pilotage, Inc. */

* {
margin:0pt;
padding:0pt;
}

.none {
display:none;
}

img {
padding:0;
margin:0;
vertical-align:top;
border:none;
}

.clear {
clear:both;
}

object {
display:block;
padding:0;
margin:0 0 15px 0;
}

.left {
float:left;
}

.right {
float:right;
}

.tagline {
position:absolute;
top:90px;
left:25px;
}

/* -- Basics -- */

#wrapper {
width:1000px;
padding:0 10px;
margin:0 auto;
background-image:url(/i/topbg.jpg);
background-repeat:no-repeat;
background-position:center top;
}

h1, h2 {
margin-bottom:10px;
}

h1 {
color:#000;
font-size:22px;
}

h2 {
color:#000;
font-size:18px;
}

h3, h4, h5, h6 {
margin-bottom:10px;
}

#globalHeader {
position:relative;
width:1000px;
height:185px;
text-align:center;
}

#header {
position:relative;
width:1000px;
height:65px;
margin:0 auto;
background-image:url(/i/navbg.png);
background-repeat:no-repeat;
z-index:4;
}

/* Content
--------------------------------------- */

#feature {
position:relative;
float:left;
width:1000px;
height:340px;
margin-top:-15px;
/* background-image:url(/i/featureborder.jpg);
background-repeat:no-repeat;
background-position:bottom center; */
}

#subNav {
position:relative;
float:left;
width:1000px;
height:36px;
background-color: #000000;
background-image:url(/images/layout/header/sub-nav.png);
background-repeat:no-repeat;
background-position:bottom center;
}



.showTag {
position:absolute;
top:280px;
left:300px;
}

#homeContent {
float:left;
width:1000px;
background-color:#FFF;
background-image:url(/i/contentbg.jpg);
background-repeat:repeat-y;
background-position:left;
}

#mainContent {
float:left;
width:1000px;
margin-top:-20px;
background-color:#FFF;
background-image:url(/i/contentbg.jpg);
background-repeat:repeat-y;
background-position:left;
}

#mainLeft {
float:left;
width:580px;
background-color:#E9E9E9;
}

#mainLeft.singleColumn {
float:left;
width:1000px;
background-color:#E9E9E9;
}

#mainRight {
float:left;
width:420px;
}

.boxLeft {
padding:20px 20px 20px 40px;
min-height: 400px;
}

.boxRight {
padding:10px 15px 20px 10px;
}

.boxRightGrey {
background: #f7f7f7;
padding:10px 15px 20px 10px;
}

/* Content Boxes
--------------------------------------- */

.boxLeft ul, .boxLeft ol, .boxRight ul, .boxRight ol {
margin: 0 1.5em 1.5em 2em;
}

.boxLeft dl, .boxRight dl {
margin: 0 0 1.5em 0;
}

.boxLeft blockquote, .boxRight blockquote {
margin: 1.5em;
color: #666;
font-style: italic;
}

.boxLeft p, .boxRight p {
margin: 0 0 1.5em 0;
line-height:1.2em;
}

.boxLeft a, .boxRight a {
color:#002F75;
text-decoration:none;
}

.rightFeature {
position:relative;
color:#000;
}

.rightFeature img {
float:right;
}

.rightFeature p {
width:200px;
position:absolute;
}

.rightFeature strong {
color:#000;
font-size:16px;
font-weight:bold;
}

.rightFeature a {
text-decoration:underline;
}

/* Brands Content
--------------------------------------- */

.boxLeftNew {
padding:20px 15px 20px 31px;
min-height: 400px;
}

.brandLinks {
width: 219px;
height: 164px;
float: left;
border-left: 2px solid #b2b4b6;
background: url('/images/layout/brand/lines.png') bottom no-repeat;
}

.brandLinks p a {
display: block;
background: #e9e9e9;
border-bottom: 1px solid #b2b4b6;
line-height: 20px;
text-decoration: none;
}

.brandLinks a {
color: #111b25;
width: 205px;
padding-left: 14px;
}

.brandTitle {
display: block;
position: relative;
line-height: 32px;
width: 245px;
right: 47px;
bottom: 9px;
background: #111b25;
}

.brandTitle a:link {
border: 0;
color: #e9e9e9;
text-decoration: none;
}



/* Video Thumb Styles
--------------------------------------- */

.video-thumb {
float:left;
margin-right:40px;
margin-bottom:20px;
}

/* Oven Box Styles
--------------------------------------- */

.ovenBox {
float:left;
color:#000;
width:500px;
margin-bottom:10px;
background-image:url(/i/ovenshadow.png);
background-repeat:repeat-y;
}

.ovenTop {
float:left;
width:500px;
height:40px;
background-image:url(/i/ovenBoxTop.jpg);
background-repeat:no-repeat;
}

.ovenContent {
float:left;
width:470px;
padding:5px 15px 0 15px;
background-image:url(/i/ovenBottom.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

.ovenTop h2, .ovenTop h2 a {
color:#FFF;
height:40px;
padding:0 15px;
margin:0;
font-size:18px;
line-height:2.5em;
}

.ovenBox img {
float:left;
margin-bottom:10px;
}

/* Product Index Styles
--------------------------------------- */

#productBoxOuter {
float:left;
width:230px;
}

.productBox img {
margin-top:3px;
}

.productBox {
float:left;
width:200px;
min-height:230px;
padding:15px;
background-image:url(/i/productbg.jpg);
background-repeat:no-repeat;
}

.productBox h2, .productBox h2 a {
color:#FFF;
font-size:12px;
text-transform:uppercase;
}

.productBox h3 {
color:#002F75;
font-size:14px;
padding:5px 0;
margin:0;
background-image:url(/i/line.jpg);
background-repeat:no-repeat;
background-position:bottom center;
}

.productBox ul, .productBox ul li {
list-style:none;
margin:0;
}

.productBox li a {
float:left;
width:190px;
height:23px;
color:#000;
line-height:1.5em;
font-size:12px;
padding:0 5px;
background-image:url(/i/line.jpg);
background-repeat:no-repeat;
background-position:bottom center;
}

.productBox li a:hover {
background-image:url(/i/pnavover.jpg);
background-repeat:repeat-x;
}

th {
border-bottom: 1px solid #aaa;
text-align: left;
}
td {
padding: 3px;
}

/* Catalog Button
--------------------------------------- */
#rep {
margin-bottom:20px;
}

#rep h2 {
font-size: 18px;
margin-bottom:2px;
}

#rep fieldset {
width:320px;
height:55px;
padding:10px 15px 0 15px;
border:none;
line-height:1.5em;
overflow:hidden;
background: #f7f7f7;
}

#rep label {
color:#000000;
font-size: 14px;
}

#rep select {
width:60%;
margin-right:6px;
}

#rep input {
width:60%;
padding:1px;
margin-bottom:5px;
margin-right:5px;
}

#rep #submit {
width:auto;
}

.catalogButton {
width:185px;
height:205px;
font-size:14px;
font-weight:bold;
padding-top:20px;
margin-bottom:20px;
padding-left:175px;
text-decoration:none;
background:url(/i/catalog.jpg) no-repeat top left;
display:block;
overflow:hidden;
}

.locate {
color:#FFF;
width:350px;
height:51px;
padding-top:34px;
margin-bottom:20px;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
background:url(/i/locate.jpg) no-repeat top left;
display:block;
overflow:hidden;
}

.doughprotv {
color:#FFF;
width:350px;
height:51px;
padding-top:20px;
margin-bottom:20px;
font-size:20px;
font-weight:bold;
text-align:center;
text-decoration:none;
background:url(/i/doughprotv.png) no-repeat top left;
display:block;
overflow:hidden;
}

/* Basic Form Styles
--------------------------------------- */

label {
color:#002F75;
}

input {
width:auto;
padding:2px;
margin-bottom:10px;
}

fieldset {
position:relative;
width:65%;
padding:1.4em;
margin: 0 0 1.5em 0;
background-color:#D4E2F7;
border: 4px solid #002F75;
}

legend {
color:#002F75;
font-weight: bold;
font-size:1.2em;
padding:0 10px;
}

/* Callback Form
--------------------------------------- */

#callBack {
margin-bottom:20px;
}

#callBack h2 {
margin-bottom:2px;
}

#callBack fieldset {
width:320px;
height:110px;
padding:15px 15px 0 15px;
background-color:#FFF;
background-image:url(/i/callback.jpg);
background-repeat:no-repeat;
border:none;
overflow:hidden;
}

#callBack label {
color:#FFF;
}

#callBack input {
width:60%;
padding:1px;
margin-bottom:5px;
margin-right:5px;
}

#callBack #submit {
width:auto;
}

.aleft {
float:left;
}
#video-overflow {
width: 360px;
height: 450px;
overflow: auto;
}
.videothumb {
width: 340px;
height: 65px;
float: left;
margin: 3px 0;
border-bottom: 1px solid #eee;
font-size: 13px;
}
.videothumb img {
float: left;
padding-right: 5px;
}
/* Footer
--------------------------------------- */

#globalFooter {
clear:both;
width:1000px;
min-height:80px;
margin:0 auto;
font-size:13px;
background-color:#002F75;
}

#footer {
clear:both;
color:#FFF;
width:1000px;
margin:0 auto;
background-image:url(/i/footerShadow.jpg);
background-repeat:no-repeat;
background-position:top center;
}

.footerBox {
padding:20px;
}

.footerBox a {
color:#fff;
}

/* google maps */

div#map {
  width: 100%;
  height: 500px;
}
