/* - - - - - - - - - - - - - - - - - - - - -

Author : Shannon
URL : http://webdesign.webnonsense.org

- - - - - - - - - - - - - - - - - - - - - */

/* Reset
----------------------------------------------*/
body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,label {
	margin: 0;
	padding: 0;
}
body {
	background: #ffffff;
}
:link,:visited {
	text-decoration: none;
}
ul,ol {
	list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
	/* letter-spacing: .1em;*/
}
a img,:link img,:visited img, fielset, img {
	border: none;
}
address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}
table {
/*	border-collapse: collapse;*/
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
abbr,acronym {
	border: 0;
}

/*----------- Megento Reset */

/* Table */
th {
	padding: 0;
	text-align: left;
	vertical-align: top;
}
td {
	padding: 0;
	vertical-align: top;
}

/* Paragraph */

address {
	margin-bottom: .4em;
}
address {
	font-style: normal;
	line-height: 1.4em;
}
cite {
	font-style: normal;
	font-size: 10px;
}
q:before, q:after {
	content: '';
}



/* Lists */
dt {
	display: block;
	font-weight: bold;
}
li {
	list-style: none;
}

/* Size */
small {
	font-size: .9em;
}
big {
	font-size: 1.1em;
}

hr {
	height: 0;
	margin: 8px 0;
	overflow: hidden;
	visibility: hidden;
}
.nowrap {
	white-space: nowrap;
}
:focus {
	outline: 0;
}
.bold {
	font-weight: bold;
}




/* Typography
----------------------------------------------*/


/** Yahoo font.css

* Percents could work for IE, but for backCompat purposes, we are using keywords.
* x-small is for IE6/7 quirks mode.
*/
body {
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
}
table {
	font-size: inherit;
	font: 100%;
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	line-height: 100%;
}

/* Sizing Chart

Desired pixel size - Percentage equivilent
10...................77
11...................85
12...................93
13...................100
14...................108
15...................116
16...................123.1
17...................131
18...................138.5
19...................146.5
20...................153.9
21...................161.6
22...................167
23...................174
24...................182
25...................189
26...................197
----------------------------------------------*/

body {
	color: #1A1A1A;
}

h2, h3, h4, h5, h6 {
	margin: 0;
}
h2, h3 {
	font-size: 16px;
	font-weight: bold;
}
h4, h5, h6 {
	color: #0A263C;
	font-weight: bold;

}
h1 {
	margin: 0 0 30px 0;
	font-size: 21px;
	color: #75715E;
}
h2 {
	color: #75715E;
}
h3 {
	color: #80A9DF;
}
#left-col h3, #right-col h3 {
	color: #B1D210;
	margin-bottom: .5em;
}
.sales-order-view h4, .sales-order-invoice h4, .sales-order-shipment h4 {
	border-bottom: 1px solid #dddddd;
	padding: 0 0 3px 0;
}



p, ul, ul li {
	margin: .5em 0 .5em 0;
}
address {
	margin: 1em 0;
/*	font-size: 11px;*/
}
strong {
	color: #000000;
}







/* Forms
----------------------------------------------*/

label {
	text-align: left;
}

form {
	display: inline;
}
fieldset {
	border: none;
}
legend {
	display: none;
}
label {
	color: #666;
	font-weight: bold;
	/*TODO_SPH make labels the same as p*/
}
input, select, button {
	vertical-align: middle;
}

input[type=text], input[type=password], textarea, select {
	background: #fff;
	border: 1px solid #e1e1e1;
	margin: 5px 0 5px 0;
}
input[type=text], input[type=password], textarea {
	padding: 2px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
	border: 1px solid #bbb;
	background: #edf7fd;
	outline: 0;
}

/* Global Links
----------------------------------------------*/

a:link {
	text-decoration: none;
	color: #80A9DF;
}
a:visited {
	text-decoration: none;
	color: #80A9DF;
}
a:hover {
	text-decoration: underline;
	color: #80A9DF;
}
a:active {
	text-decoration: none;
}
a:focus {
}





/* Layout
----------------------------------------------*/


body {
	text-align: center;
}
#wrapper {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}
#header #logo {
	float: left;
	margin: 15px 0 0 -35px;
}
#header {
/*	background: #fff url(../images/mine/rounded-corners.gif) no-repeat left bottom;*/
	padding: 0 0 40px 0;
}
#content-container {
	width: 600px;
	float: right;
	clear: both;
}
.checkout-onepage-index #content-container {
	width: 600px;
	float: left;
	clear: both;
}
#content-container-1-col {
	width: 780px;
	float: none;
	clear: both;
}
#content {
	margin: 0 0 30px 20px;
}
.checkout-onepage-index #content-container #content {
	margin: 0 20px 30px 0;
}

#left-col-container {
	width: 180px;
/*	margin-right: 10px;*/
	float: left;
}
#right-col-container {
	width: 180px;
	float: right;
}
#footer {
	clear: both;
	padding: 80px 10px 0 10px;
}


/* Global Nav
----------------------------------------------*/

#header ul, #header ul li {
	margin: 45px 0 0 0;
	padding: 0;
	list-style: none;
}
#header ul {
	float: right;
	margin-bottom: 1em;
}
#header ul li {
	display: inline;
	padding-left: 11px;
	background: url(../images/mine/bullet.gif) no-repeat left center;
}
#header ul li.first {
	display: inline;
	background-image: none;
}
#header ul li a {
	color: #595959;
}
#header ul li a:hover, #header ul li a.selected {
	color: #80A9DF;
}




/* Search Box
----------------------------------------------*/


#search-container {
	float: right;
	clear: right;
}
#search-container form {
	display: inline;
}
#search-container input {
	vertical-align: top;
	margin: 0;
}

/**----------- Mini Search  */


.search-autocomplete { 
	z-index: 999;
}

.search-autocomplete ul { 
	margin: 0;
}
.search-autocomplete ul {
	border: 1px solid #5c7989;
	background-color: #f9f5f0;
}
.search-autocomplete li {
	border-bottom: 1px solid #f4eee7;
	padding: 2px 8px 1px 8px;
	cursor: pointer;
}
.search-autocomplete li .amount {
	float: right;
	font-weight: bold;
}
.search-autocomplete li.odd {
	background-color: #fffefb;
}
.search-autocomplete li.selected {
	background-color: #f7e8dd;
}




/* Left Column
----------------------------------------------*/


/*----------- Navigation */


ul#nav, ul#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#nav {
	margin-bottom: 30px;
}
ul#nav li {
	margin-bottom: 3px;
}
ul#nav li a {
	display: block;
	width: 100%;
	color: #595959;
}
ul#nav li a:visited {
	display: block;
	width: 100%;
	color: #969191;
}
ul#nav li a:hover {
	color: #80A9DF;
}
ul#nav li.active a {
	font-weight: bold;
	color: #1A1A1A;
}
ul#nav li.on {
	font-weight: bold;
	color: #1a1a1a;
}

/*----------- Newsletter */

.mini-newsletter {
	margin-bottom: 30px;
}

.mini-newsletter h3 {
	padding-left: 20px;
	margin-left: -20px;
	background: url(../images/icon_newspaper.gif) no-repeat left center;
}
.mini-newsletter p {
	margin-top: 0;
}
.mini-newsletter .input-text {
	width: 160px
}


/**----------- Social  */

#social {
	margin-bottom: 30px;
}

#facebook { 
	background: url(../images/mine/facebook.gif) no-repeat left center;
	line-height: 20px;
	padding-left: 25px;
	
}
#twitter { 
	background: url(../images/mine/twitter.gif) no-repeat left center;
	line-height: 20px;
	padding-left: 25px;
}

/* Category View
----------------------------------------------*/


.category-head .link-feed {
	display: block;
	padding: 0 0 0 15px;
	line-height: 197%;
	background: url(../images/icon_rss.gif) no-repeat left center;
	float: right;
}


/* Grid mode is default */

.listing-type-grid .listing-item .price-box, 
.listing-type-grid .listing-item .add-to, 
.listing-type-grid .listing-item .form-button {
	clear: both;
	float: left;
}

.listing-item {
	width: 278px;
	float: left;
}
.listing-item {
	margin: 0 10px 30px 0;
	border: 1px solid #fff;
}
.listing-item h2 {
	margin-bottom: 1em;
	padding: 0;
}
.listing-item h2 a {
	color: #80A9DF;
}
.listing-item h2 a:hover {
	color: #80A9DF;
}
.listing-item .product-image {
	float: left;
	margin: 0;
	margin-right: 10px;
	margin-bottom: 10px;
}
.listing-item .product-image a img {
	border: 1px solid #e2e2e2;
	padding: 2px;
	background: #fff;
}
.listing-item .product-image a:hover img {
	border: 1px solid #ccc;
	padding: 2px;
	background: #e2e2e2;
}
.listing-item .desc {
	/*margin-right: 5px;*/
}

.listing-item .price-box {
	font-size: 16px;
	font-weight: bold;
	color: #B1D210;
}


/* This is for List mode  */

.listing-type-list .listing-item {
	width: 100%;
	float: left;
	clear: both;
}

.listing-type-list .listing-item .description {
	margin-right: 100px;
	margin-bottom: 30px;
}



/* Product View
----------------------------------------------*/

#product {
	margin: 0;
}
#product .image {
	float: left;
	margin: 0 15px 15px 0;
}
#product .image img {
	border: 1px solid #e1e1e1;
}

#product .product-shop {
	float: right;
	width: 258px;
}
#product .product-specs {
	margin-bottom: 30px;
}

#product h2 {
	margin-bottom: 1em;
}

/*----------- Prices */

#product .price-box {
	margin: 0 0 15px 0;
}
#product .add-to {
	margin: 15px 0 15px 0;
}
.catalog-listing .price-box {
	margin: 5px 0 5px 0;
}
.regular-price {
	font-size: 16px;
	color: #B1D210;
	font-weight: bold;
}
.old-price {
	color: #999;
	font-size: 12px;
}
.old-price .price {
	text-decoration: line-through;
}
.special-price {
	color: #cd5033;
	font-size: 16px;
	font-weight: bold;
}
.special-price .label {
	font-weight: normal;
}


/*----------- Attributes */

/*TODO_SPH what the hell is this for?*/
.product-attributes, .product-pricing {
}


/**----------- Upsell  */

.up-sell {
	clear: both;
	margin-top: 50px;
}
.up-sell td {
	padding-right: 10px;
}
.up-sell .head {
	text-align: left;
}
.up-sell img {
	border: 1px solid #e1e1e1;
}



/* Login Page
----------------------------------------------*/

#registered-users #registered, #registered-users #new-users {
	width: 48%;
}
#registered-users .container {
	min-height: 150px;
}
#registered-users #registered {
	float: left;
}
#registered-users #new-users {
	float: right;
}

/* Cart  
----------------------------------------------*/

.shopping-cart {
	margin-bottom: 20px;
}
.shopping-cart th, .shopping-cart td {
	padding-left: 13px;
	padding-right: 13px;
}
.shopping-cart tr.error {
	background: #FDE6E0 !important;
}
.shopping-cart .continue-shopping {
	float: left;
}
.shopping-cart-item-message {
	margin-bottom: 5px
}

td.attributes-col {
	line-height: 1.4em;
}
td.attributes-col ul {
	margin: 5px 0;
	font-size: .95em;
}
td.attributes-col dt {
	margin-top: .5em;
	font-size: .95em;
	font-weight: bold;
}
td.attributes-col dd ul {
	margin: 0 0 5px 0;
}
td.attributes-col dd ul li {
	margin-left: 15px;
	list-style: disc;
}




.shopping-cart-collaterals {
	float: right;
	width: 260px; 
	padding: 0;
}
.shopping-cart-collaterals .box {
/*	margin-bottom: 18px;
	padding: 12px 15px;
	border: 1px solid #D0CBC1;
	background: url(../images/base_mini_head_bg.gif) repeat-x #fff;*/
}
.shopping-cart-collaterals .box .form-button {
	margin-left: 5px;
}
.shopping-cart-collaterals .discount-codes h4, .shopping-cart-collaterals .shipping-estimate h4 {
/*	min-height: 16px;
	color: #e26703;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 1px 0 1px 21px;
	text-transform: uppercase;*/
}
.shopping-cart-collaterals .discount-codes h4 {
/*	background-image: url(../images/icon_asterick.gif);
	padding-left: 23px;*/
}

/*.shopping-cart-collaterals .shipping-estimate h4 {
	background-image: url(../images/icon_lorry.gif);
	padding-left: 23px;
}
.shopping-cart-collaterals .shipping-estimate .input-text {
	width: 214px;
}
.shopping-cart-collaterals .shipping-estimate select {
	width: 220px;
}*/


/*----------- Layout  */

.shopping-cart-totals {
	width: 240px;
	float: right;
}
.discount-codes .left {
	clear: left;

}





/*----------- Cross Sell */

.crosssell .product-image {
	float: left;
	width: 75px;
	border: 1px solid #d0cdc9;
	margin-right: 20px;
}
.crosssell .product-shop h5 {
	font-size: 1em;
}


/*.cross-sell-block                   { float:left; width:200px; margin-bottom:0; padding:10px; border:1px solid #ddd; background:#f7f7f7; }
.cross-sell-block li                { padding-bottom:5px; border-bottom:1px solid #ddd; margin-bottom:8px; }
.cross-sell-block li.last           { padding:0; border:none; margin:0; }
.cross-sell-block .product-image    { float:left; width:50px; }
.cross-sell-block .product-shop     { width:135px; }
.cross-sell-block .price-box        { margin:0 0 6px 0; font-size:.8em; }
.cross-sell-blank                   { display:inline; float:left; width:220px; border:0; padding:0; background:none; }*/


/*----------- Discount Codes */

.discount-codes input {
	margin: 20px 0 5px 0;
}


/*----------- Shopping Cart Totals */


.shopping-cart-totals {
	text-align:right;
}
.shopping-cart-totals table {
	width: 100%;
	margin-top: 7px;
}
.shopping-cart-totals td {
	padding: 0 0 0 15px;
}
.shopping-cart-totals tr.last td {
	padding-bottom: 5px;
}
.shopping-cart-totals tfoot td {
	font-size: 1.3em;
}
.shopping-cart-totals .checkout-types {
	margin: 15px 0 15px 15px;
}
.shopping-cart-totals .checkout-types li {
	clear: both;
	margin: 10px 0;
}



.grand_total {
	width: auto;
	margin-top: 15px;
	border: 1px solid #BEBCB7;
	background: #DEE5E8;
	font-size: 1.3em !important;
	font-weight: bold;
	text-align: right;
}
tr.grand_total td, p.grand_total {
	padding-top: 5px;
	padding-bottom: 5px;
}


/*----------- Headings */
/*TODO_SPH check to make sure this didn't fuck other shit up. 
Used it for invoice page*/
.head, .head-alt, .head-alt2, .head-alt3 { 
/*	line-height:1.25em;*/
	text-align:right;
}
.head h3 {
	float:left;
}



/*.head .title, .head-alt .title, .head-alt2 .title, .head-alt3 .title {
	float:left;
}*/






/*
.page-head {
	margin: 0 0 25px 0;
	border-bottom: 1px solid #ccc;
}
.page-head-alt {
	margin: 0 0 12px 0;
}
*/
.page-head, .page-head-alt {
	text-align: right;
}
.page-head h1, .page-head-alt h1 {
	text-align: left;
}
.button-level h1 {/* heading level with buttons */
	
	float:left;
/*	width: 60%;*/
	
}


/* Columns 
----------------------------------------------*/

/* All */
.col2-set, .col3-set, .col4-set, .col5-set {
	clear: both;
}

/* Col2 */
.col2-set .col-1, .col2-set .col-2 {
	width: 48.5%;
}
.col2-set .col-1 {
	float: left;
}
/*TODO_SPH i removed this float for some reason, but need it on the onepage. i think it was for the login page.*/
 .col2-set .col-2 {
	float: right;
}


/* Col2-alt */
.col2-alt-set .col-1 {
	width: 32%;
}
.col2-alt-set .col-2 {
	width: 65%;
}
.col2-alt-set .col-1 {
	float: left;
}
.col2-alt-set .col-2 {
	float: right;
}

/* Col3 */
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 {
	float: left;
	width: 31.3%;
}
.col3-set .col-1, .col3-set .col-2 {
	margin-right: 3%;
}

/* Col4 */
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 {
	float: left;
	width: 22%;
}
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3 {
	margin-right: 4%;
}

/* Table Columns */
table .col-1, table .col-2, table .col-3, table .col-4 {
	float: none !important;
	margin: 0 !important;
}
.col3-set td.spacer {
	width: 3%;
}
.col4-set td.spacer {
	width: 4%;
}


/* Data Table
----------------------------------------------*/


/*td.label        { font-weight:bold; }*/

/* Data Table */
.data-table { width:100%; font-size: 11px;}
.data-table tr { background:#fff; }
.data-table .odd  { background:#fff }
.data-table .even { background:#fcfcfc; }
.data-table tr.last td, .data-table tr.last th { border-bottom:0; }
.data-table th {
    padding:2px 8px;
    white-space:nowrap;
    font-size:10px;
    text-transform:uppercase;
	font-weight: bold;
    }
.data-table th.wrap { white-space:normal; }
.data-table th a, .data-table th a:hover { color:#fff;}
.data-table td { padding:3px 8px; }
.data-table thead tr { background:#e9e9e9; }
.data-table tfoot { border-bottom:1px solid #d9dde3;}
/*.data-table tfoot tr.first { background:url(../images/base_mini_actions_bg.gif) repeat-x; }*/
.data-table tfoot tr { background-color:#f3f3f3 !important; }
.data-table tbody td { border-bottom:1px solid #d9dde3; }

.box-table td { padding:10px; }
.box-table tfoot td { padding-top:5px; padding-bottom:5px; }
.box-table select{ width:100%; }

.generic-table td { padding:2px 8px}
.generic-table td.first { padding-left:0; }





/********************** Space Creators */

.no-display { display:none; }
.no-wrap { white-space:nowrap; }
.content-box { min-height:250px; } /* Set minimum height for visual presentation */
/*.content { padding:12px 12px 12px 15px; }*/ /* Sets default padding */
.actions { line-height:1.3em; }
.separator { padding:0 5px;}
.pipe { padding:0 4px; font-size:.95em; }
.divider {
    margin:10px 0;
    height:1px;
    background:url(../images/dotted_divider.gif) repeat-x;
    font-size:1px;
    line-height:1em;
    overflow:hidden;
}
.hide {
	visibility: hidden;
}





/*----------- Buttons */

.shipping-tracking .button-set {
	margin-top: 0;
	border: none;
	border-top: 0;
	padding-top: 0
}

/*TODO_SPH Possibly need this. Check to see how it affects other pages. maybe use only one checkout page*/
/*.button-set {
	clear: both;
	margin-top: 4em;
	border-top: 1px solid #e4e4e4;
	padding-top: 8px;
	text-align: right;
}*/


.form-button, .form-button-alt {
	overflow: visible;
	width: auto;
	background-color: transparent;
	border: 0;
	padding: 2px 8px;
	background: #cccccc;
	color: #1A1A1A;
	border: 1px solid #ccc;
	font: 93% arial, sans-serif !important;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

.form-button span, .form-button-alt span {
	white-space: nowrap;
}

/*
.form-button-alt {
	border: 1px solid #406a83;
	background-color: #618499;
}
a.form-button-alt {
	padding: 2px 9px;
	text-decoration: none;
}
.form-button-alt:hover {
	color: #fff;
	text-decoration: none;
}
.btn-checkout {
	display: block;
	float: right;
	background: transparent url(../images/btn_proceed_to_checkout_rad.gif) no-repeat 100% 0;
	font-size: 15px;
	font-weight: bold;
	padding-right: 8px;
}
.btn-checkout, .btn-checkout:hover {
	color: #fef5e5;
	text-decoration: none;
}
.btn-checkout span {
	display: block;
	padding: 0 17px 0 25px;
	background: transparent url(../images/btn_proceed_to_checkout_bg.gif) no-repeat;
	line-height: 40px;
}


*/



/* One-Page checkout
----------------------------------------------*/



.one-page-checkout .box {
   border-bottom: 1px solid #ddd;
/*   border-top:0;*/
   padding: 15px 20px;
   background: #fbfbfb;
}
.one-page-checkout .head {
   padding: 4px 8px 6px 8px;
   border-width: 1px 1px 0 1px;
   border-style: solid;
   border-color: #fff #D9DDE3 #D9DDE3 #D9DDE3;
   background: #eee;
}
.one-page-checkout .head a {
	display: none; /* Hide Edit button in step header */
}

.one-page-checkout h3 {
	text-align: left;
	float: left;
	margin: 0;
	color: #999;
	font-size: 1.05em;
	
}
.one-page-checkout h4 {
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 2px;
}
.one-page-checkout .step-count {
	padding: 0 4px;
	background: #fff;
	color: #444;
	font-size: .9em;
	line-height: 1em;
}
.one-page-checkout .content { 
/*	padding: 10px 20px;*/ 
/*	TODO_SPH is this padding needed?*/

}
.one-page-checkout label.label {
	font-size: 1.05em;
	color: #2f2f2f;
}
.one-page-checkout .allow .head {
	background: #CCCCCC;
	border-color: #CCC #CCC #fff #CCC;
	border-width: 1px;
	cursor: pointer;
}
.one-page-checkout .active .head {
	border: 1px solid #dddddd;
	background: #B1D210; /*Green*/
	cursor: default;
}
.one-page-checkout .allow .head a {
	display: block;
	color: #fff;
	text-align: right;
}
/* Display Edit button in active selection */
.one-page-checkout .active .head a {
	display: none;
}
.one-page-checkout .group-select {
	margin-top: 0;
	margin-right: 0;
	border: 0;
	background: none;
	padding: 0;
}
/*.one-page-checkout .group-select li .input-box {
	float: left;
	width: 225px;

}*/
.one-page-checkout .allow h3 {
	color: #fff;
}
.one-page-checkout .active h3 {
	color: #fff;
}
.one-page-checkout .active .box {
	display: block;
/*	border-color: #ddd;*/
/*	background: #fbfbfb;*/
}
.one-page-checkout dd .form-list ul {
	margin: 5px 17px 15px 17px;
}
.one-page-checkout .checkmo-mailing-address {
	padding-left: 20px;
}

.one-page-checkout-progress .content {
	padding: 1em 0;
}
.one-page-checkout-progress address, .one-page-checkout-progress p {
	margin: 0;
}
.one-page-checkout-progress .page-head {
	margin-bottom: 1em;
}
.one-page-checkout-progress li {
	margin-bottom: 6px;
}
.one-page-checkout-progress h4 {
	margin: 0;
	border: 1px solid #ddd;
	padding: 2px 8px;
	background: #eee;
	color: #555;
/*	font-size: 10px;*/
	font-weight: normal;
	text-transform: uppercase;
}
.one-page-checkout-progress h4 a {
	text-transform: none;
}
.one-page-checkout-progress h4 span {
	margin: 0 3px;
}
.one-page-checkout-progress .content {
	background: none;
}
#opc-login .button-set {
	border-top: 0;

}
#opc-review .box {
	border: 0;
	padding: 0;
	background: #ffffff;
}
#opc-review .content {
/*	border: 1px solid #D9DDE3;*/
	border-top: 0;
}

.opc-please-wait {
	padding-right: 7px;
}
.one-page-checkout .payment-methods dd {
	padding: 0;
}
.one-page-checkout .button-set {
	margin-top: 0;
	padding-top: 2em;
	text-align: left;
}

.one-page-checkout p.required {
	text-align: left;
}

.one-page-checkout #checkout-step-review .button-set {
	text-align: right;
}


.one-page-checkout .form-button {
	background-color:  #B1D210;
}

.one-page-checkout #opc-login .col-2 .form-button {
	background-color:  #CCCCCC;
}

.one-page-checkout ul.super-product-attributes {
	padding-left: 15px;
}
.one-page-checkout .box-no-padding .inner-box {
	padding: 0px 20px;
}

/*.one-page-checkout #checkout-step-login ul.disc li {
	list-style: circle;
	margin-left: 25px;
}*/
ul.disc li {
	list-style: circle;
	margin-left: 25px;
}

.one-page-checkout #checkout-step-login .form-list {
	margin-bottom: 40px;
}
.one-page-checkout .section {
	clear: both;
}


.checkout-progress {
	margin:0 auto 1.5em auto;
}
.checkout-progress td {
    float:left;
    margin-right:3px;
    border-top:10px solid #999;
    padding:4px 20px;
    color:#abb5ba;
    font-weight:bold;
}
.checkout-progress td.active {
    border-top-color:#B1D210;
    color:#B1D210;
}

/*-----------  Multiple Addresses checkout */


.multi-address-checkout-description {
    margin-top:-15px;
    margin-bottom:15px;
}

.multi-address-checkout-box .box {
	position: relative;
	margin-top: 15px;
	margin-bottom: 25px;
	border: 1px solid #bbb6a5;
/*	background: url(../images/multi_address_box_bg.gif) repeat-x #FBFAF6;*/
}
.multi-address-checkout-box .legend {
	float: left;
	margin-top: -10px;
	margin-bottom: 0;
	margin-left: 15px;
	border: 1px solid #1a1a1a;
	background: #eeeeee;
	color: #000000;
	padding: 2px 8px;
}
.multi-address-checkout-box .content {
	padding: 15px 20px 20px 20px; /*TODO_SPH possibly remove this padding*/
}
.multi-address-checkout-box .count-head {
	border-bottom: 1px solid #BBAFA0;
	background: #eeeeee;
	padding: 5px 10px;
}
.shipment-count {
	background: #E26703;
	padding: 2px 5px;
	color: #fff;
	font-size: .95em;
	line-height: 1em;
}
.multi-address-checkout-box .head  {
	text-align: left;
}
.multi-address-checkout-box .count-head h4 {
	margin: 0;
}
.multi-address-checkout-box .head h5 {
	color: #B1D210;
}
.multi-address-checkout-box .head a {
	font-weight: normal;
}
.multi-address-checkout-box .checkmo-mailing-address {
	display: block;
	padding-left: 20px;
}
.shipping-method-pointer {
	border: 1px solid #e2e2e2;
	padding: 13px;
	background: #FCFCFC;
	position: relative;
}
.shipping-method-pointer .pointer {
	position: absolute;
	top: -20px;
	right: -40px;
}
.place-order-box {
	float: right;
	height: 71px;
	overflow: hidden;
}
.place-order-box .left-radius {
	width: 21px;
}
.place-order-box .main-radius {
	padding-right: 21px;
	vertical-align: middle;
}
.place-order-box .grand-total {
	font-size: 1.5em;
}
.place-order-box .grand-total .price {
	color: #B1D210;
	font-weight: bold;
}
.place-order-box input {
	margin-left: 15px;
}



/*----------- Gift Messages */



.giftmessages .gift-header {
	font-size: 12px;
	font-weight: bold;
	color: #e87403;
}

.giftmessages .input-checkbox {
	padding-bottom: 15px;
}

.giftmessages textarea {
	height: 100px;
}

.giftmessages .input-checkbox input {
	margin-right: 5px;
}

.giftmessages .input-checkbox label {
	font-weight: normal;
	color: #8e8d8b;
}

.one-page-checkout .box-no-padding {
/*	border: 1px solid #bbb6a5;*/
	border-top: 0;
	padding: 15px 0px;
/*	background: #faf7ee;*/
}

.one-page-checkout .box-no-padding .inner-box {
	padding: 0px 20px;
}

.giftmessages .gift-box {
	background-color: #f6f1eb;
	border-top: 1px solid #e9e4de;
	border-bottom: 1px solid #e9e4de;
	padding: 22px 16px 22px 22px;
}

.giftmessages .gift-box .scroll-box {
	overflow: auto;
	height: 260px;
}

.giftmessages .product-image {
	border: 1px solid #d2d1cd;
}

.no-border {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}


.no-padding {
	padding: 0 0 0 0;
}

.giftmessages .giftmessage-product-info {
	padding-left: 10px;
}

.giftmessages .numeration {
	font-weight: bold;
	color: #8a8987;
}

.giftmessages .gift-box label {
	color: #918d8e;
}

.giftmessages .group-select li .input-box {
	float: left;
	width: 260px;
}
.giftmessages .group-select li .input-text, 
.group-select li select, 
.group-select li textarea {
	width: 495px;
}
.giftmessages .group-select li .input-box .input-text, 
.group-select li .input-box textarea {
	width: 235px;
}
.giftmessages .group-select li .input-box select {
	width: 256px;
}



/** CMS Pages
----------------------------------------------*/

.cms-page-view h2 {
	margin-top: 30px;

}




/* Customer
----------------------------------------------*/



/*----------- My Account navigation */

.account-nav {
/*	border: 1px solid #bbb;*/
}
.account-nav .head {
/*	margin: 0;
	background: url(../images/account_nav_head_bg.gif) repeat-x 0 100% #fc9d36;
	padding: 3px 10px;*/
}
.account-nav .head h3 {
/*	color: #fff;
	font-size: 1.1em;*/
}
.account-nav ul {
/*	background: #fbfaf6;
	padding: 4px 10px 10px 10px;*/
}
.account-nav li a, .account-nav li.on {
	padding: 3px 0;
}
.account-nav li a {
/*	display: block;
	border-bottom: 1px solid #ddd; */
	/*background:url(../images/account_nav_link_bg.gif) no-repeat 10px 8px;*/
}
.account-nav li a, .account-nav li a:hover {
/*	color: #5f5d5c;
	text-decoration: none;*/
}
.account-nav li a:hover {
/*	color: #ea7900;*/
}
.account-nav li.on {
/*	border-bottom: 1px solid #ddd; */
	/* background:url(../images/account_nav_on_bg.gif) no-repeat 10px 8px;*/  color:#ea7900;
/*	font-weight: bold;*/
}
/*.account-nav li.on a {
	padding: 0;
}
.account-nav li.last, .account-nav li.last a {
	border-bottom: 0;
}*/


/*----------- Login */


.login-box .col-1, .login-box .col-2 {

}
.login-box .content {
/*	padding: 14px 21px;*/
}
.login-box h2 {
	min-height: 16px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.2em;
	padding-bottom: 5px;
	padding-left: 23px;
	background-position: 0 1px;
	background-repeat: no-repeat;
	font-size: 1.05em;

	text-transform: uppercase;
}
.login-box .new-users h2 {
	background-image: url(../images/icon_page_white.gif);
}
.login-box .registered-users h2 {
	background-image: url(../images/icon_page_white_text.gif);
}
.login-box .button-set {
	margin: 0;
	border: none;
	padding: 8px 13px;
}
.login-box .content {
	min-height: 230px;
}


/*----------- Dashboard */


.account-box {
	margin-bottom: 20px;
/*	border: 1px solid #ccc;
	border-right-color: #999;
	border-bottom-color: #999;
	background: url(../images/account_box_bg.gif) repeat-x #fff;*/
/*	padding: 15px;*/
}


.account-box .head {
	margin-bottom: 10px;
/*	border-bottom: 1px solid #d9dde3;*/
	text-align: right;
}
.account-box h4 {
	color: #B1D210;
/*	font-size: 1.1em;*/
	text-transform: uppercase;
	float: left;
}
.account-box .inner-head {
	margin-bottom: 8px;
	border-bottom: 1px solid #dddddd;
	padding: 2px 0;
	text-align: right;
}
.account-box h5 {
	font-size: 1.1em;
	float: left;
}
.account-box h5 a {
	font-weight: normal;
}
.account-box h6 {
	text-transform: uppercase;
	font-size: 11px;
}
.account-box address {
	margin-top: 0;
}
.account-main .account-box li {
	padding: 5px 0;
}
.account-box ol .count {
	float: left;
	margin-top: 3px;
	background-color: #0a263c;
	padding: 1px 3px;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	line-height: 1em;
}
.account-box ol .content {
	margin-left: 20px;
	padding: 0;
}
.account-box ol.recent-reviews small {
	float: left;
	margin-right: 3px;
	font-weight: bold;
}
.account-box .product-images {
	width: 65px;
}
.account-box .product-images img {
	border: 1px solid #ccc;
}
.account-box .product-details {
	margin: 0 0 10px 70px;
}
.account-box .content {
	padding: 0;
}
.account-side .actions {
	border-top: 1px solid #ccc;
	padding-top: 4px;
}
.account-side .actions .form-button {
	float: right;
}
.edit-password {
	display: block;
	height: 20px;
	background: url(../images/icon_lock.gif) no-repeat 0 2px;
	padding-left: 20px;
}
.dashboard-welcome {
	margin-right: 8em;
	margin-bottom: 1.5em;
	font-size: 1.1em;
}
.account-box .head h4 {
/*	padding-left: 21px;
	min-height: 17px;
	background-repeat: no-repeat;
	background-position: 0 0;*/
}
.ad-orders .head h4 {

}
.ad-account-info .head h4 {

}
.ad-tags .head h4 {

}
.ad-reviews .head h4 {

}


/*----------- Account Addressbook */

.primary-address-list h5 {
	margin-bottom: 8px;
	border-bottom: 1px solid #dddddd;
	padding: 2px 0;
	text-align: left;
	font-size: 1.1em;
}
.primary-address-list h4, .address-list h4 {
	font-size: 1.1em;
	color: #B1D210;
	text-transform: uppercase;
}
.primary-address-list li {
	margin-bottom: 10px;
/*	border: 1px solid #ccc;*/
/*	background: url(../images/account_box_bg.gif) repeat-x #fff;*/
	padding: 10px 13px 8px 0;
}
.primary-address-list li .head {
	margin: 0;
}
.address-list li {
	margin-bottom: 1em;
}
.address-list .actions {
	float: right;
	margin: 0 0 10px 10px;
}
.primary-address-list h5 {
	
}

/*----------- Account Order History */



.sales-order-view .checkmo-mailing-address {
	display: block;
	padding-left: 20px;
}

/*----------- Account Order Info */



.order-info ul {
	margin-bottom: 15px;
/*	border-bottom: 1px solid #666;*/
	background: url(../images/mine/tabs_bg.gif) repeat-x 0 100% #f2f2f2;
	font-size: 11px;
}
.order-info ul li {
	float: left;
	border-right: 1px solid #a4a4a4;
/*	border-left: 1px solid #fff;*/
	font-size: 1.1em;
	line-height: 1em;
	margin: 0;
}
.order-info ul li.first {
	border-left: 0;
}
.order-info ul li.last {
	border-right: 0;
}
.order-info ul a, .order-info ul li.selected {
	display: block;
	padding: 6px 15px;
	color: #444;
}
.order-info ul a:hover {
	background: #ddd;
	text-decoration: none;
}
.order-info ul li.selected {
	background: #666;
	color: #fff;
	font-weight: bold;
}

#my-orders-table, #comments, .sales-order-invoice table  {
	margin-top: 20px;
}
#comments {
	
}

/** Send To Friend
----------------------------------------------*/


#add_recipient_button {
	float: left;
	
}


/* Form
----------------------------------------------*/


/* Form Elements */
input.input-text, 
select, 
textarea                { border:1px solid #b6b6b6; font:12px arial, helvetica, sans-serif; }
option, optgroup        { font:12px arial, helvetica, sans-serif; }
optgroup                { font-weight:bold; }
input.input-text, 
textarea                { padding:2px; }
input.form-radio        { margin-right:3px;}
.v-fix                  { display:inline; }
/*.qty                    { width:2.5em; }*/
.group-select label, 
.form-list label, 
.payment-methods label  { font-weight:bold;}
.button-set { /* Container for form buttons*/
    clear:both;
    margin-top:4em;
    border-top:1px solid #e4e4e4;
    padding-top:8px;
    text-align:right;
}
.button-top-set { margin-top:0; border-top:0; padding-top:0; padding-bottom:8px; }

/* Form lists */
.form-list {
	margin-bottom: 10px;
}
.form-list li {
	margin-bottom: 6px;
}
.form-list li .input-box .input-text,
.form-list li .input-box textarea {
	width: 250px;
}
.form-list li .input-box select {
	width: 256px;
}
.form-list li.addElement {
	border-top: 1px solid #DDD;
	padding-top: 10px;
}
.group-select li {
	margin: 0 8px 10px 0;
/*	padding-left: 8px;*/ /*TODO_SPH make sure this does not screw anything else up. */
}
.group-select li .input-box {
	float: left;
	width: 250px;
}
.group-select li .input-text,
.group-select li select,
.group-select li textarea {
	width: 525px;
}
.group-select li .input-box .input-text,
.group-select li .input-box textarea {
	width: 225px;
}
.group-select li .input-box select {
	width: 225px;
}




/* Form Messages
----------------------------------------------*/

.validation-advice, .required {
	color: #EB340A;
}
.validation-advice {
	/* clear:both;*/
	margin: 0 0 1em 0;
	min-height: 15px;
	background: url(../images/validation_advice_bg.gif) no-repeat 2px 1px;
	padding-left: 17px;
	font-size: 100%;
	font-weight: bold;
}
.validation-failed {
	border: 1px dashed #EB340A !important;
	background: #faebe7 !important;
}
label.required {
	font-weight: bold;
}
p.required {
	font-size: 12px;
	text-align: right;
}
#login-form p.required {
	text-align: left;
}

/* Messages
----------------------------------------------*/

.success {
	color: #3d6611;
}
.error {
	color: #df280a;
}
.notice {
	color: #e26703;
}
.success, .error {
	font-weight: bold;
}
.messages {
	width: 100%;
	overflow: hidden;
}
.error-msg, .success-msg, .notice-msg, .note-msg {
	min-height: 23px !important;
	margin-bottom: 1em !important;
	border-style: solid !important;
	border-width: 1px !important;
	background-repeat: no-repeat !important;
	background-position: 10px 10px !important;
	padding: 8px 8px 8px 32px !important;
	font-size: .95em !important;
	font-weight: bold !important;
}
.error-msg li, .success-msg li, .notice-msg li {
	margin-bottom: .2em;
}
.error-msg {
	border-color: #f16048;
	color: #df280a;
	background-color: #faebe7;
	background-image: url(../images/error_msg_icon.gif);
}
.success-msg {
	border-color: #446423;
	color: #75715E;
	background-color: #eff5ea;
	background-image: url(../images/success_msg_icon.gif);
}
.notice-msg, .note-msg {
	border-color: #446423;
	color: #75715E;
	background-color: #eff5ea;
	background-image: url(../images/note_msg_icon.gif);
}

/* Alignment
----------------------------------------------*/

.v-top          { vertical-align:top !important; }
.v-middle       { vertical-align:middle !important; }
.v-bottom       { vertical-align:bottom !important; }
.a-left         { text-align:left !important; }
.a-center       { text-align:center !important; }
.a-right        { text-align:right !important; }
.f-left         { float:left !important; }
.f-right        { float:right !important; }
.accent         { color:#E76200 !important; font-weight:bold !important; }





/* Misc
----------------------------------------------*/


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* TODO Redo clearfix and put styles in IE sheets */
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.zero-top {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.zero-bottom {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.zero-left {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
.zero-right {
	margin-right: 0 !important;
	padding-right: 0 !important;
}
.align-right {
	text-align: right !important;
}
.align-left {
	text-align: left !important;
}
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}

ul.bullet {
	list-style: disc;
	margin: 20px;
}
ul.bullet li {
	list-style: disc;
}
.highlight {
	color: #B1D210;
}