@charset "UTF-8";

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}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;}q:before,q:after{content:'';}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;}

button::-moz-focus-inner, button {
    border:none;
    cursor:pointer;
    margin:0;
    padding:0;
}
/********************************
 *
 * Defaults Redeclared
 *
*********************************/
html {
    background-color:#160c5c;
}

body {
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:1.8em;
    padding-top:18px;
    text-align:center;
}
h1,h2,h3,h4,h5,h6 {
    color:#160c5c;
    font-weight:bold;
}
h1 {
    font-size:20px;
    margin-bottom:10px;
}
h2 {
    font-size:16px;
}
h3 {
    font-size:16px;
    margin-bottom:10px;
}
h4 {
	font-size: 13px;
}
p {
    margin-bottom:0.8em;
}
a {
    color:#160c5c;
    text-decoration:underline;
}
a:hover {
    text-decoration:none;
}

/********************************
 *
 * Layout
 *
*********************************/
#wrap {
    margin:0 auto;
    text-align:left;
    width:960px;
}
#site {
    background:#fff url(../images/content_bg.png) repeat-x 0 0;
    border:3px solid #ccc;
    padding:7px;

    /*border-radius:9px;*/
}
#header {
    height:131px;
    position:relative;
}
#logo, #phone, #nav, #header-blurb{
    position:absolute;
}
#header-blurb {
	right: 12px;
	top: 100px;
	color: #160c5c;
	font-weight: bold;
}
#logo {
    left:4px;
    top:14px;
}
#phone {
    color:#664a3e;
    font-size:16px;
    font-weight:bold;
    right:14px;
    text-align:right;
    top:11px;
}
#nav {
    right:8px;
    top:57px;
}
#nav li {
    float:left;
    font-size:16px;
    font-weight:bold;
    line-height:29px;
}
#nav a, #nav span {
    color:#160c5c;
    text-shadow:0 1px 1px #ffe98b;
}
#nav a {
    display:inline-block;
    padding:0 6px;
    text-decoration:none;
}
#nav a.active, #nav a:hover {
    background:url(../images/nav_hover.png) repeat-x 0 0;
}
#nav span {
    padding:0 4px;
}
#nomin {
    bottom: 10px;
    color: #160C5C;
    font-weight: bold;
    left: 600px;
    position: absolute;
    text-align: center;
    width: 300px;
}

#content {
    padding:10px;
}
#hero {
    margin-bottom:20px;
}

#footer {
    color:#fff;
    padding:18px 0 40px 0;
    text-align:center;
}
#footer-links a {
    color:#fff;
    text-decoration:none;
}
#footer-links a:hover {
    text-decoration:underline;
}
#footer-links span {
    padding:0 6px;
}

#badges {
    padding-top:10px;
}


/********************************
 *
 * Homeboxes
 *
*********************************/
.box {
    background-color:#eae9e9;
    border:3px solid #f8cd22;
    float:left;
    margin-right:30px;
    padding:10px 10px 10px 104px;
    width: 335px;
    /*border-radius:5px;*/
	position: relative;
}
.box.last {
    margin-right:0;
}
.box p {
    line-height:1.4em;
}
.contentBox-left,
.contentBox-right {
	float:left;
}
/* Within the Box - This is the content on the left */
.contentBox-left {
	width: 205px;
}
/* Within the Box - This is the content on the right */
.contentBox-right {
	width: 90px;
	padding-left: 10px;
	margin-bottom: 0;
	text-align: center;
}
#box-order .contentBox-right,
#box-contact .contentBox-right {
	position: absolute;
	bottom: 7px;
	right: 40px;
}
#box-contact .contentBox-right {
	bottom: 26px;
}

#box-order {
    background:#eae9e9 url(../images/ico_order.png) no-repeat 10px 50%;
}

#box-contact {
    background:#eae9e9 url(../images/ico_contact.png) no-repeat 10px 50%;
}

/********************************
 *
 * Styles
 *
*********************************/
.extend {
    margin-left:-10px;
    margin-right:-10px;
    position:relative;
}
.intro {
    padding-bottom:40px;
}



/********************************
 *
 * Form Defaults
 *
*********************************/
input.text, textarea.text, input.numeric {
    border:1px solid #000;
    color:#666;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:0;
    padding:5px 4px;
    width:180px;
}
label {
    color:#000;
    display:block;
    padding-bottom:2px;
}
p.field {
    padding-bottom:8px;
}

button.submit {
    background-color: transparent;
    border: none;
    padding: none;
}


/********************************
 *
 * Login
 *
*********************************/
#login {
    padding:0 0 100px 200px;
}
#login p.field {
    float:left;
    margin:0;
    padding-right:18px;
}
#login button {
    margin-top: 22px;
}


/********************************
 *
 * Contact
 *
*********************************/
#address {
    float:left;
}
#form {
    float:right;
    margin-right:40px;
    width:480px;
}
#contact .firstname, #contact .email {
    float:left;
    margin-right:30px;
}
#contact .storename input {
	width: 400px;
}
#contact .comments textarea {
    height: 80px;
    width: 400px;
}
#contact .send {
    padding-right:70px;
    text-align:right;
}

/********************************
 *
 * Order
 *
*********************************/
#add-product {
    font-size:14px;
    font-weight:bold;
}
#order .information {
    float:left;
    width:440px;
}
#order .products {
    float:right;
    width:400px;
}

#order .firstname, #order .email, #order .city, #order .state {
    float:left;
    padding-right:20px;
}
#order .state .text {
    width:30px;
}
#order .zip .text {
    width:60px;
}
#order .address .text, #order .comments .text {
    width:390px
}

#order .product label {
    display:none;
}
#order .product .remove {
    margin-top:2px;
}
#order .product.first label {
    display:block;
}
#order .product.first .remove {
    margin-top:26px;
}

#order .sku, #order .qty {
    float:left;
    padding-right:20px;
}
#order .qty .numeric {
    width:40px;
}

#order .remove {
    color:#ff0000;
    float:left;
    text-decoration:none;
}
#order .remove:hover {
    color:#cc0000;
    text-decoration:underline;
}
#order #add {
    padding:20px 0 20px 80px;
}

#product-html {
    display:none;
}
/******************************
 *
 * Clearfix
 *
 ******************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/******************************
 *
 * Catalog
 *
 ******************************/
#catalogFrame {
    height: 300px;
    width: 100%;
}