/* style.css */
/*
----------------------------------------------------------------
        BASE
----------------------------------------------------------------
*/

body { background: #eeeeee; }
div { position: relative; }

/*
----------------------------------------------------------------
        STRUCTURE
----------------------------------------------------------------
*/

div.wrapper { width: 694px; margin: 0 auto; }
div.header { display: block; height: 80px; padding: 47px 0 12px 0; background: url(../images/content-bg-top.png) bottom left no-repeat;  }
div.content { clear: both; width: 692px; margin: 0 auto; background: #fff; border-left: 1px solid #cfcfd0; border-right: 1px solid #cfcfd0; }
div.sidebar {  }
div.footer { clear: both; display: block; height: 159px; padding: 47px 0 12px 0; background: url(../images/content-bg-bottom.png) top left no-repeat;  }

/*
----------------------------------------------------------------
        LAYOUT
----------------------------------------------------------------
*/

/* Clears */
.break { clear: both; }
.clearfloat { clear: both; display: block; height: 1px; margin: -1px 0 0 0; }

/* Rows */
.row-a { clear: both; width: 100%; border-bottom: 1px solid #cfcfd0; margin-bottom: 13px; }
.row-b { clear: both; width: 100%; border-bottom: 1px solid #cfcfd0; padding-bottom: 13px; }
.row-c { clear: both; width: 100%; }

/* Columns */
.bit-a1 { float: left; width: 303px; padding: 30px 24px 14px 42px; }
.bit-a2 { float: left; width: 256px; padding: 5px 40px 13px 23px; }
.bit-b1 { float: left; width: 355px; padding: 57px 26px 9px 16px; border-right: 1px solid #cfcfd0; }
.bit-b2 { float: left; width: 222px; padding: 8px 44px 0 26px; }
.bit-c1 { float: left; width: 560px; padding: 27px 0 18px 80px; }

/* Images */

.img-left { float: left; margin: 0 15px 10px 0; }
.img-right { float: left; margin: 0 0 10px 15px; }

#home .row-a { border: none; }
#home .bit-a1 { width: 125px; }

.hp-buynow h1 { font-size: 28px; width: 500px; }
.hp-buynow p { width: 400px; }


/*
----------------------------------------------------------------
        MODULAR TEXT
----------------------------------------------------------------
*/

.bold { font-weight: bold; }
.capitalize { text-transform: capitalize; }
.italic, .oblique { font-style: italic; }
.lowercase { text-transform: lowercase; }
.small-caps { font-variant: small-caps; }
.underline { text-decoration: underline; }
.uppercase { text-transform: uppercase; }
.center { text-align: center; }

/*
----------------------------------------------------------------
        LOGO
----------------------------------------------------------------
*/

h1.logo { float: left; }
h1.logo a { display: block; width: 280px; height: 53px; background: url(../images/logo.png) top left no-repeat; text-indent: -9999px; }

/*
----------------------------------------------------------------
        NAVIGATION
----------------------------------------------------------------
*/

div.navigation { float: right; margin-top: 55px; }
ul.mainnav li { float: left; }
ul.mainnav li a { padding: 5px; text-decoration: none; }

/*
----------------------------------------------------------------
        CONTENT
----------------------------------------------------------------
*/

/* Product List (row-a bit-a1) */
.bit-a1 .ttl-product-list { margin-top: 85px; }
.bit-a1 ul.product-list { border-top: 1px solid #d4d4d6; margin-top: 5px; }
.bit-a1 ul.product-list li ul { float:left; width:140px; padding: 12px 0 0 5px; }
.bit-a1 ul.product-list li ul li { padding: 0; line-height: 14px; }
.bit-a1 .product-select { position: relative; float: left; padding: 0 60px 0 0; }
.bit-a1 .product-select img { position: relative; top: 5px; }

/* Features (row-b bit-b1) */
.bit-b1 .feature { margin-bottom: 46px; }

/* Made in USA (row-c bit-c1) */
.row-c h1 { padding: 57px 10px; }


/* everything that isn't in rows */
.one-block-content {
padding: 30px 24px 14px 42px;
}

/*
----------------------------------------------------------------
        FOOTER
----------------------------------------------------------------
*/

.footer .push { padding: 9px; }



