/* Reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0;}
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight :normal; }
li { list-style: none; }
caption,th { text-align: left;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select { *font-size: 100%; }
legend { color: #000; }

/* Defaults */
body { background: #e7e8e7; font-size: 11px; line-height: 18px; font-family: Verdana, Arial, sans-serif; color: #1b242a; }
.full { float: left; width: 100%; }
.auto { width: 900px; margin: 0 auto; }
#content { background: #fff; }
#copy { margin: 0 50px; float: left; display: inline; width: 800px; }
.clear { clear: both; }
.yellow { background: url(images/yellow.gif) 0 0 repeat-y; float: left; padding: 0 18px; width: 364px; }
.grey { background: url(images/grey.gif) 0 0 repeat-y; float: left; padding: 0 18px; width: 364px; }
#copy.split { background: url(images/copy-split.gif) 0 0 repeat-y; }
#copy.split div { float: left; padding: 0 18px; width: 364px; }
#copy.split div.address, #copy.split div.success { float: none; padding: 0; width: auto; }
#page-brands #copy { background: url(images/copy-tri.gif) 0 0 repeat-y; }
#copy.tri div { float: left; padding: 0 20px; width: 226px; }
#copy.tri div.zavarucci { width: 228px; }

/* Header */
#header { text-align: center; }
a#logo { float: left; margin: 30px 0 30px 393px; width: 114px; display: inline; }
img.masthead { float: left; margin: 0 0 18px 0; }

/* Navigation */
#nav { padding: 0 0 14px 0; }
#nav li { padding: 0 18px; display: inline; border-right: 3px solid #ebb700; text-transform: uppercase; line-height: 1; font-size: 12px; }
#nav li.contact { border: 0; }
#nav li a { text-decoration: none; color: #d5d6d2; font-weight: bold; }
#nav li a:hover { color: #ebb700; }
#nav li a.on { color: #1b242a; }

/* Typography */
p, h1, h3, ul, dl, table { margin: 0 0 18px 0; }
.lucabella p.brand img { margin: 32px 0 0 0; }
.vargo p.brand img { margin: 23px 0 0 0; }
.zavarucci p.brand img { margin: 32px 0 0 0; }
.tri p.lead { margin: 0 18px; padding: 0 0 18px 0; background: #fff; height: auto; }
.tri p.brand { text-align: center; height: 86px; }
.tri p { height: 110px; }
.tri p.base { height: auto; line-height: 28px; text-align: right; }
.tri p.base span { padding: 7px 40px 8px 0; background: url(images/arrow-grey.gif) 100% 0 no-repeat; }
li { list-style: disc; list-style-position: inside; }
.location li { list-style: none; list-style-position: outside; }
.location li a span { border-right: 2px solid #D5D6D2; padding: 0 6px 0 0; margin: 0 2px 0 0; }
.location li a.on span { border-right: 3px solid #ebb700; padding: 0 6px 0 0; margin: 0 2px 0 0; }
.base { margin: 0; }
.offset { margin: -18px 0 18px 0; }
h1 { color: #eb3b00; font-size: 24px;  }
h2 { color: #ebb700; font-size: 11px; font-weight: bold; text-transform: uppercase; }
strong { font-weight: bold; text-transform: uppercase; }
em { font-weight: bold; }
.hidden { display: none; }
div.address em { border-right: 2px solid #ebb700; padding: 0 6px 0 0; margin: 0 1px 0 0; }

/* Links */
a { text-decoration: none; color: #bcbdbc; }
a:hover { color: #ebb700; }
a img { border: 0; }
a.ext { text-transform: uppercase; color: #1b242a; padding: 7px 40px 8px 0; background: url(images/arrow-yellow.gif) 100% 0 no-repeat; }
a.ext:hover { color: #ebb700; }
a.on { color: #1b242a; }
div.address a { color: #1b242a; }
div.address a:hover { color: #ebb700; }
a.email { background: #ebb700; padding: 5px 10px; line-height: 28px; }
a.email:hover { background: #000; }

/* Enquiry Form */
#enquiry-form { position: relative; float: left; }
#enquiry-form a.close { position: absolute; top: 0; left: 222px; height: 18px; width: 18px; background: url(images/close.gif) 0 0 no-repeat; }
#enquiry-form a.close:hover { background: url(images/close.gif) 0 -18px no-repeat; }
#enquiry-form dt { margin-top: 18px; }
#enquiry-form dd input { width: 240px; line-height: 18px; padding: 3px 0; border: 1px solid #D5D6D2; }
#enquiry-form dd input.error { border: 1px solid #DA2B31;  }
#enquiry-form dd textarea { width: 240px; line-height: 14.4px; border: 1px solid #D5D6D2; }
#enquiry-form dd input:focus, #enquiry-form dd textarea:focus { border: 1px solid #ebb700; }
.submit input { background: #ebb700; padding: 5px 10px; text-transform: uppercase; font-weight: bold; border: 0; }
.submit input:hover { background: #000; color: #ebb700; }
#enquiry-form p span { font-weight: bold;  }
#enquiry-form dd label.error { color: #DA2B31; display: block; }
.success { text-align: center; }

/* Home */
#page-home #copy  { background: #fff url(images/copy-home.gif) 0 0 repeat-y; }
#copy.home .intro { float: left; padding: 0 12px 0 16px; width: 364px; }
#copy.home .intro p { margin: 0; }
#copy.home .brand { float: left; padding: 0 12px 0 16px; width: 108px;  }
#copy.home .brand img { float: left; margin: 6px 5px; display: inline; }
#copy.home .brand ul { margin: 5px 0; }
#copy.home .brand ul li { border-bottom: 2px solid #e7e8e5; padding: 8px 0; float: left; width: 108px; list-style: none; }
#copy.home .brand ul li img { margin: 0; }
#copy.home .brand ul li.swanndri img { margin: 0 0 0 18px; }
#copy.home .brand ul li.vargo img { margin: 0 0 0 25px; }
#copy.home .brand ul li.zavarucci img { margin: 0 0 0 16px; }

/* Footer */
#footer { text-align: center; margin: 32px 0 0 0; font-size: 10px; color: #bcbdbc; }
#footer ul { margin: 0; }
#footer li { padding: 0 12px; display: inline; border-right: 2px solid #ffc20e; text-transform: uppercase; line-height: 1;  }
#footer li.zavarucci { border: 0; }
#footer a { color: #bcbdbc; font-weight: bold; }
#footer a.on { color: #1b242a; }
#footer a:hover { color: #ebb700; }