*, body{margin: 0; padding: 0;}
body {  font-family: Georgia, serif; border-top: 5px solid #dddbe6;  }
p, li { font-size: 13px; margin: 0 0 10px 0; }
h1, h2 { margin: 0 0 10px 0; }
h3, h4, h5 { margin: 0 0 0 5px 0; }
h1 { color: #ff6600; font-size: 42px; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform: uppercase; line-height: 42px; }
h2 { font-size: 28px; font-family: 'Yanone Kaffeesatz', sans-serif; line-height: 28px; }
h3 { color: #ff6600; font-size: 13px; }
h3.yanone {font-size: 18px; font-weight: 700; }
h4 { font-size: 11px;}
h5 { font-size: 11px; font-style: italic; }
a:link, a:visited, a:active, a:hover { color: #1d1057; text-decoration: none; }
a:hover { text-decoration: underline; }
img {border: none;}
ul {margin: 0 0 10px 15px;}
li { list-style-image: url(/images/diamond.png);}

/*----------------------------------------------------------------------------------------------------------------------------------
                                        Common Styles
---------------------------------------------------------------------------------------------*/
p.clear { clear: both; margin: 0; padding: 0; }
.yanone {font-family: 'Yanone Kaffeesatz', sans-serif;}
.orangeBG {background: url(/images/BG-orange.jpg) top left repeat;}
.whiteBG {background: White;}
.orangeBG, .whiteBG { padding-top: 6px;}
.orangeBG h1, .orangeBG h2, .orangeBG p, .orangeBG li {color: White; }
.whiteBG h1, .whiteBG p, .whiteBG li {color: #FF6600;}
.orangeBG h1, .orangeBG h2, .orangeBG p, .whiteBG p, .whiteBG h1, .whiteBG ul, .orangeBG ul { padding: 0 10px;}
.whiteBG ul, .orangeBG ul {padding-bottom: 10px;}
.orangeBG h1 span {color: #ffd9c0}
.whiteBG div p, .orangeBG div p, .whiteBG div h1, .orangeBG div h1 {padding: 0;}
.whiteBG {background: White; }
.whiteBG p {color: #1D1057;}
.purpleCaps {border-top: 3px solid #1d1057; border-bottom: 3px solid #1d1057; }

/*----------------------------------------------------------------------------------------------------------------------------------
                                        Columns
---------------------------------------------------------------------------------------------*/
.fullCol {width: 900px; padding: 20px;}
.twoThirdCol {width: 580px;}
.oneHalfCol {width: 460px;}
.oneThirdCol {width: 280px;}
.oneFourthCol {width: 220px;}
.threeFourthCol {width: 640px;}
.oneHalfCol, .oneFourthCol, .threeFourthCol, .oneThirdCol, twoThirdCol, .fullCol {margin: 0 10px 12px 10px;}
.oneHalfCol .oneFourthCol.left {margin-left: 0;}
.oneHalfCol .oneFourthCol.right {margin-right: 0;}
.fullCol .oneHalfCol {width:430px;}
.left {float: left;} 
.right {float: right;}
.bottomNoMargin {margin-bottom: 0;}

/*----------------------------------------------------------------------------------------------------------------------------------
                                        Header
---------------------------------------------------------------------------------------------*/
div#header {position: relative; margin: 10px 0 16px 0; margin-left: auto; margin-right: auto; width: 960px;}
div#header a.logo {float: left; margin-left: 10px;}
div#header ul { list-style-type: none; float: left; position: absolute; left: 250px;}
div#header ul li {display: inline-block; zoom: 1; *display:inline; margin: 0 26px 0 0;}
div#header ul li a {font-size: 24px; text-decoration: none;}
div#header ul li a:hover {border-bottom: 2px solid #1d1057; }
div#header ul.topLevel {bottom: 30px;}
div#header ul.topLevel li a {color: #ffa366; font-weight: 400}
div#header ul.bottomLevel {bottom: -5px;}
div#header ul.bottomLevel li a {color: #ff6600; font-weight: 700}
div#catalogLogin {position: absolute; top: 0px; right: 10px;}
div#catalogLogin a {float: left; background: #ffa366; padding: 1px 14px; margin: 0 0 0 3px; color: #1d1057; font-size: 18px; font-weight: 700; text-transform: uppercase;}
p.headerTelephone {position: absolute; text-align: right; top: 30px; right: 10px; font-family: Georgia, serif;}
p.headerTelephone span {color: #FF6600;}
/*----------------------------------------------------------------------------------------------------------------------------------
                                        Content
---------------------------------------------------------------------------------------------*/
.pageTitle {position: relative; width: 940px; margin: 0 10px 0 10px;}
.pageTitle h1 {color: #1D1057; padding: 0 10px; margin-left: 14px; float: left; display: block; position: relative; }
h3#breadCrumb {position: absolute; right: 0; bottom: 0; background: #1D1057; color: White; padding: 5px 14px; font-weight: normal; text-transform: lowercase; }
h3#breadCrumb a { color: White; text-align: right;}
.pageTitle img.diamondOne, .pageTitle img.diamondTwo { position: absolute; top: 18px;}
.pageTitle img.diamondOne {left: -4px;}
.pageTitle img.diamondTwo {right: -4px;}
.contentWrapper{min-height: 250px; background: url(/images/BG-content.jpg) top center repeat-x #dddbe6; padding: 40px 0 20px 0; }
.content { margin: 0 auto; width: 960px; }

/*----------------------------------------------------------------------------------------------------------------------------------
                                        Footer
---------------------------------------------------------------------------------------------*/
#footerWrapper { background: url(/images/BG-footer.png) top left repeat-x #ff6600; clear: both; color: Black; padding: 5px 0; text-align: center; }
#footer {width: 960px; margin: 0 auto; padding: 20px 0;}
#footer h1 { color: Black; font-size: 12px; margin: 0 0 15px 0; text-align: center; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover { color: #1d1057; font-size: 10px; text-decoration: none; }
#footer a:hover { color: White; text-decoration: underline; }
#footer p { font-size: 12px; color: white; }

/*----------------------------------------------------------------------------------------------------------------------------------
                                        Home
---------------------------------------------------------------------------------------------*/
div.homeProducts a {float: left; display: block; margin: 0 10px 10px 10px; width: 133px; font-weight: 700; font-size: 18px; text-align: right;}

/*----------------------------------------------------------------------------------------------------------------------------------
                                        Contact Us
---------------------------------------------------------------------------------------------*/
.addressCoram { float: left; width: 50%; }
.addressDixHills { float: right; width: 50%; }
#maps { clear: both; }
#maps div { float: left; margin: 20px 10px 20px 0; width: 312px; }
div.location h1, .location h3 {float: left;}
div.location h3 {color: Black; margin-bottom: 20px;}
div.location h3.locationInfo {margin: 5px 0 0 15px; color: #FF6600}
div.location small {margin-bottom: 20px;} 

/*----------------------------------------------------------------------------------------------------------------------------------
                                        Employment
---------------------------------------------------------------------------------------------*/
table.employmentForm td { text-align: right; }
table.employmentForm td input, table.employmentForm td textarea {margin-left: 10px; padding: 4px; -webkit-border-radius: 4px; border: 1px solid #1d1057; -moz-border-radius: 4px; border-radius: 4px; text-align: left; float: left;}
table.employmentForm { border-spacing: 10px;}
table.employmentForm tbody {width: 430px;}

/*----------------------------------------------------------------------------------------------------------------------------------
                                        Products
---------------------------------------------------------------------------------------------*/
.gridHeader { color: #1D1057; font-size: 13px; font-weight: bold; text-align: left; }
input.backButton {clear: both; float: left; cursor: pointer; background-color: #fe5900; border: 2px outset #fe5900; color: Black; margin: 10px 0; width: 100px; padding: 5px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; }
.sizeAvailability td {font-size: 13px;}

/*----------------------------------------------------------------------------------------------------------------------------------
                                        Login
---------------------------------------------------------------------------------------------*/
.login label, .loginInstructions { text-align: right; }
.login .inputField {float: left;}
.loginInstructions { font-weight: bold; padding: 10px 0px 30px 0px; }
.loginButton, .button { background-color: #fe5900; border: 2px outset #fe5900; color: Black; font-weight: bold; padding: 5px 12px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 40px;}

/*----------------------------------------------------------------------------------------------------------------------------------
                                        Yet to be Organized
---------------------------------------------------------------------------------------------*/
.ItemStyle { color: Black; font-size: 13px; }
#callMe { background-color: White; border: solid 3px black; color: #FF6600; font-weight: bold; height: 225px; left: 300px; padding: 20px 20px 20px 20px; position: absolute; top: 150px; width: 350px; }
#callMe p { text-align: center; }
#callMe a, #callMe a:link, #callMe a:visited, #callMe a:active { color: gray; font-size: 13px; text-decoration: none; }
#callMe a:hover { color: Black; text-decoration: none; }
#callMe h1 { color: #1a6433; font-size: 19px; text-align: center; }

#searlesLink a:link, #searlesLink a:visited, #searlesLink a:active, #searlesLink a:hover { color: #1a6433; font-size: 8pt; }
#searlesLink a:hover { text-decoration: underline; }

.hRule { margin: 10px 0; }