@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: inherit;
}

input {
}


#searchButton input, #searchField input {
	-webkit-appearance:none;
	border-radius:0;
}

object {
    display: inline-block;
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 
input::-webkit-outer-spin-button, /* Removes all trace of spin buttons on input[number]; webkit only;*/
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}

input::-moz-focus-inner /* Removes padding/margin discrepancy between anchor buttons and input buttons */
{ 
    border: 0;
    padding: 0;
}

body {
    color: #000000;
     font-family: Tahoma, sans-serif;
    -webkit-text-size-adjust: 100%; /* for iPad font-size rendering issue */
	background-color: #fff;
}

p,
span,
th,
td,
a,
 {
    color: #2B2B2B;
    font-size: 14px; /* Default Font Size; consider label and caption font sizes below */
}

fieldset {
    width: 100%;
}

input,
select,
option,
textarea {
    border: 1px solid #afafaf;
    color: #000;
    font-family: Arial, Helvetica, sans-serif; /* To over ride text area defaults */
    font-size: 13px;
    padding: 5px;
}

select {
    padding: 1px!important; /* select default heights are different then other inputs */
}

option,
input[type="file"] {
    border: none!important;
    padding: 0!important;      
}

input[type="checkbox"],
input[type="radio"] {
    border: none;
}

:focus { /* remember to define focus styles! */
    outline: 0;
}

input:focus,
select:focus,
textarea:focus { /* Default Input Focus Styles */
    border: 1px solid #2b2b2b;
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    border: none;
}

textarea.largeArea {
    width: 100%;
}

ol,
ul {
    list-style: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

em {
    font-style: italic;
}

strong {
    font-weight: 700;
}

a {
    text-decoration: none;
	cursor:pointer;
	color:#0000EE;
}

a span {
    color: inherit;
}

a:hover,
a > span:hover {
    cursor: pointer;
    text-decoration: underline;
}

a:hover>span { /* prevents 'double underline' effect */
    text-decoration: none;
}

h1 {
    font-size: 25px;
    font-weight: normal;
    margin: 0 0 10px 0;
	color:#1a6737;
}

h2 {
    font-size: 18px;
    font-weight: 700;
	color:#444;
}

.teamGrid h2 {
	font-family:"Oswald", sans-serif;
	line-height:50px;
	font-size:30px;
	color:#525252;
	font-weight:400;
	text-transform:uppercase;
}

.teamGrid p {
	font-family:"Oswald", sans-serif;
	font-size:15px;
	color:#525252;
	font-weight:300;
}

h3 {
	font-family:"Oswald", sans-serif;
	line-height:18px;
	font-size:18px;
	color:#525252;
	font-weight:400;
	text-transform:uppercase;
}

ul.gridder h3 {
	font-family:"Oswald", sans-serif;
	line-height:18px;
	font-size:18px;
	color:#525252;
	font-weight:400;
	padding:10px 0 0 0;
}

ul.gridder h4 {
	font-family:"Oswald", sans-serif;
	line-height:18px;
	font-size:14px;
	color:#525252;
	font-weight:400;
	padding:0;
}

ul .gridder-expanded-content h3 {
	font-family:"Oswald", sans-serif;
	line-height:30px;
	font-size:25px;
	color:#525252;
	font-weight:400;
	padding:0px 0 0 0;
}

ul .gridder-expanded-content h4 {
	font-family:"Oswald", sans-serif;
	line-height:30px;
	font-size:18px;
	color:#525252;
	font-weight:400;
	padding:0;
}

ul .gridder-expanded-content p {
	font-family: Tahoma, sans-serif;
	font-size:14px;
}

.gridder-close {
	height:26px;
	width:26px;
	background:url("/osafe_theme/images/site_images/leadership-team/close.png");
	float:right;
	text-indent:-9999px;
}

.gridder-nav.prev {
	height:26px;
	width:26px;
	background:url("/osafe_theme/images/site_images/leadership-team/arrow-left.png");
	float:right;
	text-indent:-9999px;
	padding-right:10px;
}

.joe-image-style {
	width:33%; 
	float:left; 
	box-sizing:border-box; 
	padding:0 10px 10px 0;
}

.joe-image-style img {
	width:100%;
}

.gridder-nav.next{
	height:26px;
	width:26px;
	background:url("/osafe_theme/images/site_images/leadership-team/arrow-right.png");
	float:right;
	text-indent:-9999px;
}

h4 {
    font-size: 14px;
    font-weight: 700;
	text-transform:uppercase;
}

.headerHelper {
    font-size: small;
    font-weight: normal;
    width: auto !important;
}

label,
.caption,
label span {
    color: #414141;
    display: inline-block;
    font-size: 12px; /* Default Font Size; consider default font sizes above */
    padding: 0 5px 0 0;
    text-align: right;
}

label span {
    padding: 0!important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* === Display and Box Markup  === */


/* --- Containers  --- */
.container {
    clear: both;
    float: left;
    margin: 0 0 20px;
    width: 100%;
}

.ptsSpot,
.pesSpot {
    float: left;
    width: 100%;
}

#pesOrderSummary.pesSpot {
	float:none;
	width:auto;
}

.plpEspot img {
    max-width: 100%;
    height: auto;
}

/* --- Box List Item --- */

/* --- Recommended Products --- */

.productItemList.PDPComplement li {
    margin: 0 0 5px 0;
	float:none;
}

.boxListItemGrid.PDPComplement {
    float: left;
    margin: 0 0px 0px 0;
    width: 50%!important;  /* default width; can be overridden on using page level classes CLP, PLP; (247)*/
    border-right: 1px dotted #ccc;
}

.boxListItemGrid.PDPComplement:nth-of-type(2n+3) {
    border-right: none;
}

.boxListItemGrid.PDPComplement .displayList li div {
    padding: 0;
	
}

/* --- End Recommended Products --- */ 

.boxListItemGrid.PLP {
    float: left;
    margin: 0 0px 0px 0;
    width: 33.3333%!important;  /* default width; can be overridden on using page level classes CLP, PLP; (247)*/
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    padding: 10px;
	position:relative;
}

.boxListItemGrid.PLP:nth-of-type(3n) {
    border-right: none;
}

.boxListItemGrid.PLP .displayList li div {
    padding: 0;
	float:left;
}

.boxListItemTabular {
    display: table-row;
    float: left;
    margin: 5px 0;
    width: 100%;
}

.boxListItemTabular.order.RecurringOrderItems {
	border-bottom:1px solid #ccc;
	padding:10px 0;
}

.boxListItemTabular .group,
.boxListItemTabular .grouping {
    display: table-cell;
    vertical-align: top;
}

.boxListItemTabular .displayList li {  /* default styles */
    display: inline-block;
    vertical-align: top;
}

.boxListItemTabular .displayList li li {  /* default styles */
    padding: 0;
}

.boxListItemTabular label {
    display: block;
    text-align: left; /* Default Alignment */
}

.boxListItemTabular span {
    display: inline-block;
    text-align: left; /* Default Alignment */
    font-size: 12px;
}

/* --- Display Boxes  --- */

.displayBoxList .displayBox {
    clear: both;
    display: block;
    margin: 0 10px 20px;
    overflow: auto;
}

/* --- Display List  --- */

.displayList {
    float: left;
    width: 100%;
}

.displayList li {
   padding: 4px; /* Default padding for all elements */
}

.displayList li:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.displayList li.even {
     background: none repeat scroll 0 0 #eeeeee;
}

.displayList li ul li, 
.displayList li ul li:last-child {  /* default styles to remove nested borders */
   border: none;
   min-height: 0 !important;
   clear:both;

}

.displayList li div.inputCol input[type="checkbox"] {
    width: auto;
}

/* --- Display List Summary --- */

.displayList.summary {
    display: inline-block;
    text-align: right;
}


.displayList.summary label {
    text-align: right;
}

.displayList.summary span {
    display: inline-block;
    text-align: right;
    width: 90px; /* adjust to accommodate price length */
}

.displayList.summary:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

/* --- Display Action List --- */

.displayActionList {
    width: 100%;
}

.displayActionList li:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.displayActionList li div {
    display: table-cell;
    padding: 4px;
    vertical-align: middle;
}

.displayActionList li div label {
    width: auto;
}

.displayActionList li div input {
    display: inline-block;
    margin: 0 0 10px 0;
}

.displayActionList li div a.action{
    display: inline-block;
    margin: 0 0 10px 0;
}

/* --- Action Result Item (success messages for promocodes, gift cards, etc.) --- */

.actionResultItem {
    background: none repeat scroll 0 0 #CCFFCC;
    border: 1px solid #169909;
}

.actionResultItem li {
    margin: 0 10px 0 0;
    max-width: none !important;
}

.actionResultItem li:last-child {
    margin: 0;
}

.actionResultItem li.remove {
    float: right !important;
    text-align: center;
}

.actionResultItem li.remove span {
    color: #BF0000;
}

	.promoCodeItem {
	
	}


/* --- Display Detail --- */

.displayList.displayDetail {
    display: inline-block;
}

.displayDetail li {
    clear: left;
}

.displayDetail li div {
    padding: 2px 0;
}

.displayDetail label {
    float: left; 
    text-align: left;
    width: 110px;
}

.displayDetail span {

}

.displayList.displayDetail:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

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

.required {
    color: #BF0000; 
}

.entryForm .entry {
    display: block;
    margin: 10px 0 0;
}

/*
.entryForm .entry label.paymentOption {
    width: 100%;
    margin: 10px 0;
    border-top: 1px dotted;
    padding: 10px 0 10px 10px;
    border-bottom: 1px dotted;
    text-transform: uppercase;
	font-size:16px;
	font-family:'Oswald', sans-serif;
	background:#e8f5e0;
}
*/

.entryForm .entry label {
    float: left;
    padding: 3px 5px 0 0;
    text-align: left;
    width: 150px;
}

.entryField {
    margin: 0 0 0 0px; /* Margin equals label width; prevents wrapping under label */
}

.counter {
    clear: left;
}

.instructions {
    display: block;
    margin: 0 0 5px;
}

.textCounter {
    font-size: 12px;
    padding-left: 10px;
}

.entryHelper {
    font-size: 12px;
     display: block;  
}

.entry .standardBtn {
    margin: -5px 0 0 5px; /* vertically aligns button; top margin relative to button padding */
}

#forgottenPassword {
    clear: left;
    float: left;
}

.loginTip {
    clear: left;
    float: left;
    font-size: 11px;
    margin: 10px 0;
}

.entryForm .displayBox h3,
.cartForm .displayBox h3 {
    margin: 25px 0 10px;
    padding: 0 0 2px;
}

.entry.userName label { /* shorter entry labels; forgot password page */
    width: 100px;
}

.entry.radioOption {
    float: left;
    padding: 0 0 5px;
    width: 100%;
}

.entry.radioOption input[type="radio"] {
    float: left;
    margin: 2px 5px;
}

.entry.radioOption .radioOptionText {
    float: left;
}

.multiAddressShipItem .entry.radioOption .radioOptionText {
    width: 235px!important;
}

.shippingMethod .entry.radioOption {
    border-bottom: 2px dotted #bfbfbf;
}

.entry.radioOption .radioOptionTextAdditional {
    float: right;
}


label.radioOptionLabel,
label.checkboxOptionLabel {
    display: inline;
    float: none!important;
    padding: 0!important;
    width: auto !important;
}

label.radioOptionLabel span,
label.checkboxOptionLabel span {
    color: #2b2b2b;
    display: inline;
    font-size: 12px;
    font-weight: normal !important;
}

.addressSection {
   clear: left; /* for 'same as billing' checkbox */
}

.displayList.address {
    display: inline-block;
    float: none;
    width: auto;
    font-size: 14px;
}

.displayList.address li {
    display: block!important;
    float: none!important;
    padding:0 !important;
    width: auto!important;
}

.displayList.address li div {
    padding: 2px 0!important;
}

.displayList.address li div span {
    display: inline;
    margin: 0 2px 0 0;
}

.multiAddressItems.grouping.grouping1,
.multiAddressItems.group.group2,
.shippingGroupCartItem.grouping.grouping1,
.shippingGroupCartItem.group.group2 {
    width: 100%;
}

.multiAddressItemAddress  {
    width: 275px;
}

.shippingGroupSummaryShipAddress   {
    width: 275px;
}

.shippingGroupSummaryShipOption {
    width: 275px;
}

.multiAddressItems.group.group1,
.shippingGroupCartItem.group.group1 {
    clear: left;
    float: left;
}

.shippingGroupShipGroupItem ul {

}

.groupRow {
   display: table-row;
}


/* --- input lengths and styles  ---  */

.fullName input {
	width: 90%;
	height:35px;
}

.firstName input {
	width: 90%;
	height:35px;
}

.lastName input {
	width: 90%;
	height:35px;
}

.address1 input {
	width: 90%;
	height:35px;
}

.address2 input {
	width: 90%;
	height:35px;
}

.address3 input {
	width: 90%;
	height:35px;
}

.cityTown input {
	width: 90%;
	height:35px;
}

.stateProvinc select {
	width: 90%;
	height:35px;
}

.zipPostcode input {
     width: 100px;
}

.userLogin input {
    width: 90%;
	height:35px;
}

.userLoginConfirm input {
    width: 90%;
	height:35px;
}

.userPassword input {
    width: 90%;
	height:35px;
}

.userPasswordConfirm input {
    width: 90%;
	height:35px;
}

#emailPasswordEntry.displayBox {
	width:50%;
}

.phone3 {
     width: 4.5555%;
}

.phone4 {
     width: 10%;
}

.innerLabel {
    color: #4D4D4D;
    font-size: 14px;
    font-weight: 700;
}

.phoneExt {
     width: 50px;
}

.reviewerNickname input {
     width: 200px;
	height:35px;
}

.reviewerTitle input {
     width: 200px;
	height:35px;
}

.reviewerLocation input {
     width: 200px;
	height:35px;
}

.WriteReviewDetail select {
	height:35px;
}

.WriteReviewDetail .entryForm .entry label {
	float: left;
	padding: 5px 5px 5px 0;
	text-align: left;
	width: 100%;
}


.reviewerText textarea {
     width: 100%;
}

/* === Buttons === */	

/* === 1.4 Buttons === */	

/* ---- Standard Button ---- */

input.standardBtn[type="submit"],
input.standardBtn[type="button"], 
a.standardBtn { /* Styles defined here will apply to other buttons unless overridden */
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #666666;
    color: #2b2b2b;
    display: inline-block;
    font-size: 14px;
    padding: 7px 10px;
    white-space: nowrap;
    -webkit-appearance: none;
}

input.standardBtn[type="submit"] span,
input.standardBtn[type="button"] span, 
a.standardBtn span { /* Styles defined here will apply to other buttons unless overridden */
    font-size: inherit;
}

input.standardBtn[type="submit"]:hover,
input.standardBtn[type="button"]:hover,
a.standardBtn:hover { /* Styles defined here will apply to other button:hovers unless overridden */
/*
    background: none repeat scroll 0 0 #CECECE;
    text-decoration: none!important;
*/
}

input.standardBtn[type="submit"]:hover span,
input.standardBtn[type="button"]:hover span,
a.standardBtn:hover span { /* Styles defined here will apply to other button:hovers unless overridden */
    text-decoration: none!important;  
}

input.standardBtn[type="submit"]:active,
input.standardBtn[type="button"]:active,
a.standardBtn:active { /* Styles defined here will apply to other button:actives unless overridden */

}

/* ---- Positive Button ---- */

input.positive[type="submit"],
input.positive[type="button"],
a.positive{
    background: url("/osafe_theme/images/user_content/images/positiveButtonUp.png") repeat-x right 50%;
    padding: 5px 25px 5px 10px;
}

input.positive[type="submit"] span,
input.positive[type="button"] span,
a.positive span {

}

input.positive[type="submit"]:hover,
input.positive[type="button"]:hover,
a.positive:hover {
	/*
    background: url("/osafe_theme/images/user_content/images/positiveButtonHover.png") repeat-x right 50%;
	*/
}

input.positive[type="submit"]:hover span,
input.positive[type="button"]:hover span,
a.positive:hover span {

}

input.positive[type="submit"]:active,
input.positive[type="button"]:active,
a.positive:active {

}

/* ---- Negative Button ---- */

input.negative[type="submit"],
input.negative[type="button"],
a.negative {
    background: url("/osafe_theme/images/user_content/images/negativeButtonUp.png") repeat-x left 50%;
    padding: 5px 10px 5px 25px;
}

input.negative[type="submit"] span,
input.negative[type="button"] span,
a.negative span {

}

input.negative[type="submit"]:hover,
input.negative[type="button"]:hover,
a.negative:hover {
	/*
    background: url("/osafe_theme/images/user_content/images/negativeButtonHover.png") repeat-x left 50%;
	*/
}

input.negative[type="submit"]:hover span,
input.negative[type="button"]:hover span,
a.negative:hover span {

}

input.negative[type="submit"]:active,
input.negative[type="button"]:active,
a.negative:active {

}

/* ---- Action Button ---- */

input.action[type="submit"],
input.action[type="button"],
a.action {

}

input.action[type="submit"] span,
input.action[type="button"] span,
a.action span {

}

input.action[type="submit"]:hover,
input.action[type="button"]:hover,
a.action:hover {

}

input.action[type="submit"]:hover span,
input.action[type="button"]:hover span,
a.action:hover span {

}

input.action[type="submit"]:active,
input.action[type="button"]:active,
a.action:active {

}

/* ---- Update Button ---- */

input.update[type="submit"],
input.update[type="button"],
a.update{
	/*
    background: url("/osafe_theme/images/user_content/images/updateButtonUp.png") repeat-x right 50%;
    padding: 5px 30px 5px 10px;
	*/
}

input.update[type="submit"] span,
input.update[type="button"] span,
a.update span {

}

input.update[type="submit"]:hover,
input.update[type="button"]:hover,
a.update:hover {
    /*background: url("/osafe_theme/images/user_content/images/updateButtonHover.png") repeat-x right 50%;*/
}

input.update[type="submit"]:hover span,
input.update[type="button"]:hover span,
a.update:hover span {

}

input.update[type="submit"]:active,
input.update[type="button"]:active,
a.action:update{

}

/* ---- Delete Button ---- */

input.delete[type="submit"],
input.delete[type="button"],
a.delete {
    background: url("/osafe_theme/images/user_content/images/deleteButtonUp.png") repeat-x right 50%;
    padding: 5px 25px 5px 10px;
    color: #a50000;
}

input.delete[type="submit"] span,
input.delete[type="button"] span,
a.delete span {

}

input.delete[type="submit"]:hover,
input.delete[type="button"]:hover,
a.delete:hover {
    background: url("/osafe_theme/images/user_content/images/deleteButtonHover.png") repeat-x right 50%;
}

input.delete[type="submit"]:hover span,
input.delete[type="button"]:hover span,
a.delete:hover span {

}

input.delete[type="submit"]:active,
input.delete[type="button"]:active,
a.delete:update {

}

/* ---- Add To Cart Button ---- */

input.addToCart[type="submit"],
input.addToCart[type="button"],
a.addToCart {
    font-weight: 700;
    padding: 10px;
    text-transform: uppercase;
}

input.addToCart[type="button"] {
	background: #ff7c20;
    height: 50px;
    width: 100%;
    display: block;
    border: none;
    font-size: 25px;
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 10px;
	padding:0;
	cursor:pointer;
}

input.addToCart[type="submit"] span,
input.addToCart[type="button"] span,
a.addToCart span {
    color: inherit;
}

input.addToCart[type="submit"]:hover,
input.addToCart[type="button"]:hover,
a.addToCart:hover {

}

input.addToCart[type="submit"]:hover span,
input.addToCart[type="button"]:hover span,
a.addToCart:hover span {

}

input.addToCart[type="submit"]:active,
input.addToCart[type="button"]:active,
a.addToCart:active {

}

/* ---- Add To Wish List Button ---- */

input.addToWishlist[type="submit"],
input.addToWishlist[type="button"],
a.addToWishlist{
    font-weight: 700;
    padding: 10px;
    text-transform: uppercase;
}

input.addToWishlist[type="submit"] span,
input.addToWishlist[type="button"] span,
a.addToWishlist span {
    color: inherit;
}


input.addToWishlist[type="submit"]:hover,
input.addToWishlist[type="button"]:hover,
a.addToWishlist:hover {

}

input.addToWishlist[type="submit"]:hover span,
input.addToWishlist[type="button"]:hover span,
a.addToWishlist:hover span {

}

input.addToWishlist[type="submit"]:active,
input.addToWishlist[type="button"]:active,
a.addToWishlist:active {

}

/* ---- Inactive Cart & Wish List Button ---- */

input[type="submit"].addToCart.inactiveAddToCart,
input[type="button"].addToCart.inactiveAddToCart,
a.addToCart.inactiveAddToCart,
input[type="submit"].addToWishlist.inactiveAddToWishlist,
input[type="button"].addToWishlist.inactiveAddToWishlist,
a.addToWishlist.inactiveAddToWishlist {
    background: none repeat scroll 0 0 #CECECE;
    border: 1px solid #EBEBEB;
    color: #929292;
    text-shadow: none;
}

input[type="submit"].addToCart.inactiveAddToCart:hover,
input[type="button"].addToCart.inactiveAddToCart:hover,
a.addToCart.inactiveAddToCart:hover,
input[type="submit"].addToWishlist.inactiveAddToWishlist:hover,
input[type="button"].addToWishlist.inactiveAddToWishlist:hover,
a.addToWishlist.inactiveAddToWishlist:hover {
	background: #CECECE!important;
	color: #929292!important;
	border: 1px solid #EBEBEB!important;
	cursor: default!important;
        text-shadow: none!important;
}


input[type="submit"].addToCart.inactiveAddToCart span:hover,
input[type="button"].addToCart.inactiveAddToCart span:hover,
a.addToCart.inactiveAddToCart span:hover,
input[type="submit"].addToWishlist.inactiveAddToWishlist span:hover,
input[type="button"].addToWishlist.inactiveAddToWishlist span:hover,
a.addToWishlist.inactiveAddToWishlist span:hover {
	cursor: default!important;
}


/* ---- Submit Order Button ---- */

input.submitOrder[type="submit"],
input.submitOrder[type="button"],
a.submitOrder {
    text-transform: uppercase;
}

input.submitOrder[type="submit"] span,
input.submitOrder[type="button"] span,
a.submitOrder span {
    font-size: larger;
}

input.submitOrder[type="submit"]:hover,
input.submitOrder[type="button"]:hover,
a.submitOrder:hover {

}

input.submitOrder[type="submit"]:hover span,
input.submitOrder[type="button"]:hover span,
a.submitOrder:hover span {

}

input.submitOrder[type="submit"]:active,
input.submitOrder[type="button"]:active,
a.submitOrder:active {

}

.button { /* generic class for button containers */
    clear: both;
    float: left;
    margin: 20px 0 30px 0;
    width: 100%;
    *clear: none; /* IE7 prevents buttons from stacking*/
}

.previousButton {
    float: left;
    margin: 20px 0 0;
}

.continueButton {
    float: right;
    margin: 20px 0;
}

.eCommerceShowcart .continueButton {
	margin:20px 0 10px;
}

.submitButton {
    float: right;
    margin: 20px 0 0;
}

.cancelButton {
    float: left;
    margin: 20px 0 0;
}

.exportToPdfButton {
    float: left;
    margin: 20px 0 0;
}

.showCartButton {
    float: left;
    margin: 20px 0 0;
}

.addressButton  {
    float: left;
    margin: 20px 0 0 10px;
}


/* === Miscellaneous === */	


#eCommerceHeader:after, #eCommercePageBody:after, #eCommerceFooter:after, #eCommerceProductDetailContainer:after { /* everything else */
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* === Layout Containers === */

#scrollerPageTop {
}

/* --- Outer Containers --- */

#eCommerceOuterBasicBevelWrap {
    margin: 0;
    padding: 0;
    overflow: hidden;
	width:100%;

}
	
#eCommerceInnerBasicBevelWrapper {
	width: 100%;
	float: left;
}

#eCommerceOuterBasicBevelWrap:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* --- Inner Containers --- */

#eCommerceContent {
	max-width: 1200px;
	background-color:#fff;
	margin:0 auto;/*
-moz-box-shadow: 0px 0px 5px #555;
-webkit-box-shadow: 0px 0px 5px #555;
box-shadow: 0px 0px 5px #555;*/
}

/* === Header Content === */

/* --- Header Links --- */
	
.siteHeaderLinks {
    float: left;
    position: relative;
    width: 100%;
    z-index: 3;
	/*
    float: right;
    margin: 0 0 25px;
    width: 60%;
	*/
}

.siteHeaderLinks ul {
    float: right;
}

.siteHeaderLinks ul li {
    float: left;
    padding: 0 0 0 0px;
}

.siteHeaderLinks li:first-child {
	border-left: none;
}

.siteHeaderLinks li:last-child {
	border-right: none;
}


.siteHeaderLinks ul li a {
    padding: 0 9px 0 0;
}

.siteHeaderLinks li:first-child a {
	border-left: none;
}

.siteHeaderLinks li:first-child a {
	border-left: none;
}

/* --- Header New Site  --- */

.header-orderline {
	width:33.33333333333333%;
	float:left;
	margin:15px 0;
}

.header-orderline br {
	display:none;
}

@media only screen and (max-width: 1005px) {

	.header-orderline br {
		display:block;
	}
	
}

.header-logo {
	width:33.33333333333333%;
	float:left;
	margin:15px 0;
}

.header-search {
	width:33.33333333333333%;
	float:left;
	margin:15px 0;
}

.header-logo img.logo {
	width:100%;
}

.orderline-box {
	margin-left:5px;
	float:left;
	margin-top:10px;
	padding-right:20px;
}

.orderline-box-mobile {
	display:none;
}

a.orderline {
	font-family:"Oswald", sans-serif;
	line-height:18px;
	font-size:13px;
	color:#525252;
	font-weight:400;
	text-decoration:none;
	letter-spacing:1px;
	text-align:right;
}

.orderline {
	font-family:"Oswald", sans-serif;
	line-height:18px;
	font-size:16px;
	color:#525252;
	font-weight:400;
	text-decoration:none;
	letter-spacing:1px;
}

@media only screen and (max-width: 825px) {

	.orderline-box {
		margin-top:20px;
		padding-right:20px;
	}
}


@media only screen and (max-width: 650px) {

	.header-orderline {
		display:none;
	}
	
	.orderline-box-mobile {
		display:inline-block;
		margin:5px 5px 0 0;
		float:right;
	}
	
	.header-logo {
		width:50%;
		float:left;
		margin:15px 0;
	}
	
	.header-search {
		width:50%;
		float:left;
		margin:15px 0;
	}
	
}

@media only screen and (max-width: 530px) {
	a.orderline {
		font-size:11px;
	}
	
	.orderline-box-mobile {
		margin:5px 3px 0 0;
	}
}

@media only screen and (max-width: 450px) {

	.header-orderline {
		display:none;
	}
	
	.orderline-box-mobile {
		display:inline-block;
		margin:10px 5px 0 0;
		float:none;
		width:100%;
		text-align:center;
	}
	
	a.orderline {
		font-size:15px;
	}
	
	.header-logo {
		width:100%;
		float:left;
		margin:15px 0;
		padding:0 50px;
	}
	
	.header-search {
		width:100%;
		float:left;
		margin:0 0 15px 0;
	}
	
}

/* --- Product Search  --- */



	.siteHeaderSearch {
	    clear: right;
	    float: right;
	    margin: 0 10px 0 0;
	}
	
	#searchContainer {
	    height: auto;
	    margin: 0 auto;
	    overflow: hidden;
	    width: 100%;
		float:right;
		margin:0 5px;
		padding:0;
	}
	
	#searchContainer input[type="text"] {
	    border: 1px solid #E3E3E3;
	    display: inline-block;
	    float: left;
	    margin: 0 3px 0 0;
	    padding: 8px;
	    vertical-align: middle;
	    width: 100%;
		color:#999;
	}
	
	#searchContainer input.searchSubmit {
	    background: #7ca33b;
	    border: none;
	    cursor: pointer;
	    float: right;
	    height: 33px;
	    margin: 0;
	    padding: 0;
	    width: 100%;
		color:white;
		font-family:"Oswald";
	}
	
	#searchAutoComplete ul.ui-autocomplete {
	    width: 240px !important;
	    z-index: 3!important;
	}
	
	#searchButton {
	    float: right;
	    width: 20%;
	}
	
	#searchField {
	    float: right;
	    overflow: hidden;
	    padding: 0 0px 0 0px; /* Provides spacing between search field and search button */
	    width: 60%;
	}
	
@media only screen and (max-width: 550px) {

		#searchField {
	    float: right;
	    overflow: hidden;
	    padding: 0 0px 0 0px; /* Provides spacing between search field and search button */
	    width: 75%;
	}
}


/* --- End Header New Site  --- */

/* --- Homepage Spots New Site  --- */

#eCommerceHomeSpot_1 {
	width:100%;
	margin:0;
}

#eCommerceHomeSpot_2 {
	width:100%;
}

#eCommerceHomeSpot_3 {
	width:100%;
}

#eCommerceHomeSpot_4 {
	width:100%;
}

#eCommerceHomeSpot_5 {
	width:100%;
}

.main-img {
	position:relative;
	margin-bottom:5px;
	display:block;
}

#emailWindow {
	position:relative;
	margin-bottom:5px;
	display:block;
}

.search-over {
	width: 50%;
	height: 50px;
	position: relative;
	float: left;
	margin-top: -30%;
	margin-left: 5%;
}

.search-over h1 {
	font-family: 'Oswald';
	text-transform: uppercase;
	font-size: 38px;
	letter-spacing: 2px;
	color:#323232;
	font-weight:600;
}

@media only screen and (max-width: 1000px) {
	.search-over h1 {
		font-size:33px;
	}
}

@media only screen and (max-width: 768px) {
	.search-over h1 {
		font-size:25px;
	}
}

@media only screen and (max-width: 650px) {
	.search-over {
		width:60%;
	}
}

.search-over #searchContainer input[type="text"] {
    border: 1px solid #E3E3E3;
    display: inline-block;
    float: left;
    margin: 0 3px 0 0;
    height: 50px;
    vertical-align: middle;
    width: 100%;
	color:#999;
}
	
.search-over #searchContainer input.searchSubmit {
	background: #ff5420;
	border: none;
	cursor: pointer;
	float: right;
    height: 50px;
    margin: 0;
    padding: 0;
    width: 100%;
	color:white;
	font-family:"Oswald";
	font-size:18px;
}
	
.search-over #searchAutoComplete ul.ui-autocomplete {
    width: 240px !important;
    z-index: 3!important;
}
	
.search-over #searchButton {
    float: left;
    width: 20%;
}

.search-over #searchField {
    float: left;
    overflow: hidden;
    padding: 0 0px 0 0px; /* Provides spacing between search field and search button */
    width: 60%;
}

.hp-video-offer-box {
    padding-bottom: 5px;
    float: left;
    box-sizing: border-box;
    width: 100%;
}

.hp-video-offer {
	width:76.16666666666667%;
	box-sizing:border-box;
	float:left;
	padding:0;	
}

.hp-video-box {
	width:23.416666666666668%;
	float:right;
	box-sizing:border-box;
	text-align:right;	
	position:relative;
}

.hp-video-overlay {
	position:absolute;
	z-index:9999;
	bottom:0;
}

.hp-video-container { 
	position: relative; 
	padding-bottom: 177.8%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 

.hp-video-container iframe, .hp-video-container object, .hp-video-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.sixty-left {
	width:58.333333333333336%;
	box-sizing:border-box;
	float:left;
	padding:0;
}

.sixty-left img.desktop {
	max-width:100%;
	max-height:100%;
	float:left;
}

.sixty-left img.mobile {
	display:none;
}

.forty-right {
	width:41.25%;
	float:right;
	box-sizing:border-box;
	text-align:right;
}

.forty-right img.desktop {
	max-width:100%;
	max-height:100%;
	float:left;	
	padding-bottom:1%;
}

.forty-right img.mobile {
	display:none;
}

.bottom-five {
	margin:0 0 5px 0;
}

.sixty-right {
	width:58.333333333333336%;
	box-sizing:border-box;
	float:right;
	padding:0;
}

.sixty-right img.desktop {
	max-width:100%;
	max-height:100%;
	float:right;
}

.sixty-right img.mobile {
	display:none;
}

.forty-left {
	width:41.25%;
	float:left;
	box-sizing:border-box;
	text-align:left;
}

.forty-left img.desktop {
	max-width:100%;
	max-height:100%;
	float:left;	
	padding-bottom:1%;
}

.forty-left img.mobile {
	display:none;
}

.full-width {
	width:100%;
	float:left;
}

.full-width img.desktop {
	max-width:100%;
	max-height:100%;
	float:right;
	padding:0 0 .5%;
}

.full-width img.mobile {
	display:none;
}

.fifty-left {
	width:49.75%;
	float:left;
	box-sizing:border-box;
	text-align:left;
}

.fifty-left img.desktop {
	max-width:100%;
	max-height:100%;
	float:left;	
	padding:0 0 1%;

}

.fifty-left img.mobile {
	display:none;
}

.fifty-right {
	width:49.75%;
	float:right;
	box-sizing:border-box;
	text-align:left;
}

.fifty-right img.desktop {
	max-width:100%;
	max-height:100%;
	float:right;	
	padding:0 0 1%;
}

.fifty-right img.mobile {
	display:none;
}

/* --- Footer --- */

.desktop-footer {
	max-width:1200px;
	margin:0 auto;
}

.footer-third-col {
	width:33.33333333333333%;
	float:left;
	box-sizing:border-box;
	text-align:left;
	padding:0px 0 0 15px;
	border-right:1px solid #8c9b81;
	min-height:340px;
}

.footer-third-col:nth-child(3n) {
	border-right:none;
}

.footer-third-col h2 {
	font-size:30px;
	color:#fff;
	font-family:"Oswald";
	text-transform:uppercase;
	margin-bottom:15px;
}

.footer-third-col p {
	font-size:15px;
	color:#fff;
	font-weight:300;
	font-family:"Oswald";
}

.coupon-signup-container {
	float:left;
	width:95%;
}

.coupon-signup-container .coupon-field {
	width:75%;
	float:right;	
}

.coupon-signup-container .coupon-button {
	width:25%;
	float:right;	
}

.coupon-signup-container input.coupon-submit{
	background: #7ca33b;
	border: none;
	cursor: pointer;
	float: right;
	height: 40px;
	margin: 0;
	padding: 0;
	width: 100%;
	color: white;
	font-size:17px;
	font-family: "Oswald";	
}

.coupon-signup-container input.coupon-text {
	border: 1px solid #E3E3E3;
	display: inline-block;
	float: left;
	margin: 0 3px 0 0;
	padding: 8px;
	height:40px;
	vertical-align: middle;
	width: 100%;
	color: #999;
}

.icon-container {
	float:left;
	margin:20px 0;
}

.icon-container-mob {
	display:none;
}

.icon-container .footer-icon {
	float:left;
	border:0px solid white;
	width:50%;
	margin:5px 0;	
	padding-right:15px;
}

.icon-container .footer-icon img{
	max-width:100%
}

.social_icon_container {
	float:left;
	margin-bottom:10px;
} 

.social_icon {
	float: left;
	width: 16.5%;
	padding-right: 5px;
} 

.social_icon img {
	max-width:100%;
}

.footer-third-col li {
	font-size:17px;
	color:#fff;
	font-weight:300;
	font-family:"Oswald";
}

.footer-disclaimer {
	width:100%;
	padding:10px;
	margin-bottom:50px;
	border:1px solid #8c9b81;
}

.footer-disclaimer p {
    font-family:Arial, Helvetica, sans-serif; 
	color:#e8e8e8;
	font-size:11px;
	margin:0;
	line-height:15px;
	text-align:center;
}

.footer-policies {
	width:100%;
	padding:10px;
	text-align:center;
}

.footer-policies a {
    font-family:Arial, Helvetica, sans-serif; 
	color:#e8e8e8;
	font-size:11px;	
	border-right: 1px solid #e8e8e8;
	padding:0 10px;
	margin:5px 0;
}

.footer-policies a:last-child {
	border:none;
}

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

#eCommerceFooter {
	margin:0 auto;
    width: 100%;
	float:left;
	background-color:#183603; 
	padding-top:30px;
}

#eCommerceFooter a {
	color:white;
	text-decoration:none;
}


.desktopFooter {
	max-width:1200px;
	margin:0 auto;
}

.desktopFooterColumns {
	width:100%; 
	border-top:1px solid #666666;
}

.desktopFooter_icons {
	margin:0 auto; 
	width:100%;
	height:90px;
	border-top:1px solid black;
}

.footerColumn {
    float: left;
    margin: 0 0 20px;
    min-width: 150px;  /* Columns will wrap after they collapse beyond 150px */
    padding: 0 0 0 10px;
    width: 20%;
	border-right:1px solid #666666;
	min-height:175px;
}

.footerColumn:last-child {
	border:none;
}

#eCommerceFooter .mcafee {
	float:left; 
	width:25%; 
}

#eCommerceFooter .mcafee img{
	display:block;
	margin:0 auto;
	margin-top:10px;
}


#eCommerceFooter .goDaddy {
	float:left; 
	width:25%; 
}

#eCommerceFooter .goDaddy img{
	display:block;
	margin:0 auto;
	margin-top:20px;
}

.ppAddress {
	float:left; 
	width:100%;
	padding:0;
	border-top:1px solid black;
	margin-bottom:10px;
}

#eCommerceFooter .guarantee {
	float:left; 
	height:100px; 
	width:15%;
}

#eCommerceFooter .guarantee img {
	display:block;
	margin:0 auto;
}

#eCommerceFooter .bbb {
	float:left; 
	height:100px; 
	width:35%;
}

#eCommerceFooter .bbb img { 
	display:block;
	margin:0 auto;
	margin-top:15px;
}

.disclaimer {
border: solid 1px #000;
width: 99%;
padding:10px;
text-align: center;
font-size: 11px;
margin:0 auto;
}

.footerColumn h3 {

}

ul.footerLinks {
	margin:10px 0 0 0;
}

.footerLinks li {
	font-size:11px;
    margin: 2px 0 0;
	font-family: Tahoma, sans-serif;
	text-decoration:none;
}

.footerLinks li a {
	font-family: Tahoma, sans-serif;
	color:#575757;
	font-size:11px;
}

a.facebook {
    background: url("/osafe_theme/images/user_content/images/facebook.png") no-repeat scroll 0 0 transparent;
    padding: 0 0 0 20px;
}

a.twitter {
    background: url("/osafe_theme/images/user_content/images/twitterSmall.png") no-repeat scroll 0 0 transparent;
    padding: 0 0 0 20px;
}

a.pinterest {
    background: url("/osafe_theme/images/user_content/images/pinterestSmall.png") no-repeat scroll 0 0 transparent;
    padding: 0 0 0 20px;
}

a.googlePlus {
    background: url("/osafe_theme/images/user_content/images/google.png") no-repeat scroll 0 0 transparent;
    padding: 0 0 0 20px;
}

a.blog {
    background: url("/osafe_theme/images/user_content/images/blog.png") no-repeat scroll 0 0 transparent;
    padding: 0 0 0 20px;
}

.mobileFooter {
	display:none;
}

.footerIcons {
	display:none;
}


/* --- Header  --- */

#eCommerceHeader {
    float: left;
    position: relative;
    width: 100%;
    z-index: 3;
}

#header_left_box {
    width:60%;
    float: left;
    height: 100px;
}

#header_right_box {
    width:40%;
    float: right;
	margin-top:15px;
}

@media (max-width:680px){
	#header_left_box {
	    width:100%;
	    float: left;
	    height: auto;
	}
		
	#header_right_box {
	    width:100%;
	    float: right;
	}
}

#ppLogo {
    max-width: 265px;
	float:left;
	margin:10px 0 0 10px;
}

#ppLogo img {
	width:100%;
}

#helloCustomer {
	color:#7c7979;
	font-size:12px;
    margin-top: 14px;
    float: left;
	margin-left:10px;
}

#offerline {
    float: left;
    margin: 5px 0 0 10px;
	color:#a80000;
	font-weight:400;
	font-family:"Oswald", sans-serif;
	line-height:18px;
	font-size:17px;
	clear:both;
}

#offerline span {
	color:#666666;
	font-weight:400;
	font-size:13px;
	display:block;
	font-family:"Oswald", sans-serif;
}



/* --- Site Logo  --- */

.siteHeaderLogo {
    float: left;
}

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

#siteBar_pp {
	background:#2f6908;
	width:100%;
	position:relative;
	z-index:999;
	color: white;
	padding:5px 0;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	line-height: normal;
	font-size: 20px;
	text-transform:uppercase;
	height:auto;
}


@media (max-width:668px) {
	#siteBar_pp {
		font-size:15px;
	}
}

#siteBar_sites {
	float:left;
	height:43px;
}

@media (max-width:675px) {
	#siteBar_sites {
		display:none;
	}
}

#siteBar_sites ul {
	padding:0; margin:0;
}

#siteBar_sites li {
	list-style:none; 
	padding:0; 
	display:block; 
	margin:0; 
	float:left;
}

#siteBar_sites li a {
	display:block; 
	margin:0; 
	padding:0; 
	text-indent:-9999px; 
	height:43px; 
	float:left;
}

#siteBar_sites li#purity_sb a {
	width:140px; 
	background:url(/osafe_theme/images/site_images/site_bar/ojcSiteBar_pp.png) no-repeat top left;
}

#siteBar_sites li#ojc_sb a {
	width:73px; 
	background:url(/osafe_theme/images/site_images/site_bar/ojcSiteBar_ojc.png) no-repeat top left;
}

#siteBar_sites li#purity_sb a:hover, #siteBar_sites li#ojc_sb a:hover {
	background-position:bottom;
}

@media (max-width:375px) {
	#accountNav li#helloCustomer a {
		width:21px; 
		background:url(/osafe_theme/images/site_images/header/logOff_mob.png) no-repeat top left;
		display:block; 
		margin:0; 
		padding:0; 
		text-indent:-9999px; 
		height:21px; 
		float:left;
	}
	
	#accountNav li#viewCart a {
		width:30px; 
		background:url(/osafe_theme/images/site_images/header/viewCart_mob.png) no-repeat top left;
		display:block; 
		margin:0; 
		padding:0; 
		text-indent:-9999px; 
		height:20px; 
		float:left;
		border:none;
	}
	
	#accountNav li#myAccount a {
		width:36px; 
		background:url(/osafe_theme/images/site_images/header/myAccount_mob.png) no-repeat top left;
		display:block; 
		margin:0; 
		padding:0; 
		text-indent:-9999px; 
		height:20px; 
		float:left;
	}
	
	
}



#accountNav_container {
	max-width:962px;
	margin:0 auto;
}

#accountNav {
}

#accountNav ul {margin:0;}
#accountNav li {list-style:none;  display:block; margin:0; float:left; height:25px; }

#accountNav li#myAccount a {
	width:89px; 
	background:url(/osafe_theme/images/site_images/header/myAccount.png) no-repeat top left;
	display:block; 
	margin:0; 
	padding:0; 
	text-indent:-9999px; 
	height:25px; 
	float:left;
}

#accountNav li#helloCustomer a {
	width:60px; 
	background:url(/osafe_theme/images/site_images/header/logOff.png) no-repeat top left;
	display:block; 
	margin:0; 
	padding:0; 
	text-indent:-9999px; 
	height:25px; 
	float:left;
}

#accountNav li#login a {
	width:60px; 
	background:url(/osafe_theme/images/site_images/header/logIn.png) no-repeat top left;
	display:block; 
	margin:0; 
	padding:0; 
	text-indent:-9999px; 
	height:25px; 
	float:left;
}

#accountNav li#eCoupon a {
	width:125px; 
	background:url(/osafe_theme/images/site_images/header/eCoupons.png) no-repeat top left;
	display:block; 
	margin:0; 
	padding:0; 
	text-indent:-9999px; 
	height:25px; 
	float:left;
}

#accountNav li#viewCart a {
	width:85px; 
	background:url(/osafe_theme/images/site_images/header/viewCart.png) no-repeat top left;
	display:block; 
	margin:0; 
	padding:0; 
	text-indent:-9999px; 
	height:25px; 
	float:left;
	border:none;
}

#accountNav li#cartSize a {
	font-family:"Oswald", sans-serif;
	padding-right:5px;
	text-transform:uppercase;
	color:#333;
	font-size:12px;
}

#accountNav li#cartSize {
	margin-top:0px;
}

#accountNav li#cartSize a:hover {
	color:#004e27;
	font-size:12px;
}

.siteHeaderLinks #accountNav li#viewCart  {
    border-right: none;
    margin-top:0px;
}


#accountNav li#myAccount a:hover, #accountNav li#viewCart a:hover, #accountNav li#eCoupon a:hover, #accountNav li#helloCustomer a:hover {background-position:bottom;}

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





/* --- Order Line -- */



/* --- Mailing List  --- */

.siteHeaderMailingList  {

}

.siteHeaderMailingList  a { 

}

.siteHeaderMailingList  a:hover {

}

/* === Navigation Bar  === */
	
#eCommerceNavBar {
    float: left;
    width: 100%;
    z-index: 2;
}



#eCommerceNavBarWidget {
    display: none;
}

#eCommerceNavBar ul#eCommerceNavBarMenu {
    float: left;
    position: relative;
    width: 100%;
}

/* --- Default Nav Styles  --- */

#eCommerceNavBarMenu li a {
    display: block;
}

/* --- Top Level Nav Styles  --- */

#eCommerceNavBarMenu li.topLevel {
    float: left;
    position: relative;
}

#eCommerceNavBarMenu li.navSpacer {
    float: left;
}

#eCommerceNavBarMenu li.topLevel>a { /* Only applies to links on the top level */
    font-size: 15px;
    font-weight: 700;
    padding: 5px 10px;
    text-align: center;
}

/* --- Top Level Nav Hover Styles  --- */

#eCommerceNavBarMenu>li:hover {  /* Will allow hover state to remain active when selecting a subnav item */
    color: #FFFFFF;
    visibility: inherit;
}

#eCommerceNavBarMenu li:hover>a {
    /*
    background: none repeat scroll 0 0 #1E1E1E;
    */
    text-decoration: underline;
    
}

/* --- Sub level/Drop Down Nav Styles  --- 

#eCommerceNavBarMenu ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #1E1E1E;
    border-color: -moz-use-text-color #2B2B2B #2B2B2B;
    border-image: none;
    border-right: 1px solid #2B2B2B;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    left: -9999px;
    min-width: 150px;
    position: absolute;
    z-index: 999;
}

#eCommerceNavBarMenu ul li a {
    color: #FFFFFF;
    display: block;
    padding: 4px 5px;
    white-space: nowrap;
}

/* --- Sub Level Nav Hover Styles  --- */

#eCommerceNavBarMenu li:hover ul,
#eCommerceNavBarMenu li.sfHover ul {
}

#eCommerceNavBarMenu li li a:hover {

}

/* --- Mega Menu Default Styles  --- */

.ecommerceMegaMenu ul {
    border: medium none !important;
    left: auto !important;
    position: static !important;
}

.ecommerceMegaMenu div>div {
    float: left;
    width: 200px;
}

.ecommerceMegaMenu ul li strong  {
     margin: 0 0 0 10px;
}

.ecommerceMegaMenuAlt { /* alternate menu; hidden on desktop and exposed in small device */
    display: none;
}

/* === eCommercePageBody and Components  === */

#eCommercePageBody {
    display: block;
    clear: both;
	z-index: 1;
}

#eCommercePageBody #eCommerceMainPanel.homePage {
    float: left;
    margin: 0 0 0px;
    width: 100%;
}

#eCommerceMainPanel.leftPanel { /* Main content area used with #eCommerceLeftPanel; CLP, PLP, etc.  */
	display: inline;
	float: left;
	margin: 0px 0 50px 0;
	width: 100%;
	z-index: 0;
	padding: 10px;
	border-top: 25px solid #2f6908;
}

@media only screen and (max-width:668px) {
	#eCommerceMainPanel.leftPanel {
		border:none;
	}
}

#eCommercePageBody #eCommerceMainPanel.mainPanel {
    float: left;
    min-height: 400px;
    padding: 10px;
    width: 100%;
	border-top: 25px solid #2f6908;

}

#eCommerceLeftPanel { /* Facet Menu used with #eCommerceMainPanel.leftPanel; CLP, PLP, etc.  */
    display: none;
    float: left;
    margin: 25px 0;
    padding: 0 15px 0 15px;
    width: 20%;
}

/* === Breadcrumb  === */
	
.breadcrumbs {
	padding:10px 0;
}

.greenBar {
	display: inline-block;
    margin: 0;
    width: 100%;
	border-top: 25px solid #2f6908;
	padding:20px 0 0;
	padding-left:10px;
}

#breadcrumb {
    float: left;
    min-height: 15px;
    width: 100%;
	color:#525252;
	font-size:15px;
	font-family:"Oswald", sans-serif;
	font-weight:400;
	padding-bottom: 10px;

}

#breadcrumb .intro {
    display: inline;
    float: left;
    width: auto;
    font-weight: 700;
    margin: 0 6px 0 0;
	padding: 2px 0 0 0;
}

#breadcrumb li {
    background: url("/osafe_theme/images/user_content/images/breadcrumbBullet.png") no-repeat scroll 5px 50% transparent;
    display: inline;
    float: left;
    padding: 0 0 0 16px;
}

#breadcrumb li>span {
    color: #inherit;
}

#breadcrumb li.first {
    background: none;
    padding: 0;
}

#breadcrumb li a {
    font-weight: normal;
    font-size: inherit;
    text-decoration: none;
    border-bottom: 1px dotted;
}

#breadcrumb li a:hover,
#breadcrumb li a:active {
    background-color: transparent;
    text-decoration: none;
    border-bottom: 1px solid;
}

#breadcrumb li a.removeFacet {
    background: url("/osafe_theme/images/user_content/images/removeFacetIcon.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: inline-block;
    height: 8px;
    position: relative;
    top: -7px;
    width: 8px;
}

#breadcrumb li a.removeFacet:hover {
    background-position: 0 -37px;
}

.facetNavNoResultMsg {
	font-size: 22px;
}

.facetNavNoResultSuggestionMsg {
	font-size: 18px;
}

/* === Global Style Classes   === */

/* Below are style classes used throughout bigFish's UI.  At this level they will apply to every example of the class and may be overridden or appended in the respective pages below. */

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

.currency label,
.currency span {
    text-align: left;
}

.number label,
.number span,
.displayList li.number div a {
    text-align: center;
}

.date label,
.date span {
    text-align: left;
}

.input {
    text-align: center;
}

.action span {
  
}

.action label {
	/*
    display: none !important;
	*/
}

.itemGiftMessageLink label {
    display: block!important; /* action label override */
}

.image a {
    display: block;
    text-align: center;
}

.qty input {
    float: none !important;
    margin: 0 !important;
    width: 50px;
	text-align:center;
}

.eCommerceHotSpot img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

.productItemList.PLP li {
    margin: 0 0 5px 0;
	float:left;
}

.plpLongDescription {
	display:none;
}

.shipOption span {
   display: inline;
   margin: 0 2px 0 0;
}

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

.col {
display: block;
float:left;
margin: 1% 0 1% 1%;
}
.col:first-child { margin-left: 0; }

.eCommerceHotSpot {
    display: inline-block;
    vertical-align: top;
    width: auto;
}

.eCommerceHotSpot img {
    display: block;
}

#eCommerceHomeSpot_1 {
    display: block;
	width:100%;
}

@media (max-width:480px) {
	.ms-tabs-vertical-template {
    	display:none;
	}
	
}

@media (min-width:481px) {
	.offer_noslide {
		display:none;	
	}
}



p.regular span.inner {
    color:#1A6737;
}

p.regular span.outer {
	color:red;
	text-decoration:line-through;
}






/* === Facet Bar Section === */

h3.CategoryFacetTitle {
    margin: 0 0 20px;
	color:#1a6737;
}

h3.facetGroup {
    color: #1a6737;
}

h3.facetGroup.seeMoreFacetGroupLink {
    cursor: pointer;
    background: url("/osafe_theme/images/user_content/images/facetCollapseArrow.png") no-repeat scroll left 50% transparent
}

h3.facetGroup.seeLessFacetGroupLink {
    cursor: pointer;
    background: url("/osafe_theme/images/user_content/images/facetExpandArrow.png") no-repeat scroll left 50% transparent
}

ul.facetGroup li {
	padding: 2px 0 2px 0px;
	margin: 0 0 5px 0;
	font-size:12px;
}

ul.facetGroup li:last-child {
    margin: 0 0 20px;
}

a.seeMoreLink,
a.seeLessLink {
    border-bottom: 1px dotted;
    color: #2b2b2b;
    padding: 0 0 1px 0;
}

a.seeMoreLink:hover,
a.seeLessLink:hover {
    border-bottom: 1px solid !important;
    text-decoration: none;
}

/* === CLP Section === */

/*	Styles specific to the Category List Page (CLP) */

#eCommerceCategoryListContainer {
    float: left;
    width: 100%;
}
	
.resultCategoryListContainer {
    float: left;
    width: 100%;
}

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

#eCommerceCategoryList {
    float: left;
    margin: 15px 0 0;
    width: 100%;
}

.thumbImage {

}

/* === PLP Section === */

/* Styles specific to the Product List Page (PLP) */

#eCommerceProductListContainer {
    float: right;
    width: 100%;
}

#eCommerceProductListContainer h1{
	margin: 0 0 10px 0;
	color: #525252;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 30px;
	letter-spacing: 2px;
	padding:0 0 0 0px;
}

p.freeBottleInfo {
	font-family: 'Oswald', sans-serif;
	font-size: 17px;
	font-weight: 300;
	line-height: normal;
}

.category-description p {
	font-family: 'Oswald', sans-serif;
	font-size: 17px;
	font-weight: 300;
	line-height: normal;
}

.category-description-mobile p {
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: normal;
}

.resultProductListContainer {
    float: left;
    width: 100%;
}

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

#eCommerceProductList {
    float: left;
    margin: 0;
    width: 100%;
}

.boxListItemGrid.productItem.PLP {
    min-height: 350px; /* Custom; contingent on height needed to clear PLP grid items */
}

@media only screen and (max-width:1060px) {
	.boxListItemGrid.productItem.PLP {
	    min-height: 350px; 
	}
}

@media only screen and (max-width:850px) {
	.boxListItemGrid.productItem.PLP {
	    min-height: 350px; 
	}
}

@media only screen and (max-width:415px) {
	.boxListItemGrid.productItem.PLP {
	    min-height: 380px; 
	}
}

@media only screen and (max-width:350px) {
	.boxListItemGrid.productItem.PLP {
	    min-height: 400px; 
	}
}

.boxListItemGrid.productItem.PLP label {
    width: 75px; /* accommodates the longest label; adjust as needed */
}

.eCommerceThumbNailHolder {
    position: relative;
}

.plpQuicklookIcon {
	margin-top:10px;
	display:none;
}

.plpThumbImage {
    margin: 0 0 5px 0;
	width:30%;
}
.plpThumbImage img {
	width:100%;
	height:100%;
}

.plpLabelName {
    width:70%;
	font-family:"Oswald", sans-serif;
	text-transform:uppercase;
	font-size:17px;
	font-weight:400;
	color:#2f6908;
}

.plpLabelLink {
	text-decoration:none;
	color:inherit;
}

.plpLabelLink:hover {
	text-decoration:none;
	color:inherit;
}

.plpLabelName label{
	display:none;
}

.plpSalesPitch {
	width:70%;
    height:150px;
}

@media only screen and (max-width:1000px) {
	.plpSalesPitch {
	    width:100%; 
	}
}

@media only screen and (max-width:850px) {
	.plpSalesPitch {
	    width:70%; 
	}
}

@media only screen and (max-width:400px) {
	.plpSalesPitch {
	    width:100%; 
	}
}

.plpSalesPitch label {
	display:none;
}

.plpSalesPitch ul {
	list-style:outside !important;
	margin-left:10px;
}

.plpSalesPitch li {
	font-size: 13px;
	font-family:"Oswald", sans-serif;
	color: #666666;
	padding:0;
}

.plpReviewStars {
    min-height:25px;
	width:70%;
}

.plpProductName {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #10824C;
	width:70%;
}

.plpSeeItemDetails {
	float:right !important;
	position: absolute;
	right: 10px;
	bottom: 5px;
}

.plpSeeItemDetails a {
	background:url(/osafe_theme/images/site_images/category/viewProduct_btn.jpg) no-repeat;
	height:30px;
	width:95px;
	display:block;
	text-indent:-9999px;
}

.plpPriceOnline {
	text-transform:uppercase;
	position: absolute;
	right: 10px;
	bottom: 40px;
	text-align: right;
}

.plpListPrice {
	font-size: 13px;
	font-family: "Oswald", sans-serif;
	color: #666666;
	padding: 0;	
	text-decoration:line-through;
	width:100%;
}

.plpVipPrice {
	font-size:15px;
	font-family: "Oswald", sans-serif;
	width:100%;
	color:#EE1F24;
}



/* === PLP Results Navigation  === */

/* position of paging icons are influenced by font-size */

.resultListContainer {
    float: left;
    width: 100%;
}

.resultsNavigation {
    display: table;
    width: 100%;
}

#resultsNavigationTop {
    float: left;
    width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
	padding-left:10px;
}

#resultsNavigationBottom {
    clear: both;
    float: left;
    margin: 15px 0 0;
    width: 100%;
	padding-left:10px;
}

.sortingOptions {
    display: table-cell;
}

.sortingOptions label {
	font-family:"Oswald", sans-serif;
	text-transform:uppercase;
	font-size:15px;
	font-weight:400;
	color:#525252;
}

.pagingLinks {
    display: table-cell;
    text-align: right;
	font-family: "Oswald", sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #525252;
}

.pagingBtn.first {
   margin: 0 33px 0 0;
}

	.pagingLinks .pagingBtn.first,
	.pagingLinks .pagingBtn.last {
		display: none;        
	}

.pagingBtn.first a {
    background-image: url("/osafe_theme/images/user_content/images/resultsNavFirst.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding: 0 0 0 26px;
}

.pagingBtn.first.disabled {
    background-image: url("/osafe_theme/images/user_content/images/resultsNavFirstDisabled.png");
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding: 0 0 0 30px
}

.pagingBtn.previous a {
    background-image: url("/osafe_theme/images/site_images/cart/resultsNavPrev.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding: 0 0 0 16px;
}

.pagingBtn.previous.disabled {
    background-image: url("/osafe_theme/images/site_images/cart/resultsNavPrevDisabled.png");
    background-position: 0px 55%;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
}

.pagingBtn.next a {
    background-image: url("/osafe_theme/images/site_images/cart/resultsNavNext.png");
    background-position: 35px 55%;
    background-repeat: no-repeat;
    padding: 0 20px 0 0;
}

.pagingBtn.next.disabled {
    background-image: url("/osafe_theme/images/site_images/cart/resultsNavNextDisabled.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding: 0 13px 0 0;
}

.pagingBtn.last {
    margin: 0 0 0 33px;
}

.pagingBtn.last a {
    background-image: url("/osafe_theme/images/user_content/images/resultsNavLast.png");
    background-position: 32px 50%;
    background-repeat: no-repeat;
    padding: 0 18px 0 0;
}

.pagingBtn.last.disabled {
    background-image: url("/osafe_theme/images/user_content/images/resultsNavLastDisabled.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding: 0 25px 0 0;
}

.pagingBtn.showall {
   margin: 0 0 0 33px;
}

.pagingBtn a {
    border-bottom: 1px dotted;
}

.pagingBtn a:hover {
     text-decoration: none;
}

.pagingLinks a {
	color:#2f6908;
	font-weight:400;
	border-bottom:none;
}

.pagingLinks li {
    display: inline;
}

.pagingLinks li.pages{
    margin: 0 15px;
}

.pagingLinks li.disabled {
    background-image: none;
}

/* === Quicklook === */

.plpQuicklook_displayDialog {
    left: auto !important;
    margin: 0 16%;
}

.Quicklook.group1 {
    float: left;
    width: 25%;
	margin-top: 20px;
}

.Quicklook.group2 {
    float: left;
	width:75%;
	margin-top:20px;
}

.Quicklook.group3 {
    float: right;
	margin: 0px;
	width: 35%;
}

.Quicklook.group4 {
    float: right;
	margin: 0px;
	width: 40%;
}

.Quicklook.group3 .customerRating {
	float:left;
	margin-left:100px;
}
.action.quicklookReviewRead {
	display: inline-block;
	font-size: 13px;
	margin: 15px 0px 0px 80px;
}

.action.quicklookReviewWrite {
	display: inline-block;
	font-size: 13px;
}

.Quicklook.group3 .displayList li {
    text-align: left!important; 
}

.Quicklook.group3 label {
	float: left;
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
}

.Quicklook.group3 span {
    color: inherit;
}

.addToCart.quicklookAddToCart {
   display: inline-block;
}

.addToWishlist.quicklookAddToWishlist {
   display: inline-block;
}


/* === PDP === */

.PDP.group1 {
	float: left;
	width: 40%;
}

.PDP.group1 .pdpMainImage img {
	width:100%;
	height:100%;
}

.PDP.group2 {
   	float: left;
	width:47.167%;
	margin-top:25px;
}

.PDP.group3 {
    float: right;
	width:55%;
	margin-top:10px;
}

.PDP.group4 {
	float: left;
	width: 100%;
	margin-top: 5px;
	clear: both;
}

.PDP.group5 {
    float: right;
    margin: 10px 0 0 0px;
    width: 100%;
}

.PDP.group7 {
    clear: both;
    float: left;
}

.PDP.group8 {
    clear: both;
    float: right;
    width: 69.16666666666667%;
}

.PDP.group5 label {
    float: left;
    text-align: left;
}

.alsoAvailable {
	width:75%; 
	background:#fbfbfb; 
	border:1px solid #e5e5e5; 
	margin:0 auto 20px; 
	height:auto;
	padding:10px;
	text-align:center;
}

.alsoAvailable h3 {
	font-size: 20px;
	color: #414141;
	font-family: "Oswald", sans-serif;
	line-height: 20px;
	font-weight: 300;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin:10px;
	text-align:center;
}

.alsoAvailable img {
	max-width:100%;
}

.also-mobile {
	display:none;
}


#facebookShare {
	float:right;
	width:80px;
}

#googleShare {
	float:right;
	width:65px;
}

#twitterShare {
	float:right;
	width:85px;
}

#emailShare {
	float:right;
	width:65px;
}

#productPrint {
	float: left;
	margin-top: 2px;
}

.pdpLabelName {
	font-size: 30px;
	color: #414141;
	font-family:"Oswald", sans-serif;
	line-height:30px;
	font-weight:400;
	text-decoration:none;
	letter-spacing:1px;
	text-transform:uppercase;
}

@media only screen and (max-width:450px) {
	.pdpLabelName {
		font-size: 30px;
		color: #414141;
		font-family:"Oswald", sans-serif;
		line-height:20px;
		font-weight:400;
		text-decoration:none;
		letter-spacing:1px;
		text-transform:uppercase;
	}
}

.pdpLabelName label {
	display:none;
}

.pdpLabelName sup {
	font-size:18px;
}

@media only screen and (max-width:768px) {
	
	.pdpSalesPitch {
		/*display:none;*/
	}
	
}

.pdpSalesPitch h3 {
	display:none;
}

.pdpSalesPitch ul {
	list-style-type: none !important;
	padding: 0px;
	margin-top: 0;
	margin-left: 10px;
}

.pdpSalesPitch li {
	background-image: url(/osafe_theme/images/site_images/product/productBullet-2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	padding-left: 25px;
	font-size: 18px;
	color: #414141;
	padding-bottom: 3px;
	font-family:"Oswald", sans-serif;
	font-weight:300;
}


#productPriceBox {
	display: inline-block;
	width: 100%;
}


#productPriceBox p {
	font-size:15px;
	font-family:"Oswald", sans-serif;
	line-height:19px;
	color:#414141;
	font-weight:400;
	letter-spacing:1px;
	margin:0;
}

#productPriceBox p span {
}

#productPriceBox p span.priceOptions {
	font-size:20px;
}

#productPriceBox .labelBox {
	float:left; 
	text-align:left;
}

#productPriceBox .priceBox {
	float:right; 
	text-align:right;
}

#productPriceBox .priceBox span {
	color:red;
	font-size:20px;
}




@media only screen and (max-width:1005px) {

	#productPriceBox p.vipss {
		font-size:14px;
	}
	
	#productPriceBox .priceBox span {
		font-size:18px;
	}
	
}

@media only screen and (max-width:945px) {

	#productPriceBox p.vipss {
		font-size:13px;
	}
	
	#productPriceBox .priceBox span {
		font-size:16px;
	}
	
}

@media only screen and (max-width:815px) {

	#productPriceBox p.vipss {
		font-size:12px;
	}
	
	#productPriceBox .priceBox span {
		font-size:14px;
	}
	
}

@media only screen and (max-width:768px) {

	#productPriceBox p.vipss {
		font-size:15px;
	}
	
	#productPriceBox .priceBox span {
		font-size:20px;
	}
	
}

/* New Product Pricing Section */

.pricingOptionsBox {
	padding: 0px;
	display: flex;
	width: 100%;
	margin-bottom: 10px;
	border-radius:10px;
	flex-wrap:wrap;
}

.price-option-one {
	width:50%;
	float:left;
	border-radius:10px 0 0 10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:20px;
	text-align:center;
}

.price-option-one-selected {
	width:50%;
	float:left;
	border-radius:10px 0 0 10px;
	border:1px solid #00a651;
	padding:20px 20px 20px 21px;
	text-align:center;
	background:#f2fbe0;	
	position:relative;
}

.price-option-two {
	width:50%;
	float:left;
	border-radius:0 10px 10px 0;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:20px;	
	text-align:center;
}

.price-option-two-selected {
	width:50%;
	float:left;
	border-radius:0px 10px 10px 0px;
	border:1px solid #00a651;
	padding:20px 21px 20px 20px;
	text-align:center;
	background:#f2fbe0;	
	position:relative;
}

.selected-check {
	position:absolute;
	left:50%;
	width:20px;
	height:20px;
	top:-9px;
	background: url(/osafe_theme/images/site_images/product/selected-check.png);
	background-repeat: no-repeat;
	transform: translate(-50%);
}

.selected-check-one {
	position:absolute;
	left:50%;
	width:20px;
	height:20px;
	top:-9px;
	background: url(/osafe_theme/images/site_images/product/selected-check.png);
	background-repeat: no-repeat;
	transform: translate(-50%);
}

.selected-check-two {
	position:absolute;
	left:50%;
	width:20px;
	height:20px;
	top:-9px;
	background: url(/osafe_theme/images/site_images/product/selected-check.png);
	background-repeat: no-repeat;
	transform: translate(-50%);
}

.selected-check-three {
	position:absolute;
	left:50%;
	width:20px;
	height:20px;
	top:-9px;
	background: url(/osafe_theme/images/site_images/product/selected-check.png);
	background-repeat: no-repeat;
	transform: translate(-50%);
}

.multi-offer-details {
	float:left;
	width:100%;
	padding:20px;
	background:#f9f9f9;
	border-radius:10px;
}

.multi-offer-details ul {
	margin-top:10px;
}

.multi-offer-details li {
	background-image: url(/osafe_theme/images/site_images/product/bulletCheck.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 25px;
	font-size: 18px;
	color: #414141;
	padding-bottom: 3px;
	font-family:"Oswald", sans-serif;
	font-weight:300;
}

.pricingOfferBox {
	padding: 0px;
	display: inline-block;
	width: 100%;
	border-radius:10px
}

.pricingOfferBox p {
	font-size:15px;
	font-family:"Oswald", sans-serif;
	line-height:20px;
	color:#414141;
	font-weight:400;
	letter-spacing:1px;
	margin:0;
}

#productPriceBox .pricing-option-label {
	line-height:14px;
	margin-bottom:10px;
	font-size:15px;
}

@media (max-width:780px) {
	#productPriceBox .pricing-option-label {
		font-size:14px;
	}
}

@media (max-width:415px) {
	#productPriceBox .pricing-option-label {
		font-size:13px;
	}
}

@media (max-width:500px) {
	.price-option-one {
		padding:20px 10px;
	}
	
	.price-option-one-selected {
		padding:20px 10px 20px 11px;
	}
	
	.price-option-two {
		padding:20px 10px;	
	}
	
	.price-option-two-selected {
		padding:20px 11px 20px 10px;
	}	
}

@media (max-width:350px) {
	.price-option-one {
		padding:20px 5px;
	}
	
	.price-option-one-selected {
		padding:20px 5px 20px 6px;
	}
	
	.price-option-two {
		padding:20px 5px;	
	}
	
	.price-option-two-selected {
		padding:20px 6px 20px 5px;
	}	
}

@media (max-width:340px) {

}

#pricingOfferBox p span.pricingOptions {
	padding-top:10px;
}

#pricingOfferBox p span {
}

#pricingOfferBox p span.priceOptions {
	font-size:20px;
}

.price-option-offer {
	width:100%;
	float:left;
	border-radius:10px;
	border:1px solid #ccc;
	padding:20px;
	text-align:center;
	margin-bottom:10px;
	display:table;
	position:relative;
}

.price-option-offer-selected {
	width:100%;
	float:left;
	border-radius:10px;
	border:1px solid #00a651;
	padding:20px;
	text-align:center;
	background:#f2fbe0;	
	margin-bottom:10px;
	display:table;
	position:relative;
}

.price-option-amazon {
	width:100%;
	background-color:black;
	float:left;
	border-radius:10px;
	border:1px solid #ccc;
	padding:10px 20px;
	text-align:center;
	margin:20px 0px;
	display:table;
	position:relative;	
}

.price-option-amazon .offer-box-left p {
	color:#fff;
}

/*
.price-option-offer .selected-check-offer {
	display:none;
}
*/

.price-option-offer-selected .selected-check-offer {
	position:absolute;
	left:-10px;
	width:20px;
	height:20px;
	top:50%;
	background: url(/osafe_theme/images/site_images/product/selected-check.png);
	background-repeat: no-repeat;
	transform: translateY(-50%);
}

.offer-box-left {
	width:30%;
	display:table-cell;
	vertical-align:middle;
}

.offer-box-right {
	width:100%;
	display:table-cell;
	vertical-align:middle;
}

.pricingOfferBox ul li {
	font-size:13px;
	font-family:"Oswald", sans-serif;
	line-height:14px;
	color:#414141;
	font-weight:400;
	letter-spacing:1px;
	margin:0;
	text-align:center;
}

.offer-box-right ul li {
	font-size:15px;
	font-family:"Oswald", sans-serif;
	line-height:20px;
	color:#414141;
	font-weight:400;
	letter-spacing:1px;
	margin:0;
	text-align:left;
	padding-left:30px;
	background: url(/osafe_theme/images/site_images/product/bulletCheck.png);
    background-repeat: no-repeat;
    background-position: 5px 7px;
}

.product-offer-container {

}

.single-offer-box {
	width:100%;
	float:left;
	border-radius:10px;
	border:1px solid #00a651;
	padding:20px;
	text-align:center;
	margin-bottom:10px;
	background:#f2fbe0;	
	position:relative;
}

.double-offer-box-left {
	width:50%;
	float:left;
	border-radius:10px 0 0 10px;
	border:1px solid #ccc;
	padding:20px;
	text-align:center;
	margin-bottom:10px;
	position:relative;
	border-right:0;
}

.double-offer-box-left.offer-selected {
	width:50%;
	float:left;
	border-radius:10px 0 0 10px;
	border:1px solid #00a651;
	background:#f2fbe0;	
	padding:20px;
	text-align:center;
	margin-bottom:10px;
	position:relative;
}

.double-offer-box-right {
	width:50%;
	float:left;
	border-radius:0 10px 10px 0;
	border:1px solid #ccc;
	padding:20px;
	text-align:center;
	margin-bottom:10px;
	position:relative;
	border-left:0;
}

.double-offer-box-right.offer-selected {
	width:50%;
	float:left;
	border-radius:0 10px 10px 0;
	border:1px solid #00a651;
	background:#f2fbe0;	
	padding:20px;
	text-align:center;
	margin-bottom:10px;
	position:relative;
}

.triple-offer-box-left {
	width:33%;
	float:left;
	border-radius:10px 0 0 10px;
	border:1px solid #ccc;
	padding:20px;
	text-align:center;
	margin-bottom:10px;
	position:relative;
	border-right:0;
}

.triple-offer-box-middle {
	width:34%;
	float:left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:20px;
	text-align:center;
	margin-bottom:10px;
	position:relative;
}

.triple-offer-box-right {
	width:33%;
	float:left;
	border-radius:0 10px 10px 0;
	border:1px solid #ccc;
	padding:20px;
	text-align:center;
	margin-bottom:10px;
	position:relative;
	border-left:0;
}

.left-selected {
	border-top:1px solid #00a651;
	border-bottom:1px solid #00a651;
	border-left:1px solid #00a651;
	background:#f2fbe0;	
	padding:20px 20px 20px 20px;
}

.middle-selected {
	border:1px solid #00a651;
	background:#f2fbe0;	
	padding:20px 20px 20px 20px;
}

.right-selected {
	border-top:1px solid #00a651;
	border-right:1px solid #00a651;
	border-bottom:1px solid #00a651;
	background:#f2fbe0;	
	padding:20px 20px 20px 20px;
}

.triple-offer-box-middle-selected {
	border:1px solid #00a651;
	background:#f2fbe0;	
	padding:20px 20px 20px 19px;
}

.triple-offer-box-right-selected {
	border:1px solid #00a651;
	background:#f2fbe0;	
	padding:20px 19px 20px 20px;
}


#product-icon-box {
	width:100%;
	text-align:center;
	float:right;
}

.product-icon {
	width:29.66101694915254%;
	display:inline-block;
}

.product-quantity {
	width:100%;
}

.product-quantity select.select-quantity, .product-frequency select.select-frequency{
	width:100%;
	height:50px;
	margin-bottom:10px;
}

select.select-quantity  {
	border-radius: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/osafe_theme/images/site_images/product/dropdown-arrow.png) no-repeat;
    background-position: 98% 50%;
    padding: 10px !important;
	border:1px solid #ccc;
	font-size:15px;
	font-family:"Oswald", sans-serif;
	color:#414141;
	font-weight:300;
	letter-spacing:1px;
	margin-bottom:10px;
}

select.select-frequency  {
	border-radius: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/osafe_theme/images/site_images/product/dropdown-arrow.png) no-repeat;
    background-position: 98% 50%;
    padding: 10px !important;
	border:1px solid #ccc;
	font-size:15px;
	font-family:"Oswald", sans-serif;
	color:#414141;
	font-weight:300;
	letter-spacing:1px;
}

.pricing-radio {
	float:left;
	width:15%;
}

.pricing-text {
	float:left;
	width:85%;
	font-size:15px;
	font-family:"Oswald", sans-serif;
	color:#414141;
	font-weight:400;
	letter-spacing:1px;
	height:35px;
	line-height:20px;
}

.pricing-text.two-line {
	height:55px;
}

.pricing-input {
	float:right;
}

.pricing-input input {
	padding:2px;
	text-align:center;
}

#productInfoBox {
	background:#f9f9f9;
	border: 1px solid rgb(220, 220, 220);
	padding: 10px 20px;
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}


#productPrices {
	height: 111px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #00733a;
	font-weight:normal;
}

#product3ways {
	float:left;
}

#product3ways_mob {
	display:none;
}

#productPriceOp1 {
	width: 75%;
	height: 25px;
	float: left;
	display: inline;
	padding-top: 3px;
	margin: 0px 0 0 5px;	
}

#productPriceOp2 {
	width: 75%;
	height: 25px;
	float: left;
	display: inline;
	padding-top: 3px;
	margin: 10px 0 0 5px;	
	background-image: url(/osafe_theme/images/site_images/product/bestvalue.jpg);
	background-repeat: no-repeat;	
}

#productPriceOp3 {
	width: 75%;
	height: 25px;
	float: left;
	display: inline;
	padding-top: 3px;
	margin: 10px 0 0 5px;	
}

#productATC_btn {
	width: 100%;
	height: 50px;
	float: right;
	display: inline;
}

#productATC_btn a{
	background:#ff7c20;
	height:50px;
	width:100%;
	display:block;
	border:none;
	font-size:25px;
	font-family:"Oswald", sans-serif;
	color:#fff;
	font-weight:300;
	letter-spacing:1px;
	text-align:center;
	padding:5px 0 0 0;
	border-radius:10px;
}

.canProdNotForSaleMsg {
	background: #999;
    width: 100%;
    display: block;
    border: none;
    font-size: 18px;
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
}

@media (max-width:768px) {

	#productATC_btn a {
		background:#ff5420;
	}
}

#productATC_btn a:hover{
	text-decoration:none;
}

.not-available{
	background:gray;
	height:50px;
	width:100%;
	display:block;
	border:none;
	font-size:25px;
	font-family:"Oswald", sans-serif;
	color:#fff;
	font-weight:300;
	letter-spacing:1px;
	text-align:center;
	padding:5px 0 0 0;
	text-transform:uppercase;
}

.pdpLongDescription h3 {
	display:none;
}

.pdpLongDescription p{
	height: auto;
	float: left;
	display: inline;
	margin-left: 0px;
	margin-top: 20px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #666666;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	padding-top: 5px;
	padding-bottom: 5px;
}


.productAvailability {
	font-size: 13px;
	color: #414141;
	font-family:"Oswald", sans-serif;
	line-height:18px;
	font-weight:400;
	text-decoration:none;
	letter-spacing:1px;
	text-transform:uppercase;
}

.regularPrice {
	font-size: 15px;
	color: #414141;
	font-family:"Oswald", sans-serif;
	line-height:18px;
	font-weight:400;
	text-decoration:none;
	letter-spacing:1px;
	text-transform:uppercase;
	padding-bottom:10px;
}

.regularPriceSlash {
	text-decoration: line-through;
}

.productInfo {
	width:100%; 
	float:left; 
	border-right:1px dotted #000; 
	padding:10px 0 10px 0;
}

#productInfoL {
	width: 150px;
	height: auto;
	float: left;
	display: inline;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}

#productInfoR {
	width: 166px;
	height: auto;
	float: left;
	display: inline;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight:normal
}

.pdpContent02 {
	clear:left;
}

@media only screen and (max-width:550px) {
	.pdpContent06 {
		display:none;
	}
}

#pdpContent09 {
	font-size:13px;
}

.content.content09.pdpContent09 {
	padding:0;
}

.pdpTabContent03 ul li {
	list-style:disc outside;
}

.pdpTabContent03 li:after {
	clear:none;
}

.pdpTabContent03 ul, .pdpTabContent03 ol {
	margin-left:20px;
}

.pdpTabContent03 ol li {
	list-style:decimal outside;
}

.pdpTabContent04 table td {
	background:white;
	font-size:12px;
}


span.sup {
	font-size:10px;
}
	
sup {
	font-size:11px;
	line-height:0px;
}

#pdpContent09.pdpContent p, #pdpContent09.pdpContent li{
	font-size:14px;
	color:#525252;
	list-style:disc inside;
}

.reference {
	font-size:13px;
	font-style:italic;
	color:#525252;
	font-family:serif;
}

.feature-image-full {
	margin:0 auto;
	width:80%;
}

.feature-image-full img {
	width:100%;
}

.feature-image-half {
	width:50%;
	margin:0 auto;
}

.feature-image-half img {
	width:100%;
}

@media only screen and (max-width:720px) {
	.feature-image-full {
		width:100%;
		margin:0 auto;
	}
}

@media only screen and (max-width:1000px) {
	.feature-image-half {
		width:60%;
		margin:0 auto;
	}
}

@media only screen and (max-width:850px) {
	.feature-image-half {
		width:70%;
		margin:0 auto;
	}
}

@media only screen and (max-width:768px) {
	.feature-image-half {
		width:55%;
		margin:0 auto;
	}
}

@media only screen and (max-width:650px) {
	.feature-image-half {
		width:65%;
		margin:0 auto;
	}
}

@media only screen and (max-width:550px) {
	.feature-image-half {
		width:75%;
		margin:0 auto;
	}
}

@media only screen and (max-width:420px) {
	.feature-image-half {
		width:100%;
		margin:0 auto;
	}
}




#pdpContent09.pdpContent p.headline {font-weight:bold; font-size:14px;}

.customerRating {
	float:left;
}

.pdpReviewStars {
	float:left;
}

.selectableFeature {  /* takes padding off container; each feature determines padding; see below */
    clear: none; /*cancels out default container class */
    float: none; /*cancels out default container class */
    margin: 0; /*cancels out default container class */
    padding-bottom: 0;
    padding-top: 0;
}

.selectableFeatures {  /* applies padding to each feature; see above */
    float: left;
    padding: 4px 0 !important;
    width: 100%;
}

.selectableFeatures select {  
    float: left; /* necessary if tool tips are used */
}

.selectableFeature ul { /* default shows select boxes; hides list items */
    display: none;
}

.selectableFeature .toolTipLink {
    margin: 0 0 0 5px;
}

.selectableFeature ul.multiVariantList { /* exposes multi select boxes */
   display: block;
   margin: 0 0 0 150px;
}

.action.pdpAddToCart {
    display: inline-block;
    padding: 0 0 0 105px;
}

.pdpAlternateImage ul  {
     text-align: center;
}

.action.pdpAddToWishlist {
    display: inline-block;
}

.pdpAlternateImage ul li  {
    display: inline-block;
    float: none!important; /* default floats applied in JS; cancel out if you want alt images centered */
    margin: 0 5px;
}

.pdpAlternateImage a {
    display: block;
}

li.pdpLongDescription {
    margin: 0 0 0 0;
}

.pdpDistinguishingFeature {
    margin: 20px 0 0 0;
}

.pdpDistinguishingFeatureList div {
    border-bottom: 2px dotted #CECECE;
    display: inline-block;
    width: 100%;
}

.pdpDistinguishingFeatureList label {
    float: left;
    width: auto !important;
}

.pdpDistinguishingFeatureList a { /* Feature Tool Tip */
    float: left;
}

.pdpDistinguishingFeatureList span {
    float: right;
}

.boxListItemGrid.PDPComplement {
    width:33.3% !important;
	text-align:center;
	padding-top:20px;
	margin:0;
    min-height: 275px;
    position: relative;
}

li.pdpComplement {
	border:1px solid #007338;
	padding:0;
}
li.pdpComplementThumbImage {
	margin:0 40%;
}

li.pdpComplementProductName div{
	width:100%;
	text-align:center;
	float:none;
}

li.pdpComplementProductName {
	text-align:center;
	float:none;
}

li.pdpComplementProductName span{
	font-size:12px;
	font-weight:bold;
	color:#37383C;
}

li.pdpComplementLongDescription span{
	font-size:11px;
	color:#666666;
}

li.pdpComplementLongDescription label{
	display:none;
}

.pdpComplement h2 {
	font-size: 18px;
	font-weight: 700;
	padding: 10px;
	background: #007338;
	font-size: 16px;
	color: white;
}

li.pdpComplementLabelName {
    min-height:30px;
    color: #207439;
    font-weight: bold;
    font-size: 13px !important;
}

li.pdpComplementDetailLink a {
	background: url('/osafe_theme/images/site_images/viewProduct_btn.jpg') no-repeat scroll 0% 0% transparent;
	height: 30px;
	width: 95px;
	display: block;
	text-indent: -9999px;
	margin:0 auto;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}


.boxListItemGrid.PDPAccessory {
    width: 200px!important;
}

.boxListItemGrid.PDPRecent {
    width: 200px!important;
}

.action.pdpReviewRead {
    display: inline-block;
	font-size:13px;
	font-family:"Oswald", sans-serif;
	line-height:10px;
	color:#2e93e0;
	font-weight:400;
	letter-spacing:1px;
	text-transform:uppercase;
	border-right:1px solid #515151;
	padding-right:7px;
}

.action.pdpReviewWrite {
    display: inline-block;
	font-size:13px;
	font-family:"Oswald", sans-serif;
	line-height:18px;
	color:#2e93e0;
	font-weight:400;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-top:4px;
}

.action.pdpReviewWrite.noReviews {
    display: block;
    text-align: left;
	font-size:13px;
}

@media only screen and (max-width:930px) {
	.PDP.group2 {
		width:45.167%;
	}
	
	.PDP.group3 {
	}
	
	.pdpLabelName {
		line-height:30px;
	}
	
	.pdpReviewStars {
		width:100%;
	}
	
	.pricing-text {
		font-size:13px;
	}
	
}

@media only screen and (max-width:768px) {
	.PDP.group4 {
		display:none;
	}
	
	.alsoAvailable {
		width:50%;
	}
	
	.also-mobile {
		display:block;
	}
	
	.PDP.group5 {
		width:100%;
	}
	
	.pricingOptionsBox {
	}
	
	.pricing-text.two-line {
		height:35px;
	}
	
	.PDP.group2 {
		width:70%;
	}
	
	.PDP.group3 {
		width:60%;
	}
	
	.pricing-text {
		font-size:15px;
	}
	
	.pricing-radio {
		width:10%;
	}
	
	.pdpSalesPitch li {
		font-size:17px;
	}
	
}

@media only screen and (max-width:767px) {
	.PDP.group1 {
		width:75%;
		float:none;
		margin:0 auto;
	}
	
	.PDP.group2 {
		width:100%;
	}
	
	.PDP.group3 {
		width:100%;
	}
	
	.pdpContent05 {
		margin-bottom:20px;
	}
}

@media only screen and (max-width:500px) {
	.PDP.group1 {
		width:100%;
		float:none;
		margin:0 auto;
	}
}
p.volumePrice {margin-bottom:10px !important; color:#515151 !important; text-decoration:underline !important; text-align:center;}
p.volumePrice a {color:#515151;}
#volumePopBox{min-width:350px; height:225px;}
#volumePopCol{width:50%; height:50px; float:left; display:block; text-align:center; font-size:16px; color:#868686; font-weight:bold;}

#productHoverBox{width:100%; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#666666;}
p.productHoverBox{width:100%; padding:15px;font-family:Tahoma, Geneva, sans-serif; font-size:14px; line-height:inherit; color:#666666; }
p.productHoverBoxTitle{width:auto; margin-left:15px; padding-right:15px;font-family:Tahoma, Geneva, sans-serif; font-size:20px; color:#007b3d; }
p.productHoverBoxsubTitle{width:auto; margin-left:15px; margin-top:-10px; padding-right:15px;font-family:'Oswald', Tahoma, Geneva, sans-serif; font-size:16px; color:#007b3d; text-transform:uppercase;}

/*NSF HoverBox*/
#NSF_HoverBox{ height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#666666;}
p.NSF_HoverBox{width:550px; margin-left:15px; margin-top:20px; padding-right:15px;font-family:Tahoma, Geneva, sans-serif; font-size:14px; line-height:inherit; color:#666666; }
p.NSF_HoverBoxTitle{width:auto; margin-left:15px; padding-right:15px;font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#666666; font-weight:bold; }
ul.NSF_HoverBox{width:470px; margin-left:15px; padding-right:15px;font-family:Tahoma, Geneva, sans-serif; font-size:14px; line-height:inherit; color:#666666; }

/* Donation Hover Box */

p.VA_HoverBox {
	margin-top:70px;
	padding:0 10px 0 10px;
	font-size:12px;
}

#pdpFreeBottleOfferDisclaimer {
    font-size: 12px;
    padding: 10px;
    border: 1px dotted #666666;
    color: #666666;
}

#pdpFreeBottleOfferDisclaimer label {
    color:#666666;
}

/* Purity Points Hover Box */

p.PP_HoverBox {
	margin-top:70px;
	padding:0 10px 0 10px;
	font-size:12px;	
}

.pointsHover {
	position: absolute; 
	left: 85px; 
	top: -3px;
}

.pointsLabel {
	position:relative;
	padding-right:30px;
}

.points-balance {
	padding: 10px;
    width: 35%;
    float: left;
    text-align: center;
    text-transform: uppercase;
	font-family: "Oswald", sans-serif;
	font-weight: bold;
	clear:both;
	background:#eef7e3;
}

.points-history .points-title {
	font-weight:bold;
	margin:10px 0;
}

.points-history {
	width:100%;
	font-size:14px;
	margin:10px 0;
}

.points-row {
	padding:15px 0 15px 0px;
	display:inline-block;
	width:100%;
	font-size:13px;
}

.points-row:nth-child(even) {
	background:#eef7e3;
}

.points-history .pp-date {
	width:20%;
	float:left;
	padding-left:10px;
}

.points-history .pp-description {
	width:45%;
	float:left;
}

.points-history .pp-amount {
	width:10%;
	float:right;
}

.points-history .pp-balance {
	width:10%;
	float:right;
}

@media only screen and (max-width:600px) {
	
	.points-balance {
		width:100%;
	}
	
	.points-history .pp-date {
		padding-left:5px;
	}
	
	.points-history .pp-description {
		margin-left:30px;
		width:35%;
	}
	
	.points-history .pp-amount {
		margin-right:30px;
	}
	
	.points-history .pp-balance {
		margin-right:15px;
	}
	
}

/* === Review Styles === */

/* --- PDP Review List Styles */

#eCommerceProductReviewSubmit li.writeReviewProductThumbImage {
    float: left;
}

#eCommerceProductReviewSubmit li.writeReviewProductProductName {
    float: left;
	width:100%;
}

#eCommerceProductReviewSubmit li.writeReviewProductDescription {
    float: left;
    margin:0;
	width:75%;
}

.writeReview .container.product.writeReviewProduct {
   	padding-bottom: 10px;
	padding-top:0px;
}

.writeReview ul.displayList.writeReviewProductList.WriteReviewProduct {
	padding-top: 20px;	
}

#eCommerceProductReviewSubmit h3{
	font-size:30px;
	line-height:30px;
	font-weight:300;
}

#eCommerceMainPanel .writeReviewProductProductName h1#js_pdpProductName {
	font-size:20px;
}

@media only screen and (max-width:500px) {
	.writeReview .container.product.writeReviewProduct {
		text-align:center;
	}
	#eCommerceProductReviewSubmit h3{
		text-align:center;
	}
	#eCommerceProductReviewSubmit li.writeReviewProductThumbImage {
		float:none;
	}
}

#eCommerceProductReviewSubmit .writeReviewDetail .displayBox h3 {
   	padding-bottom: 10px;
}

#eCommerceProductReviewSubmit .pdpLongDescription p{
	height: auto;
	float: left;
	display: inline;
	margin-left: 0px;
	margin-top: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #000;
	border-top: none;
	border-bottom: none;
	padding-top: 5px;
	padding-bottom: 5px;
	width:100%;
}

.writeReviewProductLabelName {
	float:left;
	color: #414141;
	font-family: "Oswald", sans-serif;
	line-height: 30px;
	font-weight: 300;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 10px 0;
	font-size:30px;
	width:100%;
}

.writeReviewProductLabelName span sup {
	font-size:15px;
}

#eCommerceProductReviewSubmit .writeReviewCancelButton a.standardBtn.negative {
	background: url('/osafe_theme/images/site_images/cart/cancel_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;
}

#eCommerceProductReviewSubmit .writeReviewSubmitButton input.standardBtn.action {
	background: url('/osafe_theme/images/site_images/cart/submit_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:105px;
	height:35px;
}

#eCommerceProductReviewSubmit .reviewTermsCondLink.writeReviewDetailReviewTermsCondLink {
    float: left;
    margin:20px 0 0 0;
    font-size: 12px;
    color: #666666;
}

#eCommerceProductReviewSubmit .reviewGuidelinesLink.writeReviewDetailReviewGuidelinesLink {
    float: left;
    margin:20px 0 0 10px;
    font-size: 12px;
    color: #666666;
}

#eCommerceProductReviewSubmit .reviewGuidelinesLink.writeReviewDetailReviewGuidelinesLink a, #eCommerceProductReviewSubmit .reviewTermsCondLink.writeReviewDetailReviewTermsCondLink a {
    color:#666666;   
}

#eCommerceProductReviewSubmit #overallRatingRow {
    margin:0;
}

.pdpReviewList {
    width: 100%;
}

.PDPReviewList.group1 {
   margin: 20px 0 0 0;
}

.reviewItem.PDPReviewListItems {
    background: none;
    border: none;
}

.reviewItemList.PDPReviewListItems {
    padding: 0 0 0px 0;
}

.PDPReviewListItems label {
}

.pdpReviewListItemsOverallStars span {
    display: none;
}

.reviewItemList.PDPReviewListItems li {
    float: none;
    max-width: none;
    min-height: 0;
}

.reviewItemList.PDPReviewListItems li div {
    display: table-cell;
}

.pdpReviewListItemsReviewerNickname {
    display: inline-block;
}

.pdpReviewListItemsReviewerNickname span {
    font-weight: 700;
}

.pdpReviewListItemsReviewDate {
    font-style: italic;
}

.pdpReviewListItemsReviewDate {
    display: inline-block;
}

.pdpReviewListItemsReviewerTitle {
    margin: 0 0 0 8px;  /* To compensate for pull quotes */
}

.pdpReviewListItemsReviewerTitle span {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 0 -10px; 
}

.pdpReviewListItemsReviewerTitle span:before {
}

.pdpReviewListItemsReviewerTitle span:after {
}

.ratingBar {
    background: url("/osafe_theme/images/user_content/images/starOff.gif") repeat-x scroll 0 0 transparent;
    width: 130px !important;
	height:40px !important; 
}

.ratingDisplayValue, .ratingLegendValue {

}

#overallRatingRow {
    margin: 0 0 0 5px;
}

#overallHover {
    background: url("/osafe_theme/images/user_content/images/starOn.gif") repeat-x scroll 0 0 transparent;
}

#overallFilled {
    background: url("/osafe_theme/images/user_content/images/starOff.gif") repeat-x scroll 0 0 transparent;
}

#overallHover {
    background: url("/osafe_theme/images/user_content/images/starOn.gif") repeat-x scroll 0 0 transparent;
}
#overallFilled {
    background: url("/osafe_theme/images/user_content/images/starOff.gif") repeat-x scroll 0 0 transparent;
}
#rateObj0RatingBar {
    background: url("/osafe_theme/images/user_content/images/starOff.gif") repeat-x scroll 0 0 transparent;
}
#rateObj0Hover {
    background: url("/osafe_theme/images/user_content/images/starOn.gif") repeat-x scroll 0 0 transparent;
}

.ratingDisplayValue, .ratingLegendValue {
    color: #666666;
    display: inline-block;
    font-size: 14px;
    padding: 0 0 0 3px;
}

table#overallRatingBar {
	background: url("/osafe_theme/images/user_content/images/starOff.gif") 0 0 repeat-x;
}

table#overallHover {
	background: url("/osafe_theme/images/user_content/images/starOn.gif") 0 0 repeat-x;
	height:26px;
	margin-top:-14px;
}

table#overallFilled {
	margin-top:0;
	background: url("/osafe_theme/images/user_content/images/starOff.gif") 0 0 repeat-x;
}

table#rateObj0RatingBar {
	background: url("/osafe_theme/images/user_content/images/starOff.gif") 0 0 repeat-x;
}

table#rateObj0Hover {
	background: url("/osafe_theme/images/user_content/images/starOn.gif") 0 0 repeat-x;
	height:26px;
	margin-top:-14px;
}

table#rateObj0Filled {
	margin-top:0px;
	background: url("/osafe_theme/images/user_content/images/starOff.gif") 0 0 repeat-x;
}

table#rateObj1RatingBar {
	background: url("/osafe_theme/images/user_content/images/starOff.gif") 0 0 repeat-x;
}

table#rateObj1Hover {
	background: url("/osafe_theme/images/user_content/images/starOn.gif") 0 0 repeat-x;
	height:26px;
	margin-top:-14px;
}

table#rateObj1Filled {
	margin-top:0px;
	background: url("/osafe_theme/images/user_content/images/starOff.gif") 0 0 repeat-x;
}

table#rateObj2RatingBar {
	background: url("/osafe_theme/images/user_content/images/starOff.gif") 0 0 repeat-x;
}

table#rateObj2Hover {
	background: url("/osafe_theme/images/user_content/images/starOn.gif") 0 0 repeat-x;
	height:26px;
	margin-top:-14px;
}

table#rateObj2Filled {
	margin-top:0px;
	background: url("/osafe_theme/images/user_content/images/starOff.gif") 0 0 repeat-x;
}

.rating_bar {
  background: url("/osafe_theme/images/user_content/images/starOff.gif") 0 0 repeat-x;
    padding: 0 !important;
    height: 26px;
    width: 131px !important; 
  *text-align: left !important; /*IE7 Only*/
  float:left;
}

.ratingSummaryFinal{
	margin-left:15px;
	font-size:14px;
	display:none;
}

.rating_bar div {
  height: 26px;  /* must match .rating_bar height */
  background: url("/osafe_theme/images/user_content/images/starOn.gif") 0 0 repeat-x;
  display: inline-block !important;
}

.ratingFacetBar {
    width: 65px;
}

.rating_bar_submit_ {
  height: 26px;
  width: 0px;
}

.rating_bar_submit_1 {
  height: 12px;
  width: 15px;
}

.rating_bar_submit_2 {
  height: 12px;
  width: 30px;
}


.rating_bar_submit_3 {
  height: 12px;
  width: 45px;
}

.rating_bar_submit_4 {
  height: 12px;
  width: 60px;
}

.rating_bar_submit_5 {
  height: 12px;
  width: 75px;
}

.WriteReviewProduct.group.group2 {
    float: left;
}

.WriteReviewProduct.group.group3 {
    float: left;
    margin: 0 0 0 10px;
    width: 50%;
}

.reviewTermsCondLink {
    float: right;
}

.reviewGuidelinesLink {
    clear: right;
    float: right;
}

li.container.reviewList.pdpTabsReviewList {
	margin-top:20px;
	border-top: 5px solid green;
	padding-top: 50px;
}

.PDPTabsReviewListItems .group1 {
	float:left;
	width:50%;
}

.PDPTabsReviewListItems .group2 {
	float:right;
	width:50%;
}

.PDPTabsReviewListItems .group3 {
	float:left;
	width:100%;
}

select.sortDropdown {
	width:50%;
	border-radius: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/osafe_theme/images/site_images/product/dropdown-arrow.png) no-repeat;
    background-position: 95% 50%;
    padding: 10px !important;
    border: 1px solid #ccc;
    font-size: 15px;
    font-family: "Oswald", sans-serif;
    color: #414141;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.pdpReviewListSortOptions label {
	width: 100%;
    padding-bottom: 10px;
    font-size: 15px;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
}

.pdpTabsReviewListItemsReviewerTitle,
.pdpTabsReviewListItemsOverallStars,
.pdpTabsReviewListItemsReviewDate,
.pdpTabsReviewListItemsReviewerNickname,
.pdpTabsReviewListItemsReviewerAge,
.pdpTabsReviewListItemsReviewerGender,
.pdpTabsReviewListItemsReviewerCustom01,
.pdpTabsReviewListItemsReviewerLocation,
.pdpTabsReviewListItemsQualityStars,
.pdpTabsReviewListItemsEffectivenessStars,
.pdpTabsReviewListItemsSatisfactionStars {
	width:100%;
}

li.pdpTabsReviewListItemsReviewerTitle,
li.pdpTabsReviewListItemsOverallStars,
li.pdpTabsReviewListItemsReviewDate,
li.pdpTabsReviewListItemsReviewerNickname,
li.pdpTabsReviewListItemsReviewerAge,
li.pdpTabsReviewListItemsReviewerGender,
li.pdpTabsReviewListItemsReviewerCustom01,
li.pdpTabsReviewListItemsReviewerLocation,
li.pdpTabsReviewListItemsQualityStars,
li.pdpTabsReviewListItemsEffectivenessStars,
li.pdpTabsReviewListItemsSatisfactionStars {
	padding:2px;
}

.pdpTabsReviewListItemsReviewerTitle label,
.pdpTabsReviewListItemsOverallStars label,
.pdpTabsReviewListItemsReviewDate label,
.pdpTabsReviewListItemsReviewerNickname label,
.pdpTabsReviewListItemsReviewerAge label,
.pdpTabsReviewListItemsReviewerGender label,
.pdpTabsReviewListItemsReviewerCustom01 label,
.pdpTabsReviewListItemsReviewerLocation label,
.pdpTabsReviewListItemsQualityStars label,
.pdpTabsReviewListItemsEffectivenessStars label,
.pdpTabsReviewListItemsSatisfactionStars label {
	float:left;
	color:#666666;
	font-weight:bold;
	font-size:12px;
}

.pdpTabsReviewListItemsQualityStars label,
.pdpTabsReviewListItemsEffectivenessStars label,
.pdpTabsReviewListItemsSatisfactionStars label {
	width:25%;
}

.pdpTabsReviewListItemsReviewerTitle span {
	font-weight:bold;
	font-size:14px;
	color:#666666;
	padding-bottom:10px;
}

li.pdpTabsReviewListItemsReviewDate,
li.pdpTabsReviewListItemsReviewerNickname,
li.pdpTabsReviewListItemsReviewerLocation  {
	padding-bottom:20px;
}

.pdpTabsReviewListItemsQualityStars {
	margin-top:30px;
}


.pdpTabsReviewListItemsOverallStars span,
.pdpTabsReviewListItemsReviewDate span,
.pdpTabsReviewListItemsReviewerNickname span,
.pdpTabsReviewListItemsReviewerAge span,
.pdpTabsReviewListItemsReviewerGender span,
.pdpTabsReviewListItemsReviewerCustom01 span,
.pdpTabsReviewListItemsReviewerLocation span,
.pdpTabsReviewListItemsReviewerText span {
	float: left;
	font-size: 12px;
	color: #666666;
}

.pdpTabsReviewListItemsQualityStars span,
.pdpTabsReviewListItemsEffectivenessStars span,
.pdpTabsReviewListItemsSatisfactionStars span {
	float: left;
	font-size: 12px;
	color: #666666;
}

.pdpTabsReviewListItemsOverallStars span,
.pdpTabsReviewListItemsQualityStars span,
.pdpTabsReviewListItemsEffectivenessStars span,
.pdpTabsReviewListItemsSatisfactionStars span {
	margin:2px 0 0 10px;
}

li.pdpTabsReviewListItemsReviewerText {
	width:100%;
	padding:20px 0 30px 0;
	border-top:1px solid #c7c7c7 !important;
	border-bottom:3px solid #c7c7c7 !important;
}

.pdpTabsReviewListItemsReviewerTitle label,
.pdpTabsReviewListItemsReviewerText label {
	display:none;
}

.pdpTabsReviewListItemsOverallStars label {
	float: left;
}


/* REVIEW STYLE FIX */

li.container.reviewList.pdpReviewList {
	margin-top:0px;
}

.PDPReviewListItems .group1 {
	float:left;
	width:100%;
}

.PDPReviewListItems .group2 {
	float:right;
	width:100%;
}

.PDPReviewListItems .group3 {
	float:left;
	width:100%;
}

.PDPReviewListItems .group4 {
	float:left;
	width:100%;
	margin-top:20px;
}

.PDPReviewListItems .group5 {
	float:left;
	width:100%;
}

.PDPReviewListItems .group6 {
	float:left;
	width:100%;
}

.pdpReviewListItemsReviewerTitle,
.pdpReviewListItemsOverallStars,
.pdpReviewListItemsReviewerCustom01,
.pdpReviewListItemsReviewerLocation,
.pdpReviewListItemsQualityStars,
.pdpReviewListItemsEffectivenessStars,
.pdpReviewListItemsSatisfactionStars,
.pdpReviewListItemsReviewDate,
.pdpReviewListItemsReviewerNickname,
.pdpReviewListItemsReviewerAge,
.pdpReviewListItemsReviewerGender {
	width:auto;
}

li.pdpReviewListItemsReviewerTitle,
li.pdpReviewListItemsOverallStars,
li.pdpReviewListItemsReviewDate,
li.pdpReviewListItemsReviewerNickname,
li.pdpReviewListItemsReviewerAge,
li.pdpReviewListItemsReviewerGender,
li.pdpReviewListItemsReviewerCustom01,
li.pdpReviewListItemsReviewerLocation,
li.pdpReviewListItemsQualityStars,
li.pdpReviewListItemsEffectivenessStars,
li.pdpReviewListItemsSatisfactionStars {
	padding:2px;
}

.pdpReviewListItemsReviewerTitle label,
.pdpReviewListItemsOverallStars label,
.pdpReviewListItemsReviewDate label,
.pdpReviewListItemsReviewerNickname label,
.pdpReviewListItemsReviewerAge label,
.pdpReviewListItemsReviewerGender label,
.pdpReviewListItemsReviewerCustom01 label,
.pdpReviewListItemsReviewerLocation label,
.pdpReviewListItemsQualityStars label,
.pdpReviewListItemsEffectivenessStars label,
.pdpReviewListItemsSatisfactionStars label {
	float:left;
	color:#666666;
	font-weight:bold;
	font-size:12px;
}

.pdpReviewListItemsQualityStars label,
.pdpReviewListItemsEffectivenessStars label,
.pdpReviewListItemsSatisfactionStars label {
	width:25%;
}

.pdpReviewListItemsReviewerTitle span {
	font-weight:bold;
	font-size:14px;
	color:#666666;
	padding-bottom:10px;
}

li.pdpReviewListItemsReviewDate,
li.pdpReviewListItemsReviewerNickname,
li.pdpReviewListItemsReviewerLocation  {
	padding-bottom:0px;
}

.pdpReviewListItemsQualityStars {
	margin-top:30px;
}


.pdpReviewListItemsOverallStars span,
.pdpReviewListItemsReviewDate span,
.pdpReviewListItemsReviewerNickname span,
.pdpReviewListItemsReviewerAge span,
.pdpReviewListItemsReviewerGender span,
.pdpReviewListItemsReviewerCustom01 span,
.pdpReviewListItemsReviewerLocation span,
.pdpReviewListItemsReviewerText span {
	float: left;
	font-size: 12px;
	color: #666666;
}

.pdpReviewListItemsOverallStars span,
.pdpReviewListItemsReviewDate span,
.pdpReviewListItemsReviewerNickname span,
.pdpReviewListItemsReviewerAge span,
.pdpReviewListItemsReviewerGender span,
.pdpReviewListItemsReviewerCustom01 span,
.pdpReviewListItemsReviewerLocation span,
.pdpReviewListItemsReviewerTitle span {
	text-transform:capitalize;
}

.pdpReviewListItemsQualityStars span,
.pdpReviewListItemsEffectivenessStars span,
.pdpReviewListItemsSatisfactionStars span {
	float: left;
	font-size: 12px;
	color: #666666;
}

.pdpReviewListItemsOverallStars span,
.pdpReviewListItemsQualityStars span,
.pdpReviewListItemsEffectivenessStars span,
.pdpReviewListItemsSatisfactionStars span {
	margin:2px 0 0 10px;
}

li.pdpReviewListItemsReviewerText {
	width:100%;
	padding:20px 0 30px 0;
	border-bottom:1px solid #c7c7c7 !important;
}

li.pdpReviewList h3 {
	text-transform:none;
	margin-bottom:20px;
}

.pdpReviewListItemsReviewerTitle label,
.pdpReviewListItemsReviewerText label {
	display:none;
}

.pdpReviewListItemsOverallStars label {
	float: left;
	margin-top:5px;
}

/* -- END REVIEW STYLE FIX -- */


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

.ShowCart.group.group1 {
	width:61.86440677966102%;
	float:left;
}

.ShowCart.group.group2 {
	width:36.016949152542374%;
	float:right;
}

@media only screen and (max-width:768px) {
	.ShowCart.group.group1 {
		width:100%;
		float:left;
	}
	
	.ShowCart.group.group2 {
		width:100%;
		float:right;
	}	
}

.action.continueButton.showCartContinueButton {
	width:100%;
}

.showCartContinueButton input[name="submitCartBtn"]{
	background:#ff5420;
	height:50px;
	width:100%;
	display:block;
	border:none;
	font-size:25px;
	font-family:"Oswald", sans-serif;
	color:#fff;
	font-weight:300;
	letter-spacing:1px;
	text-align:center;
	padding:0;
	text-transform:uppercase;
	cursor:pointer;
}

#productATC_btn a:hover{
	text-decoration:none;
}

.eCommerceEftPaymentMethodInfoPageIdentifier h1, .eCommerceEditCreditCardInfoPageIdentifier h1, 
.eCommercePaymentMethodInfoPageIdentifier h1, .eCommerceRecurrenceOrderDetailPageIdentifier h1, 
.eCommerceEditEftAccountInfoPageIdentifier h1, .eCommerceCreateCreditCardInfoPageIdentifier h1, 
.eCommerceUpdateAddressBookPageIdentifier h1, .eCommerceEditLoginInfoPageIdentifier h1, 
.eCommerceEditCustomerLoginPageIdentifier h1, .eCommerceEditCustomerPasswordPageIdentifier h1, 
.eCommerceReOrderItemsPageIdentifier h1, .eCommerceOrderHistoryPageIdentifier h1, 
.eCommerceRecurringOrderPageIdentifier h1, .eCommerceEditAddressBookPageIdentifier h1,
.eCommerceEditCustomerInfoPageIdentifier h1, .eCommerceOrderDetailPageIdentifier h1, .myAccountPageIdentifier h1,
.eCommerceShowcartPageIdentifier h1, .eCommerceForgotPasswordPageIdentifier h1, .contactUsPageIdentifier h1, #eCommerceMainPanel.mainPanel h1 {
	font-size: 25px;
	color: #414141;
	font-family: "Oswald", sans-serif;
	line-height: 30px;
	font-weight: 300;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin:10px 0;
}

#eCommerceMainPanel.mainPanel h3 {
}

.singlePageCheckoutPageIdentifier h1, .anonSinglePageCheckoutPageIdentifier h1{
	display:none;
}

.eCommerceLoginPageIdentifier h1 {
	display:none;
}

.cartTitle {
	width:100%;
	display:none;
}

#ptsShoppingCart .greenBar {
	display:none;
}

h3.cart-heading {
	font-size: 30px;
	color: #414141;
	font-family: "Oswald", sans-serif;
	line-height: 30px;
	font-weight: 300;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom:10px;
}
.OnePageCheckout.group.group3 {
    float: left;
    width: 100%;
    border-collapse: separate;
}

#superSaverBox {
	width:100%; 
	height:auto; 
	background-color:#f7f5f5; 
	padding:15px;
	float:left;
}

#superSaverBox_mob {
	display:none; 
}

@media (max-width:650px){
	

}

#vaBox {
	width:100%;
	float:left;
	clear:both;
	margin-bottom:10px;
	font-size:12px;
	background:#f7f5f5;
	padding:10px;
}

#vaBoxLogo {
	width:40%;
	float:left;
}

#vaBoxLogo img {
	width:100%;
}

#vaBoxCheck {
	width:10%;
	float:left;
}

#vaBoxText {
	width:50%;
	float:left;
	font-size:14px;
}

@media only screen and (max-width:768px) {
	#vaBoxLogo {
		width:20%;
	}
	#vaBoxCheck {
		width:5%;
	}
	#vaBoxText {
		width:75%;
	}
}

@media only screen and (max-width:475px) {
	#vaBoxLogo {
		width:20%;
	}
	#vaBoxCheck {
		width:7%;
	}
	#vaBoxText {
		width:73%;
	}
}

#warriorBox {
	width:100%;
	float:left;
	clear:both;
	margin-bottom:10px;
	font-size:12px;
	background:#f7f5f5;
	padding:10px;
}

#warriorBoxLogo {
	width:35%;
	float:left;
}

#warriorBoxLogo img {
	width:100%;
}

#warriorBoxCheck {
	width:10%;
	float:left;
}

#warriorBoxText {
	width:50%;
	float:left;
	font-size:14px;
}

@media only screen and (max-width:768px) {
	#warriorBoxLogo {
		width:20%;
	}
	#warriorBoxCheck {
		width:5%;
	}
	#warriorBoxText {
		width:75%;
	}
}

@media only screen and (max-width:475px) {
	#warriorBoxLogo {
		width:20%;
	}
	#warriorBoxCheck {
		width:7%;
	}
	#warriorBoxText {
		width:73%;
	}
}

.showCartPromoCode .displayBox h3 {
	background: url('/osafe_theme/images/site_images/cart/promo_title.jpg') no-repeat scroll 0% 0% transparent;
   	padding-bottom: 13px;
   	text-indent: -9999px;
	border:none;
	margin:0;
}

.showCartPromoCode ul.showCartPromoCode label {
	padding:0px 0;
}

.displayActionList.container.promoCode.showCartPromoCode div{
	display:block;
}

.showCartPromoCode ul.showCartPromoCode .boxList.promoCodeList {
	width:100%;
	float:left;
	padding:0;
}

.showCartPromoCode ul.showCartPromoCode .boxListItemTabular.actionResultItem.promoCodeItem label {
	font-size:14px;
	font-family: "Oswald", sans-serif;
	font-weight: 300 !important;
	text-decoration: none;
	color:#0B713F;
	padding:0;
}

.showCartPromoCode ul.showCartPromoCode .boxListItemTabular.actionResultItem.promoCodeItem span {
	font-size:15px;
	font-family: "Oswald", sans-serif;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	color:#0B713F;
}

.displayActionList.container.promoCode.showCartPromoCode li div label{
	padding:10px 0;
}

.showCartPromoCode ul.showCartPromoCode .boxListItemTabular.actionResultItem.promoCodeItem li.promoCode {
	width:25%;
	float:left;
	padding:0;
}

.showCartPromoCode ul.showCartPromoCode .boxListItemTabular.actionResultItem.promoCodeItem {
	border:1px dashed #999;
	background:#f7f5f5;
	padding:10px;
	position:relative;
}

.showCartPromoCode ul.showCartPromoCode .boxListItemTabular.actionResultItem.promoCodeItem li.promoDescription {
	width:55%;
	float:left;
	padding:0;
}

.showCartPromoCode ul.showCartPromoCode .boxListItemTabular.actionResultItem.promoCodeItem li.remove {
	width:10%;
	padding:0px;
	margin-top:10px;
	position: absolute;
	top: 0;
	right: 0;
}

.showCartPromoCode input#js_manualOfferCode {
	height:35px;
}

.showCartPromoCode label {
	text-align:left;
	font-weight:500;
} 

#eCommerceShowcart .boxListItemTabular.ShowCartOrderItems {
    display: table-row;
    float: left;
    margin: 5px 0px;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

#eCommerceShowcart label{
	font-weight:500;
	color:#0B713F;
}


#eCommerceShowcart .group4 ul.ShowCartOrderItems {
    width:100px;
    padding-left: 20px;
}

.eCommerceShowcart #superSaverBox .ssInnerBox {
	width:100%; 
}

.eCommerceShowcart #superSaverBox .superSaverBoxImage {
	text-align:center;
}

.eCommerceShowcart #superSaverBox .superSaverBoxImage img{
	width:100%;
}

.eCommerceShowcart #superSaverBox .ssInnerBox p{
	font-size:12px;
	color:#444;
	margin-bottom:0;
}

.eCommerceShowcart #superSaverBox .ssInnerBox h3{
	font-size: 15px;
	color: #414141;
	font-family: "Oswald", sans-serif;
	line-height: 22px;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: none;
	margin-bottom:10px;
	float:left;
	width:100%;
}

ul.supersaver-cart li{
	list-style:disc outside;
	font-size:12px;
	line-height:17px;
	margin-left:20px;
}

ul.supersaver-cart {
	float:left;
}

.eCommerceShowcart #superSaverBox_mob .ssInnerBox p{
	font-size:12px;
}

@media (max-width:850px){
	
	.eCommerceShowcart #superSaverBox .superSaverBoxImage {
		padding:0 0px 0px 0;
	}
}

@media (max-width:768px){
	
	.eCommerceShowcart #superSaverBox .superSaverBoxImage {
		float:left;
		padding:0 20px 0px 0;
	}
}

.ShowCartOrderItems a span {
	font-size:13px;
	text-decoration:none;
	margin-top:5px;
	color:#444;
}

.showCartOrderItemsItemPrice span {
	font-size:13px;
	margin-top:5px;
	color:#444;
}

.showCartOrderItemsItemTotal span {
	font-size:13px;
	margin-top:5px;
	color:#444;
}

li.showCartOrderItemsItemRecurrenceFlag input.js_recurrenceFlag {
	margin-top:9px;
}

li.showCartOrderItemsItemRecurrenceFlag {
	text-align:center;
}


li.showCartOrderItemsItemRecurrenceFreq {
	text-align:center;
}

li.showCartOrderItemsItemRecurrenceFreq select {
	margin-top:5px;
}

li.showCartOrderItemsItemUpdateButton label {
	display:none;
}

li.showCartOrderItemsItemRemoveButton label {
	display:none;
}

ul.promoCode.showCartPromoCode a.standardBtn.action {
	background: url('/osafe_theme/images/site_images/cart/applyCoupon_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:85px;
	height:35px;
}

ul.showCartPromoCode .actionResultItem.promoCodeItem li.remove a {
	background: url('/osafe_theme/images/site_images/cart/removeOffer_btn.png') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:28px;
	height:25px;
	display:block;
}

.boxListItemTabular.actionResultItem.promoCodeItem li.promoSummary {
}



.showCartPreviousButton a {
	background: none;
	border:none;
	width:147px;
	height:25px;
	color:#0000EE;
	text-decoration:underline;
	padding:0;
}

.orderConfirmContinueButton a.standardBtn.action{
	background: url('/osafe_theme/images/site_images/cart/continueBtn_2.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:147px;
	height:25px;
	float:right;
}

/* --- Facet Tool Tip --- */

.tooltipIcon {
    background: url("/osafe_theme/images/user_content/images/tooltipIcon.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    position: relative;
    top: 3px;
    width: 16px;
}

#tooltip {
    display: none;
    position: absolute;
    width: auto;
    z-index: 999;
}

.tooltipMiddle {
    background-color: #FFFFFF;  /* matches tooltipBottomArrow.png */
    background-position: left bottom;
    border: 1px solid #666666;  /* matches tooltipBottomArrow.png */
    float: left;
    padding: 5px;
    max-width: 200px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tooltipMiddle span {
    color: #666666;
}

.tooltipBottomArrow {
    background: url("/osafe_theme/images/user_content/images/tooltipBottomArrow.png") no-repeat scroll 5px 0 transparent;
    background-repeat: no-repeat;
    clear: both;
    height: 13px;
    position: relative;
    top: -1px;
    width: auto;
}

.tooltipTopArrow {
    background: url("/osafe_theme/images/user_content/images/tooltipTopArrow.png") no-repeat scroll 5px 0 transparent;
    background-repeat: no-repeat;
    clear: both;
    height: 13px;
    position: relative;
    top: 1px;
    width: auto;
}

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

/* === Log In Page === */

#eCommerceLoginContainer {
    margin-top: 30px;
}

#eCommerceLoginContainer label {
    width: 73px;
	float:left;
	margin-top:4px;
}

#eCommerceLoginContainer p.instructions {
	display: block;
	margin: 0px 0px 20px;
	font-size:12px;
}



.newCustomer.withGuestCheckoutOption {
    clear:none;
    float: left;
    margin: 0 0 20px;
    width: 33.3%;
}

.existingCustomer.withGuestCheckoutOption {
    clear:none;
    float: left;
    margin: 0 0 20px;
    width: 50%;
}

.guestCustomer {
    clear:none;
    float: left;
    margin: 0 0 20px;
    width: 33.3%;
}

.newCustomer {
    clear:none;
    float: left;
    margin: 0 0 0px;
    width: 50%;
}

.signInNewCustomer .newCustomer {
    clear:none;
    float: left;
    margin: 0 0 20px;
    width: 100%;
}

.signInNewGuestCustomer h3 {
	height: 30px;
	margin-bottom:10px;
}

.signInNewGuestCustomer.withGuestCheckoutOption h3 {
	background-repeat: no-repeat;
	height: 30px;
	margin-bottom:10px;
}

.newCustomer h3{
	text-indent: -9999px;
	background: url('/osafe_theme/images/site_images/cart/newCustomer_login.jpg') no-repeat scroll 0% 0% transparent;
	background-repeat: no-repeat;
	height: 40px;
}

#newCustomerForm input[name="continueBtn"] {
	text-indent:-9999px;
	border:none;
	width:170px;
	height:35px;
	background:url('/osafe_theme/images/site_images/cart/newCustomer_btn.jpg') no-repeat;
	margin:60px 0 20px 72px;
	display:block;
}

#newCustomerForm label {
	font-size:12px;
	color:#000;
}

.signInNewGuestCustomer.withGuestCheckoutOption {
	width:50%;
	float:left;
	margin:0;
}

.newGuestCustomer.signInNewGuestCustomer.withGuestCheckoutOption {
	width:50%;
	float:left;
	margin:0;
}

.registerAccountOnline {
	text-align:center;
}
	
.registerAccountOnline img {
	width:100%;	
}

.newGuestCustomer.signInNewGuestCustomer {
	width:40%;
	float:left;
	margin:0;
}

.newGuestCustomer.signInNewGuestCustomer ul {
	width:100%;
	float:left;
	margin:0;
}

.existingCustomer {
    clear:none;
    float: left;
    margin: 0px;
    width: 50%;
}

.newGuestCustomer.signInNewGuestCustomer ul.account-instructions {
	font-size:12px;
	list-style:disc inside;
	float:none;
	margin:0 0 20px 20px;
}

.newGuestCustomer.signInNewGuestCustomer ul.account-instructions li{
	margin:10px 0;
}

@media (max-width:650px) {
	.signInNewGuestCustomer.withGuestCheckoutOption, .existingCustomer, .existingCustomer.withGuestCheckoutOption, .newGuestCustomer.signInNewGuestCustomer, .newGuestCustomer.signInNewGuestCustomer.withGuestCheckoutOption {
		width:100%;
	}
}

.signInExistingCustomer .existingCustomer {
    clear:none;
    float: left;
    margin: 0 0 20px;
    width: 100%;
}

.existingCustomer h3{
	height: 30px;
	margin-bottom:10px;
}

#loginform input[name="signInBtn"] {
	text-indent:-9999px;
	border:none;
	width:115px;
	height:35px;
	background:url('/osafe_theme/images/site_images/cart/signIn_btn.jpg') no-repeat;
	display:block;
	cursor:pointer;
}

#loginform .entryField a.startRegistration {
	text-indent:-9999px;
	border:none;
	width:200px;
	height:35px;
	background:url('/osafe_theme/images/site_images/cart/startRegister_btn.jpg') no-repeat;
	display:block;
	cursor:pointer;
}

.vipLogin p.vipLoginInstruct {
	font-size:12px;
	text-transform:none; 
	margin:0; 
	font-family:Tahoma, sans-serif;
	margin-bottom:20px;
}

.vipLogin p.vipLoginTitle {
	margin-bottom:0;
}

.vipLogin hr {
	margin-bottom:30px;
	color:#C9D3BB;
	opacity:.5;
}

#loginform label {
	font-size:12px;
	color:#000;
}

#loginform a span {
	font-size:12px;
}

.signInGuestCustomer .guestCustomer {
    clear:none;
    float: left;
    margin: 0 0 20px;
    width: 100%;
}

.guestCustomer h3{
	text-indent: -9999px;
	background: url('/osafe_theme/images/site_images/cart/guestCustomer_login.jpg') no-repeat scroll 0% 0% transparent;
	background-repeat: no-repeat;
	height: 40px;
}

#newGuestCustomerForm input[name="guestCheckoutBtn"] {
	text-indent:-9999px;
	border:none;
	width:170px;
	height:35px;
	background:url(/osafe_theme/images/site_images/cart/guestCustomer_btn.jpg) no-repeat;
	margin:0px 0 0 72px;
	display:block;
	cursor:pointer;
}

@media (max-width:351px) {
	#newGuestCustomerForm input[name="guestCheckoutBtn"] {
		clear:both;
	}
}

#newGuestCustomerForm input#continueBtn {
	background: url('/osafe_theme/images/site_images/cart/newCustomer_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:170px;
	height:35px;
	margin:75px 0 10px 72px;
	clear:both;
	display:block;
	cursor:pointer;
}

@media (max-width:650px) {
	#newGuestCustomerForm input#continueBtn {
		margin:50px 0 10px 72px;
	}
}

input#newGuestCustomerEmail {
	float:left;
}

#eCommerceLoginContainer input[type="text"], #eCommerceLoginContainer input[type="password"] {
	width:200px;
	height:35px;
}

#guestCustomerForm label {
	font-size:12px;
	color:#000;
}

/* --- Payment Pages --- */

.OnePageCheckout.group.group1 {
	width:32%;
	float:left;
}

.OnePageCheckout.group.group2 {
	width:35%;
	float:left;
	border-right:1px solid #bfbfbf;
	border-left:1px solid #bfbfbf;
	padding:0 20px;
	min-height:500px;
}

.OnePageCheckout.group.group3 {
	width:32%;
	float:right;
	padding-left:10px;
}

.OnePageCheckout.group.group3 h3 {
	margin: 25px 0 10px;
	padding: 0 0 2px;
}

@media (max-width:768px){
	
	.OnePageCheckout.group.group1, .OnePageCheckout.group.group2, .OnePageCheckout.group.group3 {
		width:100%;
		border:none;
		padding:0 10px;
	}
	
	.OnePageCheckout.group.group2 {
		min-height:0;
	}
}

.js_onePageCheckoutStoreCredit .displayBox ul.displayActionList {
	padding: 5px;
    background: #f1fced;
    outline: 1px solid #003c1e;
}

.js_onePageCheckoutStoreCredit a.update {
	float: right;
    background: #7ca33b;
    border: none;
    cursor: pointer;
    height: 35px;
    margin: 0;
    padding: 0;
    width: 40%;
    color: white;
    font-family: "Oswald";
    text-align: center;
    text-transform: uppercase;
    padding-top: 7px;
    font-size: 15px;
}

.onePageCheckoutStoreCredit a.update:hover {
	text-decoration:none;
}

.header-points {
	text-align: left;
    font-size: 13px;
    float: left;
    clear: both;
    font-family: "Oswald", sans-serif;
    margin-right: 5px;
    /*border: 1px solid #e0e9d4;*/
    /*padding: 10px;*/
	margin-left:5px;
    /*background: #eef7e3;*/
    width: 75%;
    /* border-radius: 10px 0px 0px 10px; */
    margin-top: 5px;
}

.header-points a {
	color:#333;
}

@media only screen and (max-width: 650px) {
	.header-points {
		width:auto;
	}
}

@media only screen and (max-width: 530px) {
	.header-points {
		font-size:11px;
	}
}

@media only screen and (max-width: 450px) {
	.header-points {
		width:auto;
		text-align:center;
		float:none;
		font-size:14px;
		margin-bottom:10px;
	}
}

.registrationPersonalInfo {
    font-size: 15px;
    margin: 10px 0;
    width: 100%;
}

#eCommerceCartFootprintContainer ul {
	display:none;
}

.orderSummaryOrderItemsItemName a span {
	font-size:13px;
	text-decoration:none;
	margin-top:5px;
	color:#000;
}

.orderSummaryOrderItemsItemQty span, .orderSummaryOrderItemsItemPrice span, .orderSummaryOrderItemsItemTotal span {
	font-size:12px;
	color:#000;
}

.js_onePageCheckoutPromoCode .displayBox h3 {
}

.js_onePageCheckoutPromoCode label {
	text-align:left;
} 


.js_onePageCheckoutPromoCode {

}



#js_BILLING_ADDRESS_ENTRY h3 {
   	padding-bottom: 0px;
}

#js_SHIPPING_ADDRESS_ENTRY h3 {
   	padding-bottom: 0px;
}

#js_deliveryOptionBox h3 {

}

#js_remainingPayment {
	display:none;
	text-align: right;
	border-bottom: 1px dotted green;
	padding: 15px 5px 15px 0px;
}

.registrationCreateAccount .displayBox h3 {
   	padding-bottom: 10px;
}

.registrationBillingAddress .billingAddressInfoStateProvince label, 
.registrationBillingAddress .billingAddressInfoZipPostcode label, .registrationBillingAddress .billingAddressInfoCountry label {
	width:100%;
}

.registrationShippingAddress .shippingAddressInfoStateProvince label, 
.registrationShippingAddress .shippingAddressInfoZipPostcode label, .registrationShippingAddress .shippingAddressInfoCountry label {
	width:100%;
}

.registrationCreateAccount .createAccountEmailAddress label, .registrationCreateAccount .createAccountEmailAddressConfirm label,
.registrationCreateAccount .createAccountPassword label, .registrationCreateAccount .createAccountPasswordConfirm label {
	width:100%;
}

.createAccountEmailAddress input, .createAccountEmailAddressConfirm input,
.createAccountPassword input, .createAccountPasswordConfirm input {
	height:35px;
	width:90%;
}


.registrationBillingAddress .displayBox {
	width:70%;
}

.registrationShippingAddress .displayBox {
	width:70%;
}

.registrationCreateAccount .displayBox {
	width:70%;
}


.billingAddressInfoStateProvince select, .billingAddressInfoCountry select, .billingAddressInfoZipPostcode input{
	height:35px;
	width:90%;
}

.shippingAddressInfoStateProvince select, .shippingAddressInfoCountry select, .shippingAddressInfoZipPostcode input{
	height:35px;
	width:90%;
}

.onePageCheckoutPaymentOptions .displayBox h3 {

}

.onePageCheckoutPaymentOptions .displayBox h3.newCard {
    width: 90%;
    margin: 10px 0;
    padding: 10px 0 10px 0px;
    text-transform: uppercase;
	font-size:15px;
	font-family:'Oswald', sans-serif;
	text-decoration:underline;
	font-weight:300;
	cursor:pointer;
}

.checkoutOrderPayPalValidated .displayBox h3 {
	margin:0;
}

#createAccountEntry {
	clear: both;
	float: left;
	margin: 0px 0px 20px;
	width: 100%;
}

#createAccountEntryGuest {
	clear: both;
	float: left;
	margin: 0px 0px 20px;
	width: 100%;
}

#createAccountEntryGuest p{
	font-size:12px;
}

#createAccountEntry input {
	width:90%;
	height:35px;
}

#createAccountEntry.displayBox h3 {
   	padding-bottom: 10px;
}

#createAccountEntryGuest input {
	width:90%;
	height:35px;
}

#createAccountEntryGuest.displayBox h3 {
}

.registrationPersonalInfo #aboutYouEntry.displayBox {
	width:70%;
}

#aboutYouEntry.displayBox {
	width:100%;
}

#aboutYouEntry.displayBox .firstName input, #aboutYouEntry.displayBox .lastName input {
	width:50%;
}

@media only screen and (max-width:500px) {
	
#aboutYouEntry.displayBox {
	width:100%;
}
	
.registrationBillingAddress .displayBox {
	width:100%;
}
	
.registrationShippingAddress .displayBox {
	width:100%;
}
	
#emailPasswordEntry.displayBox {
	width:100%;
}
	
}

#aboutYouEntry.displayBox .personInfo label {
    width: 100%;
}

#aboutYouEntry.displayBox .personInfo .entryField.telephone input.phone3 {
	width:10%;
	height:35px;
	margin-right:10px;
}

#aboutYouEntry.displayBox .personInfo .entryField.telephone input.phone4 {
	width:15%;
	height:35px;
	margin-right:10px;
}


#newuserform #aboutYouEntry h3 {
   	padding-bottom: 10px;
	clear:both;
}

#singlePageCheckout .boxListItemTabular.OrderSummaryOrderItems {
    padding-bottom: 10px;
	border-bottom:1px solid #ccc;
}

#singlePageCheckout #aboutYouEntry h3 {
   	padding-bottom: 10px;
	clear:both;
}

#anonSinglePageCheckout #aboutYouEntry h3 {

}

ul.onePageCheckoutPromoCode a {
	background: url('/osafe_theme/images/site_images/cart/applyCoupon_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:172px;
	height:25px;
}

.onePageCheckoutPreviousButton a {
	background: url('/osafe_theme/images/site_images/cart/previous_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:122px;
	height:25px;
}

.continueButton.onePageCheckoutContinueButton {
	width:100%;
}

.onePageCheckoutContinueButton input[name="submitOrderBtn"] {
	background: #ff5420;
	height: 50px;
	width: 100%;
	display: block;
	border: none;
	font-size: 25px;
	font-family: "Oswald", sans-serif;
	color: #fff;
	font-weight: 300;
	letter-spacing: 1px;
	text-align: center;
	padding: 5px 0 0 0;
	text-transform: uppercase;
	cursor:pointer;
}

.action.continueButton.orderSummaryContinueButton input[name="submitOrderBtn"] {
	background: url('/osafe_theme/images/site_images/cart/payPal-submit.jpg') no-repeat scroll 50% center;
	text-indent: -9999px;
	border: none;
	width: 100%;
	height: 50px;
	cursor: pointer;
}

.checkoutOrderPayPalValidated {
	margin:20px 0 40px;
	float:left;
	width:100%;
}

.action.continueButton.orderSummaryContinueButton {
	background:#fdc339;
	width:30%;
	margin-top:30px;
}

@media (max-width:750px){

	.action.continueButton.orderSummaryContinueButton {
		width:50%;
	}
	
}
@media (max-width:550px){

	#aboutYouEntry.displayBox .personInfo .entryField.telephone input.phone3 {
		width:20%;
		height:35px;
		margin-right:10px;
	}
	
	#aboutYouEntry.displayBox .personInfo .entryField.telephone input.phone4 {
		width:25%;
		height:35px;
		margin-right:10px;
	}
		
	#aboutYouEntry.displayBox .firstName input, #aboutYouEntry.displayBox .lastName input {
		width:75%;
	}
	
}

@media (max-width:475px){

	.action.continueButton.orderSummaryContinueButton {
		width:100%;
	}
	
}

.anonSinglePagePayPalOrderSummary .boxList.cartList {
	float:left;
	margin-top:20px;
	width:100%;
}

.anonSinglePagePayPalOrderSummary .boxList.cartList h3 {
	margin:10px 0;
}

.anonSinglePagePayPalOrderSummary .boxListItemTabular .OrderSummaryOrderItems.group.group1 {
	width:10%;
	float:left;
	text-align:center;
}

.anonSinglePagePayPalOrderSummary .boxListItemTabular .OrderSummaryOrderItems.group.group2 {
	width:85%;
	float:right;
}

.anonSinglePagePayPalOrderSummary .boxListItemTabular .OrderSummaryOrderItems.group.group2 .orderSummaryOrderItemsItemQty, .anonSinglePagePayPalOrderSummary .boxListItemTabular .OrderSummaryOrderItems.group.group2 .orderSummaryOrderItemsItemPrice, .anonSinglePagePayPalOrderSummary .boxListItemTabular .OrderSummaryOrderItems.group.group2 .orderSummaryOrderItemsItemTotal {
	width:20%;
	float:left;
}

.anonSinglePagePayPalOrderSummary .container.orderItemsSummary.orderSummaryOrderItemsSummary {
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}

.anonSinglePagePayPalOrderSummary .container.billingAddress.orderSummaryBillingAddress, .anonSinglePagePayPalOrderSummary .container.shippingAddress.orderSummaryShippingAddress {
	float:left;
	clear:none;
	width:50%;
}


.boxListItemTabular.cartItem.OrderSummaryOrderItems {
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}

.checkoutOrderPayPalValidated .displayBox p.instructions {
	font-size:12px;
}

.payPalInfo h4 {
	display:none;
}

.js_creditCardEntry {

}

.js_eftAccountEntry {
}

#js_checkoutPaymentOptions .js_eftAccountEntry .entry.content label[for="content"] {
	display: none;
}

#js_checkoutPaymentOptions .entryField select#js_savedCard, #js_checkoutPaymentOptions .entryField select#js_savedEftAccount {
	width:90%;
	height:33px;
}

.singlePageCheckout select {
	width:90%;
	height:33px;
}

.js_shippingMethodsContainer {
	width:90%;
}

.OnePageCheckout.group.group2 .cartList {
	display: inline-block;
	width: 100%;
	border-top: 3px solid #067940;
	margin: 0px;
	padding-top: 15px;
}

.addressSelector.billingAddressInfoAddressSelector {
	padding: 0;
}

.addressSelector.billingAddressInfoAddressSelector label.radioOptionLabel {
	display:inline-block;
	float:left !important;
	padding-bottom:10px !important;
}

.addressSelector.billingAddressInfoAddressSelector a.standardBtn.action {
	float:left !important;
	margin-left:10px;
	background: url('/osafe_theme/images/site_images/cart/addNewAddressBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:175px;
	height:25px;
}

.addressSelector.billingAddressInfoAddressSelector label[for="BILLING_ADDRESSES"] {
	padding-bottom:5px;
	text-align:left;
	width:100% !important;
	float:left !important;
}

.addressSelector.shippingAddressInfoAddressSelector {
	padding: 0;
}

.addressSelector.shippingAddressInfoAddressSelector label.radioOptionLabel {
	display:inline-block;
	float:left !important;
	padding-bottom:10px !important;
}

.addressSelector.shippingAddressInfoAddressSelector a.standardBtn.action {
	float:left !important;
	margin-left:10px;
	background: url('/osafe_theme/images/site_images/cart/addNewAddressBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:175px;
	height:25px;
}

.addressSelector.shippingAddressInfoAddressSelector label[for="SHIPPING_ADDRESSES"] {
	padding-bottom:5px;
	text-align:left;
	width:100% !important;
	float:left !important;
}

.onePageCheckoutBillingAddress .billingAddressInfoSkipVerification {
    padding-bottom: 10px;
}

.onePageCheckoutBillingAddress .addressSelector.billingAddressInfoAddressSelector a.standardBtn.action {
	float:left !important;
	margin:5px 0;
	padding:0px;
	color:#414141;
	background: none;
	text-indent:0px;
	border:none;
	width:auto;
	height:auto;
	font-size:12px;
	text-decoration:underline;
	display:none;
}

.onePageCheckoutShippingAddress .addressSelector.shippingAddressInfoAddressSelector a.standardBtn.action {
	float:left !important;
	margin:5px 0;
	padding:0px;
	color:#414141;
	background: none;
	text-indent:0px;
	border:none;
	width:auto;
	height:auto;
	font-size:12px;
	text-decoration:underline;
	display:none;
}

.entry.fullName.shippingAddressInfoFullName label, .entry.address1.billingAddressInfoAddress1 label {
	margin-top:10px;
}

.onePageCheckoutBillingAddress {
	margin:0;
}

.onePageCheckoutBillingAddress .addressSelector.billingAddressInfoAddressSelector {
	padding: 0;
	margin:0;
}

.onePageCheckoutShippingAddress .addressSelector.shippingAddressInfoAddressSelector {
	padding: 0;
	margin:0;
}

.onePageCheckoutShippingAddress p.instructions {
	display:none;
}

.onePageCheckoutBillingAddress input, .onePageCheckoutBillingAddress select {
	width:90%; 
	height:35px;
}

.onePageCheckoutShippingAddress input, .onePageCheckoutShippingAddress select {
	width:90%;
	height:35px;
}

.onePageCheckoutShippingAddress .addressCheckbox input.checkbox {
	width:auto;
	height:auto;
}

.onePageCheckoutShippingAddress .shippingAddressSkipVerification {
    padding-bottom: 10px;
}

.onePageCheckoutPaymentOptions, .onePageCheckoutPaymentOptions .js_creditCardEntry {
	margin:0;
}

.onePageCheckoutPaymentOptions input, .onePageCheckoutPaymentOptions select {
	width:90%;
	height:35px;
}

.onePageCheckoutPaymentOptions label.radioOptionLabel input{
	width:auto;
	height:auto;
}

.registrationPreviousButton a {
	background: url('/osafe_theme/images/site_images/cart/backBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;
}

.registrationContinueButton a {
	background: url('/osafe_theme/images/site_images/cart/continueBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:125px;
	height:35px;
}

.forgotPasswordContinue input {
	background: url('/osafe_theme/images/site_images/cart/continueBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:125px;
	height:35px;
	padding-top:1px;
	cursor:pointer;
}

/* === My Account Pages ===*/

#eCommerceMyAccountContainer {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}

#eCommerceMyAccountContainer p {
	font-weight:300;
	font-size:15px;
	text-transform:none;
}

#eCommerceMyAccountContainer a {
	font-weight:300;
	font-size:15px;
}

.displayBoxList.purityvip-bar {
	margin-top:20px;
	text-align:center;
	max-width:950px;
	margin:0 auto;
}

.displayBoxList.purityvip-bar img{
	width:100%;
}

.vipbar-desktop {
	display:block;
}
.vipbar-mobile {
	display:none;
}

@media (max-width:550px) {
	.vipbar-desktop {
		display:none;
	}
	.vipbar-mobile {
		display:block;
		margin-bottom:20px;
	}
	
}

.displayBoxList.myAccountDisplayBoxList {
    width:80%;
    margin: 0 auto;
    margin-top: 50px;
    font-size:14px;
}

.displayBoxList.myAccountDisplayBoxList li{
    padding: 0;
}

.displayBoxList.myAccountDisplayBoxList a{
    color:#3b3b3b;
    text-decoration: underline;
}

.displayBox.myAccountMenuPersonalInfo, .displayBox.myAccountMenuAddressInfo, .displayBox.myAccountMenuPaymentMethodEftInfo, .displayBox.myAccountMenuOrderStatusInfo  {
    width:45%;
    float: left;
}

.displayBox.myAccountMenuLoginInfo, .displayBox.myAccountMenuPaymentMethodCCInfo, .displayBox.myAccountMenuRecurringOrderInfo {
    width:45%;
    float: right;
    clear: none;
    margin-right: 0%;
}

.displayBox.myAccountMenuPersonalInfo h2 {
   	padding-bottom: 0px;
	clear:both;
    border-bottom: 2px solid #067940;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
	line-height:22px;
}

.displayBox.myAccountMenuLoginInfo h2 {
   	padding-bottom: 0px;
	clear:both;
    border-bottom: 2px solid #067940;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
	line-height:22px;
}

.displayBox.myAccountMenuAddressInfo h2 {
   	padding-bottom: 0px;
	clear:both;
    border-bottom: 2px solid #067940;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
	line-height:22px;
}

.displayBox.myAccountMenuPaymentMethodCCInfo h2 {
   	padding-bottom: 0px;
	clear:both;
    border-bottom: 2px solid #067940;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
	line-height:22px;
}

.displayBox.myAccountMenuPaymentMethodEftInfo h2 {
    background: url('/osafe_theme/images/site_images/cart/eftPaymentMethods_title.jpg') no-repeat scroll 0% 0% transparent;
   	padding-bottom: 0px;
   	text-indent: -9999px;
	clear:both;
    border-bottom: 2px solid #067940;
}

.displayBox.myAccountMenuOrderStatusInfo h2 {
   	padding-bottom: 0px;
	clear:both;
    border-bottom: 2px solid #067940;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
	line-height:22px;
}

.displayBox.myAccountMenuRecurringOrderInfo h2 {
   	padding-bottom: 0px;
	clear:both;
    border-bottom: 2px solid #067940;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
	line-height:22px;
}

#recurringOrderDetailEspot.ptsSpot h3 {
   	text-indent: -9999px;
    margin-bottom: 15px;
}

#eCommerceRecurringOrderContainer .itemEditButton a.standardBtn{
	background: url('/osafe_theme/images/site_images/cart/editBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:80px;
	height:25px;
}

#eCommerceRecurringOrderContainer .recurringOrderPreviousButton a.standardBtn.negative {
	background: url('/osafe_theme/images/site_images/cart/backBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;
}



/*--- Personal Information ---*/

#creditCardNewAddress #js_CUSTOMER_ADDRESS_ENTRY select, #creditCardNewAddress #js_CUSTOMER_ADDRESS_ENTRY input, #creditCardInfo.displayBox select, #creditCardInfo.displayBox input {
	width:90%;
	height:35px;
}

#creditCardInfo.displayBox label.radioOptionLabel input, #creditCardInfo.displayBox label.radioOptionLabel span {
	height:auto;
	width:auto;
}

#creditCardNewAddress #js_CUSTOMER_ADDRESS_ENTRY.displayBox, #creditCardInfo.displayBox {
	width:50%;
}

#eCommerceUpdateAddressBook #js_CUSTOMER_ADDRESS_ENTRY {
    float: left;
    width: 50%;
}

#singlePageNewCheckoutAddress #js_CUSTOMER_ADDRESS_ENTRY {
    float: left;
    width: 50%;
}

@media (max-width:500px) {

	#eCommerceUpdateAddressBook #js_CUSTOMER_ADDRESS_ENTRY {
	    float: left;
	    width: 100%;
	}
	
	#singlePageNewCheckoutAddress #js_CUSTOMER_ADDRESS_ENTRY {
	    float: left;
	    width: 100%;
	}
	
}

#eCommerceUpdateAddressBook #js_CUSTOMER_ADDRESS_ENTRY .myAccountAddressBookSkipVerification {
    padding-bottom: 10px;
}

#eCommerceEditAddressBookContainer .shippingAddress p.instructions {
    display: block;
    margin: 0px 0px 5px;
    text-indent: -9999px;
}

#eCommerceUpdateAddressBook #js_CUSTOMER_ADDRESS_ENTRY h3 {
   	
}

#eCommerceUpdateAddressBook #js_CUSTOMER_ADDRESS_ENTRY h3 {

}

.container.billingAddress.orderSummaryBillingAddress .displayBox h3 {

}

.container.shippingAddress.orderSummaryShippingAddress .displayBox h3 {

}

.container.shippingGroupSummary.orderSummaryShippingGroupSummary .displayBox h3 {

}

#eCommerceUpdateAddressBook #js_CUSTOMER_ADDRESS_ENTRY p {
    font-size:14px;
}

#eCommerceUpdateAddressBook #js_CUSTOMER_ADDRESS_ENTRY label {
	width:90%;
}

#eCommerceUpdateAddressBook #js_CUSTOMER_ADDRESS_ENTRY input, #eCommerceUpdateAddressBook #js_CUSTOMER_ADDRESS_ENTRY select {
	width:90%;
	height:35px;
}

#singlePageNewCheckoutAddress #js_CUSTOMER_ADDRESS_ENTRY input, #singlePageNewCheckoutAddress #js_CUSTOMER_ADDRESS_ENTRY select {
	width:90%;
	height:35px;
}

#eCommerceEditCustomerInfoContainer .button a.standardBtn.negative {
	background: url('/osafe_theme/images/site_images/cart/backBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;
}

#eCommerceEditCustomerInfoContainer .button a.standardBtn.action {
	background: url('/osafe_theme/images/site_images/cart/continueBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:125px;
	height:35px;
	float:right;
}

.myAccountUpdateLogin .button a.standardBtn.negative {
	background: url('/osafe_theme/images/site_images/cart/backBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;
}

.myAccountUpdateLogin a.standardBtn.update {
	background: url('/osafe_theme/images/site_images/cart/editBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:80px;
	height:25px;
	float:right;
}

ul.displayActionList.emailAddress.updateLoginEmailAddress div, ul.displayActionList.password.updateLoginPassword div {
	width:100%;
	display:block;
}

#eCommerceEditAddressBookContainer a.standardBtn.update{
	background: url('/osafe_theme/images/site_images/cart/updateAddressBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:70px;
	height:25px;
}

#eCommerceEditAddressBookContainer a.standardBtn.delete{
	background: url('/osafe_theme/images/site_images/cart/deleteBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:80px;
	height:25px;
	padding:7px 10px;
}

#eCommerceEditAddressBookContainer .addressBookList .addressBookItem a.standardBtn.action{
	background: url('/osafe_theme/images/site_images/cart/setDefaultBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:120px;
	height:25px;
    float: none;
}

#eCommerceEditAddressBookContainer .addressContainer a.standardBtn.action{
	background: url('/osafe_theme/images/site_images/cart/addNewAddressBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:185px;
	height:35px;
    float: right;
}

#eCommerceEditAddressBookContainer .button a.standardBtn.negative {
	background: url('/osafe_theme/images/site_images/cart/backBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;
}

#eCommerceUpdateAddressBook a.standardBtn.action{
	background: url('/osafe_theme/images/site_images/cart/saveBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;
    float: right;
}

#eCommerceUpdateAddressBook .button a.standardBtn.negative {
	background: url('/osafe_theme/images/site_images/cart/backBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;
}

#eCommercePaymentMethodsContainer.creditCardPaymentMethods {
	border-bottom: 1px solid #067940;
    margin-bottom: 15px;
	height:30px;
	padding-top:27px;
}

#eCommercePaymentMethodsContainer.creditCardPaymentMethods #paymentMethodForm h3{
	font-weight:300;
	padding:20px 0;
}

#eCommercePaymentMethodsContainer.eftPaymentMethods {
	background: url('/osafe_theme/images/site_images/cart/eftPaymentMethods_title.jpg') no-repeat scroll 0% 0% transparent;
	border-bottom: 3px solid #067940;
    margin-bottom: 15px;
	height:30px;
	padding-top:27px;
	float:left;
}

#eCommercePaymentMethodsContainer .boxList.paymentMethodList {
	padding-top:10px;
}

#eCommercePaymentMethodsContainer a.standardBtn.update{
	background: url('/osafe_theme/images/site_images/cart/editSmBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:80px;
	height:25px;
}

#eCommercePaymentMethodsContainer a.standardBtn.delete{
	background: url('/osafe_theme/images/site_images/cart/deleteBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:80px;
	height:25px;
}

#eCommercePaymentMethodsContainer li.setAsDefaultButton a.standardBtn.action {
	background: url('/osafe_theme/images/site_images/cart/setDefaultBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:120px;
	height:25px;
    float: none;
}

#eCommercePaymentMethodsContainer .paymentMethodSummaryPreviousButton a.standardBtn.negative {
	background: url('/osafe_theme/images/site_images/cart/backBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;
}

#eCommercePaymentMethodsContainer .paymentMethodSummaryContinueButton a.standardBtn.action {
	background: url('/osafe_theme/images/site_images/cart/addNewCardsBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:170px;
	height:35px;
}

#eCommercePaymentMethodsContainer .boxListItemTabular {
    display: table-row;
    float: left;
    margin: 5px 0;
    width: 100%;
	border-bottom:1px solid #0b8046;
}

.confirmDialog {
	padding:10px;
}

.confirmDialog h3{
	font-size:17px;
	padding-bottom:10px;
}

.confirmDialog .confirmTxt{
	font-size:12px;
}

.confirmDialog .previousButton input.standardBtn.negative{
	background: url('/osafe_theme/images/site_images/cart/no_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:60px;
	height:25px;
    float: right;
}

.confirmDialog .continueButton input.standardBtn.positive{
	background: url('/osafe_theme/images/site_images/cart/yes_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:60px;
	height:25px;
    float: right;
}

.myAccountUpdateLogin h3 {
   	text-indent: -9999px;
	display:none;
}

.myAccountUpdateLogin li {
	height: 70px;
	padding: 15px 0px;
	border-bottom: 1px solid #ccc;
}

#eCommerceEditCustomerInfoContainer .editLoginInfo {
	padding: 15px 0px;
}

#eCommerceEditCustomerInfoContainer #emailPasswordEntry h3 {
}

#eCommerceEditCustomerInfoContainer #customerPasswordForm  h3 {
   	text-indent: -9999px;
	display:none;
}

#forgotPasswordEntry  h3 {
   	padding-bottom: 10px;
   	text-indent: -9999px;
    float: left;
}

#forgotPasswordEntry p {
    font-size: 13px;
}

#forgotPasswordEntry .entryField input.userName {
    width:250px;
	height:35px;
}

.container.button a.standardBtn.negative {
	background: url('/osafe_theme/images/site_images/cart/backBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;
}

.container.button a.standardBtn.action {
	background: url('/osafe_theme/images/site_images/cart/continueBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:125px;
	height:35px;
	float:right;
}


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

#eCommerceOrderDetail .orderDetailShippingGroup h4{
   	text-indent: -9999px;
	clear:both;
    margin: 30px 0 10px 0;
}

#eCommerceOrderDetail .orderDetailBillingAddress h3{
    margin-bottom: 10px;
}

#eCommerceOrderDetail .orderDetailPaymentInformation h3{
    margin-bottom: 10px;
}

#eCommerceOrderDetail .orderDetailBillingAddress {
    float: left;
    clear: none;
    width: 48%;
}

#eCommerceOrderDetail .orderDetailPaymentInformation {
    float: right;
    clear: none;
    width: 48%;
}

#eCommerceOrderHistoryContainer #ptsOrderStatus.ptsSpot {
    display: block;
    margin: 0px 0px 5px;
    text-indent: -9999px;
    padding-bottom: 10px;
}

#eCommerceOrderDetail .orderDetailShippingGroupShippingAddress {
    padding-bottom: 30px;
    border-bottom: 1px solid #067940;
}

#eCommerceOrderDetail .OrderDetailShippingGroupOrderItems {
    padding-bottom: 20px;
	padding-right:5px;
}

#eCommerceOrderDetail .orderDetailShippingGroupOrderItems {
    margin-bottom: 0;
}

#eCommerceOrderDetail span{
    font-size: 12px; 
}

#eCommerceOrderDetail .orderDetailPreviousButton {
    clear: both;
    padding-bottom: 20px;
}

#eCommerceOrderDetail .orderDetailPreviousButton a.standardBtn.negative {
	background: url('/osafe_theme/images/site_images/cart/backBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;
}

#eCommerceOrderHistoryContainer .orderHistoryOrderDetailsReorderButton {
    float:right;
    margin-top:8px;
}

.boxListItemTabular.order.OrderHistoryOrderDetails {
	border-top:1px solid #ccc;
}

#orderHistory_cart {
   	text-indent: -9999px;
	clear:both;
	height:30px;
}


#eCommerceOrderHistoryContainer .orderHistoryOrderDetailsReorderButton a.standardBtn.action {
    background: url('/osafe_theme/images/site_images/cart/reorderBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:90px;
	height:25px;
}

#eCommerceOrderHistoryContainer .orderHistoryPreviousButton a.standardBtn.negative {
	background: url('/osafe_theme/images/site_images/cart/backBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;
}

#eCommerceOrderHistoryContainer .orderHistoryContinueButton a.standardBtn.action {
    background: url('/osafe_theme/images/site_images/cart/reorderItemsBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:170px;
	height:35px;
}

#eCommerceOrderHistoryContainer ul.displayList.orderList.OrderHistoryOrderDetails {
    padding:15px 0 15px 0;
} 

#eCommerceOrderHistoryContainer li.orderHistoryOrderDetailsOrderNumber, #eCommerceOrderHistoryContainer li.orderHistoryOrderDetailsOrderDate, #eCommerceOrderHistoryContainer li.orderHistoryOrderDetailsOrderStatus,  
#eCommerceOrderHistoryContainer li.orderHistoryOrderDetailsOrderTotalAmount {
    width:15%;
} 

#eCommerceOrderHistoryContainer li.orderHistoryOrderDetailsTrackingNumber {
	width:auto;
}

/* --- My Super Saver --- */

#eCommerceRecurringOrderContainer #recurringOrderListEspot.ptsSpot {
    display: block;
    height:30px;
    margin: 0px 0px 5px;
    text-indent: -9999px;
    padding-bottom: 10px;
}

#eCommerceRecurrenceOrderDetailForm .recurringOrderDetailImage {
    float: left;
}

#eCommerceRecurrenceOrderDetailForm .RecurringOrderDetail.group1 {
    float: left;
	padding-right:10px;
}

#eCommerceRecurrenceOrderDetailForm .RecurringOrderDetail.group2 {
    float: left;
	width:75%;
}

#eCommerceRecurrenceOrderDetailForm .RecurringOrderDetail.group3 {
    float: left;
	clear:both;
	width:100%;
}

#eCommerceRecurrenceOrderDetailForm .RecurringOrderDetail.group4 {
    float: left;
	clear:both;
	width:100%;
}

.itemImage.recurringOrderItemsItemImage {width:20%;}

.itemQty.recurringOrderItemsItemQty, .itemShipDate.recurringOrderItemsItemShipDate, .itemPrice.recurringOrderItemsItemPrice, .itemStatus.recurringOrderItemsItemStatus {width:12%;}

#eCommerceRecurrenceOrderDetailForm .RecurringOrderDetail.group2 .recurringOrderDetailName span {
    font-size:12px;
}

#eCommerceRecurrenceOrderDetailForm .RecurringOrderDetail.group2 .recurringOrderDetailPrice label {
	padding-top:0;
}

#eCommerceRecurrenceOrderDetailForm .RecurringOrderDetail.group2 .recurringOrderDetailPrice span {
	font-size:12px;
}

#eCommerceRecurrenceOrderDetailForm .RecurringOrderDetail.group5 {
    clear: both;
    float: left;
    margin-top: 60px;
    width: 100%;
}

#eCommerceRecurrenceOrderDetailForm .recurringOrderDetailShipAddressAction a.standardBtn {
    margin:30px 0 0 100px;
	background: url('/osafe_theme/images/site_images/cart/addAddress_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:110px;
	height:25px;
    float: left;
}

#eCommerceRecurrenceOrderDetailForm .recurringOrderDetailNewCCAction a.standardBtn {
    margin:30px 0 0 5px;
	background: url('/osafe_theme/images/site_images/cart/addCC_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:130px;
	height:25px;
    float: left;
}

#eCommerceRecurrenceOrderDetailForm .recurringOrderDetailNewEFTAction a.standardBtn {
    display:none;
}

#eCommerceRecurrenceOrderDetailForm .previousButton {
    float: left;
    clear: both;
    margin: 20px 0 0;
}

#eCommerceRecurrenceOrderDetailForm .previousButton a.standardBtn.negative {
	background: url('/osafe_theme/images/site_images/cart/backBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;    
}

#eCommerceRecurrenceOrderDetailForm .continueButton a.standardBtn.positive{
	background: url('/osafe_theme/images/site_images/cart/saveBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;
    float: right;
}

#recurringOrderDetailEspot .boxhead {
	font-size:12px;
}

/*--- Payment Information ---*/



.paymentMethodItemList li.paymentMethodItemsCardNumber, .paymentMethodItemList li.paymentMethodItemsNameOnCard, .paymentMethodItemList li.paymentMethodItemsExpirationDate {
    width: 15%
}

.paymentMethodItemList li.paymentMethodItemsCardType {
    width: 10%;
}

.paymentMethodItemList li div {
    height: 45px;
}

.paymentMethodItemsSetAsDefaultButton {
    float: right !important; 
}

.paymentMethodEFTItemList li.paymentMethodEFTItemsAccountName, .paymentMethodEFTItemList li.paymentMethodEFTItemsRoutingNumber {
    width: 15%
}

.paymentMethodEFTItemList li.paymentMethodEFTItemsBankName, .paymentMethodEFTItemList li.paymentMethodEFTItemsAccountNumber, .paymentMethodEFTItemList li.paymentMethodEFTItemsAccountType {
    width: 10%;
}

.paymentMethodEFTItemList li div {
    height: 45px;
}

.paymentMethodEFTItemsSetAsDefaultButton {
    float: right !important; 
}

#eCommercePaymentMethodsContainer .paymentMethodEFTSummaryPreviousButton a.standardBtn.negative {
	background: url('/osafe_theme/images/site_images/cart/backBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:145px;
	height:25px;
}

#eCommercePaymentMethodsContainer .paymentMethodEFTSummaryContinueButton a.standardBtn.action {
	background: url('/osafe_theme/images/site_images/cart/addEftBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:125px;
	height:25px;
}

#eCommerceEditCustomerInfoContainer #creditCardInfo h3 {
   	padding-bottom: 10px;
	display:none;
	clear:both;
}

#eCommerceEditCustomerInfoContainer #eftAccountInfo h3 {
	background: url('/osafe_theme/images/site_images/cart/addChangeEft_title.jpg') no-repeat scroll 0% 0% transparent;
   	padding-bottom: 10px;
   	text-indent: -9999px;
	clear:both;
}

#eCommerceEditCustomerInfoContainer #eftAccountInfo .selectOption a.standardBtn.action {
	margin-left:10px;
	background: url('/osafe_theme/images/site_images/cart/addNewAddressBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:185px;
	height:35px;
}

#eCommerceEditCustomerInfoContainer #creditCardInfo .selectOption a.standardBtn.action {
	margin:20px 0;
	background: url('/osafe_theme/images/site_images/cart/addNewAddressBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:185px;
	height:35px;
}


/* --- Address Book --- */

.addressBookItem {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #ccc;
    min-height: 200px;
    width: 33.3%!important;
    padding: 10px 20px 40px 20px; /* Bottom padding covers absolute position buttons below */
    position: relative;
	float:left;
	margin-bottom:20px;
}

.addressBookItem:nth-child(3n+3) {
	border:none;
}

.addressBookItem .button {
    bottom: 10px;
    margin: 10px 0 0;
    position: absolute;
}

.addressBookItem .standardBtn  {
    margin: 0 0 5px;
}

/* --- Order Status --- */

#staticWrap input#checkOrderStatus {
	background: url('/osafe_theme/images/site_images/cart/checkOrderStatus_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:205px;
	height:35px;
    cursor: pointer;
}

	.dropdown_parent input#checkOrderStatus {
	    background: #7ca33b;
	    border: none;
	    cursor: pointer;
	    float: right;
	    height: 33px;
	    margin: 0;
	    padding: 0;
	    width: 100%;
		color:white;
		font-family:"Oswald";
		text-transform:uppercase;
	}

.string.orderNumber {
    
}

.OrderHistoryOrderDetails.group.group2 li {
    width: 32%;
}


/* --- Order Detail --- */

.OrderDetailOrderItems li,
.OrderDetailOrderItems li.itemQty {
    width: 12.5%!important;
}

.OrderDetailOrderItems li.orderDetailOrderItemsItemTotal  {
    float: right;
    padding-right: 0 !important;
}

/* --- Re-order Product Page --- */

#eCommerceReOrder .reorderItemsSummaryPreviousButton a.standardBtn.negative {
	background: url('/osafe_theme/images/site_images/cart/backBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:100px;
	height:35px;    
}

#eCommerceReOrder .reorderItemsSummaryContinueButton a.standardBtn.action {
	background: url('/osafe_theme/images/site_images/cart/reorderSelectedBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:235px;
	height:35px;    
}
#eCommerceReOrder .reorderItemsSummaryItems h3{
   	text-indent: -9999px;
	clear:both;
    margin-top: 30px;
}

#eCommerceReOrder .boxListItemTabular {
	border-bottom:1px solid #ccc;
}



#eCommerceReOrder .ReorderItems {
    padding:10px 0 15px 0;
}

.displayList.orderItemList > li {
    padding: 10px 0 0;
}

.itemName.reorderItemsItemName {
	width:25%
}

.itemLastOrderDate.reorderItemsItemLastOrderDate {
	width:15%;
}

.itemQty.reorderItemsItemQty {
	width:15%;
}

.itemPrice.reorderItemsItemPrice {
	width:15%;
}

.itemDescription.reorderItemsItemDescription {
    width: 150px !important;
}

/* --- Upsell --- */

#upSellThankyou {
	width: 70%;
	margin-left: 25px;
	float: left;
	font-size: 35px;
	padding-bottom: 10px;
	color: #1A6737;
	font-weight: 400;
	font-family:"Oswald";
	text-transform:uppercase;
}

#upSellProduct {
    float: left;
    padding-bottom: 25px;
	width:20%
}

#upSellProduct img {
	width:100%;
	height:100%;
}

#upSellOffer {
    float: left;
    margin: 0 0 0 25px;
	width:60%;
	color: #1A6737;
	font-weight: 700;
	text-transform: uppercase;
}

#upSellProductName {
	font-size: 30px;
	color: #414141;
	font-family: "Oswald", sans-serif;
	line-height: 30px;
	font-weight: 300;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	float: left;
	margin: 15px 25px 0;
}

#upSellBullets {
    float: left;
    margin: 20px 0px 10px 20px;
	width:60%;
}

#upSellBullets ul {
	list-style-type: none !important;
	padding: 0px;
	margin-top: 0;
	margin-left: 10px;
}

#upSellBullets li {
	background-image: url(/osafe_theme/images/site_images/product/productBullet-2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	padding-left: 25px;
	font-size: 20px;
	color: #414141;
	padding-bottom: 3px;
	font-family: "Oswald", sans-serif;
	font-weight: 300;
}

#upSellText {
    float: left;
    width: 75%;
    font-size: 18px;
    margin-top: 20px;
	margin-left:20px;
	font-family:"Oswald", sans-serif;
	font-weight:300;
}

#upSellDisclaimer {
    border: 1px solid black;
    padding: 10px;
    float: left;
    margin-top: 20px;
    font-size: 12px;
}

.upSell .container.button {
    clear: none;
    float: left;
    margin: 20px 0 0;
    width: 100%;
	text-align:right;
}

.upSell .container.button input[name="Accept"] {
	background: #ff5420;
	border:none;
	color:white;
	text-transform:uppercase;
	font-family:'Oswald', sans-serif;
	font-size:16px;
	font-weight:300;
	padding:10px;
	cursor:pointer;
}

.upSell .container.button input[name="Decline"] {
	background: none;
	border:none;
	width:110px;
	height:35px;
	cursor:pointer;
	text-decoration:underline;
}

/* --- Order Confirmation --- */

#multiPageOrderConfirm {
    font-size: 12px;
}

#multiPageOrderConfirm .OrderConfirmOrderItems.group.group1 {
	width:10%;
	float:left;
}

#multiPageOrderConfirm .OrderConfirmOrderItems.group.group2 {
	width:50%;
	float:left;
}

#multiPageOrderConfirm .OrderConfirmOrderItems.group.group3 {
	width:40%;
	float:right;
	text-align:right;
}

#multiPageOrderConfirm .OrderConfirmOrderItems {
    padding: 0 5px 10px;
}

#multiPageOrderConfirm .boxListItemTabular.cartItem.OrderConfirmOrderItems {
	border-bottom:1px solid #e8e8e8;
}

@media only screen and (max-width:650px) {
	
	#multiPageOrderConfirm .OrderConfirmOrderItems.group.group1 {
		width:12%;
		float:left;
	}
	
	#multiPageOrderConfirm .OrderConfirmOrderItems.group.group2 {
		width:50%;
		float:left;
	}
	
	#multiPageOrderConfirm .OrderConfirmOrderItems.group.group3 {
		width:38%;
		float:right;
		text-align:right;
	}
	
}

@media only screen and (max-width:500px) {
	
	#multiPageOrderConfirm .OrderConfirmOrderItems.group.group1 {
		width:25%;
		float:left;
	}
	
	#multiPageOrderConfirm .OrderConfirmOrderItems.group.group2 {
		width:75%;
		float:left;
	}
	
	#multiPageOrderConfirm .OrderConfirmOrderItems.group.group3 {
		width:75%;
		float:left;
		text-align:left;
	}
	
	#multiPageOrderConfirm .OrderConfirmOrderItems {
    	padding: 0 5px 5px;
	}
	
}

#multiPageOrderConfirm .string.itemName.orderConfirmOrderItemsItemName {
	width:100%;
}

#multiPageOrderConfirm .displayList.address {
    display: inline-block;
    float: none;
    width: 100%;
	min-height:150px;
    font-size: 13px;
	padding:10px;
	border:1px solid #ccc;
	border-top:15px solid #ccc;
}

#multiPageOrderConfirm .boxListItemTabular.shipItem.shippingGroupSummary .displayList.address {
    display: inline-block;
    float: none;
    width: 100%;
    font-size: 13px;
	padding:0px;
	border:none;
	min-height:auto;
}

#multiPageOrderConfirm .displayDetail.creditCardInfo {
    display: inline-block;
    float: none;
    width: 100%;
    font-size: 13px;
	padding:10px;
	border:1px solid #aaa;
	border-top:15px solid #ccc;	
}

#multiPageOrderConfirm .orderConfirmBillingAddress {
    width: 49%;
    float: left;
    clear: none;
}

#multiPageOrderConfirm .orderConfirmBillingAddress h3{
   	padding-bottom: 10px;
    margin-bottom: 0px;
}

#multiPageOrderConfirm .orderConfirmShippingAddress {
    width: 49%;
    float: right;
    clear: none;
}

#multiPageOrderConfirm .orderConfirmShippingAddress h3{
   	padding-bottom: 10px;
    margin-bottom: 0px;
}

#multiPageOrderConfirm .paymentInformation h3{
   	padding-bottom: 10px;
    margin-bottom: 0px;
}

#multiPageOrderConfirm .orderConfirmShippingGroupSummary {
    margin-top: 20px;
}

@media only screen and (max-width:500px) {
	#multiPageOrderConfirm .orderConfirmShippingAddress, #multiPageOrderConfirm .orderConfirmBillingAddress {
		width:100%;
	} 
}




#multiPageOrderConfirm .shippingGroupSummary {
    border: none;
}

#multiPageOrderConfirm .orderConfirmExportToPdfButton a.standardBtn.action {
	background: url('/osafe_theme/images/site_images/cart/printPdf_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:165px;
	height:35px;
	float:right;
}

#multiPageOrderConfirm form#orderCompleteForm .boxList.cartList {
	float:left;
	border-top:15px solid #ccc;
	width:100%;
	margin-bottom:10px;
}

#multiPageOrderConfirm form#orderCompleteForm .shippingGroupCartItem.grouping1 {
	border-right:1px solid #ccc;
	padding:10px 20px 20px;
}

#multiPageOrderConfirm form#orderCompleteForm .shippingGroupCartItem.grouping2 {
	padding-left:10px;
}

#multiPageOrderConfirm form#orderCompleteForm .boxListItemTabular.shipItem.shippingGroupSummary {
	margin:0;
}

#multiPageOrderConfirm form#orderCompleteForm .container.shippingGroupSummary.orderConfirmShippingGroupSummary h4 {
	font-family: "Oswald", sans-serif;
	line-height: 18px;
	font-size: 18px;
	color: #525252;
	font-weight: 400;
	padding-bottom:10px;
	text-transform: uppercase;
}

#multiPageOrderConfirm form#orderCompleteForm .container.shippingGroupSummary.orderConfirmShippingGroupSummary .boxList.cartList {
	border:1px solid #ccc;
	border-top:15px solid #ccc;
}

#multiPageOrderConfirm .container.orderItemsSummary.orderConfirmOrderItemsSummary {
	padding-right:10px;
}

#multiPageOrderConfirm .OrderConfirm.group.group1 {
	float:left;
	border:1px solid #ccc;
	width:100%;
}

#multiPageOrderConfirm .action.exportToPdfButton.orderConfirmExportToPdfButton {
	float:right;
	margin:0 0 20px 0;
}


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

.myAccountUpdateLogin label {
    width: 100% !important;
	text-align:left;
}

.myAccountUpdateLogin span {
    display: inline-block;
    margin: 0 0 15px 0;
    width: auto; /* to accommodate usernames and password lengths */
}

#changePassword h3 {
   	padding-bottom: 10px;
   	text-indent: -9999px;
	clear:both;
}

#changePassword input {
	width:30%;
	height:35px;
}

#changePassword input[name="continueBtn"] {
	text-indent:-9999px;
	border:none;
	width:125px;
	height:35px;
	background:url(/osafe_theme/images/site_images/cart/continueBtn.jpg) no-repeat;
	display:block;
}

/* --- SS VIP Login  --- */

#vipLogin_container {
	width:100%;
	margin:0 auto;
}

#loginTop_ssvip{
	max-width:621px;
	margin:0 auto;
}

#loginTop_ssvip img {
	width:100%;
	height:100%;
}

#loginExisting_ssvip{
	width:50%;
	float:left;
	margin:25px 0 0 0;
}

#loginNew_ssvip{
	width:50%;
	float:left;
	margin:25px 0 0 0;
}

.loginFields_existing {
    width:90%; 
	margin:0 auto;

}

.loginFields_existing p, .loginFields_new p {
	margin:0 0 10px;
	padding:0;
}



.loginFields_new {
    width:90%; 
	margin:0 auto;
}

.loginFields_existing input {
    float:left; 
    font-size:11px; 
    width:80%; 
    height:35px; 
    margin-bottom:10px; 
    margin-left:0px;
}

.loginFields_existing label {
    display:block; 
    float:left; 
    font:Arial, Helvetica, sans-serif; 
    font-size:10px; 
    margin-bottom:0px;
	width:100%;
	text-align:left;
}

.loginFields_new input {
    float:left; 
    font-size:11px; 
    width:80%; 
    height:35px; 
    margin-bottom:10px; 
    margin-left:0px;
}

.loginFields_new label {
    display:block; 
    float:left; 
    font:Arial, Helvetica, sans-serif; 
    font-size:10px; 
    margin-bottom:0px;
	width:100%;
	text-align:left;
}

#loginExisting_ssvip input[name="signInBtn"] {
	text-indent:-9999px;
	border:none;
	width:200px;
	height:35px;
	background:url(/osafe_theme/images/site_images/cart/existingCustomer_btn.jpg) no-repeat;
	display:block;
    margin: 10px auto;
	float:none;
	text-align:center;
}

#loginNew_ssvip input[name="continueBtn"] {
	text-indent:-9999px;
	border:none;
	width:170px;
	height:35px;
	background:url(/osafe_theme/images/site_images/cart/newCustomer_btn.jpg) no-repeat;
	display:block;
    margin: 10px auto;
	float:none;
	text-align:center;
}

.ssvip_links {
	padding-top:20px;
	text-align:center;
	clear:both;
}

.ssvip_links a{
	float:none !important;
}

#loginTop_ssvip_email{
	width:621px;
	height:247px;
	margin:0 0 0 52px;
}

/* End VIP Login*/

/* VIP Homepage */

.vip-hp-box {
	display:inline-block;
	position:relative;
}

.vip-price-box {
	position:absolute;
	bottom:0px;
	right:0px;
	font-family:'Oswald', sans-serif;
	color:white;
	background:red;
	padding:10px 25px;
	text-align:center;
	text-transform:uppercase;
	line-height:17px;
}

.fifty-left .vip-price-box, .fifty-right .vip-price-box, .forty-left .vip-price-box, .forty-right .vip-price-box {
	margin-bottom:1%;
}

.vip-price {
	font-size:18px;
	font-weight:400;
	display:block;
}

.vip-list-price {
	font-size:15px;
	text-decoration:line-through;
	display:block;
}

.vipDisclaimer {
	font-size: 11px;
	padding: 5px;
	border: 1px solid #666666;
	margin-bottom: 5px;
	text-align: center;
	color: #666666;	
}

.hpDisclaimer {
	font-size: 13px;
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
	color: #666666;	
}

@media (max-width:768px) {

	.vip-price-box {
		padding:3px 7px;
		line-height:14px;
	}
	
	.vip-price {
		font-size:12px;
	}
	
	.vip-list-price {
		font-size:10px;
	}
	
}

@media (max-width:480px) {

	.sixty-left .vip-price-box, .sixty-right .vip-price-box {
		margin-bottom:5px;
	}
	
	.fifty-left .vip-price-box, .fifty-right .vip-price-box, .forty-left .vip-price-box, .forty-right .vip-price-box {
		margin-bottom:5px;
	}
	
	.fifty-left, .fifty-right, .forty-left .vip-hp-box {
		display:none;
	}
	
	.fifty-left.vipoints, .fifty-right.vipgift {
		display:block;
	}
}




/*
.vip-price-box {
	position:absolute;
	top:10px;
	right:5px;
	font-family:'Oswald', sans-serif;
	font-weight:300;
	text-transform:uppercase;
	font-size:15px;
	color:white;
	background:url(/osafe_theme/images/site_images/ssvip/vip-price-burst.png) no-repeat;
	height:75px;
	width:63px;
	padding:10px 10px;
} */

/* End VIP Homepage */

.signInErpCustomer input#returnCustomerEmail {
    width:250px;
}

.signInErpCustomer .signInErpCustomerCreditCardMatch input {
    width:250px;
}

.signInErpCustomer .signInErpCustomerCreditCardMatch .entryField {
    font-size: 12px;
}

.signInErpCustomer .entry label {
    width:200px;
}

.signInErpCustomer .signInErpCustomerPassword input.password {
    width:250px;
}

.signInErpCustomer .signInErpCustomerPassword span.entryHelper {
    margin:3px 0 0 50px;
}

.signInErpCustomer .signInErpCustomerPasswordConfirm input.password {
    width:250px;
}

.signInErpCustomer .signInErpCustomerContinueButton input {
	background: url('/osafe_theme/images/site_images/cart/continueBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:112px;
	height:25px;
}

.newOnlineCustomerReg .continueButton {
    float: left;
    margin: 20px 0 0 200px;
}

.newOnlineCustomerReg .signInErpCustomer .signInErpCustomerContinueButton input {
	background: url('/osafe_theme/images/site_images/cart/continueBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:125px;
	height:35px;
}

.newOnlineCustomerReg #newCustomerForm input[name="continueBtn"] {
	text-indent:-9999px;
	border:none;
	width:170px;
	height:35px;
	background:url(/osafe_theme/images/site_images/cart/newCustomer_btn.jpg) no-repeat;
	margin:0px;
	display:block;
}

.newOnlineCustomerReg .signInErpCustomer .signInNewErpCustomerContinueButton input {
	text-indent:-9999px;
	border:none;
	width:170px;
	height:35px;
	background:url(/osafe_theme/images/site_images/cart/guestCustomer_btn.jpg) no-repeat;
	margin:0px;
	display:block;
}

.newOnlineCustomerReg .vipLogin .signInVipContinueButton input {
	background: url('/osafe_theme/images/site_images/cart/continueBtn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:125px;
	height:35px;
}


.newOnlineCustomerReg .vipLogin .logInVipContinueButton input[name="signInBtn"] {
	text-indent:-9999px;
	border:none;
	width:175px;
	height:35px;
	background:url('/osafe_theme/images/site_images/cart/supersaverLogin_btn.jpg') no-repeat;
	display:block;
	cursor:pointer;
	margin:0;
}

.logInVipContinueButton a span {
	font-size:12px;
	float:left;
}

.vipPassTxt {
	font-size:12px;
	font-weight:bold;
	margin-top:20px !important;
}

.vipInfo {
	float:left;
	width:40%;
}

.vipInfo img {
	width:100%;
}

.vipInfoFull {
	display:block;
}

.vipInfoHalf {
	display:none;
}

.vipLogin {
	float:right;
	width:58%;
	margin-top:30px;
}

.vipLogin p {
	font-size:18px;
	margin:10px 0 20px;
	font-family:'Oswald', sans-serif;
	font-weight:300;
	text-transform:uppercase;
}

.vipLogin .entryField {
	margin: 0 0 10px 0px;
	float: left;
	clear: right;
	width: 60%;
}

.vipLogin .entryField input {
	height:35px;
	width:95%;
}

.vipLogin .entryForm label {
	text-align:right;
	width:35%;
	padding-right:10px;
}

.vipLogin .entryForm.logInVip label {
	text-align:right;
	width:25%;
	padding-right:10px;
}

.vipLogin .entry .standardBtn {
	margin:0;
}

@media (max-width:700px) {
	.vipInfo {
		float:left;
		width:100%;
	}
	
	.vipLogin {
		width:100%;
		margin-top:0;
	}
	
	.vipInfoFull {
		display:none;
	}

	.vipInfoHalf {
		display:block;
	}
	
	.vipLogin .entryField {
		width: 100%;
	}
	
	.vipLogin .entryForm label {
		width:100%;
		text-align:left;
	}
	
	.vipLogin .entryForm.logInVip label {
		width:100%;
		text-align:left;
	}
	
}

@media (max-width:450px) {
	.vipInfoFull {
		display:block;
	}

	.vipInfoHalf {
		display:none;
	}
}

/* Register Account */

.registerInfoBox {
	float:left; 
	width:39%; 
	border:1px solid #c0d2b4; 
	background-color:#eef7e3; 
	padding:20px;
}

.registerInfoBox p {
	font-size:14px;
	color:#525252;
}

.registerInfoBox ul {
	list-style:disc inside none;
}

.registerInfoBox li {
	margin-left:20px;
	color:#525252;
	font-size:14px;
	padding-bottom:10px;
}

.registerInfoBox ul.sub  {
	margin-top:10px;
	list-style:square inside none;
	
}

.registerLookup {
	width:55%;
	float:right;
}

.registerLookup .entryField {
	margin: 0 0 10px 0px;
	float: left;
	clear: right;
	width: 60%;
}

.registerLookup .entryForm.lookupForm label {
	text-align:right;
	width:25%;
	padding-right:10px;
}



.registerLookup .entryField select, .registerLookup .entryField input {
	height:35px;
	width:95%;
}

.registerLookup label {
	text-align:right;
	width:25%;
	padding-right:10px;
}

.registerLookup input[name="Submit"] {
	text-indent:-9999px;
	border:none;
	width:135px;
	height:35px;
	background:url('/osafe_theme/images/site_images/cart/activate_btn.jpg') no-repeat;
	display:block;
	cursor:pointer;
	margin:10px 0 0 0;
}

.registerLookup input[name="signInBtn"] {
	text-indent:-9999px;
	border:none;
	width:115px;
	height:35px;
	background:url('/osafe_theme/images/site_images/cart/signIn_btn.jpg') no-repeat;
	display:block;
	cursor:pointer;
	margin:10px 0 0 0;
}

.registerLookup input[name="EmailPassword"] {
	text-indent:-9999px;
	border:none;
	width:180px;
	height:35px;
	background:url('/osafe_theme/images/site_images/cart/emailPassword_btn.jpg') no-repeat;
	display:block;
	cursor:pointer;
	margin:10px 0 0 0;
}

.registerLookup input[name="SMSPassword"] {
	text-indent:-9999px;
	border:none;
	width:180px;
	height:35px;
	background:url('/osafe_theme/images/site_images/cart/textPassword_btn.jpg') no-repeat;
	display:block;
	cursor:pointer;
	margin:10px 0 0 0;
}

@media (max-width:700px) {
	.registerInfoBox {
		width:100%;
	}
	.registerLookup {
		width:100%;
	}
}

@media (max-width:480px) {
	.registerLookup .entryForm.lookupForm label {
		text-align:left;
		width:100%;
		padding-right:10px;
	}
	.registerInfoBox {
		display:none;
	}
}

.input-disabled {
	background:white;
}

/* === Shopping Cart Page Defaults === */

.displayList.cartItemList > li {
    margin: 10px 0 0;
}

.itemQty,
.itemUpdateButton,
.itemRemoveButton {
    display: inline-block !important;
}

.itemUpdateButton,
.itemRemoveButton {
/*
    padding: 0!important;
*/
}

/* --- Show Cart Groups --- */

.OrderSummaryOrderItems.group.group1 {
	width:25%;
	float:left;
}

.boxListItemTabular .OrderSummaryOrderItems.group.group2 {
	width:75%;
	float:right;
}

li.itemName.orderSummaryOrderItemsItemName {
	width:100%;
}

li.itemQty.orderSummaryOrderItemsItemQty {
	float:left;
	text-align:left;
}

li.itemQty.orderSummaryOrderItemsItemQty div label{
	text-align:left;
}

li.itemPrice.orderSummaryOrderItemsItemPrice {
	float:left;
	text-align:left;
	clear:both;
}

li.itemRecurrenceFreq.orderSummaryOrderItemsItemRecureenceFreq {
	float:left;
	text-align:left;
}

li.itemTotal.orderSummaryOrderItemsItemTotal {
	float:right;
	text-align:left;
}

.OrderSummaryOrderItems.group.group3 {
	width:75%;
	float:right;
}

.OrderSummaryOrderItems.group.group2 li.orderSummaryOrderItemsItemQty span, .OrderSummaryOrderItems.group.group2 li.orderSummaryOrderItemsItemRecurrenceFreq span {
	font-weight:bold;
}

.OrderSummaryOrderItems.group.group4 {
	width:70%;
	float:right;
}

.boxListItemTabular.OrderSummaryOrderItems {
	border-bottom:1px solid #bfbfbf;
	padding-bottom:20px;
}



.boxListItemTabular.cartItem .group2,
.boxListItemTabular.order .group2,
.boxListItemTabular.orderItem .group2 {
   width: 100%;
}

.boxListItemTabular.cartItem .group1 {
	width:10%;
	float:left;
	text-align:center;
}

.boxListItemTabular.cartItem .group2 {
	width:90%;
	float:left;
}

.boxListItemTabular.cartItem .group2 .itemTotal {
	float:right;
}

.boxListItemTabular.cartItem .group3,
.boxListItemTabular.order .group3,
.boxListItemTabular.orderItem .group3 {
}

.boxListItemTabular.ReorderItems .group3 {

}

.boxListItemTabular.cartItem.OrderSummaryOrderItems .group3 {/*
	background: none repeat scroll 0px 0px #E5F4D5;
	border-left: 1px solid #4A7B22;
    */
}

.boxListItemTabular.cartItem .group4 {
	
}

.showCartOrderItemsSummary li.showCartOrderItemsSummaryPromoDiscount, .showCartOrderItemsSummary li.showCartOrderItemsSummaryPromoDiscount label {
	color:red;
}

.js_onePageCheckoutOrderItemsSummary li.orderSummaryOrderItemsSummaryPromoDiscount, li.orderSummaryOrderItemsSummaryPromoDiscount label {
	color:red;
}

.boxListItemTabular.cartItem .group5 {

}

.displayList.cartItemList label {
    float: none;
    padding: 0;
}

.OnePageCheckout .displayList.cartItemList .orderSummaryOrderItemsItemName label, .OnePageCheckout .displayList.cartItemList .orderSummaryOrderItemsItemQty label, .OnePageCheckout .displayList.cartItemList .orderSummaryOrderItemsItemRecurrenceFreq label {
	display:none;
}

.OnePageCheckout .displayList.cartItemList > li {
	margin:0;	
}

.OnePageCheckout li.orderSummaryOrderItemsItemImage a.delete {
	display:none;
}

.firstRow label {
    visibility: visible !important;
}

.itemName {
width: 20%;
}

@media only screen and (max-width:540px) {
	.itemName {
		width: 100%;
	}
	.boxListItemTabular.cartItem .group1 {
		width:20%;
		float:left;
	}

	.boxListItemTabular.cartItem .group2 {
		width:80%;
		float:left;
	}
}

.itemDescription {
width: 26%;
}

.itemTotal,
.reorderItemsItemPrice,
.orderTotalAmount   {

}

.itemDescription div label {
    text-align: left;
}

.itemDescription .productFeature div {
    height: auto !important;
    padding: 0 !important;
}

.productFeature div span {
    text-align: left;
}

.itemQty {

}

.itemQty div label {
    text-align: left;
}

.itemQty div input {
    display: block;
    margin: 5px auto 0;
    text-align: center;
    width: 30px;
}

.itemOfferPrice {

}

.itemUpdateButton {

}

.itemUpdateButton div {
    padding: 0;
}

.itemUpdateButton .update {  
	
    /*background: url("/osafe_theme/images/user_content/images/cartUpdate.png") no-repeat scroll 0 0 transparent;*/
	background:none;
    border: medium none;
    display: block!important;
    height: 18px;
    margin: 22px 0 0;
    padding: 0;
    position: relative;
}

.itemUpdateButton .update:hover {
    /*background: url("/osafe_theme/images/user_content/images/cartUpdate.png") no-repeat scroll 0 0 transparent;*/
    border: none!important;
}

.itemUpdateButton .update span {
	font-size:10px;
}

.itemQty div {
    padding: 0;
}

.itemQty .update {  
	
    /*background: url("/osafe_theme/images/user_content/images/cartUpdate.png") no-repeat scroll 0 0 transparent;*/
	background:none;
    border: medium none;
    display: block!important;
    height: 18px;
    margin: 0;
    padding: 0;
    position: relative;
}

.itemQty .update:hover {
    /*background: url("/osafe_theme/images/user_content/images/cartUpdate.png") no-repeat scroll 0 0 transparent;*/
    border: none!important;
}

.itemQty .update span {
	font-size:10px;
	text-align:center;
}

.itemRemoveButton {
    width: 40px!important;
}

.itemRemoveButton .delete {
    background: url("/osafe_theme/images/user_content/images/cartRemove.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: block!important;
    height: 35px;
    margin: 0 0 0 -6px;
    padding: 0;
    position: relative;
    width: 40px!important;
}

.itemRemoveButton .delete:hover {
    background: url("/osafe_theme/images/user_content/images/cartRemove.png") no-repeat scroll 0 0 transparent;
    border: none!important;
}

.itemRemoveButton .delete span {
    display: none!important;
}

.showCartOrderItemsItemImage .delete {
    background: url("/osafe_theme/images/user_content/images/cartRemove.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: block!important;
    height: 35px;
    margin: 10px 0 0 3px;
    padding: 0;
    position: relative;
    width: 40px!important;
}

.showCartOrderItemsItemImage .delete span {
    display: none!important;
}

.showCartOrderItemsItemImage .delete:hover {
    background: url("/osafe_theme/images/user_content/images/cartRemove.png") no-repeat scroll 0 0 transparent;
    border: none!important;
}

.showCartOrderItemsItemQty .delete {
    background: url("/osafe_theme/images/user_content/images/cartRemove.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: block!important;
    height: 35px;
    margin: 10px 0 0 3px;
    padding: 0;
    position: relative;
    width: 40px!important;
}

.showCartOrderItemsItemQty .delete span {
    display: none!important;
}

.showCartOrderItemsItemQty .delete:hover {
    background: url("/osafe_theme/images/user_content/images/cartRemove.png") no-repeat scroll 0 0 transparent;
    border: none!important;
}

.itemCheckbox {
    max-width: 120px !important;
}

.itemCheckbox div input {
    display: block;
    margin: 0 auto;
    text-align: center;
}

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

.LightBoxOrderItems.group1 li {
    padding: 0 !important;
}

.LightBoxOrderItems.group2 {
   float: left !important;
}

.LightBoxOrderItems.group2 li {
    float: none;
    padding: 0 !important;
}

.LightBoxOrderItems.group2 li.currency span {
    text-align: left;
}

.boxListItemTabular.cartItem .LightBoxOrderItems.group3 {
     clear: none;
     float: right;
}

.lightBoxOrderItemsItemTotal {

}


/* --- Promo Code --- */ 


/* --- Loyalty Points --- */

.loyaltyPointItem li.input input {
    display: inline-block;
    width: 60px;
}

.loyaltyPointItem li.input .standardBtn.update {
    background: url("/osafe_theme/images/user_content/images/cartUpdate.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    display: inline-block;
    height: 18px;
    padding: 0;
    position: relative;
    top: 5px;
    width: 18px;
}

.loyaltyPointItem li.input .standardBtn.update span {
    display: none;
}

/* --- Shipping Instructions --- */

.shippingInstructions label {
    width: auto !important;
}

.multiAddress a,
.shippingGroupSummary a {
    border-bottom: 1px dotted;
    color: #666;
}

.multiAddress a:hover,
.shippingGroupSummary a:hover {
    border-bottom: 1px solid;
    text-decoration: none;
}

.multiAddressItemAddress,
.multiShipOptionsShipOptions  {
    width: 275px!important;
}


.multiShipOptions .radioOptionText {
     max-width: 60%;
}

.multiAddressItemAddress .entry.radioOption {
    border: medium none;
    margin: 5px 0 0;
    padding: 0;
}

.multiShipOpionsOptions .entry.radioOption {
    border-bottom: 1px dotted;
    margin: 5px 0 0;
    padding: 0;
}


/* === Store Locator ===*/

.StoreLocatorItems.group2 {
    float: right;
}

.storeLocatorItemsDistance {
    max-width: none !important;
    width: 90px !important;
}

.storeLocatorItemsNotice {
    max-width: none !important;
    width: 190px;
}

.storeLocatorItemsHours {
    max-width: none !important;
    width: 170px;
}

.storeCity, 
.storeState,
.storeZip {
    display: inline-block !important;
}

.action.walkingIcon.storeLocatorItemsWalkingIcon .storeDetailIcon {
    background-image: url("/osafe_theme/images/user_content/images/storeDetailIcon.png");
    background-repeat: no-repeat;
    display: block;
    font-size: 15px;
    height: 23px;
    width: 29px!important;
}

.drivingDirectionIcon {
    background-image: url("/osafe_theme/images/user_content/images/drivingDirection.png");
    background-repeat: no-repeat;
    display: block;
    font-size: 15px;
    height: 23px;
    width: 29px!important;
}

.walkingDirectionIcon {
    background-image: url("/osafe_theme/images/user_content/images/walkingDirection.png");
    background-repeat: no-repeat;
    display: block;
    font-size: 15px;
    height: 23px;
    width: 29px!important;
}

.bicyclingDirectionIcon {
    background-image: url("/osafe_theme/images/user_content/images/bicyclingDirection.png");
    background-repeat: no-repeat;
    display: block;
    font-size: 15px;
    height: 23px;
    width: 29px!important;
}

.selectStoreButton {
    clear: left;
    max-width: 160px!important;
}

/* --- Google Map --- */

.storeLocatorGoogleMap {
    float: left;
    padding: 20px 0;
    width: 100%;
}

.mapCanvas {
    border: 1px solid #666666;
    margin: 0 auto;
    width: 75% !important;
}

.mapCanvas.mapCanvasWithDirection {
    float: left;
    height: 400px !important; 
    width: 50% !important;
}

.mapDirection {
    float: right;
    height: auto!important;
    width: 50%;
}

.routeDirection {
    height: 400px !important;
    overflow-y: auto;
}

.closeDirection {
    float: right;
    margin: 10px 0 0 0;
}

.adp-placemark {
    margin: 0!important; /* Google CSS override */
}



/* === FootPrint === */

#eCommerceCartFootprintContainer {

}

#eCommerceCartFootprintContainer li {
    color: #FFFFFF;
    float: left;
    margin: 0;
    padding-left: 30px;
    width: 20%;
}

#eCommerceCartFootprintContainer li span {
    display: inline-block;
    padding: 6px 0;
    vertical-align: middle;
}

#eCommerceCartFootprintContainer li a {
	color: #ffffff;
	text-decoration: none;
}

#eCommerceCartFootprintContainer li a:hover {
	text-decoration: underline;
}

#eCommerceCartFootprintContainer li.first {
    background: url("/osafe_theme/images/user_content/images/first.png") no-repeat scroll 0 0 #666666;
}

#eCommerceCartFootprintContainer li.first span {
    color: #ffffff
}

#eCommerceCartFootprintContainer li.on {
    background: url("/osafe_theme/images/user_content/images/current-on.png") no-repeat scroll 0 0 #666666;
}

#eCommerceCartFootprintContainer li.on span {
    color: #ffffff
}

#eCommerceCartFootprintContainer li.current {
    background: url("/osafe_theme/images/user_content/images/current-on.png") no-repeat scroll 0 0 #666666;
}

#eCommerceCartFootprintContainer li.current span {
    color: #ffffff
}

#eCommerceCartFootprintContainer li.next {
    background: url("/osafe_theme/images/user_content/images/next.png") no-repeat scroll 0 0 #C7C7C7;
}

#eCommerceCartFootprintContainer li.off,
#eCommerceCartFootprintContainer li.last {
    background: url("/osafe_theme/images/user_content/images/off.png") no-repeat scroll 0 0 #C7C7C7;;
}

#eCommerceCartFootprintContainer li#confirmation.off,
#eCommerceCartFootprintContainer li#confirmation.last { 

}

#eCommerceCartFootprintContainer li#confirmation.off span,
#eCommerceCartFootprintContainer li#confirmation.last span { 
    background: url("/osafe_theme/images/user_content/images/last-off-top.png") no-repeat scroll right top transparent;
    width: 100% !important;
}

#eCommerceCartFootprintContainer li#confirmation.next { 
    background: url("/osafe_theme/images/user_content/images/last-next.png") no-repeat scroll 0 0 transparent;
}

#eCommerceCartFootprintContainer li#confirmation.current { 
   padding-right: 15px;
    background: url("/osafe_theme/images/user_content/images/last-on.png") no-repeat scroll 0 0 transparent;
}

/* === Wish List Page === */

.showWishlistOrderItemsItemName {
    width: 170px !important;
}

.showWishlistOrderItemsItemDescription {
    width: 150px !important;
}

.itemAddToCartButton,
.reorderButton  {
    display: list-item!important;
    text-align: center!important;
}


/* === Payment Method === */

.ebsCheckoutImage {
    display: inline-block;
    height: 90px;
    width: 80px;
}

.ebsCheckoutImage span {
   display: none;
}

.payNetzCheckoutImage {
    display: inline-block;
    height: 68px;
    width: 129px;
}

.payNetzCheckoutImage span {
   display: none;
}

.payPalCheckoutImage { /* Checkout; Order Summary */
    background: url("https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif") no-repeat scroll 50% center;
    display: inline-block;
    height: 42px;
    width: 145px;
}

.eCommerceShowcart .payPalCheckoutImage { /* Checkout; Order Summary */
    background: url("/osafe_theme/images/site_images/cart/payPal-cart.jpg") no-repeat scroll 50% center;
    display: inline-block;
    height: 50px;
    width: 185px;
}

#js_checkoutPaymentOptions .payPalCheckoutImage { /* Checkout; Order Summary */
    background: url("/osafe_theme/images/site_images/cart/payPal-checkout.jpg") no-repeat scroll 50% center;
    display: inline-block;
    height: 40px;
    width: 200px;
}

.checkoutPayPal .paypal {
	margin:10px 0;
	height:40px;
}
.paypal {
	background:#fdc339;
	margin-bottom:10px;
}

.paypal label {
	display:none;
}

.showCartPayPal {
	width:185px;
	margin:0 auto;
}

.paypal .entry {
	width:200px;
	margin:0 auto;
}

.payPalCheckoutImage span { /* Checkout; Order Summary */
      display: none;
}

.payPalImage { /* Order Confirmation */
    background: url("/osafe_theme/images/user_content/images/payPalConfirmation.png") no-repeat scroll 50% center;
    display: inline-block;
    height: 23px;
    position: relative;
    top: 0px;
    width: 90px;
}

.payPalImage span { /* Order Confirmation */
   display: none;
}

.ccvContainer {
    display: inline-block;
    margin: 0 15px 10px 0;
}

.ccvContainer span {
    display: block;
}

.ccvContainer + .ccvContainer {
    margin: 0;
}

/* === Previously Purchased Products === */

.ReorderItems_Group_1 {
    float: left;
}

.ReorderItems_Group_2 {
    float: left;
}

.ReorderItems_Group_3 {
    float: right;
}

.itemCheckbox div input {
    display: block;
    margin: 0 auto;
    text-align: center;
}

/* === Error Messages  === */

.content-messages {
    clear: left;
    color: #000000;
    float: left;
    margin: 10px 0;
    padding: 10px;
    width: 100%;
}

.content-messages p {
    font-size: 16px;
	margin: 1px 0 0 35px;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	font-weight:300;
}

.content-messages ul {
    clear: left;
    float: left;
    margin: 5px 0 0 50px;
}

.content-messages ul li {
    margin: 5px 0 0;
	font-family: "Oswald", sans-serif;
	font-weight:300;
}

.eCommerceErrorMessage {
    border: 1px solid #F00;
    background-color: #FBE7E8; /* Light Red */
}

.eCommerceErrorMessage .errorImage {
    background-image: url("/osafe_theme/images/user_content/images/errorIcon.png");
    background-position: 50% center;
    background-repeat: no-repeat;
    float: left;
    height: 24px;
    width: 24px;
}

.eCommerceSuccessMessage {
	border: 1px solid #b1bf9a;
	background-color: #eef9dd; /* Green */
}

.eCommerceSuccessMessage .eventImage {
    background-image: url("/osafe_theme/images/user_content/images/successIcon.png");
    background-position: 50% center;
    background-repeat: no-repeat;
    float: left;
    height: 24px;
    width: 24px;
}

.eCommerceWarningMessage {
	border: 1px solid #ffcb61;
	background-color: #FFFF99; /* Yellow */
}

.eCommerceWarningMessage .infoImage {
    background-image: url("/osafe_theme/images/user_content/images/warningIcon.png");
    background-position: 50% center;
    background-repeat: no-repeat;
    float: left;
    height: 24px;
    width: 24px;
}

.inError, .inError:focus {
    background: none repeat scroll 0 0 #FBE7E8 !important;
    border: 1px solid #C00000 !important;
}

.fieldErrorMessage {
    display: inline-block;
}

.fieldErrorMessage li {
    color: #FF0000;
    font-size: 12px;
}

.pagingContainer {
    float: left;
    margin: 10px 0 0;
    width: 100%;
}

.paginationContainer {
    float: right;
    font-size: 14px;
}

#pageLink a {
    border-bottom: 1px dotted;
}

#pageLink a:hover {
    border-bottom: 1px solid;
}

#nextPageLink a {
    border-bottom: 1px dotted;
    margin: 0 0 0 5px;
}

#nextPageLink a:hover {
    border-bottom: 1px solid;
}

#prevPageLink a {
    border-bottom: 1px dotted;
    margin: 0 5px 0 0;
} 

#prevPageLink a:hover {
    border-bottom: 1px solid;
}

/* === Dialog Box Styles ===*/

#search_displayDialog {
    max-width: 600px !important;
}

#storePickup_displayDialog {
    max-width: 900px !important;
}

#pincodeChecker_displayDialog {
    max-width: 600px !important;
}

#confirm_displayDialog {
    max-width: 600px !important;
}

#confirm_displayDialog .previousButton, #confirm_displayDialog .continueButton {
    margin:10px 0;
}

#lightCart_displayDialog {
    max-height: 420px !important;
}

/* === Static Page and User Content Styles === */

@font-face {
    font-family: 'MuseoSlab700';
    src: url('/osafe_theme/images/fonts/Museo_Slab_700-webfont.eot');
    src: url('/osafe_theme/images/fonts/Museo_Slab_700-webfont.eot?iefix') format('eot'),
         url('/osafe_theme/images/fonts/Museo_Slab_700-webfont.woff') format('woff'),
         url('/osafe_theme/images/fonts/Museo_Slab_700-webfont.ttf') format('truetype'),
         url('/osafe_theme/images/fonts/Museo_Slab_700-webfont.svg#webfont8VbsAwew') format('svg');
    font-weight: normal;
    font-style: normal;
	color:#16603d;

}

@font-face {
    font-family: 'MuseoSlab900';
    src: url('/osafe_theme/images/fonts/Museo_Slab_900-webfont.eot');
    src: url('/osafe_theme/images/fonts/Museo_Slab_900-webfont.eot?iefix') format('eot'),
         url('/osafe_theme/images/fonts/Museo_Slab_900-webfont.woff') format('woff'),
         url('/osafe_theme/images/fonts/Museo_Slab_900-webfont.ttf') format('truetype'),
         url('/osafe_theme/images/fonts/Museo_Slab_900-webfont.svg#webfont8VbsAwew') format('svg');
    font-weight: normal;
    font-style: normal;
	color:#16603d;

}

.advisors .col-sm-6 {
	margin:20px 0;
}

@media only screen and (max-width:1000px) {
	.advisors .col-sm-6 {
		width:100%;
	}
}

.advisors h3 {
	padding-bottom:30px;
	font-size:30px;
}

@media only screen and (max-width:600px) {

	.advisors h3 {
		padding-bottom:20px;
		font-size:20px;
	}

}

.advisors h3 span {
	font-size:20px;
}

.advisors p {
    font-family: Tahoma, sans-serif;
    font-size: 14px;
}

.advisors img {
	margin:0;
}

.museoText {
	font-family: MuseoSlab700, Arial, sans-serif;
}


#staticWrap {
    width:100%;
    margin:25px 0;
}


.static-video-box {
	float: right;
	width: 35%;
	margin-left: 20px;	
}

@media only screen and (max-width:600px) {
	.static-video-box {
		float:none;
		width: 75%;
		text-align: center;
		margin: 20px auto;
	}
}

@media only screen and (max-width:400px) {
	.static-video-box {
		float:none;
		width: 100%;
		text-align: center;
		margin: 20px auto;
	}
}

.contactUsEmailAddress input, .contactUsReasonForContact select, .contactUsPhoneContact input, .contactUsOrderNumber input {
	height:35px;
}

.contactUsReasonForContact select {
	width:30%;
}

.contactUsFirstName input, .contactUsLastName input, .contactUsEmailAddress input {
	width:50%;
}

.contactUsOrderNumber input {
	width:30%;
}

.contactUsComment textarea {
	width:50%;
}

.contactUsPhoneContact .phone3 {
	width:10%
}

.contactUsPhoneContact .phone4 {
	width:15%
}

@media only screen and (max-width:480px) {
	
	.contactUsFirstName input, .contactUsLastName input, .contactUsEmailAddress input, .contactUsOrderNumber input, .contactUsComment textarea, .contactUsReasonForContact select {
		width:100%;
	}
	
	.contactUsPhoneContact .phone3 {
		width:20%
	}
	
	.contactUsPhoneContact .phone4 {
		width:35%
	}
	
}

#contactUsEntry p.instructions {
	font-size:13px;
}

#contactUsEntry .contactUsSubmitButton input.standardBtn.action {
	background: url('/osafe_theme/images/site_images/cart/submit_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:105px;
	height:35px;
	cursor:pointer;
}

#emailUnsubscribe .contactUsSubmitButton input.standardBtn.action {
	background: url('/osafe_theme/images/site_images/cart/submit_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:85px;
	height:25px;
	cursor:pointer;
}

#ptsContactUs {
   	padding-bottom: 10px;
	margin-bottom:10px;
	clear:both;
}

#header-image {
	
}

#header-image img {
	height:100%;
	width:100%;
}

#header-image-mob {
	display:none;
}

#header-image-mob img {
	display:none;
}

.updateCreditCard {
	margin-top:20px;
}

#miniCC {
	background:url(/osafe_theme/images/site_images/company/miniCC.jpg) no-repeat; 
	width:185px;
	height:30px;
	margin:10px 0 0 0;
	float:left;
}

.updateCreditCard #ccupdateButton button {
    margin:30px 0 0 0;
	background: url('/osafe_theme/images/site_images/cart/submit_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:105px;
	height:35px;
    float: left;
	cursor:pointer;
}

.updateCreditCard p.secureInformation {
	width:300px;
	float:left;
	font-size:12px;
}

.updateCreditCard .entry {
	height:35px;
}

.updateCreditCard p {
	font-size:12px;
}

.updateCreditCard .entry label {
	width:120px;
}

.updateCreditCard h2 {
    font-size: 25px;
	color: #414141;
	font-family: "Oswald", sans-serif;
	line-height: 30px;
	font-weight: 300;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 10px 0;
}

.productCategory {
    color: #16603D;
    font-weight: bold;
    font-size: 16px;
    font-family: MuseoSlab700,Arial,sans-serif;
}

h3.productCategory {
	font-size: 25px;
	color: #414141;
	font-family: "Oswald", sans-serif;
	line-height: 30px;
	font-weight: 300;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom:20px;
}

@media only screen and (max-width:768px) {
	
	h3.productCategory {
		font-size: 25px;
		color: #414141;
		font-family: "Oswald", sans-serif;
		line-height: 25px;
		font-weight: 300;
		text-decoration: none;
		letter-spacing: 2px;
		text-transform: uppercase;
		margin-bottom:20px;
	}
}

h3.static-title {
	height: 30px;
	font-size: 30px;
	color: #414141;
	font-family: "Oswald", sans-serif;
	line-height: 18px;
	font-weight: 300;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
}

h4.productCategory {
    color: #16603D;
    font-size: 18px;
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    margin:20px 0;
}

#staticWrap p, #staticWrap li {
    font-family: Tahoma, sans-serif;
    color:#666;
    font-size: 14px;
}

.vipDetails {
	margin:25px 0;
}

.vipDetails p {
	font-size:16px;
	font-family: "Oswald", sans-serif;
	font-weight:200;
}

.vipDetails li {
	font-size:16px;
	padding-bottom:20px;
	font-family: "Oswald", sans-serif;
	font-weight:200;
	list-style:outside;
} 

.staticContent p {
    display: block;
    margin: 0 0 20px;
}


.vipDetails-image {
	float:right;
	padding-left:20px;	
}

.vipDetails-image img {
	width:100%;
	float:right;
}

@media only screen and (max-width:750px) {
	.vipDetails-image img {
		width:90%;
	}
}

@media only screen and (max-width:605px) {
	.vipDetails-image {
		width:65%;
		float:none;
		margin:0 auto;
		padding:0;
	}
	
	.vipDetails-image img {
		width:100%;
		padding-bottom:30px;
	}
}


.staticContent ul,
.termsAndConditions ul,
.longDescription ul, 
.deliveryInfo ul,
.salesPitch ul,
.ingredients ul,
.specialInstructions ul,
.warnings ul {
    list-style: disc inside none;
}

.staticContent ul li ul,
.termsAndConditions ul li ul,
.longDescription ul li ul, 
.deliveryInfo ul li ul,
.salesPitch ul li ul
.ingredients ul li ul,
.specialInstructions ul li ul,
.warnings ul  li ul {
    list-style: circle inside none;
    margin: 0 0 0 15px;
}

#careerBox{
	max-width:500px;
	height:auto;
	text-align:left;
	background-color:#16603d;
	padding:20px; 
    margin:0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

p.bluebox{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#FFFFFF;
	font-style:italic;
}

h3.career{
	color:#ffffff;
    padding-bottom:10px;
    text-transform: uppercase;
}

li.quality{
	color:#666666;
	font-size:13px;
    list-style: disc;
    margin-left: 20px;
    padding-bottom: 10px;
}

li.quality_num{
	color:#666666;
	font-size:13px;
    list-style: decimal;
    margin-left: 20px;
    padding-bottom: 10px;
}

ul.career {
	margin:30px;
}

li.career{
	color:#666666;
	font-size:13px;
    list-style: disc;
    margin-left: 20px;
    padding-bottom: 10px;
}

li.top10{
	list-style:decimal;
	font-size:14px;
    margin-left: 40px;
    color: #666666;
}

li.faq{
	list-style:decimal;
	font-size:14px;
    margin-left: 40px;
    color: #666666;
    padding-bottom: 10px;
}

li.faq a {
    color:#666666;
    text-decoration: underline;
}

ol.faq {
    margin-bottom: 20px;
}

/* Purity Experts */

li.experts{
	color:#16603d;
	font-size:14px;
    list-style: disc;
    margin-left: 20px;
    padding-bottom: 5px;
    font-weight: bold;
}

.expert {
    margin:40px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #666666;
}

.expertText p{
    width: 100%;
}

.expertPic_box {
    width:15%; 
    max-height:135px; 
    float:left;
    margin-bottom: 20px;
}

.expertPic {
    max-width:125px; 
    max-height:135px;
}

.expertPic img {
    width:100%;
}

.expertTitle_box {
   width:85%; 
    min-height:135px; 
    float:right; 
}

.expertTitle {
    width:100%; 
    min-height:30px; 
    padding:7px 0 7px 10px; 
    margin-bottom:10px; 
    background:#16603d; 
    color:white;
    font-style: italic;
    font-size: 20px;
}

/* Purity Champions */

li.champions{
	color:#16603d;
	font-size:14px;
    list-style: disc;
    margin-left: 20px;
    padding-bottom: 5px;
    font-weight: bold;
}

.champion {
    margin:40px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #666666;
}

.championText p{
    width: 100%;
}

.championPic_box {
    width:26%; 
    max-height:135px; 
    float:left;
    margin-bottom: 20px;
}

.championPic {
    max-width:236px; 
    max-height:135px;
}

.championPic img {
    width:100%;
}

.championTitle_box {
    width:73%; 
    min-height:135px; 
    float:right; 
}

.championTitle {
    width:100%; 
    min-height:30px; 
    padding:7px 0 7px 10px; 
    margin-bottom:10px; 
    background:#16603d; 
    color:white;
    font-style: italic;
    font-size: 18px;
}

.champion table{
    font-family: Tahoma, sans-serif;
    color:#666;
    font-size: 14px;
}


/* === Footer Styles === */



/* === Built By === */

#eCommerceBuiltByBevelWrapper{

	display:none;
}

#eCommerceBuiltBy {
    float: right;
    padding: 10px;
}

#eCommerceBuiltBy p {
    color: #aaaaaa;
    font-size: 11px;
    text-align: right;
}

#eCommerceBuiltBy a {
    color: #aaaaaa;
    font-size: 11px;
}


/* === 15. Miscellaneous Styles === */

/* === 15.1 jQuery UI Theme Style Tabs, Dialog Boxes, Date Picker, ect.  === */

/*
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.clear {clear:both;}
.clearer {clear:both;}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


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

/* Overlays */
.ui-widget-overlay { 
     position: absolute;
     top: 0; left: 0;
     width: 100%;
     height: 100%;
     position: fixed;  /* Needed to have prevent scroll bars and accommodate expansion */
	z-index:999;	
}


/*
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/

.ui-widget-content { background: #ffffff url("/osafe_theme/images/user_content/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #444444; }
.ui-widget-header {  background: #007338; color: #FFFFFF; font-weight: bold; padding:3px 0 3px 10px; font-size:13px;}
.ui-widget-header a { color: #fff; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url("/osafe_theme/images/user_content/images/ui-icons_FFFFFF_256x240.png"); }
.ui-widget-content .ui-icon {background-image: url("/osafe_theme/images/user_content/images/ui-icons_FFFFFF_256x240.png"); }
.ui-widget-header .ui-icon {background-image: none; }
.ui-state-default .ui-icon { background-image: url("/osafe_theme/images/user_content/images/ui-icons_888888_256x240.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("/osafe_theme/images/user_content/images/ui-icons_454545_256x240.png"); }
.ui-state-active .ui-icon {background-image: url("/osafe_theme/images/user_content/images/ui-icons_454545_256x240.png"); }
.ui-state-highlight .ui-icon {background-image: url("/osafe_theme/images/user_content/images/ui-icons_2e83ff_256x240.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("/osafe_theme/images/user_content/images/ui-icons_cd0a0a_256x240.png"); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }

.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


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

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 0px; }

/* Overlays */
.ui-widget-overlay { background: #000 url("/osafe_theme/images/user_content/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 100% repeat-x; opacity: .50;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("/osafe_theme/images/user_content/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
/*
 * jQuery UI Resizable 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
/*
 * jQuery UI Selectable 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.21
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	/* margin: -1px; */
}
/*
 * jQuery UI Button 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top:30%; z-index:9999; }
.ui-dialog .ui-dialog-titlebar { margin-bottom:3px; position: relative; width: auto!important;}
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0;} 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; background: none; overflow: hidden; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
/*
 * jQuery UI Tabs 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; margin: 0 .2em 0px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active {background:#1f8e55;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 10px; background: none;}
/*.ui-tabs .ui-tabs-hide { display: none !important; }*/
/*
 * jQuery UI Datepicker 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: auto; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 

.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

button.ui-datepicker-trigger {
    border: medium none;
    cursor: pointer;
    margin: 0 0 0 5px;
    position: relative;
	height:16px;
	width:16px;
    top: -6px;
	background-image: url(/osafe_theme/images/site_images/cart/cal.gif);
	background-repeat: no-repeat;	
}

button.ui-datepicker-trigger img {
	display:none;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*
 * jQuery UI Progressbar 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }


/* --- Scroll to Top Feature  ---*/

#scrollToTop {
    position: fixed;
    right: 20px;
    top: 40%;
}

/* === Carousel Styles  === */

.menu {
	margin-bottom: 40px;
	text-align: center;
	color: #999;
}

.menu a {
	color: #999;
}

.menu a.active {
	font-weight: bold;
}

/* Showcase
-------------*/

#awOnePageButton,
#awOnePageButton .view-slide { /* Hides view-slide button */
     display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */

.showcase-load {
	height: 391px; /* Same as showcase javascript option */
	overflow: hidden;
}

/* Container when content is shown in slider */
.showcase {
    z-index: 1;
	position: relative;
	margin: auto;    
}
	
/* Navigation arrows */

.showcase-arrow-previous,
.showcase-arrow-next {
	position: absolute;
	background: url('/osafe_theme/images/user_content/images/carousel-nav-arrows.png');
	width: 33px;
	height: 33px;
	top: 220px;
	cursor: pointer;
	display: none; /* temp until we finalize the JS; can show hide in options */
}
	
.showcase-arrow-previous {
	left: -60px;
}
	
.showcase-arrow-previous:hover {
	background-position: 0px -34px;
}
	
.showcase-arrow-next {
	right: -56px;
	background-position: -34px 0;
}
	
.showcase-arrow-next:hover {
	background-position: -34px -34px;
}

	/* Content */
	
.showcase-content {
	text-align: center;       
}
		
.showcase-content-wrapper { /* size is equal to image and hotspot size */
 	text-align: center;
	height: 411px;
	width: 411px;
	display: table-cell;
	vertical-align: middle;
}
		
/* Styling the tooltips */

.showcase-plus-anchor {
	background: url('/osafe_theme/images/user_content/images/carousel-hotspot-icons.png');
	background-repeat: no-repeat;
}
		
.showcase-plus-anchor:hover {
	background-position: -32px 0;
}
		
div.showcase-tooltip {
	background-color: #fff;
	color: #000;
	text-align: left;
	padding: 5px 8px;
	background: url('/osafe_theme/images/user_content/images/carousel-white-opacity-80.png');
}
		
/* Styling the caption */

.showcase-caption {
	color: #000;
	padding: 8px 15px;
	text-align: left;
	position: absolute;
	bottom: 10px; left: 10px; right: 10px;
	display: none;
	background: url('/osafe_theme/images/user_content/images/carousel-white-opacity-80.png');
}
		
.showcase-onepage .showcase-content {
	margin-bottom: 10px;
}
	
/* Button Wrapper */

.showcase-button-wrapper {
	clear: both;
	margin-top: 10px;
	text-align: center;
	margin-right: 3px;
	padding: 2px 5px 0px 5px;
	cursor: pointer;
	font-size: 12px;
}

.showcase-button-wrapper span {
	color: #eaeaea;
}

.showcase-button-wrapper span.active {
	color: #085080;
}
	
/* Thumbnails */

.showcase-thumbnail-container { /* Used for backgrounds, no other styling!!! */
	background-color: #000;
}
	
.showcase-thumbnail-wrapper {
	overflow: hidden;
}
		
.showcase-thumbnail {
	width: 120px;
	height: 90px;
	cursor: pointer;
	border: solid 1px #333;
	position: relative;
}
		
.showcase-thumbnail-caption {
	position: absolute;
	bottom: 2px;
	padding-left: 10px;
	padding-bottom: 5px;
}
			
.showcase-thumbnail-content {
	padding: 10px;
	text-align: center;
	padding-top: 25px;
}
			
.showcase-thumbnail-cover {
	background: url('/osafe_theme/images/user_content/images/carousel-black-opacity-80.png');
	position: absolute;
	top: 0; 
	bottom: 0;
	left: 0; 
	right: 0;
}
		
.showcase-thumbnail:hover {
	border: solid 1px #999;
}
		
.showcase-thumbnail:hover .showcase-thumbnail-cover {
	display: none;
}
		
.showcase-thumbnail.active {
	border: solid 1px #999;
}
		
.showcase-thumbnail.active .showcase-thumbnail-cover {
	display: none;
}
	
.showcase-thumbnail-wrapper-horizontal {
	padding: 10px;
}
	
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {
	margin-right: 10px;
	width: 116px;
}
	
.showcase-thumbnail-wrapper-vertical {
	padding: 10px;
}
	
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail {
	margin-bottom: 10px;
}
		
.showcase-thumbnail-button-backward,
.showcase-thumbnail-button-forward {
	padding: 7px;
	cursor: pointer;
}
	
.showcase-thumbnail-button-backward {
	padding-bottom: 0px;
	padding-right: 0px;
}
	
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
	background: url('/osafe_theme/images/user_content/images/carousel-nav-arrows-small.png');
	background-repeat: no-repeat;
	display: block;
	width: 17px;
	height: 17px;
}
		
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical {
	background-position: 0 -51px;
	margin-left: 55px;
}

.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical {
	background-position: -17px -51px;
}
		
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical {
	background-position: 0 -34px;
	margin-left: 55px;
}

.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical {
	background-position: -17px -34px;
}
		
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
	background-position: 0 -17px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal {
	background-position: -17px -17px;
}
		
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {
	background-position: 0 0;
	margin-top: 40px;
	margin-bottom: 40px;
}

.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal {
	background-position: -17px 0;
}
		
/* Hide button text */
.showcase-thumbnail-button-forward span span,
.showcase-thumbnail-button-backward span span {
display: none;
}
	
/* Clear (used for horizontal thumbnails)
-------------------------------------------*/

.showcase .clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	float: none;
}

/* === Inline Zoom Styles  === */

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

.cloud-zoom-lens {
    background-color: #FFFFFF;
    border: 4px solid #888888;
    cursor: move;
    margin: -4px;
}
.cloud-zoom-title {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    padding: 3px;
    position: absolute !important;
    text-align: center;
    top: 0;
    width: 100%;
}
.cloud-zoom-big {
    border: 4px solid #CCCCCC;
    overflow: hidden;
}
.cloud-zoom-loading {
    background: none repeat scroll 0 0 #222222;
    border: 1px solid #000000;
    color: white;
    padding: 3px;
}

.zoomPad {
    cursor: crosshair;
    float: left;
    padding: 0 !important;
    position: relative;
    z-index: 0;
}

.zoomPreload {
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 18px;
   text-align:center;
   background-image: url(/osafe_theme/images/user_content/images/loading.gif);
   background-repeat: no-repeat;
   background-position: 50%;
   z-index:110;
   width:90px!mportant;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}

.zoomPup {
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
	z-index:101;
	cursor:crosshair;
}

.zoomOverlay {
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
	z-index:101;
}

.zoomWindow {
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
	z-index:10000;
	z-index:110;

}
.zoomWrapper {
	position:relative;
	border: none!important;
        overflow: hidden;
	z-index:110;
}
.zoomWrapperTitle {
	display:none!important;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
  	overflow:hidden;
	text-align:center;
	font-size:10px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:120;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}
.zoomWrapperImage {
	display:block;
	position:relative;
	overflow:hidden;
	z-index:110;

}
.zoomWrapperImage img {
	border:0px;
	display:block;
	position:absolute;
	z-index:101;
}

.zoomIframe {
	z-index: -1;
	filter:alpha(opacity=0);
	-moz-opacity: 0.80;
	opacity: 0.80;
	position:absolute;
	display:block;
}

.facetFilterAjaxImg {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0.5;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 101;
    text-align:center;
    padding-top:250px;
    background-image: url(/osafe_theme/images/user_content/images/loading.gif);
    background-repeat: no-repeat;
    background-position: 50%;
}

.facetValueName.disabled {
    opacity: 0.5;
}

.loadingImg {
    background-image: url(/osafe_theme/images/user_content/images/loading.gif);
    background-repeat: no-repeat;
    width:90px!important;
    height:43px!important;
}

li a.removeMultiSearchItem {
    background: url("/osafe_theme/images/user_content/images/removeFacetIcon.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: inline-block;
    height: 8px;
    position: relative;
    width: 8px;
}


/*
	Small Device dimensions, switch for portrait vs landscape

	iPad							1024 * 768
	iPhone3/3G, iPhone 4/4S			480 * 320
	iPhone5s/iPhone5s				568 * 320
	Galaxy3						640 * 360
	Galaxy4						960 * 540
*/

/* ------------------------------------------------------------------------------------------ */
/*    Disable Quicklook in iPad and below; Targeting specific devices and lower */
/* ------------------------------------------------------------------------------------------ */
@media only screen and (max-width:1024px) and (max-height:768px) {

    /* Remove Quicklook Icon, Disables Quicklook */
    .plpQuicklookIcon {
        display: none!important;
    }

}

@media only screen and (max-width:768px) and (max-height:1024px) {

    /* Remove Quicklook Icon, Disables Quicklook */
    .plpQuicklookIcon {
        display: none!important;
    }

}

/* ------------------------------------------------------------------------------------------ */
/*    Apply to any browser 1024 or less (iPad and all smart phones) */
/* ------------------------------------------------------------------------------------------ */
@media only screen and (max-width:1024px) {

	/* Removes left and right margins that are used throughout the site */
	#eCommerceOuterBasicBevelWrap {
		margin: 0;
	}

	/* Remove Scroll to Top Feature */
	#scrollToTop {
		display: none!important; 
	}
	
	.orderline {

	}

}

@media only screen and (max-width:960px) {

#accountNav {
	float:right; 
	margin:0px 5px 0 0;
}

#accountNav ul {margin:0;}
#accountNav li {list-style:none;  display:block; margin:0; float:left; height:30px;}



#accountNav li#eCoupon a {
	width:115px; 
	background:url(/osafe_theme/images/site_images/header/eCoupons.jpg) no-repeat top left;
	display:none; 
	margin:0; 
	padding:0; 
	text-indent:-9999px; 
	height:17px; 
	float:left;
}

#accountNav li#viewCart a {
	width:26px; 
	background:url(/osafe_theme/images/site_images/header/viewCart_mob.png) no-repeat top left;
	display:block; 
	margin:0; 
	padding:0; 
	text-indent:-9999px; 
	height:20px; 
	float:left;
}
	
	#accountNav li#myAccount a {
		width:21px; 
		background:url(/osafe_theme/images/site_images/header/myAccount_mob.png) no-repeat top left;
		display:block; 
		margin:0; 
		padding:0; 
		text-indent:-9999px; 
		height:21px; 
		float:left;
	}

#accountNav li#cartSize a {
	color:#333;
	font-size:12px;
}
    
#accountNav li#helloCustomer {
	color:#333;
	font-size:12px;
    height:30px;
	padding-right:10px;
}
    
#accountNav li#cartSize a:hover {
	color:#004e27;
	font-size:12px;
}

.siteHeaderLinks #accountNav li#viewCart  {
    border-right: none;
}

.siteHeaderLinks #accountNav li#myAccount  {
    border-right: none;
}
	
.siteHeaderLinks ul li {
    float: left;
    padding: 0 0 0 5px;
}

}

/* ------------------------------------------------------------------------------------------ */
/*    Apply to any device 768 or less (iPad Portrait and all smart phones) */
/* ------------------------------------------------------------------------------------------ */
@media only screen and (max-width:768px) {
	


	/* Disables inline zoom on PDP */
	.zoomPad {
		display: block !important;
		float: none;
		position: static;
	}

	/* Disables inline zoom on PDP */
	.zoomWindow {
		display: none !important;
	}

	 /* Removes First and Last buttons from paging options */


	/* Hides Mega Menus */
	.ecommerceMegaMenu {
		display: none;
	}


	/* Exposes Alternate Menus to Mega Menus*/
	.ecommerceMegaMenuAlt  {
		display: block;
	}
   
   .footerColumn {
    float: left;
    margin: 0 0 20px;
    min-width: 100px;  /* Columns will wrap after they collapse beyond 150px */
    padding: 0 0 0 10px;
    width: 20%;
	border-right:1px solid #666666;
	min-height:175px;
}

.footerLinks li a {
	font-family: Tahoma, sans-serif;
	color:#575757;
	font-size:10px;
}
	
#productPriceOp2 {
	width: 100%;
	height: 25px;
	float: left;
	display: inline;
	padding-top: 0px;
	margin: 10px 0 0 5px;	
	background-image: url(/osafe_theme/images/site_images/product/bestvalue.jpg);
	background-repeat: no-repeat;	
}
	

   
}

/* ------------------------------------------------------------------------------------------ */
/*    For devices 640 pixels AND LESS -- targeting smartphones in LANDSCAPE mode */
/* ------------------------------------------------------------------------------------------ */
@media only screen and (max-width:640px) {
	

.siteHeaderLinks ul li {
    float: left;
    padding: 0 0 0 5px;
}
	

	
.siteHeaderCart {
    display:none;
}

.siteHeaderSearch {
    display:none;
}
	
#eCommerceHomeSpot_3 {
    display: block;
	width:100%;
	margin-top:10px;
	margin:0 auto;
}
	
	.boxListItemGrid {
    float: left;
    margin: 0 0px 10px 0;
    width: 100%!important;  /* default width; can be overridden on using page level classes CLP, PLP; (247)*/
	}

	/* Hide left Facet Navigation bar for CLP and PLP, Removes light cart */
	#eCommerceLeftPanel,
	#lightCart_displayDialog {
		display: none;
	}

	/* Since facet bar is hidden, allow CLP and PLP to use 100% of space available */
	#eCommercePageBody #eCommerceMainPanel.leftPanel,
	#eCommercePageBody #eCommerceMainPanel.mainPanel {
		width: 100%;
		margin: 10px 0;
	}
	
	/* exposes nav bar widget to show/hide navigation */ 
	#eCommerceNavBarWidget {
		display: none;
	}

	/* Removes entryfield margin, not needed as error messages default beneath input fields */
	.entryField {
		margin: 0;
	} 

	.boxListItemTabular .displayList li div a {
		display: inline-block;
		text-align: left !important;
	}

	/* Gives full width to spans within a tags 
      .boxListItemTabular .displayList li div a span {
		width: 100%;
	}*/

	/* Center aligns add to cart button */
	.boxListItemTabular .displayList li.itemAddToCartButton {
		text-align: center;
	}

	/* gives icons a smaller fixed width in order to share a line itemQty and itemTotal */
	.boxListItemTabular .displayList li.itemUpdateButton,
	.boxListItemTabular .displayList li.itemRemoveButton {
		width: 40px!important;
	}

	/* Applies to action result item; removes margin */
	.boxListItemTabular.actionResultItem .displayList li {
		margin: 0;
	}

	/* Applies to action result item; centers remove button/link */
	.boxListItemTabular.actionResultItem .displayList li.remove a span {
		text-align: center !important;
	}

	/* Applies to action result item; left aligns input */
	.boxListItemTabular.actionResultItem .displayList li.input  {
		text-align: left!important;
	}

	/* left aligns components that default to right or center alignment */
	.itemCheckbox div input,
	.itemQty div input {
		display: inline-block;
		text-align: left;
	}

	/* removes see Larger Image feature */
	.pdpSeeLargerImage {
		 visibility: hidden;
	}

 	/* Adds space between search and logo  */
 	.siteHeaderSearch {
		margin: 10px 0 0 0;
 	}

	/* Expands Search container  */
	.siteHeaderSearch {
 		width: 100%!important;
 	}

 	/* Expands Search  children */
	#searchContainer,
 	#searchContainer input[type="text"] {
	  }

	/ * Removes Cart Label */ 
	#siteShoppingCart p {
		display: none;
	}

	 /* makes header logo flexible */ 
 	.siteHeaderLogo img {
		 height: auto;
		max-width: 100%;
 	}

	 /* hides primary navigation navigation list */
	 #eCommerceNavBar #eCommerceNavBarMenu {
	 }

	 /* Puts Navigation into one column */ 
 	#eCommerceNavBarMenu li.topLevel {
 		float: none!important;
		border-bottom: 1px solid #afafaf;
		width: 100%!important;
 	}

	 /* Puts Navigation into one column */ 
	 #eCommerceNavBarMenu li.topLevel:first-child {
		border-top: 1px solid #afafaf;
 	}

	 /* Left Aligns Navigation */ 
	#eCommerceNavBarMenu li.topLevel a {
		text-align: left;
		font-size: large;
	 }

	 /* Removes Sub Menus */ 
	 #eCommerceNavBarMenu ul {
	 }

	 /* Removes Last Degree of Bread Crumb */ 
 	#breadcrumb li:last-child {
		display: none;
 	}

	 /* Properly aligns and centers Store Locator Items */
 		storeLocationList li,
 		storeLocationList li span,
 		storeLocationList li label {
 		text-align: left;
 		width: auto;
	}

	/* Cancels out Floating */
	.StoreLocatorItems.group2 {
               float: none;
	}

	/* Properly aligns and centers Store Locator Items */
	.storeLocationList li.action {
               width: auto !important;
	}

	/* Properly aligns and centers Store Locator Items */
	.selectStoreButton {
               clear: none !important;
	}

	/* Properly aligns and centers multi-addressshipping pages */
	.radioOptionText,
        .radioOptionTextAdditional {
               width: auto !important;
	}

	/* wraps shipping method if it gets too long */
        #shippingOptionDisplay .radioOptionText,
	.shipOption .radioOptionText {
               max-width: 50%;
	}

	/* adds space to add new address button */
        .addressSelector .standardBtn.action {
               margin: 5px 0 0 0;
	}

	/* Aligns shipping options */
	.shipOption span {
               display: inline;
	}

	/* Adjusts all label & span alignments left for single column */
	 .date label,
 	 .date span,
	 .number label,
	 .number span,
	 .displayList li.number div a,
	 .orderDetailShippingGroupOrderItemsItemPrice span,
	 .orderDetailShippingGroupOrderItemsItemPrice label {
   		 text-align: left;
	}
 
	/* Adjusts all label & span alignments left for single column 
	.boxListItemTabular.cartItem .group1 .displayList li,
	.boxListItemTabular.cartItem .group2 .displayList li,
 	.boxListItemTabular.orderItem .group1 .displayList li,
	.boxListItemTabular.orderItem .group2 .displayList li {
               float: left;
	}

	 Puts Lists Items in groups two in one column; must be assigned to every page 
	.ShowCartOrderItems.group.group2 li,
        .OrderSummaryOrderItems.group.group2 li,
        .OrderConfirmOrderItems.group.group2 li,
        .ShowWishlistOrderItems.group.group2 li,
        .multiAddressItems.group.group2 li,
        .multiShipOptionsOptions.grouping.grouping2,
        .multiAddressItems.group.group3,
        .shippingGroupCartItem.group.group2 li,
        .shippingGroupShipGroupItem.grouping.grouping2,
        .shippingGroupCartItem.grouping.grouping2,
        .OrderHistoryOrderDetails.group.group2 li,
        .OrderDetailShippingGroupOrderItems.group.group2 li,
        .ReorderItems.group.group2 li {
		float: none!important;
                display: block;
                width: auto!important;
	}
*/
	.ShowCartOrderItems.group.group2 li span,
	.ShowCartOrderItems.group.group2 li label,
        .OrderSummaryOrderItems.group.group2 li span,
        .OrderSummaryOrderItems.group.group2 li label,
        .OrderConfirmOrderItems.group.group2 li span,
        .OrderConfirmOrderItems.group.group2 li label,
        .ShowWishlistOrderItems.group.group2 li span,
        .ShowWishlistOrderItems.group.group2 li label {
                text-align: left;
	}

	/* removes top margin from cart items */
       .displayList.cartItemList > li {
               margin: 0;
	}
	
/* === PDP === */
/*
.PDP.group2 {
    float: left;
	width:25%;
}

.PDP.group2 img {
	width:100%;
	height:100%;
}

.PDP.group1 {
    float: right;
	width:100%;
}

.PDP.group3 {
    float: left;
	width:75%;
}

.PDP.group4 {
    float: right;
    margin: 0 0 0 0px;
    width: 100%;
}

.PDP.group5 {
    float: right;
    margin: 0 0 0 0;
	width:40%;
}

.PDP.group6 {
    clear: both;
    float: left;
}

.PDP.group7 {
    clear: both;
    float: left;
    width: 100%;
}
*/	
#header-image-mob {
	float:left;
	display:inline-block
}

#header-image-mob img {
	height:100%;
	width:100%;
	display:inline-block
}

#header-image {
	display:none;
}

#header-image img {
	display:none;
}
	
#upSellText {
    float: left;
    width: 100%;
    font-size: 15px;
    margin: 0px;
}


p.regular span.inner {
    color:#1A6737;
}

p.regular span.outer {
	color:red;
	text-decoration:line-through;
}


	
	/* SSVIP */

#loginExisting_ssvip{
	width:100%;
	height:245px;
	float:left;
	display:inline;
	margin:25px 0 0 0;
	border-bottom:1px dotted #ccc;
	border-right:none;
}

#loginNew_ssvip{
	width:100%;
	height:245px;
	float:left;
	display:inline;
	margin:25px 0 0 0;
}
	
.loginFields_existing input, .loginFields_new input {
	width:100%;
}

}

@media only screen and (max-width:515px) {
	
	 /* Positions sorting options and paging links on their own line */
	 .sortingOptions,
         .pagingLinks {
		display: block;
		width: 100%;
 		text-align: left;
	}
	
	.pagingLinks {
		margin-top:10px;
	}
	
}

/* === Instance Specific RWD CSS === */

/* ------------------------------------------------------------------------------------------ */
/*    Apply to any device 768 or less (iPad Portrait and all smart phones) */
/* ------------------------------------------------------------------------------------------ */
@media only screen and (max-width:768px) {

	/* Floats Shopping Cart to the right */
	/*
	.siteHeaderCart {
		 float: right;
		margin: 0 0 10px 0;
	}
	*/
	
#upSellText {
    float: left;
    width: 100%;
    font-size: 15px;
    margin:0;
}

}

/* ------------------------------------------------------------------------------------------ */
/*    Apply to any device 768 or less (iPad Portrait and all smart phones) */
/* ------------------------------------------------------------------------------------------ */
@media only screen and (max-width:768px) {
	
	#productPrices {
	height: 140px;
	font-size: 13px;
	color: #00733a;
	font-weight:normal;
}
	
	#product3ways {
	display:none;
}
	
#product3ways_mob {
	width:100%;
	height:25px;
	background:#00733a;
	color:#fff;
	font-size:15px;
	float:left;
	padding:3px 0 0 10px;
	font-weight:bold;
	display:inline;
}

	/* Instance specific: clears complimentary products and makes them appear in a row */

	
	.PDP.group6 {
		margin: 0;
		width: 50%;
		float:left;
    }

	/* Instance specific: removes right-margin needed on desktop */
	.PDP.group3 {
		margin: 0 0 20px 0;
    }
	
	.displayBox.myAccountMenuPersonalInfo, .displayBox.myAccountMenuAddressInfo, .displayBox.myAccountMenuPaymentMethodEftInfo {
    width:45%;
    float: left;
}

}

/* ------------------------------------------------------------------------------------------ */
/*    For devices 641 pixels or less (targeting all smartphones) */
/* ------------------------------------------------------------------------------------------ */
@media only screen and (max-width:641px) {

	/* Puts Navigation into two columns */ 
	#eCommerceNavBarMenu li.topLevel {
		float: left;
		width: 50%;
	}


	/* Left Aligns Navigation */ 
	#eCommerceNavBarMenu li.topLevel a {
		text-align: left;
	}

	/* Removes Sub Menus */ 
		#eCommerceNavBarMenu ul {
	}
   
}

/* ------------------------------------------------------------------------------------------ */
/*    For devices 600 pixels or less (targeting all smartphones) */
/* ------------------------------------------------------------------------------------------ */
@media only screen and (max-width:600px) {

	/* Make Header Logo container flexible relative to custom cart width */ 
	.siteHeaderLogo {
		width: -webkit-calc(100% - 100px);
		width: calc(100% - 100px);
	}

   	/* exposes nav bar widget to show/hide navigation */ 
	#eCommerceNavBarWidget a {
		display: inline-block;
		height: 40px;
		position: relative;
		text-align: left;
		width: 40px;
	}

   	/* exposes nav bar widget to show/hide navigation */ 
	#eCommerceNavBarWidget a.showNavWidget {
		background: url("/osafe_theme/images/user_content/images/showNavWidget.png") 0 0 no-repeat;
	}

   	/* exposes nav bar widget to show/hide navigation */ 
	#eCommerceNavBarWidget a.hideNavWidget {
		background: url("/osafe_theme/images/user_content/images/hideNavWidget.png") 0 0 no-repeat;
	}

   	/* hides text in Nav Widget */ 
	#eCommerceNavBarWidget a span {
		display: inline-block;
		margin: 12px 0 0 55px;	
	}

   	/* Styles menu to appear over content; not push it down */ 
	#eCommerceNavBar #eCommerceNavBarMenu {

	}

   	/* Styles Below cancel out the above styles/behaviors on the home page; They must come after to override */ 


	.eCommerceHomePage #eCommerceNavBar {
		border: none!important;
	}

}


/* ------------------------------------------------------------------------------------------ */
/*    For devices 640 pixels AND LESS -- targeting smartphones in LANDSCAPE mode */
/* ------------------------------------------------------------------------------------------ */
@media only screen and (max-width:640px) {

	/* Make Header Logo container flexible relative to custom cart width */ 
	.siteHeaderLogo {
		width: -webkit-calc(100% - 100px);
		width: calc(100% - 100px);
	}

   	/* exposes nav bar widget to show/hide navigation */ 
	#eCommerceNavBarWidget a {
		display: inline-block;
		height: 40px;
		position: relative;
		text-align: left;
		width: 40px;
	}

   	/* exposes nav bar widget to show/hide navigation */ 
	#eCommerceNavBarWidget a.showNavWidget {
		background: url("/osafe_theme/images/user_content/images/showNavWidget.png") 0 0 no-repeat;
	}

   	/* exposes nav bar widget to show/hide navigation */ 
	#eCommerceNavBarWidget a.hideNavWidget {
		background: url("/osafe_theme/images/user_content/images/hideNavWidget.png") 0 0 no-repeat;
	}

   	/* hides text in Nav Widget */ 
	#eCommerceNavBarWidget a span {
		display: inline-block;
		margin: 12px 0 0 55px;	
	}

   	/* Styles menu to appear over content; not push it down */ 
	#eCommerceNavBar #eCommerceNavBarMenu {
	}

   	/* Styles Below cancel out the above styles/behaviors on the home page; They must come after to override */ 


	.eCommerceHomePage #eCommerceNavBar {
		border: none!important;
	}


	/* Instance Specific: cancels out width on all content divs; makes one column*/
	.PDP.group.group4 li.string {
		padding: 0;
		width: 100%!important;
	}

	/* Decreases H1 font size */
	h1 {
		font-size: 21px!important;   
	}

}

/* ------------------------------------------------------------------------------------------ */
/*    For devices LESS THAN 640 pixels -- targeting smartphones in LANDSCAPE mode */
/* ------------------------------------------------------------------------------------------ */
@media only screen and (max-width:639px) {

	/* Instance Specific: cancels out margin needed on desktop */
	.pdpContent08 {
		margin: 0;
	}

	/* removes float; allows container to fill width */
	.PDP.group2,
	.WriteReviewProduct.group.group2 {
/*        width: 100%; */
    } 

}

@media only screen and (max-width:850px) {
	
	.boxListItemGrid.PLP {
	    float: left;
	    margin: 0 0px 0px 0;
	    width: 50%!important;  /* default width; can be overridden on using page level classes CLP, PLP; (247)*/
	    border-bottom: 1px solid #dcdcdc;
	    border-right: 1px solid #dcdcdc !important;
	    padding: 10px;
	}
	
	.boxListItemGrid.PLP:nth-of-type(2n) {
	    border-right: none !important;
	}
	
}

@media only screen and (max-width:700px) {

.footer-third-col {
	width:50%;
}	
	
.footer-third-col:nth-child(2n) {
	border:none;
}

	
.footer-third-col:nth-child(3n) {
	display:none;
}
	
	.icon-container-mob {
		display: block;
		border-top: 1px solid #8c9b81;
		float: left;
		width: 100%;
		padding: 10px;
	}
	
	.icon-container-mob .footer-icon {
		float:left;
		border:0px solid white;
		width:25%;
		margin:5px 0;	
		padding-right:15px;
		text-align:center;
}

	.icon-container-mob .footer-icon img{
		max-width:100%
	}

	.icon-container-mob .footer-icon:nth-child(2n) {
		margin:0;
	}

	.icon-container-mob .footer-icon:nth-child(3n) {
		margin:0;
	}
	
	.icon-container-mob .footer-icon:nth-child(2n) a#bbblink.ruhzbus  {
		margin:0 auto;
	}

}

@media only screen and (max-width:650px) {
	.breadcrumbs {
		display:none;
	}
	
	.boxListItemGrid.PLP {
	    float: left;
	    margin: 0 0px 0px 0;
	    width: 100%!important;  /* default width; can be overridden on using page level classes CLP, PLP; (247)*/
	    border-bottom: 1px solid #dcdcdc;
	    border-right: none !important;
	    padding: 10px;
	}
	.plpLabelName {
		font-size:20px;
	}
	
	.plpSalesPitch li {
		font-size:15px;
	}

}

@media only screen and (max-width:480px) {
	.footer-third-col {
		width:100%;
		border-right:none;
		text-align:center;
		min-height:auto;
		padding-bottom:20px;
	}
	
	.social_icon_container {
		margin: 20px auto;
		max-width: 300px;
		padding-bottom: 40px;
		float:none;
	}
	
	.icon-container-mob .footer-icon {
		width:50%;
	}
	
	.clear-me {
		clear:both;
	}
	
	
}

@media only screen and (max-width:950px) {
	
	.displayBoxList.myAccountDisplayBoxList {
		width:90%
	}
}

@media only screen and (max-width:750px) {
	
	.displayBoxList.myAccountDisplayBoxList {
		width:100%
	}
}


@media only screen and (max-width:550px) {

	.displayBox.myAccountMenuPersonalInfo, .displayBox.myAccountMenuAddressInfo, .displayBox.myAccountMenuPaymentMethodEftInfo, .displayBox.myAccountMenuRecurringOrderInfo {
	    width:85%;
	    float: none;
		margin:0px auto;
	}
	
	.displayBox.myAccountMenuLoginInfo, .displayBox.myAccountMenuPaymentMethodCCInfo, .displayBox.myAccountMenuOrderStatusInfo {
	    width:85%;
	    float: none;
	    clear: none;
	    margin: 0px auto;
	}
	
.displayBoxList.myAccountDisplayBoxList {
	margin-top:0;
}
	
}



/* ------------------------------------------------------------------------------------------ */
/*    Apply to any device 500 pixels or less (Custom Width for Header Links; Engages before links wrap) */
/* ------------------------------------------------------------------------------------------ */
@media only screen and (max-width:500px) {

	/* Removes Less Important Header Links */
	#siteHeaderLinks li.mobileRemove {
		display: none;
	}

}

/* ------------------------------------------------------------------------------------------ */
/*    For devices LESS THAN 480 pixels -- targeting smartphones in PORTRAIT mode */
/* ------------------------------------------------------------------------------------------ */
@media only screen and (max-width:480px) {

	/* removes margin needed on desktop */
	.pdpAddToCart .addToCart {
		margin: 0;
	}

	/* Needed to make the image flexible; see below */
	.pdpMainImage .pdpMainImage,
	.pdpMainImage .pdpMainImage>div,
	.writeReviewProductThumbImage .pdpMainImage,
	.writeReviewProductThumbImage .pdpMainImage>div {
		display: block!important;
	}

	/* Makes the PDP Main image flexible */
	.js_productLargeImage {
		height: auto;
		max-width: 100%;
	}

	/* decreases paging font size */
	.pagingLinks li,
	.pagingLinks li a {
	}

	/* removes margin from show all link */
	.pagingBtn.showall {
		margin: 0;
	}

	/* adds padding for next icon */
	.pagingBtn.next a {
		padding: 0 35px 0 0;
	}

	/* decreases space for pages display */
	.pagingLinks li.pages {
		margin: 0 6px;
	}

/* Home Page */
	
	
	/* NEW SITE */
	
#eCommerceHomeSpot_1 .main-img {
	display:none;
}
	
#eCommerceHomeSpot_2, #eCommerceHomeSpot_3, #eCommerceHomeSpot_4 {
	margin:0;
}
	
.sixty-left {
	width:100%;
	box-sizing:border-box;
	float:left;
	padding:0;
}

.sixty-left img.mobile {
	max-width:100%;
	max-height:100%;
	float:left;
	display:block;
}

.sixty-left img.desktop {
	display:none;
}	
	
.forty-right {
	width:100%;
	float:right;
	box-sizing:border-box;
	text-align:right;
}

.forty-right img.mobile {
	max-width:100%;
	max-height:100%;
	float:left;	
	display:block;
}

.forty-right img.desktop {
	display:none;
}
	
.sixty-right {
	width:100%;
	box-sizing:border-box;
	float:right;
	padding:0;
}

.sixty-right img.desktop {
	display:none;
}

.sixty-right img.mobile {
	max-width:100%;
	max-height:100%;
	float:right;
	display:block;
}

.forty-left {
	width:100%;
	float:left;
	box-sizing:border-box;
	text-align:left;
}

.forty-left img.desktop {
	display:none;
}

.forty-left img.mobile {
	max-width:100%;
	max-height:100%;
	float:right;
	display:block;
}

.full-width {
	width:100%;
	float:left;
}

.full-width img.desktop {
	display:none;
}

.full-width img.mobile {
	max-width:100%;
	max-height:100%;
	float:right;
	display:block;
}

.fifty-left {
	width:100%;
	float:left;
	box-sizing:border-box;
	text-align:left;
}

.fifty-left img.desktop {
	display:none;
}
	
.fifty-left.vipoints img.desktop, .fifty-right.vipgift img.desktop {
	display:block;
}

.fifty-left img.mobile {
	max-width:100%;
	max-height:100%;
	float:right;
	display:block;
}

.fifty-right {
	width:100%;
	float:right;
	box-sizing:border-box;
	text-align:left;
}

.fifty-right img.desktop {
	display:none;
}

.fifty-right img.mobile {
	max-width:100%;
	max-height:100%;
	float:right;
	display:block;
}
	
	/* END NEW SITE */

#eCommerceHeader {
    float: left;
    position: relative;
    width: 100%;
    z-index: 500;
	margin-bottom:0px;
}
	


#ppLogo {
	float:left;
	width:265px;
	margin-top:10px;
}
	
#offerline {
    display:none;
}
	
.siteHeaderCart {
    display:none;
}

.siteHeaderSearch {
    display:none;
}


p.regular span.inner {
    color:#1A6737;
}

p.regular span.outer {
	color:red;
	text-decoration:line-through;
}


	
#eCommerceHomeSpot_4 #btmBox_left {
	display: block;
	width:100%;
	margin: 2% 0 1% 2.5%;
	float:left;
}

#eCommerceHomeSpot_4 #btmBox_right {
	display: block;
	width:100%;
	margin: 2% 0 1% 1%;
	float:left;
}
	
.mobileFooter {
	display:block;
}

.mobileFooter_column {
	width:50%;
	float:left;
}

.mobileIconBox {
	width:100%; 
	border-bottom:1px solid #666666; 
	padding-top:0;
	min-height:175px;
}

.desktopFooter {
	display:none;
}

.footerColumn {
    float: none;
	margin:0 auto;
    width: 50%;
	border-right:none;
	text-align:left;
}

ul.footerLinks {
	margin:10px 0 0 20px;
}

.footerIcons {
	width:25%;
	float:left;
	display:block;
}

#eCommerceFooter .mcafee {
	float:left; 
	width:50%; 
	height:75px;
}

#eCommerceFooter .mcafee img{
	display:block;
	margin:0 auto;
	margin-top:10px;
}


#eCommerceFooter .goDaddy {
	float:left; 
	width:50%; 
}

#eCommerceFooter .goDaddy img{
	display:block;
	margin:0 auto;
	margin-top:20px;
}

#eCommerceFooter .guarantee {
	float:left; 
	height:100px; 
	width:40%;
}

#eCommerceFooter .guarantee img {
	display:block;
	margin:0 auto;
}

#eCommerceFooter .bbb {
	float:left; 
	height:100px; 
	width:60%;
}

#eCommerceFooter .bbb img { 
	display:block;
	margin:0 auto;
	margin-top:15px;
}

.ppAddress {
	float:left; 
	height:auto; 
	width:100%;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	padding:10px;
}






/* PLP */
	
.boxListItemGrid.PLP {
    float: left;
    margin: 0 0px 0px 0;
    width: 100%!important;  /* default width; can be overridden on using page level classes CLP, PLP; (247)*/
    border-bottom: 1px dotted #ccc;
    border-right: none;
    padding: 10px;
}
	
.productItemList.PLP li {
    margin: 0 0 5px 0;
	float:left;

}
	
/* PDP */
	

	


.boxListItemGrid.PDPComplement:nth-of-type(2n+3) {
    border-bottom: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {background:#1f8e55; width:100%;}
.ui-tabs .ui-tabs-nav li {width:100%; list-style: none; float: left; position: relative; margin: 0 .2em 0px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }

	
#accountNav li#myAccouli.ui-tabs-activent a:hover, #accountNav li#viewCart a:hover, #accountNav li#eCoupon a:hover {background-position:bottom;}

	
/* SHOPPING CART AND CHECKOUT */
	
#superSaverBox .ssInnerBox h2 {
	padding-bottom:20px;
}	
	
li.showCartOrderItemsItemRecurrenceFlag {
	text-align:left;
}
	
.newCustomer.withGuestCheckoutOption {
    clear:none;
    float: left;
    margin: 0 0 20px;
    width: 100%;
}
	
.newCustomer {
    clear:none;
    float: left;
    margin: 0 0 0px;
    width: 100%;
}
	
.existingCustomer.withGuestCheckoutOption {
    clear:none;
    float: left;
    margin: 0 0 20px;
    width: 100%;
}
	
.existingCustomer {
    clear:none;
    float: left;
    margin: 0 0 20px;
    width: 100%;
}
	
.guestCustomer {
    clear:none;
    float: left;
    margin: 0 0 20px;
    width: 100%;
}

.entryForm .entry label {
    float: none;
    padding: 3px 5px 0 0;
    text-align: left;
    width: 150px;
}	
	
.js_onePageCheckoutPromoCode {
	width:100%;
	float:left;
}

.onePageCheckoutShippingMethod {
	width:100%;
	float:right;
	clear:none;
}
	

	
/* MY ACCOUNT */
	
.displayBoxList.myAccountDisplayBoxList {
    width:95%;
    margin: 0 auto;
    font-size:14px;
}
	
.displayBox.myAccountMenuPersonalInfo, .displayBox.myAccountMenuAddressInfo, .displayBox.myAccountMenuPaymentMethodEftInfo, .displayBox.myAccountMenuRecurringOrderInfo {
    width:100%;
    float: none;
	margin:0px auto;
}

.displayBox.myAccountMenuLoginInfo, .displayBox.myAccountMenuPaymentMethodCCInfo, .displayBox.myAccountMenuOrderStatusInfo {
    width:100%;
    float: none;
    clear: none;
    margin: 0px auto;
}
	
#eCommerceEditCustomerInfoContainer #aboutYouEntry p.instructions {
	font-size:13px;
}
	
.myAccountUpdateLogin ul li label{
	text-align:left;
}
	
.myAccountUpdateLogin ul li {
	font-size:13px;
}
	
#eCommerceEditCustomerInfoContainer #emailPasswordEntry p.instructions, #eCommerceEditCustomerInfoContainer #emailPasswordEntry .editLoginInfo .entryField {
	font-size:13px;
}
	
#eCommerceEditCustomerInfoContainer .editLoginInfo {
	padding:0px;
	border-bottom:none;
}
	
.addressBookItem {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right:none;
    border-bottom: 1px solid #ccc;
    min-height: 180px;
    width: 100%!important;
    padding: 10px 20px 40px 10px; /* Bottom padding covers absolute position buttons below */
    position: relative;
}
	
.paymentMethodItemList li.paymentMethodItemsCardNumber, .paymentMethodItemList li.paymentMethodItemsNameOnCard, .paymentMethodItemList li.paymentMethodItemsExpirationDate {
    width: 40%
}

.paymentMethodItemList li.paymentMethodItemsCardType {
    width: 40%;
}
	
.paymentMethodEFTItemList li.paymentMethodEFTItemsAccountName {
    width: 40%
}

.paymentMethodEFTItemList li.paymentMethodEFTItemsRoutingNumber {
	width:100%;
}

.paymentMethodEFTItemList li.paymentMethodEFTItemsBankName, .paymentMethodEFTItemList li.paymentMethodEFTItemsAccountNumber, .paymentMethodEFTItemList li.paymentMethodEFTItemsAccountType {
    width: 40%;
}
	
#eCommerceOrderHistoryContainer li.orderHistoryOrderDetailsOrderNumber, 
#eCommerceOrderHistoryContainer li.orderHistoryOrderDetailsOrderDate, 
#eCommerceOrderHistoryContainer li.orderHistoryOrderDetailsOrderStatus, 
#eCommerceOrderHistoryContainer li.orderHistoryOrderDetailsTrackingNumber {
    width:40%;
} 

#eCommerceOrderHistoryContainer li.orderHistoryOrderDetailsOrderTotalAmount {
	width:100%;
}
	
#eCommerceOrderDetail .orderDetailBillingAddress {
    float: left;
    clear: none;
    width: 100%;
}

#eCommerceOrderDetail .orderDetailPaymentInformation {
    float: right;
    clear: none;
    width: 100%;
}


	
.itemImage.recurringOrderItemsItemImage {width:100%;}

.itemQty.recurringOrderItemsItemQty, .itemShipDate.recurringOrderItemsItemShipDate, .itemPrice.recurringOrderItemsItemPrice, .itemStatus.recurringOrderItemsItemStatus, .itemEditButton.recurringOrderItemsItemEditButton {width:100%;}
	
.itemQty div label {text-align:left;}
	
.itemName {width:100%;}
	
.entry.name.recurringOrderDetailName label, .entry.price.recurringOrderDetailPrice label {
	width:100%;
}
	
.entry.name.recurringOrderDetailName a, .entry.price.recurringOrderDetailPrice span {
	font-size:12px;
}
	
#eCommerceRecurrenceOrderDetailForm .recurringOrderDetailShipAddressAction a.standardBtn {
    margin:30px 0 0 0;
	background: url('/osafe_theme/images/site_images/cart/addAddress_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:110px;
	height:25px;
    float: left;
}
	
#eCommerceRecurrenceOrderDetailForm .entry.paymentMethod.recurringOrderDetailPaymentMethod .entryField select {
	width:100%;
}
	
#upSellProduct {
    float: none;
	width:176px;
	margin:0 auto;
    padding-bottom: 25px;
}
	
#upSellBullets {
    float: left;
	width:100%;
	margin:0;
}	
	
#upSellText {
    float: left;
    width: 100%;
    font-size: 15px;
    margin-top: 20px;
}
	
#upSellThankyou {
	width:100%;
}
	
#upSellOffer {
	margin-bottom:10px;
}
	
.pdpTabsReviewListItemsQualityStars label,
.pdpTabsReviewListItemsEffectivenessStars label,
.pdpTabsReviewListItemsSatisfactionStars label {
	width:50%;
}
	
.pdpReviewListItemsQualityStars label,
.pdpReviewListItemsEffectivenessStars label,
.pdpReviewListItemsSatisfactionStars label {
	width:50%;
}
	
#eCommerceHomeSpot_3 {
}
	
#breadcrumb li {
    background: url("/osafe_theme/images/user_content/images/breadcrumbBullet.png") no-repeat scroll 5px 50% transparent;
    display: inline;
    float: none;
    padding: 0 0 0 16px;
}
	
#scrollerPageTop {
	background:none;
	height: 0px;
}
	
}




/* ------------------------------------------------------------------------------------------ */
/*    For devices LESS THAN 320 pixels -- targeting smartphones in PORTRAIT mode */
/* ------------------------------------------------------------------------------------------ */
@media only screen and (max-width:320px) {

	/* Aligns home page spots into a single full-width column */
	.footerColumn {
		min-height: 0;
		text-align: center;
		width: 100%;
	}

	/* removes float; allows container to fill width */
	.bf-contentLeft,
	.bf-contentRight {
		float: none; 
	}




}


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

#navJT {padding:0; margin:0 0 0 0; list-style:none; height:60px; position:relative;  font:Arial; font-size:10px; width:960px; z-index:999; }


ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 11px;
	cursor:default;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	cursor:default;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 60px;
	cursor:default;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; 	cursor:default;
}

ul#topnav a.bestSellers {
	background: url(/osafe_theme/images/site_images/nav/bestSellers.png) no-repeat;
	width: 89px; 
}
ul#topnav a.healthConcerns {
	background: url(/osafe_theme/images/site_images/nav/healthConcerns.png) no-repeat;
	width: 121px; 
}
ul#topnav a.womenMen {
	background: url(/osafe_theme/images/site_images/nav/womensMens.png) no-repeat;
	width: 123px; 
}
ul#topnav a.sportsEnergy {
	background: url(/osafe_theme/images/site_images/nav/sportsEnergy.png) no-repeat;
	width: 150px; 
}
ul#topnav a.specials {
	background: url(/osafe_theme/images/site_images/nav/specials.png) no-repeat;
	width: 72px; 
}
ul#topnav a.company {
	background: url(/osafe_theme/images/site_images/nav/company.png) no-repeat;
	width: 78px; 
}
ul#topnav a.customerCare {
	background: url(/osafe_theme/images/site_images/nav/customerCare.png) no-repeat;
	width: 115px; 
}
ul#topnav a.newsInsights {
	background: url(/osafe_theme/images/site_images/nav/nutritionalNews.png) no-repeat;
	width: 195px; 
}
ul#topnav a.radioOffers {
	background: url(/osafe_theme/images/site_images/nav/radioOffers.png) no-repeat;
	width: 212px; 
}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px; }
ul#topnav li .sub {
	position: absolute;	
	top: 45px; left: 0;
	background: #246931 ;
	padding: 5px 15px 10px;
	z-index:500px;
	float: left;
	display: none;
}
ul#topnav li .submit ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 115px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	font-size:11px;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 13px;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #FFF;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(/osafe_theme/images/site_images/nav/navlist_arrow.png) no-repeat 5px 5px;
	padding: 0 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #e9e741; text-decoration:underline; background-position: 5px 5px ;
	cursor:pointer;}


ul#topnav li .sub2 {
	position: absolute;	
	top: 50px; right: 0;
	background: #246931 ;
	padding: 5px 15px 10px;
	z-index:500px;
	float: left;
	display: none;
}
ul#topnav li .sub2 ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 115px;
	float: left;
}
ul#topnav .sub2 ul li {
	width: 100%;
	color: #fff;
	font-size:11px;
}
ul#topnav .sub2 ul li h2 {
	padding: 0;  margin: 0;
	font-size: 13px;
	font-weight: normal;
}
ul#topnav .sub2 ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #FFF;
}
ul#topnav .sub2 ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(/osafe_theme/images/site_images/nav/navlist_arrow.png) no-repeat 5px 5px;
	padding: 0 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub2 ul li a:hover {color: #e9e741; text-decoration:underline; background-position: 5px 5px ;}




/*----------------------------------------
				End NEW Navigation
------------------------------------------*/

@media (max-width:325px) {
	.ShowCartOrderItems.group.group2 li {
		float:left !important;
	}

}

@media (max-width:640px) {
	li.showCartOrderItemsItemRecurrenceFlag {
		text-align:center;
	}
}

#cartLogos {
	width:100%; 
	float:right; 
}

.cartLogos_icon {
	float:left;
	width:24%;
}

.cartLogos_icon .mcafee img, .cartLogos_icon .goDaddy img, .cartLogos_icon .guarantee img {
	width:100%;
	height:auto;
}

.cartLogos_icon .bbb img {
	max-width:96px;
}

.cartLogos_icon .mcafee {
	margin:5px 0 0 0px;
}

.cartLogos_icon .goDaddy {
	margin:11px 0 0 0px;
}

.cartLogos_icon .bbb {
	margin:7px 0 0 5px;
}

#vaBox_container {
	float:left;
}
@media (max-width:900px) {
	.cartLogos_icon {
		width:50%;
	}
	
	.cartLogos_icon .mcafee img, .cartLogos_icon .goDaddy img, .cartLogos_icon .guarantee img, .cartLogos_icon .bbb img {
		width:auto;
		height:auto;
		display:block;
	}
	
	.icon_clear {
		clear:both;
	}
	
	.cartLogos_icon .bbb {
		margin:7px 0 0 0px;
	}
}

@media (max-width:768px) {
	#eCommerceLoginContainer label {
		width: 65px;
	}
	.newCustomer.withGuestCheckoutOption {
	    clear:none;
	    float: left;
	    margin:0;
	    width: 50%;
	}
	
	.existingCustomer.withGuestCheckoutOption {
	    clear:none;
	    float: left;
	    margin:0;
	    width: 50%;
	}
	
	.guestCustomer {
	    clear:none;
	    float: left;
	    margin:0;
	    width: 100%;
	}

}

@media (max-width:650px) {
	.newCustomer.withGuestCheckoutOption {
	    clear:none;
	    float: left;
	    margin:0;
	    width: 100%;
	}
	
	.existingCustomer.withGuestCheckoutOption {
	    clear:none;
	    float: left;
	    margin:0;
	    width: 100%;
	}
	
	.guestCustomer {
	    clear:none;
	    float: left;
	    margin:0;
	    width: 100%;
	}
	
	#newCustomerForm input[name="continueBtn"] {
		margin:20px 0 20px 72px;
	}
	
	#loginform input[name="signInBtn"] {
	}
		
	#guestCustomerForm input[name="guestCheckoutBtn"] {
		margin:20px 0 20px 72px;
	}

}

@media (max-width:700px) {

	.js_creditCardEntry {
		margin-top: 30px;
	    width: 100%;
	    clear: none;
	    float: left;
	    border-right: none;
	    margin-right: 20px;
	}
	
	.js_eftAccountEntry {
		margin-top:30px;
		width:100%;
		clear:none;
		float:left;
	}
}

@media (max-width:690px) {
	
	.cartLogos_icon {
		float:left;
		width:50%;
	}
	
	.cartLogos_icon .mcafee {
		float:left;
		width:100%;
	}
	
	.cartLogos_icon .goDaddy {
		float:left;
		width:100%;
		clear:both;
	}
	
	.cartLogos_icon .guarantee {
		float:left;
		width:100%;
	}
	
	.cartLogos_icon .bbb {
		float:left;
		width:100%;
	}
	
	.icon_clear {
		clear:both;
	}
	
	
	#cartLogos {
		width:100%;
	}
	
	.cartLogos_icon .mcafee img, .cartLogos_icon .goDaddy img, .cartLogos_icon .guarantee img, .cartLogos_icon .bbb img {
		width:auto;
		height:auto;
		display:block;
		margin:0 auto;
	}
}

@media (max-width:500px) {
	#breadcrumb {
		display:none;
	}
	.js_eftAccountEntry {
		display:none;
	}
}

.eCommerceLoginPageIdentifier h1 {
	display:none;
}

.fb-like{
    height: 20px;
    overflow: hidden;
}

/* Vimeo Responsive */

.vimeo-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 

.vimeo-container iframe, .vimeo-container object, .vimeo-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.videoBox {
	margin:20px 0 0; 
}


/* My Account Responsive */

#creditCardNewAddress #js_CUSTOMER_ADDRESS_ENTRY.displayBox, #creditCardInfo.displayBox {
	width:50%;
}

@media (max-width:500px) {

	#creditCardNewAddress #js_CUSTOMER_ADDRESS_ENTRY.displayBox, #creditCardInfo.displayBox {
		width:100%;
	}
	
}

@media (max-width:650px) {

	#eCommercePageBody #eCommerceMainPanel.mainPanel {
	    border-top: none;
	}
	
}

@media (max-width:860px) {

	.displayBox.myAccountMenuPersonalInfo h2, .displayBox.myAccountMenuLoginInfo h2, .displayBox.myAccountMenuAddressInfo h2, .displayBox.myAccountMenuPaymentMethodCCInfo h2, .displayBox.myAccountMenuPaymentMethodEftInfo h2, .displayBox.myAccountMenuOrderStatusInfo h2, .displayBox.myAccountMenuRecurringOrderInfo h2{
		font-size: 18px;
		line-height:22px;
	}
	
}

/*
@media (max-width:800px) {

	#eCommerceUpdateAddressBook #js_CUSTOMER_ADDRESS_ENTRY {
	    float: left;
	    width: 85%;
	}
	
	#aboutYouEntry.displayBox {
		width:85%;
	}
}
*/

.html5gallery-elem-video-container-0 {
	background-color:#fff !important;
}

.html5gallery-fullscreen-play-0,
.html5gallery-fullscreen-pause-0 {
    display: none !important;
}

.one-column-list {
	width:100%;
	float:left;
	margin-left:10px;
	padding-right:10px;
}

.one-column-list ul, .one-column-list ol {
	margin-bottom:20px;
}

.one-column-list ul li {
	list-style:disc outside !important;
	margin-left:1em;
}

.one-column-list ol li {
	list-style:decimal outside !important;
	margin-left:1em;
}

.two-column-list {
	width:50%;
	float:left;
}

.two-column-list ul, .two-column-list ol {
	margin-bottom:20px;
}

.two-column-list ul li, .two-column-list ol li {
	list-style-position:outside !important;
	margin-left:1em;
}


.google-maps {
    position: relative;
    padding-bottom: 20%;
    height: 0;
	overflow: hidden;
	border:1px solid #525252;
	
}

#map {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
	height: 100% !important;
}

#contactUsEntry {
	float:left;
	width:100%;
}

#contactUsEntry h3 {
	margin:0 0 20px;
	padding:0;
}

.contact-phone {
	width:49%;
	float:left;
	border-right:2px solid #bababa;
	margin-top:30px;
}

.contact-emails {
	width:49%;
	float:right;
	margin-top:30px;
}

.contact-emails p {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #525252;
	margin:20px 0;
}

.contact-emails p a{
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #7CA33B;
	text-decoration:underline;
	font-weight:300;
	margin:0;
}

.contact-phone p {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #525252;
	margin:20px 0;
}

.contact-phone p a{
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #7CA33B;
	text-decoration:underline;
	font-weight:300;
	margin:0;
}

.contact-full {
	width:100%;
	float:left;
	text-align:center;
	margin:20px 0;
}

.contact-full p {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #525252;
	margin:20px 0;
}

.contact-number {
	display:inline;
}

.contact-number-mobile {
	display:none;
}

@media (max-width:525px) {

	.contact-phone {
		width:100%;
		border-right:none;
		border-bottom:2px solid #bababa;
	}
	
	.contact-emails {
		width:100%;
	}
}

@media (max-width:480px) {

	.contact-number {
		display:none;
	}
	
	.contact-number-mobile {
		display:inline;
	}

	span.contact-number-mobile a {
		color:#525252;
	}
	
	p.contact-number-mobile a {
		color:#d4d4d4;
	}
}

@media (max-width:700px) {
	#contactUsEntry {
		width:100%;
		border-right:none;
		padding-right:0px;
		padding-bottom:30px;
		margin-bottom:20px;
	}
	
	#pesContactUs.pesSpot{
		width:100%;
		padding-left:0;
	}
}



@media (max-width:600px) {
	
	.google-maps {
	    display:none;
	}

	#map {
	   display:none;
	}

}

.new-burst {
	position:absolute;
	right:0;
}

.boxListItemGrid.productItem.PLP {
	position:relative;
	overflow:hidden;
}

.pdpLabelName span span, .writeReviewProductLabelName span span {
	font-variant: small-caps;
	text-transform:none;
	white-space:nowrap;
	font-size:35px;
}

.plpLabelName span span {
	font-variant:small-caps;
	text-transform:none;
}

.video-landing {
	width:74.08333333333333%; 
	float:left; 
	padding-bottom:5px;
}

.video-landing-sidebox {
	width:25.5%; 
	float:right; 
	padding-bottom:5px;
} 

@media (max-width:480px) {
	.video-landing {
		width:100%;
	}
	.video-landing-sidebox {
		display:none;
	}
}

.fb-reference {
	font-family: serif;
	font-style:italic;
}

.vip-subscription {}

.vip-subscription .sidebar {
	width:33%;
	float:left;
	padding-top:10px;
	
}

.vip-subscription .container {
	width:65.67796610169492%;
	float:right;
	padding-top:10px;
	clear:none;
}

.vip-subscription .container.creditCard {
	width:95%;
	float:left;
	padding-top:30px;
	clear:none;	
}

.vip-subscription .container input[type="radio"], .vip-subscription .container .row-form input[type="checkbox"] {
	width:auto !important;
	height:auto;
}


.vip-subscription .container select#js_cardType[name="cardType"], .vip-subscription .container select#js_savedCard[name="savedCard"], .vip-subscription .container input.cardNumber[name="cardNumber"], .vip-subscription .container select#js_expMonth[name="expMonth"],.vip-subscription .container select#js_expYear[name="expYear"] {
	width:100% !important;
	height:35px;
}

.vip-subscription .container .entry {
	padding-bottom:10px;
}

.vip-subscription .container #js_cvvEntry {
	display:none;
}

.vip-subscription .container .name-address {
	width:50%;
	float:left;
}

.vip-subscription .container .name-address input, .vip-subscription .container .name-address select {
	width:95%;
}

.vip-subscription .checkout {
	width:49%;
	float:left;
	margin-top:20px;
}

.vip-subscription .sidebar img {
	width:100%;
}

.vip-subscription .container h3 {
}

.vip-subscription .container label {
	width:100%;
	text-align:left;
}

.vip-subscription .container input.email {
	height:35px;
	width:50%;
	margin-bottom:20px;
}

.vip-subscription input[name="continue-btn"]{
	background:#7ca33b; 
	height:40px;
	width:50%;
	display:block;
	border:none;
	font-size:17px;
	font-family:"Oswald", sans-serif;
	color:#fff;
	font-weight:300;
	letter-spacing:1px;
	text-align:center;
	padding:0;
	text-transform:uppercase;
	cursor:pointer;
}

.vip-subscription .name-address input, .vip-subscription .name-address select {
	width:50%;
	height:35px;
	margin-bottom:10px;
}

.vip-subscription-cart {
	width:100%;
	float:left;
}

.vip-subscription-cart .review-order {
	width:95%;
	float:left;
	margin-top:20px;
	font-size:12px;
}

.vip-subscription-cart .review-order .subscription-item {
	width:18.181818181818183%;
	float:left;
}

.vip-subscription-cart .review-order .subscription-description {
	width:45.45454545454545%;
	float:left;
}

.vip-subscription-cart .review-order .subscription-qty {
	width:18.181818181818183%;
	float:left;
}

.vip-subscription-cart .review-order .subscription-price {
	width:18.181818181818183%;
	float:left;
}

.vip-subscription-cart .review-order .order-row.first-line {
	padding-bottom:20px;
}

.vip-subscription-cart .review-order .order-row.second-line {
	padding-bottom:20px;
}

.vip-subscription-cart .review-order .order-row.third-line {
	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #666666;
}

@media (max-width:668px){
	.vip-subscription .sidebar, .vip-subscription .container {
		width:100%;
	}
	
	.vip-subscription .container input.email, .vip-subscription .container input[name="continue-btn"] {
		width:75%;
	}
	
	.vip-subscription .checkout {
		width:100%;
		padding-bottom:30px;
	}
}

.cancel-ss-btn {
    margin: 30px 0 0 5px;
    background: url(/osafe_theme/images/site_images/cart/cancelSubscription_btn.jpg) no-repeat scroll 0% 0% transparent;
    text-indent: -9999px;
    border: none;
    width: 155px;
    height: 25px;
    float: left;
}

@media (max-width:425px){
	.cancel-ss-btn {
		margin:10px 10px 0 0;
	}
}

.edit-ss-btn {
    background: #7ca33b;
    padding: 3px 10px;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    color: white;
    width: auto;
    float: left;
    text-align: center;
    font-size: 15px;
	margin-left:0px;
	font-weight:100;
}

.edit-ss-btn:hover {
	text-decoration:none;
	background:#2f6908;
	color:white;
}

.ss-save-btn {
	float:left;
	padding:10px 0;
}

.ss-cancel-btn {
	float:left;
	padding:10px 0;	
	margin-left:10px;
}

@media only screen and (max-width:450px) {
	
#accountNav li#myAccount a {
	width:89px; 
	background:url(/osafe_theme/images/site_images/header/myAccount.png) no-repeat top left;
	display:block; 
	margin:0; 
	padding:0; 
	text-indent:-9999px; 
	height:25px; 
	float:left;
}

	.ss-save-btn {
		padding:10px 0;
		display:inline-block;
	}

	.ss-cancel-btn {
		padding:10px 0;	
		display:inline-block;
		margin-left:0;
		clear:both;
	}

}




#js_PROP65_MESSAGE {
    font-size: 12px;
    padding: 10px;
    background: #fbe7e7;
    display: inline-block;
    border: 1px solid #d26969;
    margin-top: 10px;	
}

/* OJC Daily Recipe Styles */

.col-sm-12 {
	width:100%;
	float:left;
	text-align:center;
}

h1.recipe-head {
	text-align:center;
    margin: 50px auto 0px;
    font-family: oswald;
    font-size: 40px !important;
    padding: 10px;
	line-height:40px !important;
}

.recipe-text {
	max-width:650px;
	margin:20px auto;
	text-align:left;
}

.recipe-text p.text-left {
	font-size:16px;
}

.recipe_item {
	float: left;
    padding: 0 10px 200px 10px;
    width: 100%;
}

.recipe_item ul {
	margin-bottom:20px;
}

.recipe_item img {
	max-width:100%;
}

.recipe-video {
	float: none !important;
    margin: 0px auto;
}

.col-sm-7 {
	float:none;
}
@media (min-width: 768px) {
.col-sm-7 {
    width: 58.33333333%;
}
}

.new-icons {
	padding:10px;
	cursor:pointer;
	border-radius:10px;
}

.new-icons:hover {
	background:#f7f7f7;
}

.account-icon {
	width:25%;
	float:left;
}

.account-item {
	width:70%;
	float:right;
}

#paypal-button {
	margin-bottom:10px;
}

.offer-also-available {
    display: block;
	font-family:"Oswald", sans-serif;
    margin: 5px 0;
    font-size: 16px;
    color: #2f6908;
    text-transform: uppercase;
    text-align: center;
	font-weight:300;
	background:#56b914;
	padding:8px 0;
	width:100%;
	border-radius:10px;
	
}

.offer-also-available a {
	color:#fff;
	display:block;
}

.offer-also-available a:hover {
	color:#fff;
}

/*
.perks-activated {
	position:fixed;
	bottom:0;
	right:0;
	background:rgb(47, 105, 8, 0.9);;
	height:75px;
	z-index:99999;
	text-align:center;
	font-size:18px;
	display:none;
	border-radius:20px 0 0 0;
}
*/



	.perks-activated {
		display:block;
		float:left;
		margin-bottom:10px;
	}
	
	.perks-activated-category {
		display:block;
		text-align:center;
		margin-bottom:10px;
	}	
	
	.price-burst-bar {
		display:block;
		float:left;
		margin:10px 0 5px 0;
	}
	

.tooltip-container {
	position:relative;
	z-index:99999999;
}

/*
.tooltip {
    position:absolute;
    text-align:left;
	right:0;
}
*/

.tooltip .top {
    width:300px; 
    top:-20px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:10px 20px;
    color:#444444;
    background-color:#FFFFFF;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
   box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.tooltip:hover .top {
    visibility:visible; opacity:1;
}

.tooltip .top i {
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip .top i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color:#FFFFFF;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

.tooltip h3 {
	font-family: 'Lato', sans-serif;
	text-transform:none;
	font-size:15px;
}

.tooltip ul li {
	list-style:disc;
}

.tooltip ul {
	margin-left:20px;
}

.tooltip span.question {
	background:green;
	padding:2px 7px;
	border-radius:12px;
	font-size:14px;
	color:white;
}

.category-description {
	display:block;
}

.category-description-mobile {
	display:none;
}

@media only screen and (max-width:550px) {
	
	.category-description {
		display:none;
	}
	
	.category-description-mobile {
		display:block;
	}
	
}

.editsupersaver-oosmessage {
	font-size:12px;
	color:red;
	font-weight:bold;
}

.mysupersaver-oosmessage {
	font-size:12px;
	color:red;
	font-weight:bold;	
}

.mysupersaver-eststock {
	font-size:12px;
	color:red;
	font-weight:bold;	
}

.setnextdaycaption {
	font-size:12px;	
}

#js_CAN_WEB_DISCLAIMER {
    font-size: 13px;
    border: 1px solid #333;
    display: inline-block;
    padding: 10px;
    margin-top: 10px;
    color: #333;
}

.contactUsSubmitButton button.g-recaptcha{
	background: url('/osafe_theme/images/site_images/cart/submit_btn.jpg') no-repeat scroll 0% 0% transparent;
	text-indent:-9999px;
	border:none;
	width:105px;
	height:35px;
}

.special-offer-bonus {
	background: #4f913c;
    height: 30px;
    width: 100%;
    border-radius: 0 0 10px 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 23px;
	text-transform:uppercase;
}

.special-offer-padding {
	padding-bottom:25px;
}

#productPriceBox .special-offer-bonus p {
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 23px;
	text-transform:uppercase;
	line-height:20px;
	font-weight:300;
	letter-spacing:1px;
	padding:5px;
}

@media only screen and (max-width:900px) {
	#productPriceBox .special-offer-bonus p {
	    font-size: 20px;
	}	
}

@media only screen and (max-width:420px) {
	#productPriceBox .special-offer-bonus p {
	    font-size: 17px;
	}	
}