/*
Brown:  		#331e09
Orange(text): 	#fd622f
Orange(bg): 	#fe632f
Green: 			#85c329
Green(bg):		#5a900a
Border: 		#968a7e
*/

* { margin:0; padding:0; }

body          { background:#3b2b1a; font:12px/1.5 Arial, Helvetica, sans-serif; color:#331e09; text-align:left; }

img           { border:0; vertical-align:top; }

a             { color: #331e09; text-decoration: none; }
a:hover       { color: #fd622f; }
:focus        { outline: 0; }

/* Headings */
h1            { font-size:20px; font-weight:normal; line-height:1.3; }
h2            { font-size:28px; font-weight:normal; line-height:1.34; color: #331e09; font-family: Georgia, serif; }
h2.dots		  { font-size:28px; font-weight:normal; line-height:1.34; color: #331e09; font-family: Georgia, serif;  background: url(images/dots-brown.png) bottom repeat-x; margin-bottom: 10px;}
h3            { font-size:16px; font-weight:bold; line-height:1.375; }
h4            { font-size:14px; font-weight:bold; }
h5            { font-size:12px; font-weight:bold; }
h6            { font-size:11px; font-weight:bold; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }
select, .input-text, .input-area  { border: 1px solid #968a7e; background: #fff; padding: 5px; margin-bottom: 10px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #968a7e; }
select 		  { color: #331e09; }
.input-area   { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.input-submit { background: #fe632f;  -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 2px 9px; border: none; font-size: 14px; color: #fff; cursor: pointer; }
.input-submit:hover { color: #331e09; }

/* Form Validation */
.validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:12px; line-height:13px; background:url(images/validation_advice_bg.gif) 2px 1px no-repeat; color:#331E0A; }
.validation-failed { border:1px dashed #331E0A !important; background:#faebe7 !important; }
.validation-passed {}
.required { color:#331E0A; }
p.required { font-size:12px; text-align:right; }

/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }

/* Global Messages  */
.success { color:#3d6611; font-weight:bold; }
.error { color:#331E0A; font-weight:bold; }
.notice { color:#ccc; }
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 10px; }
.messages li li { margin:0 0 3px; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:14px !important; font-weight:bold !important; }
.error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(../images/error_msg_icon.gif); color:#df280a; }
.success-msg { border-color:#4d2904;  background: #f25c29 url(../images/success_msg_icon.gif); color:#fff; }
.note-msg,
.notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(../images/note_msg_icon.gif); color:#3d6611; }



/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before, 
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* Images */
.img-left { float: left; margin: 5px 10px 5px 0; }

/* Tools */
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }

/* Columns */
.twocols-left { width: 480px; float: left; }
.twocols-right { width: 480px; float: right; }
.inside { padding: 0 40px; }

/* Data Table */ 
.data-table { width:100%; }
.data-table th { padding:5px; border:1px solid #412304; font-weight:bold; white-space:nowrap; }
.data-table td { padding:5px; border:1px solid #412304; }
.data-table thead { background-color:#412304; }
.data-table tbody {}
.data-table tfoot {}
.data-table tr.first {}
.data-table tr.last {}
.data-table tr.odd {}
.data-table tr.even { }
.data-table tbody.odd {}
.data-table tbody.odd td { border-width:0 1px; }
.data-table tbody.even { }
.data-table tbody.even td { border-width:0 1px; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom-width:1px; }
.data-table th .tax-flag { white-space:nowrap; font-weight:normal; }
.data-table td.label,
.data-table th.label { font-weight:bold; background-color:#f6f6f6; }
.data-table td.value {}


button.button { overflow:visible; width:auto; background:#ff6e3e; border:1px solid #eb521e; cursor:pointer; }
button.button span { display:block; margin:0; padding:0 8px 1px; font:bold 12px/16px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; }



/* Layout */
.wrap { background: url(images/bg.gif); }
.header-container { height: 135px; background: url(images/header_bg.png); }
.content { min-height: 500px; width: 980px; margin: 0 auto; padding: 30px 0; overflow: hidden; }

.col-main { width: 700px; float: left; }
.col-left { width: 250px; float: left; margin-right: 10px; }
.col-right { width: 250px; float: right; }

.footer-container { height: 135px; background: url(images/footer_bg.png) top; }
.header, .footer { width: 980px; margin: 0 auto; }
.messages {  width: 700px; margin: 0 auto; }

/* Header */
.header { height: 135px; overflow: hidden; }
.header .logo { float: left; }
.header ul.nav { float: right; width: 450px; margin-top: 50px; }
.header ul.nav li { float: left; padding: 0px 9px; margin-left: 5px; }
.header ul.nav li.active, .header ul.nav li:hover { background: #fe632f;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; } 
.header ul.nav li a { text-transform: lowercase; text-decoration: none; display: block; color: #fff; font-size: 18px; }
.header ul.nav li a:hover { color: #331e09; }

/* Footer */
.footer { padding: 35px 0 0 0; }
.footer .social { float: right; }
.footer .social a {}
.footer ul { overflow: hidden; }
.footer ul li { float: left; color: #fff; text-transform: uppercase; }
.footer ul li a { color: #fff; text-decoration: none; }
.footer p { color: #fff; }


/* Misc */
.fourohfour { float: right; font-size: 200px; }

/* Home Page ================================================================================ */

.home { overflow: hidden; }

.home  .top { background: #5a900a url(images/bg_green.gif) top repeat-x; width:980px; margin: 0 auto 20px; padding: 20px 0; overflow: hidden;  -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.home  .top .col1 {padding: 0 0 0 20px; width: 535px; float: left; text-align: left; }
.home  .top h1.bubble { font-size: 32px; font-family: Georgia; text-transform: uppercase; color: #412304; padding: 15px 0 30px 20px; background: url(images/bubble_white.png) no-repeat; }
.home  .top h1.bubble span { color: #fd622f; } 

.home  .top .col1 p {margin: 7px 0; color: #fff; font-size: 16px; }
.home  .top .col1 a { color: #fff; } 

.home  .top .col2 { width: 375px; float: left; text-align: left; padding: 0 0 0 10px; }
.home  .top .col2 h3 { padding: 5px 0 5px 60px; color: #fff; font-family: Georgia; font-size: 30px; margin-left: 50px; background: url(images/check_green.png) left no-repeat; line-height: 1.6; font-weight: normal; }
.home  .top .col2 h3 a { color: #fff; text-decoration: none; }
.home  .top .col2 h3 a:hover { color: #412304; }

.home h2 {width: 100%; background: url(images/dots-brown.png) bottom repeat-x; font-family: Georgia; font-size: 22pt; text-align: left; margin: 0 0 15px 0; text-transform: uppercase; }
	
.home .featured1, .home .featured2, .home .featured3 { width: 240px; float: left; }
.home .featured2 { margin: 0 130px; }

.home .featured1 h3, .home .featured2 h3, .home .featured3 h3 { font-size: 110%; font-weight: bold; }

/* ======================================================================================= */

/* Contact Page ========================================================================== */

.contact { overflow: hidden; font-size: 14px; }
.contact p { margin-bottom: 1em; }
.contact .input-text { width: 220px; }
.contact .input-area { width: 260px; height: 150px; }
.content .error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url(images/bullet_error.png) no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4;  -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; }

.content .success { background: url(images/accept.png) left no-repeat; padding-left:22px; }

/* ======================================================================================= */

/* About Page ============================================================================ */

.about { font-size: 14px; }

/* ======================================================================================= */

/* Services Page ========================================================================= */

.services { overflow: hidden; font-size: 14px; }
.services ul { margin-left: 20px; }
.services ul li { list-style: disc; }
.services p { margin-bottom: 1em; }

.getaquote, .checkoutplans { text-align: center; background: #fe632f;  -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 0 auto; display: block; width: 106px; padding: 5px 10px; font-size: 18px; color: #fff; cursor: pointer;  }
.checkoutplans { width: 200px; }
.getaquote:hover, .checkoutplans:hover { color: #331e09; }

.greenbox { background: #5a900a url(images/bg_green.gif) top repeat-x; margin: 0 auto 20px; overflow: hidden;  -webkit-border-radius: 5px; -moz-border-radius: 5px;  padding: 15px; }

/* ======================================================================================= */

/* Maintenance Plans Page ================================================================ */

.maintenance { }

.learn-more { text-align: center; background: #fe632f;  -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 0 auto; display: block; width: 106px; padding: 5px 10px; font-size: 18px; color: #fff; cursor: pointer;  }
.learn-more:hover { color: #331e09; }

.plans {}
.item { padding:5px; margin:10px 10px 10px 0; width: 300px; float: left; }
.last { margin-right: 0; }
.first { clear: left; }
.maintenance .whitebox { background: #fff; border: 1px solid #968a7e; padding: 7px; margin-bottom: 10px; height: 285px;  -webkit-border-radius: 5px; -moz-border-radius: 5px;  }
.maintenance .price-box { margin: 10px 0; }
.maintenance .price-box .price { font-size: 14px; font-weight: bold;  }

.maintenance p { margin-bottom: 1em; }
.maintenance ul { margin-left: 20px; }
.maintenance ul li { list-style: disc; }

/* ======================================================================================= */

/* Product Page ========================================================================== */

.product { width: 450px; margin: 0 auto; font-size: 14px; }
.product .price-box { margin: 10px 0; }
.product .price-box .price { font-size: 16px; font-weight: bold; }
.product p { margin-bottom: 1em; }
.product .std ul { margin-left: 20px; }
.product .std ul li { list-style: disc; }
.product .product-options { margin-top: 10px; }
.product .checkbox { margin-right: 20px; }
.product .input-text { width: 250px; color: #331e09}
.product #qty { width: 40px; }

/* ======================================================================================= */

/* Portfolio ============================================================================= */

.portfolio { font-size: 14px; overflow: hidden;  }
.portfolio p { margin-bottom: 1em; }
.site { background: #fff; width: 282px; float: left; margin: 0 30px 30px 0; padding: 15px 10px; border: 1px solid #968a7e;  -webkit-border-radius: 5px; -moz-border-radius: 5px; height: 335px; }
.site h3 { margin-bottom: 10px; }
.site img { margin-bottom: 10px; }
.last { margin-right: 0; }
.site strong { color: #fc622e; font-weight: bold; }
.site a { background: url(images/bullet_go.png) right no-repeat; padding-right: 20px; }
/* ======================================================================================= */

/* 404 Page ========================================================================== */

.notfound { font-size: 14px; }

/* ======================================================================================= */


/* Shopping Cart ========================================================================= */
.cart .checkout-types {  text-align:right; margin-bottom: 20px; }

/* Shopping Cart Table */
.cart-table .item-msg { font-size:10px; }

/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { float:left; width:700px; }
.cart .crosssell .product-image { float:left; margin-right:-90px; }
.cart .crosssell .product-shop { margin-left:90px; }
.cart .shipping {}

/* Shopping Cart Totals */
.cart .totals { float:right; }
.cart .totals table { width:100%; }
.cart .totals table th,
.cart .totals table td { padding:5px; }
.cart .totals table th { font-weight:bold; }

/* Options Tool Tip */
.item-options dt { font-weight:bold; font-style:italic; }
.item-options dd { padding-left:10px; }
.truncated { cursor:help; }
.truncated a.dots { cursor:help; }
.truncated a.details { cursor:help; }
.truncated .truncated_full_value { position:relative; z-index:999; }
.truncated .truncated_full_value dl { position:absolute; top:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #412304; background-color:#f6f6f6; }
.truncated .show dl { top:-20px; left:50%; }
.col-left .truncated .show dl { left:30px; top:7px; }
.col-right .truncated .show dl  { left:-240px; top:7px; }
/* ======================================================================================= */


/* Checkout ============================================================================== */
/* One Page */
.opc { border-bottom:1px solid #412304; position:relative; overflow: hidden; }
.opc li.section { border:1px solid #412304; border-bottom:0; }
.opc .step-title { background-color:#86511b; padding:0 5px; text-align:right; clear: left; height: 20px; }
.opc .step-title .number { float:left; line-height:22px; margin-right:5px; }
.opc .step-title h3 { float:left; }
.opc .allow .step-title { cursor:pointer; }
.opc .active {}
.opc .active .step-title { background-color:#412304; cursor:default; color: #fff; }
.opc .step { border-top:1px solid #412304; padding:10px; position:relative; }
.opc .step .tool-tip { right:10px; }
.opc .order-review {}

/* Multiple Addresses Checkout */
.checkout-progress { padding:0 50px; margin:10px 0; }
.checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; }
.checkout-progress li.active { border-top-color:#000; color:#000; }

.multiple-checkout { position:relative; }
.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; }
.multiple-checkout .grand-total { font-size:1.5em; text-align:right; }
.multiple-checkout .grand-total big {}
.multiple-checkout .grand-total .price {}

/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods .form-list { padding-left:20px; }
.sp-methods select.month { width:150px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }

.please-wait { float:right; margin-right:5px; }
.cvv-what-is-this { cursor:help; margin-left:5px; }

/* Tooltip */
.tool-tip { border:1px solid #412304; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; }
.tool-tip .btn-close { text-align:right; }
.tool-tip .tool-tip-content { padding:5px; }

/* Gift Messages */
.add-gift-message {}
.gift-message-form { border:1px solid #412304; background-color:#f5f5f5; }
.gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; }
.gift-message-form .gift-item {}

.gift-message-link { display:block; background:url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; }
.gift-message-link.expanded { background-position:0 -53px; }
.gift-message-row {}
.gift-message-row .btn-close { float:right; }
.gift-message dt strong { font-weight:bold; }

/* Checkout Agreements */
.checkout-agreements {}
.checkout-agreements li { margin:10px 0; }
.checkout-agreements .agreement-content { border:1px solid #412304; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; }
.checkout-agreements .agree { padding:6px; }
/********** Common Checkout Styles > */
/* ======================================================================================= */
/* Form lists */
.form-list li { margin:0 0 5px; }
.form-list li .input-box {}
.form-list li input.input-text,
.form-list li textarea { width:250px; }
.form-list li select { width:256px; }
.form-list li.add-row { border-top:1px solid #412304; margin-top:10px; }
.form-list label {}

.group-select {}
.group-select label {}
.group-select li { margin:0 0 5px; float: left; }
.group-select li .input-box { float:left; width:260px; }
.group-select li input.input-text,
.group-select li textarea {width:510px; }
.group-select li select { width:516px; }
.group-select li .input-box input.input-text,
.group-select li .input-box textarea { width:250px; }
.group-select li .input-box select { width:256px; }

.buttons-set { clear:both; margin:5px 0 0; padding:5px;}
.buttons-set .back-link { float:left; }
.buttons-set button.button { float:right; }

.buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #412304; text-align:right; }
