@charset "utf-8";

#scrollToTop {
position: fixed;
right: 20px;
top: 40%;
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

/* === MotionUSA Menu === */


#motion_menu div.listCol ul li a:hover {
    background-color: #fff; width: 160px; color:#333;
}
#motion_menu { height:60px; width:auto; position:relative; font-family: 'Open Sans', sans-serif; font-size:18px; z-index:500; border-width:1px 1px 0 1px;background: #000 url(/osafe_theme/images/user_content/images/nav-bg.gif) repeat-x; } 
#motion_menu ul#menu { margin:0; padding:10px 0 20px 5px; list-style:none;  z-index:600; } 
#motion_menu ul#menu li.li-toplevel { float:left; height:29px; padding-top:1px; margin-right:1px; } 
#motion_menu ul#menu li.li-toplevel a.level1-a { display:block; height:40px; float:left; border-left:1px solid #000; border-right:1px solid #000; padding:0 10px 0 10px; text-decoration:none; line-height:40px; white-space:nowrap; font-weight:normal; color:#ffffff; font-family: 'Open Sans', sans-serif; font-weight: bold; } 
#motion_menu ul#menu li.sub a.level1-a {color:#ffffff;} 
#motion_menu ul#menu li.li-toplevel:hover, #motion_menu ul#menu li.li-toplevel a.level1-a:hover {position:relative;} 


#motion_menu ul#menu li.li-toplevel a.level1-a:hover, #motion_menu ul#menu li.li-toplevel:hover a.level1-a { border-left:1px solid #2d2d2d; border-right:1px solid #000; color:#FFFFFF; background-color:#ED1C24; } 



#motion_menu ul#menu li.sub a.level1-a:hover { height:29px; color:#FFFFFF; background-color:#ED1C24; }  

div#left h1.four_color {color:#fff; margin-top: -10px;

background-color:#ED1C24;
margin-left: -10px;
margin-right: -10px;
padding-left: 5px;
font-size:16px;
}


div.eCommerceHomeSpots h3 {font-size: 40px; color:#800000;
font-weight: bold;}
div.eCommerceHomeSpots {text-align: center; padding-top: 100px;}
div.eCommerceHomeSpots p {font-size:18px;}





div.displayBox li span {


font-size: 14px;
}
.productPdfFiles h3 {
clear: left;
color: #400101;
font-size: 2em;
font-weight: bold;
margin: 2px 0;}


.productPdfFiles p
{
font-size: 14px;
}
#searchText {float:left;}

#searchContainer {
width: 285px;
margin: 0 auto;
height: 39px;
}

/* === Big Fish Client Skin === */

/*  Table of Contents 

1. 	Reset and Default HTML Settings
	1.1 Default Headings
	1.2 Default Labels, Captions
	1.3 Standard Table
	1.4 Buttons
	1.5 Body and Miscellaneous
	
2.  Layout Containers
	2.1 Basic Layout
	2.2 Basic Bevel  Layout
	
3. 	Top Page Content
	3.1 Header Links
	3.2 Header
	3.3 Navbar
		3.3.1 Mega Menu Styles	

4. 	eCommercePageBody and Descendant Sections
	4.1 Homepage  
	4.2 Breadcrumb
	4.3 Search Results
	
5.  Div Sequences 
	5.1 PDP Section
	5.2 PDPTabs Section
	5.3 Quicklook Section
	5.4 PLP Section
	5.5 PDPComplement Section
	5.6 PDPRecent Section
	5.7 CLP Section
	5.8 ShowCart Section
	5.9 ShippingAddress
	5.10 Shipping Options Section
	5.11 OrderSummary Section
	5.12 OrderConfirm Section
	5.13 OnePageCheckout Section
	5.14 PersonalInfo Section
	5.15 Write a Review Section
	
6. 	eCommerce Pages
	6.1 eCommerce Default Styles
	6.2 CLP: Category List Pages
		6.2.1 Facet Navigation
	6.3 PLP Product List Pages
		6.3.1 PLP Espots 
		6.3.2 PLP Results Navigation
		6.3.3 PLP Quicklook
	6.4	PDP Product Detail Pages
		6.4.2 Social Media Footer
		
7. 	Boxes
	7.1 Display Boxes
	7.2 Dialog Boxes

8. 	Entry Forms	

9. Error Messages

10. Shopping Cart

11. Checkout Phases
	11.1 Log in
		11.1.1 Forgot Password
		11.1.2 Change Password
		11.1.3 Guest Checkout
	11.2 Show Cart
	11.3 Shipping Address
		11.3.1 Edit Shipping Address
	11.4 Shipping Options and Delivery Times
	11.5 Order Summary / Payment
	11.6 Order Confirmation
11.7 One Page Checkout
11.8 Personal Info
	11.9 Order History
	
12. Static Pages
	12.1 Contact Us
	12.2 Store Locater
	12.3 Request Catalog
	12.4 Mailing List Sign Up
	12.5 My Account
	12.6 Site Map
	12.7 Static Pages (About Us, Privacy Policy, Terms and Conditions, etc.)
	12.8 Miscellaneous Static Content
        12.9 Manufacturer Page
	
13. Styles for Product Review
	13.1 Review List
	13.2 Write a Review
	13.3 Review Rating Bar / Review Facet Rating Bar
	
14. Footer Styles
	14.1 Built By

15. Miscellaneous Styles
	15.1 jQuery UI Theme Style (Tabs, Dialog Boxes, Date Picker, ect.)
	15.2 Carousel Styles
	15.3 Inline Zoom Styles
	15.4 Custom Site Specific CSS

/* === 1. Reset and Default HTML Settings  === */	

.smallDevice {
	display: none; /* Hides Mobile Elements in Default Site */
}

#date-revised{height:20px;color: #f00;
}

.eCommerceHomeSpotContent div#top-row img {padding: 5px; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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, select, option, textarea {
    font-family:'Open Sans', sans-serif;
    color: #999;
    background-color:#222;
    font-size: 12px;
}





/* === 7.3 LightCart  Boxes  === */

#lightBoxCartContainerId {

}

#lightCart_displayDialog { /* main dialog box */
    max-height: 500px !important;
    padding: 10px 20px;

}

#lightCart_displayDialog .ui-resizable-se { 
    display: none;
}

#lightCart_Container {
    width: 400px !important;
}

.lightCart {
    font-size: 12px;
}

.lightCart .labelText {
    display: inline-block;
}

.lightCart .labelText label {

}

.lightCart .labelValue {
    display: inline-block;
}

.lightBoxOrderItems {

}

.lightCart #cart_wrap {
    border-bottom: 1px solid #A4A4A4;
    float: left;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    position: relative;
    width: 400px;
}

.lightCart .labelText {
    display: inline-block;
}

.lightCart .labelValue {
    display: inline-block;
}

.lightCart .cartItemImage {
   margin: 0 10px 0 0;
}

.lightCart .cartItemName {
    background: none repeat scroll 0 0 #E3E3E3;
    border: 1px solid #AFAFAF;
    margin: 0 0 5px;
    padding: 5px;
    width: 303px;
}

.lightCart .cartItemName .cartItemProdFeature {

}

.lightCart .cartItemQuantity {
    width: auto;  
}

.lightCart .cartItemQuantity .labelText label {
    font-weight: 700;
}

.lightCart .cartItemPrice {
    text-align: left;
    width: 303px;
}

.lightCart .cartItemPrice .labelText label  {
    font-weight: 700;
}

.lightCart .cartItemOfferPrice {
    text-align: left;
    width: auto;
}

.lightCart .cartItemOfferPrice .labelText label  {
    font-weight: 700;
}

.lightCart .cartItemPriceTotal {
    font-weight: 700;
    width: auto;
}

.lightCart .cartItemPriceTotal .labelText label {
    font-weight: 700;
}

.lightCart .cartItemItemAvailability {

}

.lightCart .cartItemItemAvailability .labelText label {

}

	/* ---- Light Box Order Items Summary --- */

.lightCart .cartTotalNumberItems {
    *width: 250px; /*IE7 Only */
}

.lightCart .cartTotalNumberItems .labelValue {
    width: 90px;
}

.lightCart .cartTotalSubAmount {
    *width: 250px; /*IE7 Only */
}

.lightCart .cartTotalSubAmount .labelValue {
    width: 90px;
}

.lightCart .cartShippingMethod {
    *width: 250px; /*IE7 Only */
}

.lightCart .cartShippingMethod .labelValue {
    width: 90px;
}

.lightCart .cartShippingAmount {
    *width: 250px; /*IE7 Only */
}

.lightCart .cartShippingAmount .labelValue {
    width: 90px;
}

.lightCart .cartTaxAmount {
    *width: 250px; /*IE7 Only */
}

.lightCart .cartTaxAmount .labelValue {
    width: 90px;
}

.lightCart .cartTotalAmount {
    *width: 250px; /*IE7 Only */
}

.lightCart .cartTotalAmount .labelValue {
    width: 90px;
}

.lightCart .cartPromoDiscount {
    *width: 250px; /*IE7 Only */
}

.lightCart .cartPromoDiscount label {
      color: #990000;
}

.lightCart .cartPromoDiscount .labelValue {
    width: 90px;
    color: #990000;
}

.lightCart .cartTotalAdjustAmount {
    *width: 250px; /*IE7 Only */
}

.lightCart .cartTotalAdjustAmount .labelValue {
    width: 90px;
}

.lightCart .cartContinueButton {
    margin: 10px 0;
}

.lightCart .lightBoxShowCartButton {
    margin: 10px 0;
}





























div#eCommerceHomeSpot_5.eCommerceHotSpot div.categories ul li a   { font-weight: 500;}

div.entry select#contactReason option {background-color: #ffffff; color: #222;}

div#pdfhome div#left {
border: solid 1px #999;
    float: left;
    font-size: 14px;
    height: auto;
    margin-left: 40px;
    margin-top: 20px;
    padding: 10px;
    width: 200px;
background-color: f9f9f9;

}
div#pdfhome div#left a:hover{background-color:#E0E0E0;}

div#pdfhome div#middle div.pdf_home div.pdf_contentq div.pdf_casa a:hover{background-color:#E0E0E0;}

div#pdfhome div#middle div.pdf_home div.pdf_contentq div.pdf_casa_image {
    padding: 15px;
}



div#pdfhome div#middle {
    float: right;
    height: auto;
    margin-top: 20px;
    padding: 10px;
    width: 650px;
}



div#pdfhome div#middle div.pdf_home {
    margin: 0 0 1px 5px;
    width: 640px;
    border: solid 1px #e3e3e3;
}



div#pdfhome div#middle div.pdf_home div.pdf_contentq {


    border-image: none;
    border-style: solid;

    display: block;
    height: auto;
}
div#pdfhome div#middle div.pdf_home div.pdf_contentq div.pdf_casa div.pdf_content{
    font-size: 14px;
    
    padding-bottom: 20px;
    padding-left: 20px;
}

div#pdfhome div#middle div.pdf_home div.pdf_contentq div.pdf_casa {
    background: none repeat scroll 0 0 transparent;
    display: inline;
    float: left;
    margin: 0 3px;
    width: 240px;
}

 div#pdfhome div#middle div.pdf_home div.pdf_contentq h1.four_color    { 
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */

  

font-size: 16px;
margin: 0;
padding: 5px 10px;
margin-bottom: 15px;
}

div#pdfhome div#middle div.pdf_home div.pdf_contentq h1.four_color a{ color:#333;}

.pdf_content {
    display: block;
    height: auto;


}


.clear {
    clear: both;
}





select#sortResults.sortOptions  {background-color:#fff; color:#222;}
select#sortResults.sortOptions option   {background-color:#fff; color:#222;}
option {
	border: none!important;
}

input[type="text"],
input[type="password"] {
    width: 211px;
}

input:focus,
select:focus,
textarea:focus { /* Default Input Focus Styles */


}

textarea#content.content    {
    border: none;
}
:focus { /* remember to define focus styles! */
    outline: 0;
}

ol,
ul {
    list-style: none;
}

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

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

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

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

em {
    font-weight: bold;
}

a {
    color: #800000;
    text-decoration: none;
}

/* === 1.1 Default Headings  === */	


h1 {
	font-size: 24px;
	margin: .5em 0;
    font-family:'Open Sans', sans-serif;
	color:#454039;
	text-transform:uppercase;
}

div#eCommerceMainPanel.mainPanel h1     {font-size: 20px; text-transform:none; padding-top:10px; font-weight: bold;}


h2 {
	font-size: 30px;
}

div#eCommerceConfirmContainer h2 {font-size:18px; color:#222222; text-align: center;  font-weight: bold; padding-bottom: 15px; }

h3 {
	font-size: 1.1em;
	color: #222;
}

h4 {
	font-size: 1em;
       font-weight: bold;
}

/* === 1.2 Deafult Labels, Captions  === */	


label,
.caption {
    color: #222;
    
    padding: 0 2px 0 0;
    text-align: left;
    text-transform: capitalize;
    font-size:12px;
}

/* === 1.3 Standard Table  === */	


table.standardTable {
    width: 880px;
}

table.standardTable thead tr {
    background-color: #afafaf;
}

table.standardTable th,
table.standardTable td {
    font-size: 1.5em;
}

table.standardTable th {
    font-weight: 700;
    padding: 5px 0 5px 0;
}

table.standardTable th.firstCol,
table.standardTable td.firstCol {
    padding: 0 0 0 10px;
}

table.standardTable th.lastCol,
table.standardTable td.lastCol {
    padding: 0 10px 0 0;
}

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


input[type="submit"].standardBtn,
input[type="button"].standardBtn,
a.standardBtn {
	color: #666;
    display: inline-block;
    font-family:'Open Sans', sans-serif;
    font-weight:bold;
	font-size: 1.2em;
	border: 1px solid #666;
    text-transform:uppercase;
    padding: 1px 5px 1px 5px;
    white-space: nowrap;
}

input[type="submit"].standardBtn:hover,
input[type="button"].standardBtn:hover,
a.standardBtn:hover {
 	background: #9b0000;
}

input[type="submit"].standardBtn:active,
input[type="button"].standardBtn:active,
a.standardBtn:active {
   background: #cccccc;
}

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

}

input.action[type="submit"]:hover,
input.action[type="button"]:hover,
a.action:hover {
    background: #eaeaea;
   cursor: pointer;

}

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

}

input[type="submit"].positive:hover,
input[type="button"].positive:hover,
a.positive:hover {
    background: #eaeaea;

}

input[type="submit"].negative,
input[type="button"].negative,
a.negative {
	color: #ffffff;
	border: 1px solid #000000;
	background: #900;
	font-size: 1.2em;
}

input.negative[type="submit"]:hover,
input.negative[type="button"]:hover,
a.negative:hover {
    color: #000000;
}

/* ---- Active Cart Button ---- */

input[type="submit"].addToCart,
input[type="button"].addToCart,
a.addToCart {
    background: none repeat scroll 0 0 #EBB45A;
    border: 1px solid #D19330;
    border-radius: 5px 5px 5px 5px;
    color: #666666;
    display: inline-block;
    font-size: 1.6em;
    padding: 2px 10px;
   margin: 0 0 0 5px;
}

input.addToCart[type="submit"]:hover,
input.addToCart[type="button"]:hover,
a.addToCart:hover {
    background: none repeat scroll 0 0 #FFCC33;
    border: 1px solid #EBB45A;
    color: #FFFFFF;
}

input.addToCart[type="submit"]:active,
input.addToCart[type="button"]:active,
a.addToCart:active {
    background: none repeat scroll 0 0 #FFCC33;
    border: 1px solid #EBB45A;
    color: #666666;
}

/* ---- Inactive Cart 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: #EBEBEB;
	color: #a6a6a6;
	border: 1px solid #ebebeb;
}

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: #EBEBEB!important;
	color: #a6a6a6!important;
	border: 1px solid #ebebeb!important;
	cursor: default!important;
}

form div.entryButtons {
    clear: left;
    float: left;
    margin: 1em 0 1em 0;
}

/* === 1.5 Body and Miscellaneous === */	

body {
    color: #000000;
    background-image: url("/osafe_theme/images/user_content/images/nt-bg.jpg");
    /* Will make 1em = 10px */
    font-size:9px;
    font-family:'Open Sans', sans-serif;
    -webkit-text-size-adjust: 100%; /* for iPad font-size rendering issue */
}

* html #eCommerceHeader,* html #eCommercePageBody, * html #eCommerceFooter ,* html #eCommerceProductDetailContainer { zoom: 1; } /* IE6 */
*:first-child + html #eCommerceHeader, *:first-child + html #eCommercePageBody: , *:first-child + html #eCommerceFooter:, *:first-child + html #eCommerceProductDetailContainer:{ 
	zoom: 1;
} /*IE7*/

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

/* === 2. Layout Containers === */
 
/* === 2.1 Basic Layout === */
	
#eCommeceOuterBasicWrap {
    margin: 0 auto;
    width: 1000px;
    padding: 0;
    position: relative;
}

#eCommerceInnerBasicWrapper {
    width: 1000px;
    position: relative;
    margin: 0% auto 0 auto;
    z-index: 10;
    zoom: 1;
}

/* === 2.2 Basic Bevel Layout === */
	
#eCommerceOuterBasicBevelWrap {
    margin: 0 auto;
    width: 1000px;
    padding: 0;
    overflow: hidden;
}

#eCommerceInnerBasicBevelWrapper {
      width: 100%;
}

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

/* === 3. eCommerceContent and Descendant Sections === */

#eCommerceContent {
    background-color: #ffffff;
    padding: 0px;
    box-shadow: 3px 2px 30px 1px #D9D1C7;
}

#eCommerceContent.mainPanel {
    
}

#eCommerceContent.leftPanel {
   
}

#commonSearchDialog {

}

#eCommerceHeaderLinksBevelWrapper { /*Available in Bevel Wrapped Layout Only */

}

/* === 3.1 Header Links === */
	
#eCommerceHeaderLinks {
    display: block;
    padding-right: 20px;
    background-color:#000;
    color: #000000;
    margin: 0;
    padding-top: 10px;
    text-align: right;
    width: 980px\9; /* IE8 and below */
    float: right\9; /* IE8 and below */
}

#eCommerceHeaderLinks ul {
	margin:0;
}

#eCommerceHeaderLinks ul li {
	border-right:1px solid #7e7d7d;
	display: inline;
	margin: 0 0 0 0;
}

#eCommerceHeaderLinks li:first-child {
	border-left: none;
}

#eCommerceHeaderLinks li:last-child {
	border-right: none;
}

#eCommerceHeaderLinks a {
	text-decoration: none;
	color: rgb(125,125,125); 
	font-size: 1.3em;
    font-family:'Open Sans', sans-serif;
    color: #F2EDE4;
	padding-bottom: 2px;
	padding-top: 1px;

	margin: 0 5px 0 5px;
}

#eCommerceHeaderLinks a:hover {
	text-decoration: underline;
	color: #cc0000;
}

/* === 3.2 Header  === */

#eCommerceHeader {
	position: relative;
    background-color: #000;
	float: left;
	height: 90px;
	zoom: 1;
	width: 100%;
}

#eCommerceHeader a {

}



#eCommerceHeader #siteLogo {
	float:left;
    padding-left: 20px;
        margin: 0px 80px 0 0;
}

#eCommerceHeader #siteTitleImage {
	position: relative;
	width: 150px;
	float: left;
	left: 10px;
	top: 20px;
}

#eCommerceHeader #siteShoppingCart {
	float: left;
	margin: 30px 0 0 0;
	color: #5e5e5e;
}

#eCommerceHeader #siteShoppingCart p {
    float: left;
    font-size: 1.4em;
    padding: 0 5px 0 0;
    margin: -5px 0 0 0;
    color:#bbbbba;
}

#eCommerceHeader #siteShoppingCart #shoppingCartCaption {
	display: none;
}

#eCommerceHeader #siteShoppingCart span,
#siteSearch span {
/*	font-size: 1.5em;  */
/*	color: black;        */
    width: 280px\9; /* IE8 and below */
}

#eCommerceHeader #siteShoppingCart .action {
	margin: 0;
}

#eCommerceHeader #siteCartStats {
	position: relative;
	display: inline-block;
	text-align: center;
	top: 4px;
}

#eCommerceHeader #siteCartStats .highlightGroup {

}

#eCommerceHeader #siteCartStats a#siteShoppingCartSize {
    background: url("/osafe_theme/images/user_content/images/shoppingcartIcon.png") no-repeat scroll left 50% transparent;
    color: #FFFFFF;
    font-size: 1.4em;
    letter-spacing: 1px;
    margin: 0 1em 0 2px;
    padding: 20px 0 10px 40px;
    position: relative;
    top: -7px;
}

#eCommerceHeader #siteCartStats a#siteShoppingCartSize:hover {
	text-decoration: underline;

    color: #cc0000;

}

#eCommerceHeader #siteCartStats .price {
	font-weight: normal;
	font-size: 1.1em;
	position: relative;
	top: -5px;
	visibility: hidden;
	color: #900;
}


#eCommerceHeader #siteSearch {
        margin: 15px 0 0 0;
    padding-right: 20px;
}

#searchInputContainer {

    	float: left;
    	width: 100%;
}
	
.searchField {
	float: left;
	width: 350px;
}
	
.searchFieldContainer {
	margin: 0 44px 0 0; /* 34px plus 10px padding from input */
}
	
.searchFieldContainer .inner {
    border-left: solid 1px #333;
    border-bottom: solid 1px #333;
    border-top: solid 1px #333;
    width: 342px;

}


.searchFieldContainer .inner input {
    border: medium none;
    font-size: 12px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-top: 6px;
    width: 330px;
}

.searchFieldContainer .inner input:focus {
        border: none!important;
}
	
.searchButton {
    float: left;
    margin: -1px 0 0 -34px;
    width: 34px;
}

.searchButton input {
    border: medium none;
    height: 34px;

    width: 34px;
}



#eCommerceHeader #siteShoppingCart a,
#siteSearch a {
	color: #000000;
}

#eCommerceHeader #siteCartStats #viewCartSmallImage {
	
}

#eCommerceHeader #viewCartButton {
	float: right;
	position: relative;
	top: 1px;
	right: 11px;
	display: none;
}

#eCommerceHeader #siteSearch span {

}

#siteMailingList {
    bottom: 46px;
    position: absolute;
    right: 10px;
}

#siteMailingList a { 
	display: block;
    color: #ffffff;
    font-size: 1.2em;
    padding: 3px 3px 3px 40px;
    background: url("/osafe_theme/images/user_content/images/mail-icon.jpg") top left no-repeat;
    text-shadow: 0 1px 1px #000000;  
}

#siteMailingList a:hover {
    text-decoration: underline;
}

/* === 3.3 Navigation Bar  === */
	
#eCommerceNavBar {
    height: 60px; /* match sub ul list item height (see below)*/
    background: #000;
	position: relative;
	clear:both;
	margin:0;


    padding-left: 10px;

    font-size: 0.99em;
	z-index: 2;

}

#eCommerceNavBar ul#eCommerceNavBarMenu {

}

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

#eCommerceNavBarMenu li.topLevel {
    border-left: medium none;
    height: 40px;
    padding: 1px 2px 5px 9px;
}

#eCommerceNavBarMenu li.topLevel:hover {
background-color:#409Dff;

}

#eCommerceNavBarMenu li.topLevel.navlastitem a.topLevel {
	border:none;
}

#eCommerceNavBarMenu li.topLevel.navfirstitem a {


}

#eCommerceNavBarMenu li.subLevel.navfirstitem a { /* Psuedo class selector for first subnav item */
	border-top:none;
}

#eCommerceNavBarMenu li.topLevel.navlastitem{
	padding-left: 7px;
}

#eCommerceNavBarMenu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}

#eCommerceNavBarMenu li:hover ul,
#eCommerceNavBarMenu li.sfHover ul {
	top: 40px; /* match top ul list item height */
}

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

#eCommerceNavBarMenu ul {
	width: 21em; /* left offset of submenus need to match (see below) */
	position: absolute;
	top: -999em;
	z-index: 999; /* Keeps submenus from disappearing behind content */
    /* border: 1px solid #AFAFAF;
    border-top: none;
    box-shadow: 3px 2px 10px 0px #333;  */
    margin-left: -10px;
    border: 1px solid #333; /* Border around parent container; see child UL below */
    box-shadow: 3px 2px 10px 0px #333;




}

#eCommerceNavBarMenu ul li {
    width: 100%;
}




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

}

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

ul#eCommerceNavBarMenu li li:hover ul,
ul#eCommerceNavBarMenu li li.sfHover ul {
    left: 21em; /* match ul width */
	top: 0px;
}
div#eCommerceNavBar ul#eCommerceNavBarMenu li.topLevel a.topLevel {color:#bbbbba;}

#eCommerceNavBarMenu a {
	display: block;
    position: relative;
	margin: 0px;
	padding: 8px 8px 0px 0px;
	text-decoration:none;
	font-size: 1.4em;

	line-height: 1.4em;
	padding-bottom:5px\0/;
	*padding-bottom:5px;
    -webkit-text-size-adjust: 95%; /* for iPad font-size rendering issue */
    color: #222;
    font-weight: bolder;
}

#eCommerceNavBarMenu a:visited {
	color: #222;
}

#eCommerceNavBarMenu .subLevel a {
	padding: 2px 0px 2px 6px;
	font-size: 12px;
    text-transform: none;
    background-color:#ffffff;

}

#eCommerceNavBarMenu a.topLevel {
	background-attachment: fixed;
    background-color: transparent;
    background-image:url("/osafe_theme/images/user_content/images/bkg_navBar_li_separator.png");
    background-position: right center;
    background-repeat: no-repeat;
    height: 45px;
    background-size: auto 12px;
    border-left: medium none;
    margin: 0px 0px 5px 2px;
}

div div ul.topLevel li.subLevel a.subLevel  {font-weight:none;}

#eCommerceNavBarMenu a.topLevel:hover {

}

#eCommerceNavBarMenu li li a {
    margin-left: 5px;

}
#eCommerceNavBarMenu li li {
    background-color:#ffffff;
 	border-top: 0px #afafaf solid; /* Horizontal bar to on top of each sub level item */
}

#eCommerceNavBarMenu li:hover,
#eCommerceNavBarMenu li.sfHover,
#eCommerceNavBarMenu a:focus,
#eCommerceNavBarMenu a:hover,
#eCommerceNavBarMenu a:active {

}

#eCommerceNavBarMenu li.topLevel.navlastitem {
	Background-image: none;
}

#eCommerceNavBarMenu li li a:focus,
#eCommerceNavBarMenu li li a:hover,
#eCommerceNavBarMenu li li a:active {
    text-decoration: underline;
}

#eCommerceNavBarMenu li.topLevel.navlastitem {

}

/* === 3.3.1 Mega Menu (Custom for Each Instance)  === */

#eCommerceNavBarMenu .ecommerceMegaMenu {
    background-color:#ffffff;
    width: auto;
   border: 1px solid #333; /* Border around parent container; see child UL below */
    box-shadow: 3px 2px 10px 0px #333;
    margin-left: -10px;



}

#eCommerceNavBarMenu .ecommerceMegaMenu ul {
   border: none; /* Keeps ULs in MegaMenu from getting borders and breaking parent */

}

#eCommerceNavBarMenu ul.ecommerceMegaMenu.Apparel {

}

#eCommerceNavBarMenu ul.ecommerceMegaMenu.Designers {
     right: -72px;

}

#eCommerceNavBarMenu ul.ecommerceMegaMenu.Designers .designerMegamenuContent {
    display: inline-block;
    padding: 10px;
}

#eCommerceNavBarMenu ul.ecommerceMegaMenu.Designers .designerMegamenuContent img {
   float: left;
   display: block;
   margin: 0 10px 0 0;
}

#eCommerceNavBarMenu ul.ecommerceMegaMenu.Designers .designerMegamenuContent p {
   color: #898989;
   font-size: 1.3em;
}

#eCommerceNavBarMenu ul.ecommerceMegaMenu.Designers .designerMegamenuContent p strong {
   color: #666666;
   display: block;
   font-weight: 700;
   padding: 0 0 5px 0;
}

#eCommerceNavBarMenu ul.ecommerceMegaMenu.Designers .designerMegamenuContent a {
    color: #666666;
    display: inline;
    font-size: 1.3em;
    line-height: 2.5em;
    padding: 0;
    text-transform: none;
}

#eCommerceNavBarMenu ul.ecommerceMegaMenu.Designers .designerMegamenuContent a:hover {
   text-decoration: underline;

}

#eCommerceNavBarMenu .ecommerceMegaMenu ul.topLevel {
	width: 18em;
	position: static;
    margin-left:10px;


}

#eCommerceNavBarMenu .ecommerceMegaMenu li strong {/*for nav group heading */
    color: #400101;
    display: block;
    font-size: 1.3em;
    font-weight: 700;
    padding: 3px 0 3px 6px;
}

#eCommerceNavBarMenu .ecommerceMegaMenu li strong:hover { /* cancels out hover state of headings */
   text-decoration: none;
}

#eCommerceNavBarMenu .ecommerceMegaMenu li+li strong {/* targets child strong items only  */
   padding: 13px 0 0 6px;
}

div#eCommerceContent div#eCommerceContactBar {

   background-image: url("/osafe_theme/images/user_content/images/twinkle_twinkle.png");


    color: #ffffff;
    float: left;
    width: 1000px;
    padding-top: 10px;
    margin-top: -9px;

}

div#eCommerceContent div#eCommerceContactBar div#contact-bar    {padding-left:30px;}
div#eCommerceContent div#eCommerceContactBar div#contact-bar img   {   float: left; padding-left:18px;


}
/* === 4. eCommercePageBody and Descendant Sections  === */

#eCommercePageBody {
    display: block;

    clear: both;
    zoom: 1;
    z-index: 1;
    padding-bottom: 20px;
    _padding-bottom: 10px;/* IE homepage bug fix */
    min-height: 420px;
    background-color:#ffffff;

}

#eCommerceMainPanel {
    /* background-image: url("/osafe_theme/images/user_content/images/canvas.jpg"); */
   background-color: #ffffff;
}

#eCommerceMainPanel.mainPanel {
    margin: 0 15px 0 15px;
}


/*This is the image for the home page*/

.jcarousel-skin-tango .jcarousel-container {

    background-image: url("/osafe_theme/images/user_content/images/sliderbk.png");
    background-repeat: no-repeat;

}
ul#mycarousel.jcarousel-list li.jcarousel-item img {padding-right:5px; width: 70px; height: 70px;}


.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 920px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  900px;
    height: 85px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 70px;
    height: 70px;
    padding-left: 10px;
    padding-top: 10px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


     /* ----- Show Cart Order Items  ----- */

.showCartOrderItemsSeq {
    clear: left;
    float: left;
    width: 100%;
}

     /* ----- Sequenced DIVs within the showCartOrderItemsHeaderSeq Container ----- */

.cartHeadershowCartItemImageSeq {
    float: left;
}

.cartHeadershowCartItemNameSeg {
    float: left;
}

.cartHeadershowCartItemDescriptionSeg {
    float: left;
}

.cartHeadershowCartItemQuantitySeq {
    float: left;
}

.cartHeadershowCartItemUpdateButtonSeq {
    float: left;
}

.cartHeadershowCartItemPriceSeq {
    float: left;
}

.cartHeadershowCartOfferPriceSeq {
    float: left;
}

.cartHeadershowCartItemAvailabilitySeq {
    float: left;
}

.cartHeadershowCartItemTotalSeq {
    float: right;
}

.cartHeadershowCartItemRemoveButtonSeq {
    float: right;
}










     /* ----- Sequenced DIVs within the showCartOrderItemsSeq Container ----- */

.showCartItemImageSeq {
    float: left;
}

.showCartItemNameSeg {
    float: left;
}

.showCartItemDescriptionSeg {
    float: left;
}

.showCartItemQuantitySeq {
    float: left;
}

.showCartItemUpdateButtonSeq {
    float: left;
}

.showCartItemPriceSeq {
    float: left;
}

.showCartOfferPriceSeq {
    float: left;
}

.showCartItemAvailabilitySeq {
    float: left;
}

.showCartItemTotalSeq {
    float: right;
}

.showCartItemRemoveButtonSeq {
    float: right;
}


     /* ----- Show Cart Item Summary ----- */

.showCartOrderItemsSummarySeq {
    clear: left;
    float: right;
    *clear: none; /* IE7 Only */
}

     /* ----- Sequenced DIVs within the showCartTotalNumberItemsSeq Container ----- */

.showCartTotalNumberItemsSeq {

}

.showCartTotalSubAmountSeq {

}

.showCartShippingMethodSeq {

}

.showCartShippingAmountSeq {

}

.showCartTaxAmountSeq {

}

.showCartTotalAmountSeq {

}

.showCartPromoDiscountSeq {

}

.showCartTotalAdjustAmountSeq {

}


































/*This is the image for the home page*/


























#eCommerceMainPanel.homePage {
   /* background: url("/osafe_theme/images/user_content/images/homePage-homeSpot-bg.png") no-repeat scroll left 25px transparent;
   */
    float: left;
    width: 100%;

}

#eCommerceMainPanel.leftPanel { /* Main Content area used with #eCommerceLeftPanel (CLP) jS2 */
    background-color: #FFFFFF;
    display: inline;
    float: left;
    padding-left: 5px;
    width: 780px;
    z-index: 0;
}

#eCommerceLeftPanel { /* Left Section for Facet Menu Container (CLP); Search/Find "Facet Navigation" for specific styles jS2 */
    float: left;
    display: inline;
    width: 180px;
    padding-left: 20px;
    padding-top:15px;
    background-color:#ffffff;

}

/* === 4.1 Home Page  === */
	
#eCommerceHomeSpots .homePage {
   background: #00f;
}
	
#eCommerceHomeSpots {
    margin: 0!important;
    padding: 0;
    float: left;
    display: inline;
}

.eCommerceHotSpot {
    display: inline;
    float: left; 
}

.eCommerceHomeSpotContent {
    height: 430px;
}

#eCommerceHomeSpot_1 {

}

#eCommerceHomeSpot_2 {
    padding: 0px 0 0 0;
    width: 616px; /* Width Needed for floating purposes in IE */
}

#eCommerceHomeSpot_3 {
    padding: 0px 0 0 0;
}

#eCommerceHomeSpot_4 {

}



#eCommerceHomeSpot_5 {
    height: auto;
     margin-top: 0px;
    padding-bottom: 15px;
    padding-left:15px;


}

#eCommerceHomeSpot_5 h5 {
    background-image: url("/osafe_theme/images/user_content/images/twinkle_twinkle.png");
    color: #FFFFFF;
    margin-left: -15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-top: 25px;
    width: 990px;}

div#eCommerceHomeSpot_5.eCommerceHotSpot div.categories { float: left;
    font-size: 14px;
    height: auto;
    padding-left: 30px;
    width: 210px;}
#eCommerceHomeSpot_6 {

}

#eCommerceHomeSpot_7 {

}

#eCommerceHomeSpot_8 {

}

#eCommerceHomeSpot_9 {

}

#eCommerceHomeSpot_10 {

}

#eCommerceHomeSpot_11 {

}

#eCommerceHomeSpot_12 {

}

#eCommerceHomeSpot_13 {

}

#eCommerceHomeSpot_14 {

}

#eCommerceHomeSpot_15 {

}

#eCommerceHomeSpot_16 {

}

/* === 4.2 Breadcrumb  === */
	
.breadcrumbs {
    /* Makes the breadcrumbs section colored */
    margin: 0.5em 0 0.5em 0;
    display: inline-block;
background-color: #e3e3e3;

}

#breadcrumb {
    width: 100%;
    font-size: 1.4em;
    height: 15px;
    margin: 10px 0 10px 0;
}

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

#breadcrumb li {
    display: inline;
    float: left;
    background: url("/osafe_theme/images/user_content/images/breadcrumbBullet.png") no-repeat scroll 1px 5px transparent;
    margin: 0 6px 0 0;
    padding: 0 0 0 14px;
    color: #C61010;
}

#breadcrumb li.first {
    background: none;
    text-transform: capitalize;
    padding: 0;
}

#breadcrumb li.home a {
    float: left;
    width: auto;
    margin: 0 6px 0 0;
}

#breadcrumb li.home span.here {
    float: left;
    width: auto;
    color: #332A23;
    padding: 2px 0 0 0;
}

#breadcrumb li.active {
    font-weight: bold;
}

#breadcrumb li a,
#breadcrumb li a:link,
#breadcrumb li a:visited {
    color: #400101;
    font-weight: bold;
    text-decoration: none;
}

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

/* === 4.3 Search Results  === */

h1 span.searchText {
    text-transform: lowercase;
}

h1 span.searchCount {

}

h1 span.searchTextSpellCheck {
    text-transform: lowercase;
}

/* === 5.  Div Sequences  === */

/* .eCommerceListItem is a co-class designated to items appearing on the CLP, PLP, PDP, 
	PDP-Complementary, and PDP-Recently viewed intances.  Use this class to apply uniform styles
	to each item and use the the adjacent co-class (ie .productListItem) for overiding styles 
	if necessary. */
	

/* === 5.1 PDP Section  === */

.pdpProductNameSeq {
     float: right;
}

.pdpMainImageSeq {
    display: inline-block;
    float: left;
}

.pdpSeeLargerImageSeq {
	
}

.pdpAlternateImageSeq {

}

.pdpVideo360Seq {
	
}

.pdpVideoSeq {
	
}

.pdpIntroDiscoContentSeq {
	
}

.pdpPriceListSeq {
     float: right;	
}

.pdpPriceOnLineSeq {
     float: right;
}

.pdpPriceSavingPercentSeq {
	
}

.pdpPriceSavingMoneySeq {
	
}

.pdpReviewStarsSeq {
     float: right;	
}

.pdpReviewReadSeq {
	
}

.pdpReviewWriteSeq {
     float: right;	
}

.pdpReviewListSeq {

}

.pdpSelectableFeatureSeq {
     float: right;		
}

.pdpAddToCartSeq {
     float: right;	
}

.pdpVolumePricingSeq {

}

.pdpLongDescriptionSeq {
     float: right;
    padding-left: 5px;
}

div.pdpLongDescriptionSeq div.productPdfFiles  {
font-size: 12px;
padding-left: 10px;
padding-bottom: 10px;
width: 480px;


}


div.ui-dialog {height: 300px;}

div.pdpLongDescriptionSeq div.productPdfFiles h3{
    padding-bottom:10px;
    color: #454039;
    font-size: 13px;
    font-weight: bold;
    font-family: inherit;
}

.pdpDistinguishingFeatureSeq {
float: left;
width: 200px;

}

.pdpSalesPitchSeq {
	
}

.pdpSpecialInstructionsSeq {
	
}

.pdpDeliveryInfoSeq {
	
}

.pdpDirectionsSeq {
	
}

.pdpIngredientsSeq {
	
}

.pdpWarningsSeq {
	
}

.pdpTermsAndConditionsSeq {
	
}

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

.pdpComplementSeq {
    float: right;
    clear: right;
    width: 175px;
    margin: 0 0 20px 20px;
    min-height: 500px;
}

.pdpRecentlyViewedSeq {
        clear: left;
	float: left;	
}

.pdpStockLegendSeq {
	
}

.pdpSeeMainImageSeq {
	
}

.pdpAdditionalSeq {
	
}

.pdpContent01Seq {
    float: right;
}

.pdpContent02Seq {

}

.pdpContent03Seq {
	
}

.pdpContent04Seq {
	
}

.pdpContent05Seq {
	
}

.pdpManufacturerDescriptionSeq {
	
}

.pdpManufacturerHeadingSeq {
	
}

.pdpManufacturerImageSeq {
	
}

.pdpManufacturerNameSeq {
	
}

.pdpTertiaryInformationSeq {
	
}

.pdpAddToWishlistSeq {
    float: right;

}

/* === 5.2 PDPTabs Section  === */

.pdpTabsProductNameSeq {
	
}

pdpTabsMainImageSeq {
	
}

.pdpTabsSeeLargerImageSeq {
	
}

.pdpTabsAlternateImageSeq {
	
}

.pdpTabsVideo360Seq {
	
}

.pdpTabsVideoSeq {
	
}

.pdpTabsIntroDiscoContentSeq {
	
}

.pdpTabsPriceListSeq {
	
}

.pdpTabsPriceOnLineSeq {
	
}

.pdpTabsPriceSavingPercentSeq {
	
}

.pdpTabsPriceSavingMoneySeq {
	
}

.pdpTabsReviewStarsSeq {
	
}

.pdpTabsReviewReadSeq {
	
}

.pdpTabsReviewWriteSeq {
	
}

.pdpTabsReviewListSeq {
	
}

.pdpTabsSelectableFeatureSeq {
	
}

.pdpTabsAddToCartSeq {
	
}

.pdpTabsVolumePricingSeq {
	
}

.pdpTabsLongDescriptionSeq {
	
}

.pdpTabsDistinguishingFeatureSeq {
	
}

.pdpTabsSalesPitchSeq {
	
}

.pdpTabsSpecialInstructionsSeq {
	
}

.pdpTabsDeliveryInfoSeq {
	
}

.pdpTabsDirectionsSeq {
	
}

.pdpTabsIngredientsSeq {
	
}

.pdpTabsWarningsSeq {
	
}

.pdpTabsTermsAndConditionsSeq {
	
}

.pdpTabsComplementSeq {
	
}

.pdpTabsRecentlyViewedSeq {
	
}

.pdpTabsStockLegendSeq {
	
}

.pdpTabsSeeMainImageSeq {
	
}

.pdpTabsAdditionalSeq {
	
}

.pdpTabsContent01Seq {
	
}

.pdpTabsContent02Seq {
	
}

.pdpTabsContent03Seq {
	
}

.pdpTabsContent04Seq {
	
}

.pdpTabsContent05Seq {
	
}

.pdpTabsManufacturerDescriptionSeq {
	
}

.pdpTabsManufacturerHeadingSeq {
	
}

.pdpTabsManufacturerImageSeq {
	
}

.pdpTabsManufacturerNameSeq {
	
}

.pdpTabsTertiaryInformationSeq {
	
}

.pdpTabsAddToWishlistSeq {
	
}

/* === 5.3 Quicklook Section  === */

.quicklookProductNameSeq {
	
}

.quicklookMainImageSeq {
    float: left;
    padding-right: 15px;
}

.quicklookSeeLargerImageSeq {
	
}

.quicklookAlternateImageSeq {
	clear: left;
    float: left;
}

.quicklookVideo360Seq {
	
}

.quicklookVideoSeq {
	
}

.quicklookIntroDiscoContentSeq {
	
}

.quicklookPriceListSeq {
	
}

.quicklookPriceOnLineSeq {
	
}

.quicklookPriceSavingPercentSeq {
	
}

.quicklookPriceSavingMoneySeq {
	
}

.quicklookReviewStarsSeq {
	
}

.quicklookReviewReadSeq {
	
}

.quicklookReviewWriteSeq {
	
}

.quicklookReviewListSeq {
	
}

.quicklookSelectableFeatureSeq {
	
}

.quicklookAddToCartSeq {
	
}

.quicklookVolumePricingSeq {
	
}

.quicklookLongDescriptionSeq {
	
}

.quicklookDistinguishingFeatureSeq {
	
}

.quicklookSalesPitchSeq {
	
}

.quicklookSpecialInstructionsSeq {
	
}

.quicklookDeliveryInfoSeq {
	
}

.quicklookDirectionsSeq {
	
}

.quicklookIngredientsSeq {
	
}

.quicklookWarningsSeq {
	
}

.quicklookTermsAndConditionsSeq {
	
}

.quicklookTabsSeq {
	
}

.quicklookComplementSeq {
	
}

.quicklookRecentlyViewedSeq {
    clear: both;	
}

.quicklookStockLegendSeq {
	
}

.quicklookSeeMainImageSeq {
	
}

.quicklookAdditionalSeq {
	
}

.quicklookContent01Seq {
	float: right;
}

.quicklookContent02Seq {

}

.quicklookContent03Seq {
	
}

.quicklookContent04Seq {
	
}

.quicklookContent05Seq {
	
}

.quicklookManufacturerDescriptionSeq {
	
}

.quicklookManufacturerHeadingSeq {
	
}

.quicklookManufacturerImageSeq {
	
}

.quicklookManufacturerNameSeq {
	
}

.quicklookSeeItemDetailsSeq {
	clear: both;
font-size: 14px;
font-weight: bold;

}

.quicklookTertiaryInformationSeq {
	
}

.quicklookAddToWishlistSeq {

}

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

.plpProductNameSeq {
	
}

.plpDetailLinkSeq {

	
}

.plpPriceListSeq {
	
}

.plpPriceOnlineSeq {
	
}

.plpPriceSavingPercentSeq {
	
}

.plpPriceSavingMoneySeq {
	
}

.plpSwatchImageSeq {
	
}

.plpTertiaryInfoSeq {
	
}

.plpReviewStarsSeq {
	
}

.plpReviewReadSeq {
	
}

.plpReviewWriteSeq {
	
}

.plpThumbImageSeq {
    padding-bottom:10px;
	
}

.plpManufacturerDescriptionSeq {
	
}

.plpManufacturerHeadingSeq {
	
}

.plpManufacturerImageSeq {
	
}

.plpManufacturerNameSeq {
	
}

.plpSeeItemDetailsSeq {
	
}

/* === 5.5 PDPComplement Section  === */

.pdpComplementProductNameSeq {
	
}

.pdpComplementDetailLinkSeq {
	
}

.pdpComplementPriceListSeq {
	
}

.pdpComplementPriceOnlineSeq {
	
}

.pdpComplementPriceSavingPercentSeq {
	
}

.pdpComplementPriceSavingMoneySeq {
	
}

.pdpComplementSwatchImageSeq {
	
}

.pdpComplementTertiaryInfoSeq {
	
}

.pdpComplementReviewStarsSeq {
	
}

.pdpComplementReviewReadSeq {
	
}

.pdpComplementReviewWriteSeq {
	
}

.pdpComplementThumbImageSeq {
	
}

.pdpComplementManufacturerDescriptionSeq {
	
}

.pdpComplementManufacturerHeadingSeq {
	
}

.pdpComplementManufacturerImageSeq {
	
}

.pdpComplementManufacturerNameSeq {
	
}

.pdpComplementSeeItemDetailsSeq {
	
}

/* === 5.6 PDPRecent Section  === */
	
.pdpRecentProductNameSeq {
	
}

.pdpRecentDetailLinkSeq {
	
}

.pdpRecentPriceListSeq {
	
}

.pdpRecentPriceOnlineSeq {
	
}

.pdpRecentPriceSavingPercentSeq {
	
}

.pdpRecentPriceSavingMoneySeq {
	
}

.pdpRecentSwatchImageSeq {
	
}

.pdpRecentTertiaryInfoSeq {
	
}

.pdpRecentReviewStarsSeq {
	
}

.pdpRecentReviewReadSeq {
	
}

.pdpRecentReviewWriteSeq {
	
}

.pdpRecentThumbImageSeq {
	
}

.pdpRecentManufacturerDescriptionSeq {
	
}

.pdpRecentManufacturerHeadingSeq {
	
}

.pdpRecentManufacturerImageSeq {
	
}

.pdpRecentManufacturerNameSeq {
	
}

.pdpRecentSeeItemDetailsSeq {
	
}
	
/* === 5.7 CLP Section  === */

.clpThumbImageSeq {
	
}

.clpProductListLinkSeq {
	
}

.clpLongDescriptionSeq {
	
}

/* === 5.8 ShowCart Section  === */

.showCartFootPrintSeq {
	
}

.showCartOrderItemsSeq {
	
}

.showCartPromoCodeSeq {
	
}

.showCartPreviousButtonSeq { 
     float: left;
}

.showCartContinueButtonSeq {
	float: right;
}

/* === 5.9 ShippingAddress  === */

.shippingAddressFootPrintSeq {
	
}

.shippingAddressBillingAddressSeq {
	
}

.shippingAddressShippingAddressSeq {
	
}

.shippingAddressPreviousButtonSeq {
	float: left;
}

.shippingAddressContinueButtonSeq {
	float: right;
}

/* === 5.10 Shipping Options Section  === */

.shippingOptionsFootPrintSeq {
	
}

.shippingOptionsShippingMethodSeq {
	
}

.shippingOptionsStorePickupSeq {
	clear: left;
}

.shippingOptionsPreviousButtonSeq {
	float: left;
}

.shippingOptionsContinueButtonSeq {
	float: right;
}



/* === 5.11 OrderSummary Section  === */

.orderSummaryFootPrintSeq {
	
}

.orderSummaryOrderItem {
border: 1px solid #898989;
float: left;
min-height: 100px;
line-height: 99px;
margin: 0 0 10px;
width: 100%;
}

.orderSummaryOrderItemsSeq {
    clear: both;
}

.orderSummaryPromoCodeSeq {
	
}

.orderSummaryBillingAddressSeq {
	float: left;
}

.orderSummaryShippingAddressSeq {
    float: left;	
}

.orderSummaryStorePickupSeq {
    float: left;
}

.orderSummaryPaymentOptionsSeq {
        clear: left;
	float: left;
        *float: none; /* IE7 Only */
}

.orderSummaryCreateAccountSeq {
	clear: left;
}

.orderSummaryPreviousButtonSeq {
	clear: left;
	float: left;
}

.orderSummaryContinueButtonSeq {
	float: right;
}

     /* ----- Order Summary Item Header [Used in the following areas ...] ----- */

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

     /* ----- Sequenced DIVs within the orderSummaryOrderItemsHeaderSeq Container [Used in the following areas ...] ----- */

.cartHeaderorderSummaryItemImageSeq {
    float: left;
}

.cartHeaderorderSummaryItemNameSeg {
    float: left;
}

.cartHeaderorderSummaryItemDescriptionSeg {
    float: left;
}

.cartHeaderorderSummaryItemQuantitySeq {
    float: left;
}

.cartHeaderorderSummaryItemPriceSeq {
    float: left;
}

.cartHeaderorderSummaryOfferPriceSeq {
    float: left;
}

.cartHeaderorderSummaryItemAvailabilitySeq {
    float: right;
}

.cartHeaderorderSummaryItemTotalSeq {
    float: right;
}


     /* ----- Order Summary Order Items  ----- */

.showCartOrderItemsSeq {
    clear: left;
    float: left;
    width: 100%;
}

     /* ----- Sequenced DIVs within the showCartOrderItemsSeq Container [Used in the following areas ...] ----- */

.orderSummaryItemImageSeq {
    float: left;
}

.orderSummaryItemNameSeg {
    float: left;
}

.orderSummaryItemDescriptionSeg {
    float: left;
}

.orderSummaryItemQuantitySeq {
    float: left;
}

.orderSummaryItemPriceSeq{
    float: left;
}

.orderSummaryOfferPriceSeq {
    float: left;
}

.orderSummaryItemAvailabilitySeq {
    float: right;
}

.orderSummaryItemTotalSeq {
    float: right;
}

     /* ----- Order Summary Order Total  ----- */

.orderSummaryOrderItemsSummarySeq {
    clear: left;
    float: right;
    *clear: none; /* IE7 Only */
}

     /* ----- Sequenced DIVs within an Order Summary Total Container [Used in the following areas ...] ----- */

.orderSummaryTotalNumberItemsSeq {

}

.orderSummaryTotalSubAmountSeq {

}

.orderSummaryShippingMethodSeq {

}

.orderSummaryShippingAmountSeq {

}

.orderSummaryTaxAmountSeq {

}

.orderSummaryTotalAmountSeq {

}

.orderSummaryPromoDiscountSeq {

}

.orderSummaryTotalAdjustAmountSeq {

}


/* === 5.12 OrderConfirm Section  === */

.orderConfirmFootPrintSeq {
	
}

.orderConfirmThankyouSeq {
    clear: left;
}

.orderConfirmOrderItemsSeq {
	
}

     /* ----- Order Confirm Item Header [Used in the following areas ...] ----- */

.orderConfirmOrderItem {
border: 1px solid #898989;
float: left;
min-height: 100px;
line-height: 99px;
margin: 0 0 10px;
width: 100%;
}

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

     /* ----- Sequenced DIVs within the orderConfirmOrderItemsHeaderSeq Container [Used in the following areas ...] ----- */

.cartHeaderorderConfirmItemImageSeq {
    float: left;
}

.cartHeaderorderConfirmItemNameSeg {
    float: left;
}

.cartHeaderorderConfirmItemDescriptionSeg {
    float: left;
}

.cartHeaderorderConfirmItemQuantitySeq {
    float: left;
}

.cartHeaderorderConfirmItemPriceSeq {
    float: left;
}

.cartHeaderorderConfirmOfferPriceSeq {
    float: left;
}

.cartHeaderorderConfirmItemAvailabilitySeq {
    float: right;
}

.cartHeaderorderConfirmItemTotalSeq {
    float: right;
}


     /* ----- Order Summary Order Items  ----- */

.orderConfirmOrderItemsSeq {
    clear: left;
    float: left;
    width: 100%;
}

     /* ----- Sequenced DIVs within the showCartOrderItemsSeq Container [Used in the following areas ...] ----- */

.orderConfirmItemImageSeq {
    float: left;
}

.orderConfirmItemNameSeg {
    float: left;
}

.orderConfirmItemDescriptionSeg {
    float: left;
}

.orderConfirmItemQuantitySeq {
    float: left;
}

.orderConfirmItemPriceSeq{
    float: left;
}

.orderConfirmOfferPriceSeq {
    float: left;
}

.orderConfirmItemAvailabilitySeq {
    float: right;
}

.orderConfirmItemTotalSeq {
    float: right;
}

     /* ----- Order Summary Order Total  ----- */

.orderConfirmOrderItemsSummarySeq {
    clear: left;
    float: right;
   *clear: none; /* IE7 Only */
}

     /* ----- Sequenced DIVs within an Order Summary Total Container [Used in the following areas ...] ----- */

.orderConfirmTotalNumberItemsSeq {

}

.orderConfirmTotalSubAmountSeq {

}

.orderConfirmShippingMethodSeq {

}

.orderConfirmShippingAmountSeq {

}

.orderConfirmTaxAmountSeq {

}

.orderConfirmTotalAmountSeq {

}

.orderConfirmPromoDiscountSeq {

}

.orderConfirmTotalAdjustAmountSeq {

}

.orderConfirmBillingAddressSeq {
    clear: both;
    float: left;
    *clear: right; /* IE7 Only */
}

.orderConfirmShippingAddressSeq {
     float: left;
}

.orderConfirmStorePickupSeq {
    float: left;
}

.orderConfirmPaymentOptionsSeq {
    clear: left;
    float: left;
}

.orderConfirmPreviousButtonSeq {
	
}

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

.orderConfirmEmailAlertSeq {
    clear: both;
    float: left;
}

/* === 5.13 OnePageCheckout Section  === */

.onePageCheckoutFootPrintSeq {
	
}

.onePageCheckoutOrderItemsSeq {
	clear: left; /* In order to collapse 'same as billing' function */
}

.onePageCheckoutPromoCodeSeq {
	
}

.onePageCheckoutBillingAddressSeq {
	
}

.onePageCheckoutShippingAddressSeq {

}

.onePageCheckoutShippingMethodSeq {
    clear: left;
}

.onePageCheckoutStorePickupSeq {
	
}

.onePageCheckoutPaymentOptionsSeq {
	
}

.onePageCheckoutCreateAccountSeq {
	
}

.onePageCheckoutPreviousButtonSeq {
	
}

.onePageCheckoutContinueButtonSeq {
    clear: both;
    float: right;
}

.onePageCheckoutPersonalInfoSeq {

}

.onePageCheckoutPromoCodeSeq {

}

.onePageCheckoutOrderItemsHeaderSeq {
    clear: left;
    float: left;
    width: 100%;
}

.onePageCheckoutOrderItemsSummarySeq {
    clear: left;
    float: right;
    *clear: none; /* IE7 Only */
}





























/* === 5.14 PersonalInfo Section  === */

.personalInfoFirstNameSeq {
	
}

.personalInfoLastNameSeq {
	
}

.personalInfoGenderSeq {
	
}

.personalInfoTitleSeq {
	
}

.personalInfoDateOfBirthMMDDYYYYSeq {
	
}

.personalInfoDateOfBirthMMDDSeq {
	
}

.personalInfoDateOfBirthDDMMYYYYSeq {
	
}


.personalInfoDateOfBirthDDMMSeq {
	
}

.personalInfoPhoneHomeSeq {
	
}

.personalInfoPhoneCellSeq {
	
}

.personalInfoPhoneWorkSeq {
	
}

/* === 5.15 Write a Review Section  === */

.writeReviewProductSeq {
	
}

.writeReviewRatingSeq {

}

.writeReviewDetailSeq {

}


.writeReviewAboutYouSeq {
    float: right;
}


.writeReviewLinkSeq {
    clear: both;
    float: right;	
}


.writeReviewButtonSeq {
    clear: right;	
}

.writeReviewProductNameSeq {
	
}

.writeReviewTertiaryInfoSeq {
	
}

.writeReviewThumbImageSeq {
    float: left;
    clear: left;

}

.writeReviewReviewStarsSeq {
	
}

.writeReviewDescriptionSeq {
	
}

.writeReviewDistinguishingFeatureSeq {
	
}

.writeReviewSalesPitchSeq {
	
}

.writeReviewSpecialInstructionsSeq {
	
}

.writeReviewDeliveryInfoSeq {
	
}

.writeReviewDirectionsSeq {
	
}

.writeReviewIngredientsSeq {
	
}

.writeReviewWarningsSeq {
	
}

.writeReviewTermsAndConditionsSeq {
	
}

.writeReviewRateOverallStarsSeq {
	
}

.writeReviewRateQualityStarsSeq {
	
}

.writeReviewRateEffectivenessStarsSeq {
	
}

.writeReviewRateSatisfactionStarsSeq {
	
}

.writeReviewReviewerNicknameSeq {
	
}

.writeReviewReviewerTitleSeq {
	
}

.writeReviewReviewerTextSeq {

}

.writeReviewReviewerTipSeq {
    float: right;
}

.writeReviewReviewerLocationSeq {
	
}

.writeReviewReviewerAgeSeq {
	
}

.writeReviewReviewerGenderSeq {
	
}

.writeReviewReviewTermsCondLinkSeq {
	
}

.writeReviewReviewGuidelinesLinkSeq {
	
}

.writeReviewSubmitButtonSeq {
    float: right;	
}

.writeReviewCancelButtonSeq {
    float: left;	
}



/* === 6. eCommerce Pages  === */

/*	This section contains all the necessary selectors to style the CLP, PLP, PDP, PDPComplement, and PDPRecent pages and sections.
	The the first level of this section will have default selectors that will be applied to several areas.  These styles may be 
	individually overwritten within each page's specific section. */
	
/* === 6.1 eCommerce Default Styles  === */

.plpProductName {
	
}

.plpProductName span {
	
}

.plpDetailLink {
	
}

.plpDetailLink a.eCommerceProductLink {
	font-size: 13.5px;
    line-height: 15px;
    text-decoration: none;
}

.plpDetailLink a.eCommerceProductLink:hover {
	text-decoration: underline;
}

.plpDetailLink a.eCommerceProductLink span {
	
}

.plpPriceList {
	
}

.plpPriceList .price {
	display: block;
    font-size: 15px;
    font-weight: 700;	
}

.plpPriceOnline {
    padding-left: 16px;
    line-height: 15px;
}

.plpPriceOnline .price {
    color: #222222;
    display: block;
    font-size: 11px;
    font-weight: 700;
    margin: 4px 0 0 0;	
}

div.plpPriceOnlineSeq div.plpPriceOnline span.phone {
    font-size: 11px;
    font-weight:bold;
    line-height: 23px;
    color: #666;

}
.plpPriceSavingPercent {
	
}

div.pdpAddToCartSeq div.pdpAddToCart span.request {
    font-size: 13px;
    font-weight: bold;


}
div#pdpPriceOnLine.pdpPriceOnLine span.phone {
    font-size: 13px;
    font-weight: bold;
}
div.plpPriceOnlineSeq div.plpPriceOnline span.request  {
    font-size: 11px;
    font-weight: bold;

}

.plpPriceSavingPercent .price {
	clear: left;
    margin: 5px 0 5px 0;
    color: #AAAAAA;
    font-weight: 700;
    font-size: 1.7em;	
}

.plpPriceSavingMoney {
	
}

.plpPriceSavingMoney .price {
	clear: left;
    margin: 5px 0 5px 0;
    color: #AAAAAA;
    font-weight: 700;
    font-size: 1.7em;
}

.plpSwatchImage {
	
}

.plpSwatchImage .swatch {
	
}

.plpTertiaryInfo {
	
}

.plpTertiaryInfo .tertiaryInformation {
	color: #AAAAAA;
	font-size: 14px;	
}

.plpReviewStars {
    clear: both;
    width: 85px;	
}

.plpReviewStars .rating_bar {
	
}

.plpReviewRead {
	
}

.plpReviewRead .customerRatingLinks {
	
}

.plpReviewRead .customerRatingLinks a.review {
	
}

.plpReviewRead .customerRatingLinks a.review:hover {
	
}

.plpReviewWrite {
	
}

.plpReviewWrite .customerRatingLinks {
	
}

.plpReviewWrite .customerRatingLinks a#submitPageReview {
	
}

.plpReviewWrite .customerRatingLinks a#submitPageReview:hover {
	
}	

.plpThumbImage {
	
}

.plpThumbImage .eCommerceThumbNailHolder {
	position: relative;
	z-index: 1;
}

.plpThumbImage .eCommerceThumbNailHolder img {

	
}

.plpManufacturerDescription {
	
}

.plpManufacturerDescription .profileDescription {
	
}

.plpManufacturerHeading {
	
}

.plpManufacturerHeading h2 {
	
}

.plpManufacturerImage {
	
}

.plpManufacturerImage img {
	
}

.plpManufacturerName {
	
}

.plpManufacturerName .profileName {
	
}

.plpSeeItemDetails {

}

.plpSeeItemDetails a.seeItemDetail {
	
}

.plpSeeItemDetails a.seeItemDetail:hover {
	
}

/* === 6.2 CLP: Category List Pages  === */

	
#eCommerceCategoryListContainer {
	
}
#eCommerceCategoryListContainer h1 {

}

#eCommerceCategoryListContainer .resultCategoryListContainer {
}


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

#eCommerceCategoryList {
    float: left;
    clear: left;
    position: relative;
}

.categoryListItem { /* Container for items on the CLP */
    float: left;
    line-height: 12px;
    margin: 0 6px 5px 0;
    text-align: left;
    width: 180px;
}

.clpLongDescription { 

}

.clpLongDescription .categorySupportingText { 

}

.clpLongDescription .categorySupportingText span { 

}

.clpProductListLink { 

}

.clpProductListLink a.eCommerceProductLink { 
     font-size: 1.6em;
}

.clpProductListLink a.eCommerceProductLink:hover { 

}

.clpThumbImage { 

}

.clpThumbImage:hover { 

}

.clpThumbImage a.eCommerceThumbNailHolder { 

}

/* === 6.2.1 Facet Navigation  === */
	
#eCommerceRefineByCategoryContainer,
#eCommerceCategoryFacetContainer {
    padding:0;
}

h3.CategoryFacetTitle {
	font-size: 13.5px;
	font-weight: bold;
        background-color: #ED1C24;
        color: #fff;
        padding-left: 10px;
}

h3.facetGroup {
	font-size: 13px;
	font-weight: bold;
	margin-top: 1em;
	line-height: 1.3em;
}

ul.facetGroup {

}

ul.facetGroup li {
    margin: 0 5px 0 0;
}

li.facetValue {
	line-height: 0.9em;
	font-size: 11px;
	padding: 2px 0 2px 0px;

	margin: .2em 0;
	text-transform: capitalize;
}

a.facetValueLink {
	color: #222;
	text-transform:capitalize;
}

a.facetValueLink:hover {
    color: #400101;
}

a.seeMoreLink,
a.seeLessLink {
    color: #840202;
}

a.seeMoreLink:hover,
a.seeLessLink:hover {
    text-decoration: underline!important;
}

img.customerRatingIcon {
	width: 71px;
	height: 15px;
	position: relative;
	top: 2px;
}

#eCommerceFacetCategories ul {
    background-color:#eaeaea;
}

/* === 6.3 PLP Product List Pages  === */


#eCommerceProductListContainer {

font-size: 12px;
text-indent: 15px;

}

#eCommerceProductListContainer h1 {
	
}

#eCommerceProductList {
    clear: left;
    margin: 0 0 0 0;
    display: inline-block;
    position: relative;
}

#eCommerceProductList .spacer { /*Adds space bewteen the end of the list of items and before the after the resultsNavigation */
    clear: both;
    height: 20px;
}

.productListItem {  /* Container for items on the PLP */
    float: left;
    height: 230px;
    line-height: 12px;
    margin: 0 6px 5px 0;
    text-align: center;
    width: 150px;
    padding-top:10px;

}

.productListItem:hover {

}

     /* ----- .eCommerceListItem Overides ('!important' as necessary) ----- */

.productListItem .plpProductName {
	
}

.productListItem .plpProductName span {
	
}

.productListItem .plpDetailLink {
	
}

.productListItem .plpDetailLink a.eCommerceProductLink {
	
}

.productListItem .plpDetailLink a.eCommerceProductLink:hover {
	
}

.productListItem .plpDetailLink a.eCommerceProductLink span {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
	
}

.productListItem .plpPriceList {
	
}

.productListItem .plpPriceList .price {
	
}

.productListItem .plpPriceOnline {
	
}

.productListItem .plpPriceOnline .price {
	
}

.productListItem .plpPriceSavingPercent {
	
}

.productListItem .plpPriceSavingPercent .price{
	
}

.productListItem .plpPriceSavingMoney {
	
}

.productListItem .plpPriceSavingMoney .price {
	
}

.productListItem .plpSwatchImage {
	
}

.productListItem .plpSwatchImage .swatch {
	
}

.productListItem .plpSwatchImage .swatch img {

}

.productListItem .plpTertiaryInfo {
	font-size: 11px;
}

.productListItem .plpTertiaryInfo .tertiaryInformation {
	
}

.productListItem .plpReviewStars {
	
}

.productListItem .plpReviewStars .rating_bar {
	
}

.productListItem .plpReviewRead {
	
}

.productListItem .plpReviewRead .customerRatingLinks {
	
}

.productListItem .plpReviewRead .customerRatingLinks a.review {
	
}

.productListItem .plpReviewWrite {
	
}

.productListItem .plpReviewWrite .customerRatingLinks {
	
}

.productListItem .plpReviewWrite .customerRatingLinks a#submitPageReview {
	
}

.productListItem .plpReviewWrite .customerRatingLinks a#submitPageReview:hover {
	
}

.productListItem .plpThumbImage {

	
}

.productListItem .plpThumbImage .eCommerceThumbNailHolder {
	
}

.productListItem .plpThumbImage .eCommerceThumbNailHolder img {
    padding-left:0px;


	
}

.productListItem .plpManufacturerDescription {
	
}

.productListItem .plpManufacturerDescription .profileDescription {
	
}

.productListItem .plpManufacturerHeading {
	
}

.productListItem .plpManufacturerHeading h2 {
	
}

.productListItem .plpManufacturerImage {
	
}

.productListItem .plpManufacturerImage img {
	
}

.productListItem .plpManufacturerName {
	
}

.productListItem .plpManufacturerName .profileName {
	
}

.productListItem .plpSeeItemDetails {
	
}

.productListItem .plpSeeItemDetails a.seeItemDetail {
	
}

/* === 6.3.1 PLP Espots   === */

/* Page Top E-spots */

#eCommerceProductListContainer .plpEspot {
   display: block;
   width:780px;
   padding:5px 10px 15px 0px;  
}

#eCommerceProductListContainer .plpEspot p {
   display: block;
   font-size:12px;
   color:#666666;
}

/* Facet E-spots */

#eCommerceCategoryFacetContainer .plpEspot img {
   display: block;
   margin: 0 0 0 0;
}



.PLPCategoryContent {
    background: #ddcbb5;
    border: 1px solid #8d7561;
    margin: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0 5px 5px 5px;
}

.PLPCategoryContent img {
   	float: left;
   	margin: -6px 0 0 10px;
}

.PLPCategoryContent span {
    clear: left;
    display: block;
    float: left;
    font-size: 1.5em;
    font-weight: 700;
    margin: 5px 0 0;
    text-align: center;
    width: 230px;
}

.PLPCategoryContent .PLPcontentContainer {
   margin: 0 0 0 250px;
}

.PLPCategoryContent .PLPcontentContainer h3 {
    color: #552E41;
    font-size: 2.1em;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    text-shadow: 0 1px 1px #FFFFFF;
    text-transform: uppercase;
}

.PLPCategoryContent .PLPcontentContainer p {
  	text-align: center;
  	font-size: 1.4em;
}


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

.resultListContainer { padding-bottom: 20px;

}

.resultsNavigation {

	margin: 5px 7px 0 0;
	font-size: 1.3em;
	height: 2.5em;
	padding: 5px;
	position: relative;
}

#resultsNavigationTop {     padding-bottom: 10px;

}

#resultsNavigationBottom {
    clear: both;
}

.resultsNavigation a {
    color: #333;
}

.resultsNavigation a:hover {
    text-decoration: underline;
}

.sortingOptions {
    float: left;
}

.sortingOptions select {
    margin: .5em 0 .5em 0;
}

.pagingLinks {
    float:right;
    margin: .8em 12px 0 0;
}

.pagingBtn {

}

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

.pagingBtn.previous {
    background-image: url("/osafe_theme/images/user_content/images/resultsNavPrev.png");
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    font-size:12px;
}

.pagingBtn.next {
    background-image: url("/osafe_theme/images/user_content/images/resultsNavNext.png");
    background-position: 32px 50%;
    background-repeat: no-repeat;
    padding: 0 20px 0 0;
}

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

.pagingBtn.showall {

}

.pagingBtn a {
    font-size:12px;
}

.pagingBtn a:hover {
     border-bottom: 1px solid; 
     text-decoration: none;
}

.pagingLinks li {
    display: inline;
    margin: 0 0 0 10px;
    padding: 2px;
}

label.sortBy {
    color: #000000;
}

.pagingLinks li.pages{
    font-weight: bold;
    color:#333;
    font-size:12px;
}

.pagingLinks li.disabled {
    color: #333;
}


/* === 6.3.3 PLP Quicklook  === */

.productListItem .plpQuicklook { /* Quick Look Icon on PLP Pate */
    background: none repeat scroll 0 0 transparent;
    position: absolute;
    top: 200px;
    right: 0;
}
	
#plpQuicklook_displayDialog {
       width: 600px!important;  /* Needed to override JS Styles / Parent container width = auto */
    /* width: auto;   Needed to override JS Styles / Parent container width = auto */
     overflow: auto;



}

.quicklookLabelNameSeq {

font-weight: 700;
font-size:18px;


}

#plpQuicklook_displayDialog:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#plpQuicklook_Container {
    margin: 5px 0 5px 15px; 
}

#loadingImg {
    background-image: url("/osafe_theme/images/user_content/images/loading.gif");
    display: block;
    height: 32px;
    margin: auto;
    width: 32px;
}

/* === 6.4 PDP Product Detail Pages  === */
	
#productdetails.rightPanel {
	width: 700px;
    background-color: #fff;
    margin: 0 0 0 10px;
}

#eCommercePageBody h1 {
    color: #333;
    font-weight: bolder;
  
}

#eCommerceProductDetailContainer {
    float: left;
    display: inline;
    width: 100%;
    position: relative;
    margin: 20px 0 0 0;
    padding-bottom: 30px;
}

	/* ----- .pdpAdditional ----- */

.pdpAdditional {

}
	
	/* ----- .pdpAddtoCart ----- */

.pdpAddToCart {
    margin: 10px 0 0;
    padding-left: 0;
    width: 495px;
}

.pdpAddToCart .addToCart {

}

.pdpAddToCart .addToCart label {
    display: inline-block;
    font-size: 1.8em;
    text-align: right;
    width: 100px; 
    margin: 5px 0 5px 0;
}

.pdpAddToCart .addToCart input {
    border: 1px solid #666666;
    text-align: center;
    width: 25px;
}

.pdpAddToCart .addToCart span {
}

	/* ----- .pdpAlternateImage ----- */

.pdpAlternateImage {
/*    position: absolute;
    top: 335px;  To Clear pdpMainImage */
}

.pdpAlternateImage #eCommerceProductAddImage ul  {
    float: left;

}

.pdpAlternateImage #eCommerceProductAddImage ul li  {
    float: left;
}

.pdpAlternateImage #eCommerceProductAddImage a {
    display: block;
    opacity: 0.5;
    filter: alpha(opacity=50);
    transition: opacity 1s;
    -moz-transition: opacity 1s; /* Firefox 4 */
    -webkit-transition: opacity 1s; /* Safari and Chrome */
    -o-transition: opacity 1s; /* Opera */
}

.pdpAlternateImage #eCommerceProductAddImage a:hover {
    margin: 0;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.pdpAlternateImage .jcarousel-container {

}

.pdpAlternateImage .jcarousel-direction-rtl {
	direction: rtl;
}

.pdpAlternateImage .jcarousel-container-horizontal {
    width: 201px;
    padding: 0 22px;
}

.pdpAlternateImage .jcarousel-container-vertical {
    width: 114px;
    height: 437px;
    padding: 22px 0;
}

.pdpAlternateImage .jcarousel-clip {
    overflow: hidden;
}

.pdpAlternateImage .jcarousel-clip-horizontal {
    width:  201px;
    height: 80px;
}

.pdpAlternateImage .jcarousel-clip-vertical {
    width:  75px;
    height: 439px;
    margin: 0 auto;
}

.pdpAlternateImage .jcarousel-item,
.pdpAlternateImage .imageScroller li {
    width: 60px;
    height: 80px;
}

.pdpAlternateImage .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.pdpAlternateImage .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.pdpAlternateImage .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.pdpAlternateImage .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.pdpAlternateImage .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 22px;
    height:80px;
    cursor: pointer;
    background: url("/osafe_theme/images/user_content/images/altScroller-buttons-horizontal.png") no-repeat 0 50%;
}

.pdpAlternateImage .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background: url("/osafe_theme/images/user_content/images/altScroller-buttons-horizontal.png") no-repeat 0 0;
}

.pdpAlternateImage .jcarousel-next-horizontal:hover,
.pdpAlternateImage .jcarousel-next-horizontal:focus {
    background-position: -22px 50%;
}

.pdpAlternateImage .jcarousel-next-horizontal:active {

}

.pdpAlternateImage .jcarousel-next-disabled-horizontal,
.pdpAlternateImage .jcarousel-next-disabled-horizontal:hover,
.pdpAlternateImage .jcarousel-next-disabled-horizontal:focus,
.pdpAlternateImage .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.pdpAlternateImage .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 22px;
    height: 80px;
    cursor: pointer;
    background: url("/osafe_theme/images/user_content/images/altScroller-buttons-horizontal.png") no-repeat -44px 50%;
}

.pdpAlternateImage .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background: url("/osafe_theme/images/user_content/images/altScroller-buttons-horizontal.png") no-repeat 0 0;
}

.pdpAlternateImage .jcarousel-prev-horizontal:hover, 
.pdpAlternateImage .jcarousel-prev-horizontal:focus {
    background-position: -66px 50%;
}

.pdpAlternateImage .jcarousel-prev-horizontal:active {

}

.pdpAlternateImage .jcarousel-prev-disabled-horizontal,
.pdpAlternateImage .jcarousel-prev-disabled-horizontal:hover,
.pdpAlternateImage .jcarousel-prev-disabled-horizontal:focus,
.pdpAlternateImage .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.pdpAlternateImage .jcarousel-next-vertical {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 114px;
    height: 22px;
    cursor: pointer;
    background: url("/osafe_theme/images/user_content/images/altScroller-buttons.png") no-repeat 0 0;
}

.pdpAlternateImage .jcarousel-next-vertical:hover,
.pdpAlternateImage .jcarousel-next-vertical:focus {
    background-position: 0 -22px;
}

.pdpAlternateImage .jcarousel-next-vertical:active {
    /* background-position: 0 -64px; */
}

.pdpAlternateImage .jcarousel-next-disabled-vertical,
.pdpAlternateImage .jcarousel-next-disabled-vertical:hover,
.pdpAlternateImage .jcarousel-next-disabled-vertical:focus,
.pdpAlternateImage .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.pdpAlternateImage .jcarousel-prev-vertical {
    position: absolute;
    top: 0;
	left: 0;
    width: 114px;
    height: 22px;
    cursor: pointer;
    background: url("/osafe_theme/images/user_content/images/altScroller-buttons.png") no-repeat 0 -44px;
}

.pdpAlternateImage .jcarousel-prev-vertical:hover,
.pdpAlternateImage .jcarousel-prev-vertical:focus {
    background-position: 0 -66px;
}

.pdpAlternateImage .jcarousel-prev-vertical:active {
/*    background-position: 0 -64px;  */
}

.pdpAlternateImage .jcarousel-prev-disabled-vertical,
.pdpAlternateImage .jcarousel-prev-disabled-vertical:hover,
.pdpAlternateImage .jcarousel-prev-disabled-vertical:focus,
.pdpAlternateImage .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

	/* ----- .pdpComplement ----- */

.pdpComplement {

}

.pdpComplement h2 {
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: 0.3em;
    margin-bottom: 10px;
    color: #666666; 
    text-align: center;
}

.pdpComplement .eCommerceComplementProduct {
    border: 1px solid #d3d3d3;
    clear: left;
    float: left;
    line-height: 12px;
    margin: 1em 0;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}

.pdpComplement .eCommerceComplementProduct.first {
	margin-top: 0;
}

     /* ----- .pdpComplement Overides ('!important' as necessary) ----- */
 
.eCommerceComplementProduct .plpProductName {
	
}

.eCommerceComplementProduct .plpProductName span {
	
}

.eCommerceComplementProduct .plpDetailLink {
	
}

.eCommerceComplementProduct .plpDetailLink a.eCommerceProductLink {
	
}

.eCommerceComplementProduct .plpDetailLink a.eCommerceProductLink:hover {
	
}

.eCommerceComplementProduct .plpDetailLink a.eCommerceProductLink span {
	
}

.eCommerceComplementProduct .plpPriceList {
	
}

.eCommerceComplementProduct .plpPriceList .price {
	
}

.eCommerceComplementProduct .plpPriceOnline {
	
}

.eCommerceComplementProduct .plpPriceOnline .price {
	
}

.eCommerceComplementProduct .plpPriceSavingPercent {
	
}

.eCommerceComplementProduct .plpPriceSavingPercent .price{
	
}

.eCommerceComplementProduct .plpPriceSavingMoney {
	
}

.eCommerceComplementProduct .plpPriceSavingMoney .price {
	
}

.eCommerceComplementProduct .plpSwatchImage {
	
}

.eCommerceComplementProduct .plpSwatchImage .swatch {
	
}

.eCommerceComplementProduct .plpTertiaryInfo {
	
}

.eCommerceComplementProduct .plpTertiaryInfo .tertiaryInformation {
	
}

.eCommerceComplementProduct .plpReviewStars {
	
}

.eCommerceComplementProduct .plpReviewStars .rating_bar {
	
}

.eCommerceComplementProduct .plpReviewRead {
	
}

.eCommerceComplementProduct .plpReviewRead .customerRatingLinks {
	
}

.eCommerceComplementProduct .plpReviewRead .customerRatingLinks a.review {
	
}

.eCommerceComplementProduct .pdpReviewWrite {
	
}

.eCommerceComplementProduct .pdpReviewWrite .customerRatingLinks {
	
}

.eCommerceComplementProduct .pdpReviewWrite .customerRatingLinks a#submitPageReview {
	
}

.eCommerceComplementProduct .plpThumbImage {
	
}

.eCommerceComplementProduct .plpThumbImage .eCommerceThumbNailHolder {
	
}

.eCommerceComplementProduct .plpThumbImage .eCommerceThumbNailHolder img {
	
}

.eCommerceComplementProduct .plpManufacturerDescription {
	
}

.eCommerceComplementProduct .plpManufacturerDescription .profileDescription {
	
}

.eCommerceComplementProduct .plpManufacturerHeading {
	
}

.eCommerceComplementProduct .plpManufacturerHeading h2 {
	
}

.eCommerceComplementProduct .plpManufacturerImage {
	
}

.eCommerceComplementProduct .plpManufacturerImage img {
	
}

.eCommerceComplementProduct .plpManufacturerName {
	
}

.eCommerceComplementProduct .plpManufacturerName .profileName {
	
}

.eCommerceComplementProduct .plpSeeItemDetails {
	
}

.eCommerceComplementProduct .plpSeeItemDetails a.seeItemDetail {
	
}

	/* ----- #pdpContent01 ----- */

#pdpContent01 {
     margin: 10px 0 0 0;
}

#pdpContent01 p {
    color: #666666;
    float: left;
    font-size: 13px;
    margin: 8px 4px 0 0;
}

a.facebookLink {
    background: url("/osafe_theme/images/user_content/images/faceBook_off.png") no-repeat scroll left 50% transparent;
    display: inline-block;
    height: 20px;
    margin: 0 5px 0 0;
    width: 45px;
}

a.twitterLink  {
  background: url("/osafe_theme/images/user_content/images/twitter.png") no-repeat scroll left 50% transparent;
    display: inline-block;
    width: 58px;
    height: 20px;
    margin: 0 5px 0 0;
    padding-bottom: 8px;
}

a.pinterestLink {
  background: url("/osafe_theme/images/user_content/images/pinterest.png") no-repeat scroll left 50% transparent;
    display: inline-block;
    width: 57px;
    height: 20px;
    margin: 0 5px 0 0;
    padding-bottom: 8px;
}

a.googlePlusLink{
  background: url("/osafe_theme/images/user_content/images/googlePlus.png") no-repeat scroll left 50% transparent;
    display: inline-block;
    width: 50px;
    height: 20px;
    margin: 0 5px 0 0;
    padding-bottom: 8px;
}

a.mailFriend {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #ADADAD;
    display: inline-block;
    font-size: 12px;
    height: 13px;
    padding: 2px 6px;
    position: relative;
    top: -6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

a.mailFriend:hover {
    text-decoration: none;
    background: none repeat scroll 0 0 #8C0303;
    color: #fff;
}



	/* ----- .pdpContent02 ----- */





	/* ----- .pdpDeliveryInfo ----- */

.pdpDeliveryInfo {
   display: inline-block;
}

.pdpDeliveryInfo .displayBox {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC;
    border-style: none none dotted dotted;
    border-width: medium medium 1px 1px;
    display: block;
    width: 450px;
    clear: none;
    padding: 0 0 10px 0;
}

	/* ----- .pdpDirections ----- */

.pdpDirections {
   	display: inline-block;
}

.pdpDirections  .displayBox {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC;
    border-style: none none dotted dotted;
    border-width: medium medium 1px 1px;
    display: block;
    width: 450px;
    clear: none;
    padding: 0 0 10px 0;
}

	/* ----- .pdpDistinguishingFeature ----- */

.pdpDistinguishingFeature {
   display: inline-block;
   width:200px;
  /*  margin: 0 0 0 254px; Width id pdpMainImage Div */
}

.pdpDistinguishingFeature .displayBox {

    display: block;
    width: 200px;
    clear: none;
    padding: 10px;
}

.pdpDistinguishingFeature .displayBox h3 {
color: #400101;
font-size: 2em;
font-weight: bold;
}

.pdpDistinguishingFeature .displayBox ul {

padding: 5px 0px 0;
  
}

.pdpDistinguishingFeature .displayBox ul li {
 
   margin: 0 0 0px;
list-style: disc;
margin-left: 13px;


}

.pdpDistinguishingFeature .displayBox ul li label {
    color: #666666;
    display: block;
    
    width: 150px;
    padding-right: 10px;
}

.pdpDistinguishingFeature .displayBox ul ul {
    margin: 0;
    padding: 0;
}


.pdpDistinguishingFeature .displayBox ul ul li {
    display: inline;
    margin: 0;
    *margin: 0 0 5px 10px;
}

.pdpDistinguishingFeature .displayBox ul ul li span:before {
    content: "- ";
}

.pdpDistinguishingFeature .displayBox ul ul li:first-child span:before {
    content: none;
}

.pdpDistinguishingFeature .displayBox ul ul li span {
    color: #666666;
    font-family:'Open Sans', sans-serif;
    font-size: 12px;
}

	/* ----- .pdpIngredients ----- */

.pdpIngredients {
   display: inline-block;
}

	/* ----- .pdpIntroDiscoContent ----- */

.pdpIntroDiscoContent {
	
}

	/* ----- .pdpLongDescription ----- */

.pdpLongDescription {
   display: inline-block;
   margin: 0 0 20px 0;
   padding-left: 0px;
}

.pdpLongDescription .displayBox {

width: 500px;
padding: 10px;
}

.pdpLongDescription .displayBox h3 {
    color: #454039;
    font-size: 1.4em;
    font-weight: bold;
}

.pdpLongDescription .displayBox p {
    margin: 0;
}

	/* ----- .pdpMainImage ----- */

.pdpMainImage {
    height: 225px;   /*  IMG_SIZE_PDP_REG_H; keeps image consistent when swapping variants */
    margin: 0 0 10px;
    width: 225px;   /*  IMG_SIZE_PDP_REG_W; keeps image consistent when swapping variants */

}

.pdpMainImage #productDetailsImageContainer {
    display: inline;
    width: 300px;
}

.pdpMainImage #productDetailsImageContainer #MainImage {

}

.pdpMainImage #productDetailsImageContainer .productLargeImage {
    display: block;
    margin: 0 auto;
}

.pdpMainImage #productDetailsImageContainer #mainImageLink{
    display: block;
    font-size: 1.5em;
    text-align: center;
}

.pdpMainImage #productDetailsImageContainer #mainImageLink:hover{
    text-decoration: underline;
}

.pdpMainImage #productDetailsImageContainer .productAdditionalImage {
    border: 2px solid lightGrey; /* Hex Js2 */
    margin: 0.5em 0em 0em 0em;
}

.pdpMainImage #productDetailsImageContainer #eCommerceProductAddImage {
	clear: left;
}

.pdpMainImage #productDetailsImageContainer img {
    margin: 0 auto;
    display: block;
    -webkit-box-shadow: 2px 2px 1px rgba(50, 50, 50, 0.39);
    -moz-box-shadow:    2px 2px 1px rgba(50, 50, 50, 0.39);
    box-shadow:         2px 2px 1px rgba(50, 50, 50, 0.39);
}

	/* ----- .pdpManufacturerDescription ----- */

.pdpManufacturerDescription {

}

.pdpManufacturerDescription .profileDescription {
    color: #666666;
    font-size: 12px;
    font-weight: normal;
}

	/* ----- .pdpManufacturerHeading ----- */

.pdpManufacturerHeading {

}

.pdpManufacturerHeading h2 {

}

	/* ----- .pdpManufacturerImage ----- */

.pdpManufacturerImage {
    float: left;
    padding: 0 6px 6px 0;
}

.pdpManufacturerImage img {

}

	/* ----- .pdpManufacturerName ----- */

.pdpManufacturerName {

}

.pdpManufacturerName .profileName {
    font-weight: bold;
    padding-bottom: 1em;
}

/* === 10. Shopping Cart Items === */

/* Below are default styles for shopping cart items that appear in several phases of checkout */


	/* ---- Order Items Header --- */

/* It is strongly recommended that the widths of the headers match their respective Order Item divs */

.cartItemHeader {
    float: left;
    margin: 10px 0 0;
    width: 100%;
}

.cartItemHeader span {  /* Default for spans in Order Items Header  */
    color: #666666;
    font-weight: 700;
}

.cartHeaderItemImage {
    width: 75px;
}

.cartHeaderItemImage span {
    visibility: hidden; /* note: display: none; will result in the collapse of the parent div */
}

.cartHeaderItemName {
    width: 170px;
    padding: 0 5px;
}

.cartHeaderItemName span {

}

.cartHeaderItemDescription {
    padding: 0 5px;
    width: 110px;
}

.cartHeaderItemDescription span {

}

.cartHeaderItemQuantity {
    padding: 0 5px;
    width: 60px;  /* takes into effect .cartItemQuantity and .cartItemUpdateButton */
}

.cartHeaderItemQuantity span {

}

.cartHeaderItemUpdateButton {
    width: 30px;
}

.cartHeaderItemUpdateButton span {
    visibility: hidden;
}

.cartHeaderItemPrice {
    padding: 0 5px;
    width: 135px;
}

.cartHeaderItemPrice span {

}

.cartHeaderItemOfferPrice {
    padding: 0 5px;
    width: 150px;
}

.cartHeaderItemOfferPrice span {
    color: #990000;
}

.cartHeaderItemAvailability {
    padding: 0 5px;
    width: 67px;
}


.cartHeaderItemAvailability span  {
    visibility: hidden; /* note: display: none; will result in the collapse of the parent div */
}

.cartHeaderItemPriceTotal {
    padding: 0 5px;
    width: 100px;
}

.cartHeaderItemPriceTotal span {

}

.cartHeaderItemRemoveButton {
    padding: 0 5px;
    width: 16px;
}

.cartHeaderItemRemoveButton span {
    visibility: hidden; /* note: display: none; will result in the collapse of the parent div */
}

     /* ----- Show Cart Item Header ----- */

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











	/* ----- .pdpPriceList ----- */

.pdpPriceList {
     width: 500px;
}

.pdpPriceList label {
    display: inline-block;
    font-size: 1.5em;
    margin: 5px 0 5px 0;
    text-align: right;
    width: 100px;
    color: #aaaaaa;
}

.pdpPriceList .price {
	font-size: 1.7em;
	text-decoration: line-through;
	color: #aaaaaa;
	margin: 0 0 0 0;	
}

	/* ----- .pdpPriceOnLine ----- */

.pdpPriceOnLine {
     width: 525px;
    padding-bottom:10px;
}

.pdpPriceOnLine label {
    display: inline-block;
    font-size: 1.8em;
    margin: 5px 0 5px 0;
    text-align: right;
    width: 100px;
}

.pdpPriceOnLine .price {
	clear: left;
    color: #400101;
    font-size: 2em;
    font-weight: bold;
    margin: 2px 0;
}

	/* ----- .pdpPriceSavingMoney ----- */

.pdpPriceSavingMoney {
   display: inline-block;
}

.pdpPriceSavingMoney label {
    display: inline-block;
    font-size: 1.5em;
    margin: 5px 0 5px 0;
    text-align: right;
    width: 100px;
}

.pdpPriceSavingMoney .savings {

}

	/* ----- .pdpPriceSavingMoneyPercent ----- */

.pdpPriceSavingPercent {
   display: inline-block;
}

.pdpPriceSavingPercent label {
    display: inline-block;
    font-size: 1.5em;
    margin: 5px 0 5px 0;
    text-align: right;
    width: 100px;
}

.pdpPriceSavingPercent .savings {

}

	/* ----- .pdpProductName ----- */

.pdpProductName {
     width: 500px;
}

.pdpProductName h1 {
    font-weight: 700;
    margin: 0 0 0 42px;
    max-width: 475px;
    text-transform: none;
}

	/* ----- .RecentlyViewed ----- */

.pdpRecentlyViewed {
    margin: 30px 160px 0 0;
}

.pdpRecentlyViewed h2 {
    color: #454039;
    font-weight: bold;
    font-size: 1.8em;
    margin: 5px 0;
}

.pdpRecentlyViewed .eCommerceRecentlyViewedProduct {
    float: left;

    margin: 0 15px 0 0;
    width: 140px;
}

     /* ----- .eCommerceRecentlyViewedProduct Overides ('!important' as necessary) ----- */
 
.eCommerceRecentlyViewedProduct .plpProductName {
	
}

.eCommerceRecentlyViewedProduct .plpProductName span {
	
}

.eCommerceRecentlyViewedProduct .plpDetailLink {
    display: block;
    min-height: 30px;	
}

.eCommerceRecentlyViewedProduct .plpDetailLink a.eCommerceProductLink {
	
}

.eCommerceRecentlyViewedProduct .plpDetailLink a.eCommerceProductLink:hover {
	
}

.eCommerceRecentlyViewedProduct .plpDetailLink a.eCommerceProductLink span {
	
}

.eCommerceRecentlyViewedProduct .plpPriceList {
	
}

.eCommerceRecentlyViewedProduct .plpPriceList .price {
	
}

.eCommerceRecentlyViewedProduct .plpPriceOnline {
	
}

.eCommerceRecentlyViewedProduct .plpPriceOnline .price {
	
}

.eCommerceRecentlyViewedProduct .plpPriceSavingPercent {
	
}

.eCommerceRecentlyViewedProduct .plpPriceSavingPercent .price {
	
}

.eCommerceRecentlyViewedProduct .plpPriceSavingMoney {
	
}

.eCommerceRecentlyViewedProduct .plpPriceSavingMoney .price {
	
}

.eCommerceRecentlyViewedProduct .plpSwatchImage {
	
}

.eCommerceRecentlyViewedProduct .plpSwatchImage .swatch {
	
}

.eCommerceRecentlyViewedProduct .plpTertiaryInfo {
	
}

.eCommerceRecentlyViewedProduct .plpTertiaryInfo .tertiaryInformation {
	
}

.eCommerceRecentlyViewedProduct .plpReviewStars {
	
}

.eCommerceRecentlyViewedProduct .plpReviewStars .rating_bar {
	
}

.eCommerceRecentlyViewedProduct .plpReviewRead {
	
}

.eCommerceRecentlyViewedProduct .plpReviewRead .customerRatingLinks {
	
}

.eCommerceRecentlyViewedProduct .plpReviewRead .customerRatingLinks a.review {
	
}

.eCommerceRecentlyViewedProduct .pdpReviewWrite {
	
}

.eCommerceRecentlyViewedProduct .pdpReviewWrite .customerRatingLinks {
	
}

.eCommerceRecentlyViewedProduct .pdpReviewWrite .customerRatingLinks a#submitPageReview {
	
}

.eCommerceRecentlyViewedProduct .plpThumbImage {
	
}

.eCommerceRecentlyViewedProduct .plpThumbImage .eCommerceThumbNailHolder {
	
}

.eCommerceRecentlyViewedProduct .plpThumbImage .eCommerceThumbNailHolder img {
	
}


.eCommerceRecentlyViewedProduct .plpManufacturerDescription {
	
}

.eCommerceRecentlyViewedProduct .plpManufacturerDescription .profileDescription {
	
}

.eCommerceRecentlyViewedProduct .plpManufacturerHeading {
	
}

.eCommerceRecentlyViewedProduct .plpManufacturerHeading h2 {
	
}

.eCommerceRecentlyViewedProduct .plpManufacturerImage {
	
}

.eCommerceRecentlyViewedProduct .plpManufacturerImage img {
	
}

.eCommerceRecentlyViewedProduct .plpManufacturerName {
	
}

.eCommerceRecentlyViewedProduct .plpManufacturerName .profileName {
	
}

.eCommerceRecentlyViewedProduct .plpSeeItemDetails {
	
}

.eCommerceRecentlyViewedProduct .plpSeeItemDetails a.seeItemDetail {
	
}
	/* ----- .ReviewList ----- */

/* === .pdpReviewList {} pdpReviewList is styled in detail in Section 14.1 === */


	/* ----- .ReviewRead ----- */

.pdpReviewRead {

}

.pdpReviewRead .customerRatingLinks {

}

.pdpReviewRead .customerRatingLinks a.review {

}

.pdpReviewRead .customerRatingLinks a.review:hover {

}
	/* ----- .ReviewStars ----- */

.pdpReviewStars {
      width: 500px;
}

.pdpReviewStars #productReviewCustomerRating {

}

.pdpReviewStars #productReviewCustomerRating label {
    display: inline-block;
    font-size: 1.8em;
    margin: 5px 0;
    text-align: right;
    width: auto;
    float: left;
}

.pdpReviewStars #productReviewCustomerRating .reviewCustomerRating {
    float: left;
}

.pdpReviewStars #productReviewCustomerRating .reviewCustomerRating .rating_bar {

}

.pdpReviewStars #productReviewCustomerRating .reviewCustomerRating .ratingSummaryFinal {
    color: #333333;
    display: block;
    font-size: 12px;
    margin: 3px 0 0;
    text-align: center;
}

	/* ----- .ReviewWrite ----- */

.pdpReviewWrite {
      width: 500px;
}

.pdpReviewWrite .customerRatingLinks {
    margin: 0 0 0 100px;
    padding: 10px 0;
}

.pdpReviewWrite .customerRatingLinks a#submitPageReview {
    font-size: 13px;
}

.pdpReviewWrite .customerRatingLinks a#submitPageReview:hover {
    text-decoration: underline;
}

	/* ----- .SalesPitch ----- */

.pdpSalesPitch {
   display: inline-block;
}

	/* ----- .pdpSeeLargerImage ----- */

.pdpSeeLargerImage {
    display: inline-block;
    width: 225px;
    margin: 0 0 10px 0;
}

.pdpSeeLargerImage a {
    display: block;
    font-size: 1.4em;
    text-align: center;
}

.pdpSeeLargerImage a:hover {
   color: #000000;
}

	/* ----- .pdpSeeMainImage ----- */

.pdpSeeMainImage {
   width: 151px;
   background: none repeat scroll 0 0 #EBEBEB;
   margin: 2px 0 0 
}

.pdpSeeMainImage a {
    background: #EBEBEB url("/osafe_theme/images/user_content/images/image_inactive.gif") 50% 50% no-repeat;
    display: block;
    height: 29px; 
}

.pdpSeeMainImage a:hover {
    background: #EBEBEB url("/osafe_theme/images/user_content/images/image_active.gif") 50% 50% no-repeat;
}

.pdpSeeMainImage span {
    display: none;
}

	/* ----- .pdpSelectableFeature  ----- */

.pdpSelectableFeature {
      width: 500px;
}

.pdpSelectableFeature .selectableFeatures.COLOR {
    width: 100%;
}

.pdpSelectableFeature .selectableFeatures.COLOR label {
    float: left;
    font-size: 1.8em;
    margin: 13px 0 5px;
    text-align: right;
    width: 100px;
}

/* ===== Alert: PDP pages should implement a UL or a selectbox but not both.  Apply Display:None; to the feature you wish to disable. ===== */

.pdpSelectableFeature .selectableFeatures.COLOR select {
    display: none; /*Hides Select Box because this PDP uses a UL (see below) */
}
.pdpSelectableFeature .selectableFeatures.COLOR ul {
    float: left;
}

.pdpSelectableFeature .selectableFeatures.COLOR ul li {
   float: left;
   margin: -2px 10px 0 0;
}

.pdpSelectableFeature .selectableFeatures.COLOR ul li a {  

}

.pdpSelectableFeature .selectableFeatures.COLOR ul li a:hover, 
.pdpSelectableFeature .selectableFeatures.SIZE ul li.selected a {
	
}

.pdpSelectableFeature .selectableFeatures.COLOR ul li img {
    margin: 1px; /* To offset the border in the selected state */
}

.pdpSelectableFeature .selectableFeatures.COLOR ul li.selected img {
    border: 1px solid #000000;
 	margin: 0px; /* To offset by above border */
}

.pdpSelectableFeature .selectableFeatures.SIZE {
    clear: left;
    float: left;
    margin: 10px 0 0;
    width: 100%;
}

.pdpSelectableFeature .selectableFeatures.SIZE label {
    float: left;
    font-size: 1.8em;
    margin: 0 0 5px;
    text-align: right;
    width: 100px;
    display: inline-block;
}

.pdpSelectableFeature .selectableFeatures.SIZE select {
    display: none; /* Hides Select Box because this PDP uses a UL (see below) */
}

.pdpSelectableFeature .selectableFeatures.SIZE ul {
      float: left;
}

.pdpSelectableFeature .selectableFeatures.SIZE ul li {
   font-size: 1.2em;
   float: left;
   margin: 0 10px 0 0;
}

.pdpSelectableFeature .selectableFeatures.SIZE ul li a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #eaeaea;
    display: block;
    font-family:'Open Sans', sans-serif;
    font-size: 1.3em;
    padding: 2px;
    min-width: 20px;   /* adds space when numbers are used */
    text-align: center;	
}

.pdpSelectableFeature .selectableFeatures.SIZE ul li a:hover, 
.pdpSelectableFeature .selectableFeatures.SIZE ul li.inStock a,
.pdpStockLegend ul.stockKey li span.inStock {
    border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;
}

.pdpSelectableFeature .selectableFeatures.SIZE ul li.inStock a:hover {
       background: #eaeaea;
}

.pdpSelectableFeature .selectableFeatures.SIZE ul li.lowStock a,
.pdpStockLegend ul.stockKey li span.lowStock {
        border: 1px solid #D0975F;
		background: #FAB67C;
		background-image: linear-gradient(bottom, rgb(208,151,95) 3%, rgb(250,182,124) 52%);
		background-image: -o-linear-gradient(bottom, rgb(208,151,95) 3%, rgb(250,182,124) 52%);
		background-image: -moz-linear-gradient(bottom, rgb(208,151,95) 3%, rgb(250,182,124) 52%);
		background-image: -webkit-linear-gradient(bottom, rgb(208,151,95) 3%, rgb(250,182,124) 52%);
		background-image: -ms-linear-gradient(bottom, rgb(208,151,95) 3%, rgb(250,182,124) 52%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.03, rgb(208,151,95)),
			color-stop(0.52, rgb(250,182,124))
		);

		color: #fff;
}

.pdpSelectableFeature .selectableFeatures.SIZE ul li.outOfStock a,
.pdpStockLegend ul.stockKey li span.outOfStock {
        background: #EBEBEB;
        color: #a6a6a6;
}

.pdpSelectableFeature .selectableFeatures.SIZE ul li.selected a {
        background: none repeat scroll 0 0 #EAEAEA;
}

	/* ----- .pdpSpecialInstructions ----- */

.pdpSpecialInstructions {
   display: inline-block;
}

.pdpSpecialInstructions .displayBox {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC;
    border-style: none none dotted dotted;
    border-width: medium medium 1px 1px;
    display: block;
    width: 450px;
    clear: none;
}

	/* ----- .pdpStockLegend ----- */

.pdpStockLegend {
    border: 1px dotted #ccc;
    margin: 0 0 0 255px;
    padding: 0 0 2px 10px;
    width: 360px\9; /* IE8 and below */ 
    margin: 0 0 20px 300px\9; /* IE8 and below */ 
    width: 375px;
}

.pdpStockLegend ul.stockKey {

}

.pdpStockLegend ul.stockKey li {
    display: inline-block;
	font-size: 16px;
	margin: 0 25px 0 0;
}

.pdpStockLegend ul.stockKey li span {
    width: 10px;
	height: 10px;
	border: 1px solid #666;
	display: block;
	float: left;
	margin: 4px 8px 0 0;
}

.pdpStockLegend ul.stockKey li span.inStock {
	/* Backgrounds are in the selectable features area for continuity */
}

.pdpStockLegend ul.stockKey li span.lowStock {
	/* Backgrounds are in the selectable features area for continuity */
	
}

.pdpStockLegend ul.stockKey li span.outOfStock {
	/* Backgrounds are in the selectable features area for continuity */
}

	/* ----- .pdpTabs ----- */

.pdpTabs {
    display: inline-block;
    width: 375px;
}

.pdpTabs .displayBox {
    clear: none;
    float: none;
    margin: none;
    width: auto;
}

    /* The Following Styles Override Default jQuery Interface styles needed for other elements */

/* Tab Corner radius */
.pdpTabs.ui-corner-all,
.pdpTabs .ui-corner-all,
.pdpTabs.ui-corner-top,
.pdpTabs .ui-corner-top,
.pdpTabs.ui-corner-left,
.pdpTabs .ui-corner-left,
.pdpTabs.ui-corner-tl,
.pdpTabs .ui-corner-tl { 
     -moz-border-radius-topleft: 0px!important;
     -webkit-border-top-left-radius: 0px!important;
     -khtml-border-top-left-radius: 0px!important;
     border-top-left-radius: 0px!important;
}

.pdpTabs.ui-corner-all,
.pdpTabs .ui-corner-all,
.pdpTabs.ui-corner-top,
.pdpTabs .ui-corner-top,
.pdpTabs.ui-corner-right,
.pdpTabs .ui-corner-right,
.pdpTabs.ui-corner-tr,
.pdpTabs.ui-corner-tr { 
     -moz-border-radius-topright: 0px!important;
     -webkit-border-top-right-radius: 0px!important;
     -khtml-border-top-right-radius: 0px!important;
     border-top-right-radius: 0px!important; 
}

.pdpTabs.ui-corner-all,
.pdpTabs .ui-corner-all,
.pdpTabs.ui-corner-bottom,
.pdpTabs .ui-corner-bottom,
.pdpTabs.ui-corner-left,
.pdpTabs .ui-corner-left,
.pdpTabs.ui-corner-bl,
.pdpTabs .ui-corner-bl {
     -moz-border-radius-bottomleft: 0px!important;
     -webkit-border-bottom-left-radius: 0px!important;
     -khtml-border-bottom-left-radius: 0px!important;
     border-bottom-left-radius: 0px!important;
}

.pdpTabs.ui-corner-all,
.pdpTabs .ui-corner-all,
.pdpTabs.ui-corner-bottom,
.pdpTabs .ui-corner-bottom,
.pdpTabs.ui-corner-right,
.pdpTabs .ui-corner-right,
.pdpTabs.ui-corner-br,
.pdpTabs .ui-corner-br {
     -moz-border-radius-bottomright: 0px!important;
     -webkit-border-bottom-right-radius: 0px!important;
     -khtml-border-bottom-right-radius: 0px!important;
     border-bottom-right-radius: 0px!important;
}

.pdpTabs.ui-widget-content {
     border: none!important;
     background: none!important;
     color: #222222;
}

.pdpTabs .ui-widget-header {
     border: none!important;
     background: none!important;
     color: #222222;
     font-weight: bold;
}
.pdpTabs.ui-tabs .ui-tabs-nav {
    margin: 0!important;
    padding: 0!important;
}

.pdpTabs.ui-tabs .ui-tabs-nav li {
     border: none!important;
     top: 0!important;
     color: #343434!important;
     font-size: 14px!important;
}
.pdpTabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border: 1px solid #c3c3c3!important;
    margin-bottom: 0!important;
    padding-bottom: 1px!important;
    top: 1px!important;
    border-bottom: none!important; 
    background: #ebebeb!important; 
}

	/* ----- .pdpTertiaryInformation ----- */

.pdpTertiaryInformation {

}

	/* ----- .pdpVideo ----- */

.pdpVideo {
   margin: 2px 2px 0 0;
   width: 151px;
   background: none repeat scroll 0 0 #EBEBEB;
}

.pdpVideo #productVideoLink a {
    background: #EBEBEB url("/osafe_theme/images/user_content/images/video_inactive.gif") 50% 50% no-repeat;
    display: block;
    height: 29px; 
}

.pdpVideo #productVideoLink a:hover {
    background: #EBEBEB url("/osafe_theme/images/user_content/images/video_active.gif") 50% 50% no-repeat;
}

.pdpVideo #productVideoLink a span {
    display: none;
}

	/* ----- .pdpVideo360 ----- */

.pdpVideo360 {
   margin: 2px 2px 0 0;
   background: #ebebeb;
   width: 151px;
}   

.pdpVideo360 #productVideo360Link a {
    background: #EBEBEB url("/osafe_theme/images/user_content/images/360_inactive.gif") 50% 50% no-repeat;
    display: block;
    height: 29px;
}

.pdpVideo360 #productVideo360Link a:hover {
    background: #EBEBEB url("/osafe_theme/images/user_content/images/360_active.gif") 50% 50% no-repeat;
}

.pdpVideo360 #productVideo360Link a span {
    display: none;
}

	/* ----- .pdpVolumePricing ----- */

.pdpVolumePricing {
    margin: 0 0 0 250px;
}

.volumePricing h2 {
    font-size: 1.5em;
    margin: 0 100px 0 100px;
    width: 100px;
 }
 
.volumePricing p {
    line-height: 1.5em;
    font-size: 12px;
    border-bottom: 1px dotted #4E2C3D;
    margin: 0 10px 10px 10px;
    color: #666666;
}
 
.volumePricing .pricingCaption {
    color: #666666;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 5px 0;
    padding: 0 0 0 10px;
}

.volumePricing .priceRule {
    margin: 0;
    font-size: 1.2em;
 }
 
.volumePricing .price {
    margin: 0;
    clear: left;
    float: right;
    font-size: 1.2em;
    color: #666666;
 }
 
 	/* ----- .pdpWarnings ----- */

.pdpWarnings {
   display: inline-block;
}

	/* ----- .pdpAddToWishlist ----- */

.pdpAddToWishlist {
    margin: 13px 0 0 10px;
    width: 300px;
}

.pdpAddToWishlist .addToWishlist {
    border: 1px solid #CECECE;
    border-radius: 5px 5px 5px 5px;
    color: #400101;
    display: inline-block;
    font-size: 1.6em;
    padding: 2px 10px;
}

.pdpAddToWishlist .addToWishlist:hover {
    background: none repeat scroll 0 0 #8C0303;
    border-bottom: 1px solid;
    color: #fff;
}

.pdpAddToWishlist .addToWishlist span {
}

/* === 7. Boxes  === */

/* === 7.1 Display Boxes  === */

.displayBox {

}

.displayBox h2 {
    color: #000000;
    background: #e7e7e7;
    border-bottom: 1px solid black;
    margin: 0 0 10px 0;
    padding: .2em 6px .2em 6px; 
}

.displayBox h3 {
   font-size: 2.0em;
}

.displayBox h4 {

}
    
.displayBox p {
    color: #454039;
    font-size: 14px;
    padding: 0.5em 0 0 0;
}

.displayBox div.entry li.fieldErrorMessage {
	
}

.displayBox.confirmDialog {
	margin:0;
}

.displayBox.confirmDialog h3 {

}

.displayBox.confirmDialog .confirmBtn {

}

.pdpDisplayBox {
    clear: left;
    text-align: center;
    border: 0px;
    margin: 2em 0 2em 0;
    border: 1px solid #000000; 
}

.displayBox ul.PDPUnorderedList { 

}

.displayBox ul.PDPUnorderedList li { 
	background: url("/osafe_theme/images/user_content/images/listBullet.png") no-repeat scroll 0 50% transparent;
    margin: 0 0 8px 1em;
    padding: 0 0 0 20px;
    color: #666666;
}

.displayBox ul.PDPUnorderedList ul {
	margin: 8px 0 8px 20px;
}

.displayBox ul.PDPUnorderedList ul li { 
	background: url("/osafe_theme/images/user_content/images/listBulletAlt.png") 0 50% no-repeat;
    padding: 0 0 0 20px;
}

/* === 7.2 Dialog  Boxes  === */

#storePickup_displayDialog {
    background: none repeat scroll 0 0 transparent!important;
    border: 0 none!important;
    margin: 0 0 15px!important;
    max-height: 500px!important;
    overflow: auto!important;
    padding: 0 30px 10px 10px!important;
}


#storePickup_displayDialog #eCommerceStoreLocatorContainer {
width: 700px;     /* need to prevent select store popup resizing on map load */
}

#storePickup_displayDialog #eCommerceStoreLocatorContainer .mapCanvas {
    border:1px solid #979797; 
    background-color:#e5e3df;
    padding: 15px;
    margin: 7px auto 7px auto;
}

#storePickup_displayDialog #eCommerceStoreLocatorContainer .mapCanvasWithDirection {
    float: left;
    width: 360px !important;
}

#storePickup_displayDialog #eCommerceStoreLocatorContainer .mapLoading {
    padding:1em;
    color: #666666;
}

#storePickup_displayDialog #eCommerceStoreLocatorContainer .mapClosure {
    width:210px;
    padding: 0 10px 0 0;
    font-size: 1.5em;
}

#storePickup_displayDialog #eCommerceStoreLocatorContainer .mapDirection {
    display: none;
    float: right;
    height: auto !important;
    width: 300px;
}

#storePickup_displayDialog div.storeDirectionIcon {
    width: auto;
}

#storePickup_displayDialog div.commonButtons {
    margin: 10px 0 0 0;
}


/* === 8. Entry Forms  === */

.desc {
    margin:0 0 0 25px;
}

.required {
    color: #F00;
}

fieldset p {

}

.instructions {
   font-size: 15px;
   color: #666666;
}

.entry {
   margin: .2em 0 .2em 0;
}

.capturePlus {
    margin-bottom: 30px;
    margin-left: 180px;
}

.entry label {
    display: block;
    float: left;
    width: 160px;
    margin: 9px 0 0 10px;
    clear:left;
    color: #222;
    font-size: 14px;
}

.entry input,
.entry select,
.entry textarea {
    margin: .5em 0px .5em 10px;
    padding: 2px 2px 2px 2px;
}

.entry input[type="text"],
.entry input[type="password"] {
    width: 211px;
    font-size: 1.2em;
}
form#searchStoreLocator.Form div.entry input {background-color: #ffffff; color: #222;}

.entry input[type="text"].cardNumber {
    width: 132px;
}
div#eCommercePageBody div#eCommerceMainPanel.mainPanel input   {background-color: #F5F2F2; color: #222;}
div#eCommercePageBody div#eCommerceMainPanel.mainPanel select   {background-color: #F5F2F2; color: #222;}
div#eCommercePageBody div#eCommerceMainPanel.mainPanel textarea   {background-color: #F5F2F2; color: #222; border: 2px inset #f5f2f2;}
.entry span {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 0 5px;
}

div.pdpAddToCartSeq div.pdpAddToCart input.quantity {width:40px;}

input[type="text"].phone3 {
    width:3em;
}

input[type="text"].phone4 {
    width:4em;
}

input[type="text"].phoneExt {
    width:3em;
}

.entry select {
    width: auto;
}

.entry a {
  margin: .5em 0 0 5px;
}

.entry input[type="radio"] {
    font-size: 1.5em;
    border: none;
}

.entry .radioOptionText {
    font-size: 14px;
    margin:0 0 0 10px;
}

.entry .radioOptionTextAdditional {
    float: right;
    font-size: 14px;
    margin: 10px 0 0;
    display: inline;
}

.entry.paypal {
    margin: 1em 0 0 0;
}
.entry #isSameAsBilling {
    margin: 0.9em 0 0.5em 10px;
    border: none;
}

/* === 9. Error Messages  === */

.content-messages {
	margin: 0;
	font-size: 1.4em;
	color: black;
}

.content-messages p {
	margin: 10px;
}

.content-messages .errorImage,
.content-messages .eventImage,
.content-messages .warningImage {
	float: left;
	margin: 10px;
	padding: 0.1em;
    width: 14px;
    height: 14px;
}

.eCommerceErrorMessage {
	border: 1px solid #F00;
	background-color: #FBE7E8; /* Light Red */
}

.eCommerceErrorMessage .errorImage {
	background-image: url("/osafe_theme/images/user_content/images/red_x_image.png");
	background-repeat:no-repeat;
}

.eCommerceSuccessMessage {
	border: 1px solid #000;
	background-color: #CCFFCC; /* Green */
}

.eCommerceSuccessMessage .eventImage {
	border: 1px solid #000000;
	background-image: url("/osafe_theme/images/user_content/images/checkmark.png");
    background-repeat:no-repeat;
}

.eCommerceWarningMessage {
	border: 1px solid #FF0000;
	background-color: #FBE7E8; /* Light Red */
}

.eCommerceWarningMessage .warningImage {
	border: 1px solid #FF0000;
	background-image: url("/osafe_theme/images/user_content/images/warningmark.png");
	background-repeat:no-repeat;
}

.errorHeading,
.eventHeading,
.warningHeading {
	padding: 0 0 0 1.2em;
	font-weight: bold;
	margin: 0.5em;
}

.errorMessage,
.eventMessage,
.warningMessage {
	padding: 0 0 0 2.5em;
}

.fieldErrorMessage {
    color: #FF0000;
    font-size: 16px;
}

.eCommerceErrorMessage p,
.eCommerceSuccessMessage p,
.eCommerceWarningMessage p  {
    margin: 0.75em 0 0.5em 1em;
}

/* === 10. Shopping Cart  === */

.cart_contents .standardBtn.action {  
    background: none repeat scroll 0 0 #f7f7f7;
    font-size: 0.8em;
    font-weight: normal;
}

.cart_contents .standardBtn.action:hover {
    background: none repeat scroll 0 0 #eaeaea;
}

#eCommerceCartButtons,
#eCommerceAddressBookButtons {
    margin: 4em 0 8em 0;
    padding: 1px;
    float: left;
    width: 100%;
}

#eCommerceOrderSummaryContainer #eCommerceCartButtons {
	clear: both;
}

#eCommerceAddressBookButtons {
    clear: left;
}

#eCommerceCartButtons .negative,
#eCommerceAddressBookButtons .negative {
    float: left;
    margin: 0;
}

#eCommerceCartButtons .positive {
    float: right;
}

#cart_wrap {


    position:relative;
    margin: 10px 0 10px 0;
    clear:both;
    zoom:1;


}

#cart_display {
	width: 100%;
    font-size: 1.5em; 
}

#cart_display caption {
    display: none;
}

tr.cart_headers {
	background-color: #CCCCCC;
    font-size: 1em;
    font-weight: bold; 
}

tr.cart_contents {

}

#cart_display tr.cart_headers th{
    background-image:none;
    margin: 0;
    padding: 0;
    border-top: 1px solid  #eaeaea;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    font-weight: normal;
    white-space: nowrap;  /* Keep th from breaking Js2 */
    text-align: center;
 }

#cart_display tr.cart_contents {

}

#cart_display tr.cart_headers th.firstCol,
#cart_display tr.cart_contents td.firstCol {
    border-left: 1px solid #eaeaea;
    border-right: none; /* Combines Image and Description in Product Section */
}

#cart_display tr.cart_headers th.firstCol.lastCol {
    border-bottom: none;
    padding: 5px 0 5px 0;
}

#cart_display tr.cart_headers th.firstCol.lastCol .headerCaption {
    font-size: 1.3em;
}

#cart_display tr.cart_headers th.lastCol,
#cart_display tr.cart_contents td.lastCol {
    border-right: 1px solid #eaeaea;
}

#cart_display tr.cart_contents td.lastRow {
    border-bottom: 1px solid #eaeaea;
}

#cart_display tr.cart_contents td.description {

}

#cart_display tr.cart_contents td {
    vertical-align: middle;
    line-height: 1.5em;
    border-right: 1px solid #EAEAEA;
    text-align: center;
    padding: 5px;    
}

#cart_display tr.cart_headers th.image,
#cart_display tr.cart_contents td.image {

}

#cart_display tr.cart_headers th.product {

}

#cart_display tr.cart_contents td.description dl dt {
    display: none;
}

#cart_display tr.cart_contents td.description dl dd {
	margin: 0 0 0 0;
    padding: 0 10px 0 10px;
    width: 165px;
	text-align: left;
}

#cart_display tr.cart_contents td.description dl dd.discount {
    margin: 15px 0 0 0;
}

#cart_display tr.cart_contents td.description a {
    color: #666666;
    border-bottom: 1px dotted #666666;
}

#cart_display tr.cart_contents td.description a:hover { 
	border-bottom: 1px solid #666666;
}

td.quantity input[type="text"] {
    width: 75px;
}

#cart_display tr.cart_contents td.options dl dt {
    display: none;
}

#cart_display tr.cart_contents td.options dl dd {
    margin: 0;
    padding-left: 0;
}

#cart_display tr.cart_contents td.options dl dd.attribute span.label {
    margin: 0 10px 0 0;
}

#cart_display tr.cart_contents td.description dl dd.discount {
    margin: 15px 0 0 0;
}

#cart_display tr.cart_contents td.quantity span.action {
    margin: 0 0 0 10px;
    font-weight: bold;
}

#cart_display tr.cart_contents td .price  {
	clear: left;
    color: #666666;
    font-weight: bold;
    margin: 2px 0;
	font-size: 16px;
}

.basket #cart_display tr.cart_headers th.price {
    text-align: right;
    padding-right: 0px
}

* html .basket #cart_display tr.cart_headers th.price {

}

html>body .quick_order #cart_display tr.cart_headers th.price {
    *padding-right: 0 !important; /* IE7 */
}

#cart_display tr.cart_contents td.actions li {
    margin: 0 15px 0 0;
    *margin: 0 8px 0 0;
}

.cart_contents dl dt {
    display: none;
}

#cart_information {
    width: 100%;
}

#postage_packaging {
    float: left;
    display: inline;
    margin: 0 0 0 5px;
}

#cart_information #cart_summary {
    float: right;
    display: inline;
    margin: 0 15px 0 0;
}

#quick_order_actions {
    float: right;
    display: inline;
}

#cart_display .summary {
	float: right;
}

#cart_display tfoot {
    float: none!important;
}

#cart_wrap #cart_display .summary {
    width: 200px;
    padding: 0 15px 0 0;
}

#cart_wrap #cart_display .summary span {

}

#cart_wrap #cart_display .summary td .footContainer {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #F7F7F7;
    border-color: -moz-use-text-color #EAEAEA #EAEAEA;
    border-right: 1px solid #EAEAEA;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    display: inline-block;
    float: right !important;
    padding: 5px;
}

#cart_wrap #cart_display .summary td .footContainer li {
    clear: both;
    display: inline-block;
    float: right;
    padding: 0 0 0 3px;
}

#cart_wrap #cart_display .summary td .footContainer li div.labelText {
    float:left;
}

#cart_wrap #cart_display .summary td .footContainer li div.labelText .adjustedTotalLabel label {
   font-weight: bold;
   font-size: larger;
}

#cart_wrap #cart_display .summary td .footContainer li div.labelValue {
    float: left;
    width: 120px;
    padding: 0 0 0 15px;
}

#cart_wrap #cart_display .summary td .footContainer li div.labelValue .adjustedTotalValue span {
   font-weight: bold;
   font-size: larger;
}

#cart_wrap #cart_display .summary td .footContainer li div.labelValue span {
    margin: 0 25px 0 0;
}

#cart_wrap #cart_display .summary td {
    padding:0; 
}

#cart_wrap #summaryCell {
    padding-right: 0;
    width: 400px;
}

#cart_display .summary span.amount {
    float: right;
    display: inline;
}

#cart_display .summary .subtotal span.vat {
    margin: 5px;
    display: inline;
    font-weight:normal;
}

#cart_display .summary .caption {
    text-align: right;
}

#cart_display .summary .value {
    color: #000000;
    font-size: 15px;
    width: 110px;
}

#cart_display .summary .shippingMethod {

}

#cart_actions ul.buttons {
    float: right;
}

#cart_information .summary li ul.buttons  li.action {
    line-height: 3em;
    clear: right;
    float: right;
}

#cart_information .summary li {
    list-style-type: none;
    line-height: 1.5em;
}

div.action {
    height:2.5em;
}

.quick_order #cart_actions div.action {
    clear: right;
    float: right;
    margin: 0 15px 0 0;
}

#cart_display .summary label {
    display: inline;
    font-weight:bold;
    font-size: 12px;
}

#cart_display .summary .discount_subtotal span.amount {
    display: inline;
    font-size: 1em;
    color: #000000;
    font-weight:normal;
    font-size: 14px;
}

#cart_display .summary .subtotal span.amount {
    display: inline;
    font-weight: bold;
}

#cart_display tr.cart_totals td {
    vertical-align: middle;
}

/* === 11. Checkout Phases  === */

	/* ---- Default Footprint Styles --- */
		
#eCommerceCartFootprintContainer {
    display: inline-block;
    font-size: 1.5em;
    margin: 1em 0;
    width: 895px;
	background: #666;
}
#eCommerceCartFootprintContainer li {
    color: #fff;
    float: left;
    height: 23px;
    margin: 0;
    padding-left: 30px;
    padding-top: 5px;
    width: 146px;
    font-size: 16px;
}

#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 transparent;
}

#eCommerceCartFootprintContainer li.on,
#eCommerceCartFootprintContainer li.current {
    background: url("/osafe_theme/images/user_content/images/current-on.png") no-repeat scroll 0 0 transparent;
}

#eCommerceCartFootprintContainer li.next {
    background: url("/osafe_theme/images/user_content/images/next.png") no-repeat scroll 0 0 transparent;
}

#eCommerceCartFootprintContainer li.off,
#eCommerceCartFootprintContainer li.last {
    background: url("/osafe_theme/images/user_content/images/off.png") no-repeat scroll 0 0 transparent;
}

#eCommerceCartFootprintContainer li#confirmation.off,
#eCommerceCartFootprintContainer li#confirmation.last { 
	padding-right: 15px;
    background: url("/osafe_theme/images/user_content/images/last-off.png") no-repeat scroll 0 0 transparent;
}

#eCommerceCartFootprintContainer li#confirmation.next { 
	padding-right: 15px;
    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;
}

/* === 11.1 Login  === */

#eCommerceLoginContainer {
    clear: both;
}

#eCommerceLoginContainer .entryButtons {

}

#eCommerceLoginContainer #ptsLogin {

}

#eCommerceLoginContainer #ptsLogin p {

}

#eCommerceLoginContainer #pesLogin  {

}

#eCommerceLoginContainer #pesLogin p {

}

#returningCustomer.withGuestCheckoutOption,
#newCustomer.withGuestCheckoutOption,
#guestCheckoutBox.withGuestCheckoutOption {
    clear: none;
    width: 295px;
    float: left;
    margin: 25px 12px 240px 0;
    min-height: 340px;
    padding: 0 0 10px 0;
}

#eCommerceLoginContainer .withGuestCheckoutOption label {
    width: 100px;
}

#eCommerceLoginContainer .withGuestCheckoutOption input[type="text"],
#eCommerceLoginContainer .withGuestCheckoutOption input[type="password"] {
    width: 150px;
}

#returningCustomer {
    width: 400px;
    float: left;
    margin: 25px 0 240px 0;
    min-height: 300px; /* Added by Js2 to unify this container and #newCustomer */
}

#returningCustomer h3,
#newCustomer h3,
.withGuestCheckoutOption h3 {
	
}

#returningCustomer .infoAndEntrysec .entry label,
#newCustomer .infoAndEntrysec .entry label {
    width: 65px;
}

#returningCustomer .infoAndEntrysec p {

}

#returningCustomer #forgottenPassword {
    clear: both;
    display: block;
    color: #666666;
    font-size: 14px;
}

#returningCustomer #forgottenPassword:hover {
    text-decoration: underline;
}

#returningCustomer p.loginTip {

}

#newCustomer {
    width: 400px;
    clear: right;
    float: right;
    margin: 25px 0 0 0;
	min-height: 300px; /* Added by Js2 to unify this container and #returningCustomer */
}

/* === 11.1.1 Forgot Password  === */

#forgotPassword {
    width: 880px;
    margin: 25px 0 240px 0;
}

#forgotPassword .entryButtons {
    margin: 0 0 0 107px;
}

/* === 11.1.2 Change Password  === */

#changePassword {
	width: 400px;
	margin: 25px 0 240px 0;
}

/* === 11.1.3 Guest Checkout  === */

#guestCheckout #createAccountEntry {
    float: left;
    height: auto;
    min-height: 340px;
    margin: 10px 0 0 0;
    padding: 0 0 20px 0;
    width: 450px;
}

#guestCheckout #createAccountEntry input[type="text"],
#guestCheckout #createAccountEntry input[type="password"] { 
    width: 190px;
}

#guestCheckout .shippingOptions {
    width: 100%;
}

#guestCheckout #paymentMethods {
    clear:none;
    height: auto;
    min-height: 340px;
    width: 450px;
}

form div.entryButtons.submitOrder {
    clear: both;
    float: right;
    margin: 1em 0 1em 0;
}

.boxTopMessage {
    display: block;
    font-size: 1.2em;
    padding: 0 10px 0 10px;

}

#createAccountEntry .entry .radioOptionText {
    margin: 0 0 0 10px;
}

#guestCheckout .entry label {

}

#createAccountEntry .entry {
    clear:both;
}

.withGuestCheckoutOption div.infoAndEntrysec, 
div.infoAndEntrysec  {
    height: 160px;
}

/* === 11.2 Show Cart  === */

#eCommerceShowcart {
	
}

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

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

#eCommerceShowcart .showCartItems {
	
}


	/* ---- Order Items --- */


.showCartOrderItem {
    float: left;
    min-height: 100px;     /* For best results set width to IMG_SIZE_CART_H */ 
    line-height: 99px; /* To compensate for border; only one side is needed hence 1px */
    width: 100%;
    border: 1px solid;
    margin: 0 0 10px 0;
}

.showCartOrderItem * {
    vertical-align: middle;
}

.showCartOrderItem label {
    font-size: 14px;
}

.showCartOrderItem span {
    font-size: 14px;
}

.cartItemImage {   /* For best results set width to IMG_SIZE_CART_W */ 
    width: 75px;
}

.cartItemImage label {
    display: none;
}

.cartItemName {
    line-height: normal;  /* Needed to keep multiple lines from breaking container */
    margin: 20px 0 0;
    padding: 0 5px;
    width: 170px;
}

.cartItemName label {
    display: none;
}

.cartItemName span {
    font-size: 13px!important;
}

.cartItemDescription {
    line-height: normal;
    margin: 10px 0 0;
    width: 200px;
}

.cartItemDescription label {
    display: none;
}

.cartItemDescription .cartItemProdFeature {
    padding: 2px 0;
}

.cartItemDescription .cartItemProdFeature span {
   color: #666666;
   font-size: 14px;
}

.cartItemQuantity {
    padding: 0 5px;
    width: 100px;
}

.cartItemQuantity label {

}

.cartItemQuantity input {
    text-align: center;
    width: 20px;
    margin: 0 5px 0 0;
}

.cartItemUpdateButton {
   width: 30px;
}

.cartItemUpdateButton label {
    display: none;
}

.cartItemUpdateButton a {  /* Overrides Default Update Button */
    background: url("/osafe_theme/images/user_content/images/cartUpdate.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 16px;
    padding: 0;
    width: 16px;
}

.cartItemUpdateButton a span {  /* Overrides Default Update Button */
    display: none;
}

.cartItemUpdateButton a:hover {  /* Overrides Default Update Button */
    background: url("/osafe_theme/images/user_content/images/cartUpdateOver.png") no-repeat scroll 0 0 transparent;
    border: medium none;
}

.cartItemPrice {
    padding: 0 5px;
    width: 135px;
}

.cartItemPrice label {

}

.cartItemPrice span {

}

.cartItemOfferPrice {
    text-align: center;
    width: 150px;
}

.cartItemOfferPrice label {
    color: #990000;
    font-weight: 700;
}

.cartItemOfferPrice span {
    color: #990000;
    font-weight: 700;
    padding: 0 5px;
    width: 60px;
}

.cartItemItemAvailability {
    padding: 0 5px;
    text-align: center;
    width: 67px;
}

.cartItemItemAvailability label {
    display: none;
}

.cartItemItemAvailability span {

}

.cartItemPriceTotal {
    padding: 0 5px;
    width: 100px;
}

.cartItemPriceTotal label {
    color: #2B2B2B;
    font-weight: 700;
}

.cartItemPriceTotal span {
    font-size: 14px;
    font-weight: 700;
}

.cartItemRemoveButton {
   margin: 0 5px 0 0;
   width: 25px;  /* Needed to clear empty label space */
}

.cartItemRemoveButton label {
    display: none;
}

.cartItemRemoveButton a {  /* Overrides Default Delete Button */
    background: url("/osafe_theme/images/user_content/images/cartRemove.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 16px;
    padding: 0;
    width: 16px;
}

.cartItemRemoveButton a span {  /* Overrides Default Delete Button */
      display: none;
}

.cartItemRemoveButton a:hover {   /* Overrides Default Delete Button */
    background: url("/osafe_theme/images/user_content/images/cartRemoveOver.png") no-repeat scroll 0 0 transparent;
    border: medium none;
}

	/* ---- Order Items Summary --- */

.cartTotalNumberItems label,
.cartTotalSubAmount label, 
.cartShippingMethod label, 
.cartShippingAmount label, 
.cartTaxAmount label,
.cartTotalAmount label,
.cartPromoDiscount label,
.cartTotalAdjustAmount label {
    display: inline-block;
    width: 300px;
}

.cartTotalNumberItems span,
.cartTotalSubAmount span, 
.cartShippingMethod span, 
.cartShippingAmount span, 
.cartTaxAmount span,
.cartTotalAmount span,
.cartPromoDiscount span,
.cartTotalAdjustAmount span{
   font-size: 14px;
}

.cartTotalNumberItems {

}

.cartTotalNumberItems label {

}

.cartTotalNumberItems span {

}

.cartTotalSubAmount {

}

.cartTotalSubAmount label {

}

.cartTotalSubAmount span {

}

.cartShippingMethod {

}

.cartShippingMethod label {

}

.cartShippingMethod span {

}

.cartShippingAmount {

}

.cartShippingAmount label {

}

.cartShippingAmount span {

}

.cartTaxAmount {

}

.cartTaxAmount label {

}

.cartTaxAmount span {

}

.cartTotalAmount {

}

.cartTotalAmount label {

}

.cartTotalAmount span {

}

.cartPromoDiscount {

}

.cartPromoDiscount label {

}

.cartPromoDiscount span {

}

.cartTotalAdjustAmount {

}

.cartTotalAdjustAmount label {

}

.cartTotalAdjustAmount span {

}

/* === 11.2 Show Cart  === */

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

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

#eCommerceShowcart .labelText {       /* labelText should be defined on each page */
    display: inline-block;
}

#eCommerceShowcart .labelValue {      /* labelText should be defined on each page */
    display: inline-block;
}
















	/* ----- Show Cart / Promotional Code -----*/

#eCommerceShowcart #eCommerceEnterPromoCode {
    float: left;
    margin: 1em 0;
    width: 100%;
}

#eCommerceShowcart #eCommerceEnterPromoCode .displayBox {
    float: left;
    width: 100%;
}

#eCommerceShowcart #eCommerceEnterPromoCode .displayBox h3 {
    display: inline;
    float: left;
}

#eCommerceShowcart #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry {
    clear: left;
    float: left;
    margin: 0 0 10px 0;
    width: 100%;
}

#eCommerceShowcart #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry label {
    margin: 6px 0 0 0;
    width: auto;
}

#eCommerceShowcart #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry input {
    font-size: inherit;
    width: auto;
}

#eCommerceShowcart #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry a.standardBtn {

}

#eCommerceShowcart #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry a.standardBtn:hover {

}

#eCommerceShowcart #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode {
    float: left;
    width: 100%;	
}

#eCommerceShowcart #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode {

}

#eCommerceShowcart #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode {
	
}


#eCommerceShowcart #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeName {
    float: left;
    font-size: 14px;
    margin: 0 10px 0 0;
    width: 120px;
}

#eCommerceShowcart #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeDesc {
    color: #FF0000;
    float: left;
    font-size: 14px;
    margin: 0 10px 0 0;
    width: 250px;
}

#eCommerceShowcart #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeStatus {
    float: left;
    font-size: 14px;
    margin: 0 10px 0 0;
    width: 200px;
}

#eCommerceShowcart #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeAction {
    font-size: 14px;
}

#eCommerceShowcart #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeAction a:hover {
    text-decoration: underline;
}

	/* ----- Show Cart / Previous and Continue Buttons -----*/

#eCommerceShowcart .previousButton {
	
}

#eCommerceShowcart .continueButton {
	
}

/* === 11.3 Shipping Address  === */

/* Post Code Anywhere Style Overrides (Applied to All PCA Instances) */

.pcaAutoComplete .inputArea {
     width: 350px !important;
}

#multiPageCustomerAddress {

}

#multiPageCustomerAddress:after {
    visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
    padding-bottom: 20px;
}

	/* ----- Shipping Address / Billing Address -----*/

#multiPageCustomerAddress .billingAddress .displayBox {
     width: 100%;
}

#multiPageCustomerAddress .billingAddress .displayBox h3 {
     display: block;
}

	/* ----- Shipping Address / Shipping Address -----*/

#multiPageCustomerAddress .shippingAddress .displayBox {
     width: 100%;
}

#multiPageCustomerAddress .shippingAddress .displayBox h3 {
     display: block;
}

	/* ----- Shipping Address / Previous and Continue Buttons -----*/

#multiPageCustomerAddress .previousButton {
	
}

#nultiPageCustomerAddress .continueButton {
	
}

/* === 11.3.1 Edit Shipping Address (UseR clicks on Update)  === */

#CUSTOMER_ADDRESS_ENTRY.displayBox {
	
}

#CUSTOMER_ADDRESS_ENTRY.displayBox h3 {
	
}

#CUSTOMER_ADDRESS_ENTRY p.instructions {
	padding: 1em;
}

#CUSTOMER_ADDRESS_ENTRY .entry {

}

#CUSTOMER_ADDRESS_ENTRY .entry label {
    width: 180px;
}

#CUSTOMER_ADDRESS_ENTRY .entry input {

}

.editShippingAddress .entry ul li {
    /* Used to push field level errors under associated edit js2 */
    margin: 0 0 0 196px;
}

/* === 11.4 Shipping Options and Delivery Times  === */

#multiPageShippingOptions {

}

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

	/* ----- Shipping Options / Shipping Method -----*/


#multiPageShippingOptions #deliveryOptionBox .displayBox {
	
}

#multiPageShippingOptions #deliveryOptionBox .displayBox h3 {
	
}

#multiPageShippingOptions #deliveryOptionBox .displayBox .shippingMethodsContainer {
	border-bottom: 2px dotted #CCCCCC;
}

#multiPageShippingOptions #deliveryOptionBox .displayBox .shippingMethodsContainer .col {

}
 
#multiPageShippingOptions #deliveryOptionBox {
    padding-bottom: 20px;

}
	
#multiPageShippingOptions #deliveryOptionBox .displayBox { 

}

#multiPageShippingOptions #deliveryOptionBox .displayBox h3 { 

}

#multiPageShippingOptions #deliveryOptionBox #customerStorePickup {  /* Appears when customer selects 'Store Pickup' */

}

#multiPageShippingOptions #deliveryOptionBox #customerStorePickup .entryRow { 
    float: left;
    width: 100%;
}

#multiPageShippingOptions #deliveryOptionBox #customerStorePickup .entryRow .entry { 
    float: left;
    width: 100%;
}
 
#multiPageShippingOptions #deliveryOptionBox #customerStorePickup .entryRow .entry .entryLabel { 

}

#multiPageShippingOptions #deliveryOptionBox #customerStorePickup .entryRow .entry .entryValue span { 
    float: left;
    font-size: 1.6em;
    margin: 9px 0 0 10px;

}

#multiPageShippingOptions #deliveryOptionBox #customerStorePickup p { 
    display: inline-block;
    margin: 10px 0;
}


#multiPageShippingOptions #deliveryOptionBox .deliveryOption { 
    display: inline-block;
    margin: 10px 0 20px;
    width: 100%;
}

 
#multiPageShippingOptions #deliveryOptionBox .deliveryOption span { 
    font-size: 1.6em;
}

#multiPageShippingOptions .shippingOptionsStorePickup {
    display: inline-block;
    margin: 10px 0 20px;
    width: 100%;
}

#multiPageShippingOptions .shippingOptionsStorePickup>span {
    font-size: 1.6em;
}

	/* ----- Shipping Options / Previous and Continue Buttons -----*/

#multiPageShippingOptions .previousButton {
	
}

#multiPageShippingOptions .continueButton {
	
}

/* === 11.5 Order Summary / Payment  === */


.orderSummaryOrderItem {
    border: 1px solid #898989;
    float: left;
    min-height: 100px;
    line-height: 99px;
    margin: 0 0 10px;
    width: 100%;
}

.orderSummaryOrderItem * {
    vertical-align: middle;
}

.orderSummaryOrderItem label {
    font-size: 14px;
}

.orderSummaryOrderItem span {
    font-size: 14px;
}

#multiPageOrderSummary {

}

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

#multiPageOrderSummary .labelText {
    display: inline-block;
}

#multiPageOrderSummary .labelValue {
    display: inline-block;
}


#multiPageOrderSummary h3 { 
    display: block;
    font-size: 12px;
    font-weight: 700;
}

#multiPageOrderSummary .entry h3 { /* For Paypal and Credit Card H3s */
     font-size: 16px;
     font-weight: 700;
}







	/* ----- Order Summary / Promo Code -----*/

#multiPageOrderSummary #eCommerceEnterPromoCode {
    overflow: hidden;
}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox {
    float: left;
    width: 100%;
}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox h3 {
    display: inline;
    float: left;
}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry {
    clear: left;
    float: left;
    margin: 0 0 10px 0;
    width: 100%;
}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry label {
    margin: 8px 0 0 0;
    width: auto;
}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry input {
    font-size: inherit;
    width: auto;	
}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry a.standardBtn {

}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry a.standardBtn:hover {

}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode {

}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode {

}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeName {
    float: left;
    font-size: 14px;
    margin: 0 10px 0 0;
    width: 120px;	
}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeDesc {
    color: #FF0000;
    float: left;
    font-size: 14px;
    margin: 0 10px 0 0;
    width: 250px;	
}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeStatus {
    float: left;
    font-size: 14px;
    margin: 0 10px 0 0;
    width: 200px;
}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeAction {
    font-size: 14px;
}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeAction a {

}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry a {
    margin: 0;
}

#multiPageOrderSummary #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry a:hover {

}

	/* ----- Order Summary / Billing Address -----*/

#multiPageOrderSummary .checkoutOrderBillingAddress {  /* .checkoutOrderBillingAddress is a reuseable class */
     width: 240px;
     margin: 10px 0;
}

#multiPageOrderSummary .checkoutOrderBillingAddress .displayBox {
    margin: 0 30px 0 0;
    width: auto;
}

#multiPageOrderSummary .checkoutOrderBillingAddress .displayBox p {
    margin: 0;
}

#multiPageOrderSummary .checkoutOrderBillingAddress .displayBox h3 {
    display: block;
    font-size: 1.2em;
    font-weight: 700;
}

#multiPageOrderSummary .checkoutOrderBillingAddress .displayBox .address {

}

	/* ----- Order Summary / Order Items -----*/

#multiPageOrderSummary .checkoutOrderItems {  /* .checkoutOrderItems is a reuseable class */
    margin: 0 0 20px 0;
}

#multiPageOrderSummary .checkoutOrderItems .orderDetails {
    width: 100%;
}

#multiPageOrderSummary .checkoutOrderItems .orderDetails #orderItemsWrap {

}

#multiPageOrderSummary .checkoutOrderItems .orderDetails #orderItemsWrap #cart_display {
	/* Contents of this container are the Cart Table and Styled in the Shopping Cart section */
}

	/* ----- Order Summary / Payment Options-----*/


#multiPageOrderSummary .checkoutOrderPayments {  /* .checkoutOrderPayments is a reuseable class */
    margin: 20px 0;
}

#multiPageOrderSummary .checkoutOrderPayments #orderPayment {

}

#multiPageOrderSummary .checkoutOrderPayments #orderPayment .displayBox {
    width: auto;

}

#multiPageOrderSummary .checkoutOrderPayments #orderPayment .displayBox h3 {
    color: #666666;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

#multiPageOrderSummary .checkoutOrderPayments #orderPayment .displayBox label {

}

#multiPageOrderSummary .checkoutOrderPayments #orderPayment .displayBox input {

}

	/* ----- Order Summary / Shipping Address-----*/


#multiPageOrderSummary .checkoutOrderShippingAddress {  /* .checkoutOrderShippingAddress is a reuseable class */
	width: 240px;
}

#multiPageOrderSummary .checkoutOrderShippingAddress .displayBox {
	margin: 0 30px 0 0;
	width: auto;
}

#multiPageOrderSummary .checkoutOrderShippingAddress .displayBox p {
    margin: 0;
}

#multiPageOrderSummary .checkoutOrderShippingAddress .displayBox h3 {
	display: block;
    font-size: 1.2em;
    font-weight: 700;
	margin: 10px 0 0 0;
}

#multiPageOrderSummary .checkoutOrderShippingAddress .displayBox .address {

}

	/* ----- Order Summary / Store Pickup -----*/ 

#multiPageOrderSummary .checkoutOrderStorePickup {
    margin: 10px 100px 10px 0;  
    width: 350px;
}

#multiPageOrderSummary .checkoutOrderStorePickup .entryRow label {  
    margin: 0 !important;
    width: 90px;
}

	/* ----- Order Summary / Create Account -----*/ 

#multiPageOrderSummary #createAccountEntry {  
    margin: 0 0 20px 0;
    width: 550px;
}

#multiPageOrderSummary #createAccountEntry .displayBox {  

}

#multiPageOrderSummary #createAccountEntry .displayBox h3 {  

}

#multiPageOrderSummary #createAccountEntry .displayBox h3 .boxTopMessage {  

}

	/* ----- Order Summary / Previous and Continue/Submit Buttons -----*/ 

#multiPageOrderSummary .previousButton {
	
}

#multiPageOrderSummary .continueButton {
	
}


/* === 11.6 Order Confirmation  === */

    /* 	Order Confirmation page use the checkoutOrder divs from the previous section.
		Use the styles below for any overrides. */

#multiPageOrderConfirm {

}

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

.orderConfirmOrderItem {
    border: 1px solid #898989;
    float: left;
    min-height: 100px;
    line-height: 99px;
    margin: 0 0 10px;
    width: 100%;
}

.orderConfirmOrderItem * {
    vertical-align: middle;
}

.orderConfirmOrderItem label {
    font-size: 14px;
}

.orderConfirmOrderItem span {
    font-size: 14px;
}

#multiPageOrderConfirm .labelText {
    display: inline-block;
}

#multiPageOrderConfirm .labelValue {
    display: inline-block;
}


#multiPageOrderConfirm h3 { 
    display: block;
    font-size: 12px;
    font-weight: 700;
}

#multiPageOrderConfirm .entry h3 { /* For Paypal and Credit Card H3s */
     font-size: 16px;
     font-weight: 700;
}

	/* ----- Order Confirm / Order Thank You -----*/ 

#multiPageOrderConfirm .orderConfirmThankyou {
	padding: 20px 0;
}

#multiPageOrderConfirm .orderConfirmThankyou p {
    display: block;
    text-align: center;	
}

	/* ----- Order Confirm / Order Items -----*/ 

#multiPageOrderConfirm .checkoutOrderItems {
	margin: 0 0 25px 0;
}

#multiPageOrderConfirm .checkoutOrderItems .orderDetails {
	
}

#multiPageOrderConfirm .checkoutOrderItems .orderDetails #orderItemsWrap {
	/* Contents of this container are the Cart Table and Styled in the Shopping Cart section */
}

	/* ----- Order Confirm / Billing Address -----*/ 

#multiPageOrderConfirm .checkoutOrderBillingAddress  {
    margin: 10px 0;
    width: 240px;
}
	

#multiPageOrderConfirm .checkoutOrderBillingAddress .displayBox {
    margin: 0 30px 0 0;
    width: auto;
}

#multiPageOrderConfirm .checkoutOrderBillingAddress .displayBox h3 {
    display: block;
    font-size: 12px;
    font-weight: 700;
}

#multiPageOrderConfirm .checkoutOrderBillingAddress .displayBox .address {
	
}

#multiPageOrderConfirm .checkoutOrderBillingAddress .displayBox .address p {
	
}

	/* ----- Order Confirm / Shipping Address -----*/ 

#multiPageOrderConfirm .checkoutOrderShippingAddress {
    margin: 10px 0;
    width: 240px;
}

#multiPageOrderConfirm .checkoutOrderShippingAddress .displayBox {
    margin: 0 30px 0 0;
    width: auto;
}

#multiPageOrderConfirm .checkoutOrderShippingAddress .displayBox h3 {
display: block;
    font-size: 12px;
    font-weight: 700;
}

#multiPageOrderConfirm .checkoutOrderShippingAddress .displayBox .address {
	
}

#multiPageOrderConfirm .checkoutOrderShippingAddress .displayBox .address p {
	
}

	/* ----- Order Confirm / Payment Options -----*/ 

#multiPageOrderConfirm .checkoutOrderPaymentInformation {
    margin: 15px 0;

}

#multiPageOrderConfirm .checkoutOrderPaymentInformation .displayBox {

}

#multiPageOrderConfirm .checkoutOrderPaymentInformation .displayBox h3 {
	
}

#multiPageOrderConfirm .checkoutOrderPaymentInformation .displayBox .creditCardInfo {
	
}

#multiPageOrderConfirm .checkoutOrderPaymentInformation .displayBox .address label {
	
}

#multiPageOrderConfirm .orderConfirmEmailAlert {
	
}

#multiPageOrderConfirm .orderConfirmEmailAlert span {
	
}

#multiPageOrderConfirm .orderConfirmEmailAlert .orderAdditionalEmailButtons {
	
}

	/* ----- Order Confirm / Store Pickup -----*/ 

#multiPageOrderConfirm .checkoutOrderStorePickup {
    margin: 10px 100px 10px 0;
    width: 350px;
}

#multiPageOrderConfirm .checkoutOrderStorePickup .entryRow label {
    margin: 0 !important;
    width: 90px;
}

	/* ----- Order Confirm / Continue Button -----*/ 

#multiPageOrderConfirm .continueButton {

}

/* === 11.7 One Page Checkout  === */

    /* 	One Page Checkout page use the checkoutOrder divs from the previous section.
		Use the styles below for any overrides. Note that selectors apply to anonSinglePage (guest)
		and singlePage (registered) users*/
	
div#anonSinglePageCheckout, 
div#singlePageCheckout {
    margin: 0 auto;
    width: 900px;
}

div#anonSinglePageCheckout:after, 
div#singlePageCheckout:after { 
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

div#anonSinglePageCheckout .labelText, 
div#singlePageCheckout .labelText {
    display: inline-block;
}

div#anonSinglePageCheckout .labelValue, 
div#singlePageCheckout .labelValue{
    display: inline-block;
}

div#anonSinglePageCheckout h3, 
div#singlePageCheckout h3 { 
    border-bottom: 1px solid #AFAFAF;
    margin: 0 0 10px;
}

div#anonSinglePageCheckout .entry h3, 
div#singlePageCheckout .entry h3 { /* For Paypal and Credit Card H3s */
     font-size: 14px;
}



















/* === 11.7 One Page Checkout  === */

    /* 	One Page Checkout page use the checkoutOrder divs from the previous section.
		Use the styles below for any overrides. Note that selectors apply to anonSinglePage (guest)
		and singlePage (registered) users*/
	
div#anonSinglePageCheckout, 
div#singlePageCheckout {
    margin: 0 auto;
    width: 900px;
}

div#anonSinglePageCheckout:after, 
div#singlePageCheckout:after { 
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

div#anonSinglePageCheckout h3, 
div#singlePageCheckout h3 { 

}

div#anonSinglePageCheckout .entry h3, 
div#singlePageCheckout .entry h3 { /* For Paypal and Credit Card H3s */
     font-size: 14px;
}


	/* ----- One Page Checkout / Personal Info -----*/

#anonSinglePageCheckout #aboutYouEntry, 
#singlePageCheckout #aboutYouEntry {
    margin: 0 auto;
    width: 500px;
}

	/* ----- One Page Checkout / Billing Address -----*/ 

#anonSinglePageCheckout .checkoutOrderBillingAddress, 
#singlePageCheckout .checkoutOrderBillingAddress { 
    margin: 15px auto 0 auto;
    width: 500px;
}

#anonSinglePageCheckout .checkoutOrderBillingAddress .displayBox, 
#singlePageCheckout .checkoutOrderBillingAddress .displayBox { 

}

#anonSinglePageCheckout .checkoutOrderBillingAddress .displayBox p, 
#singlePageCheckout .checkoutOrderBillingAddress .displayBox p { 

}

#anonSinglePageCheckout .checkoutOrderBillingAddress .displayBox h3, 
#singlePageCheckout .checkoutOrderBillingAddress .displayBox h3 { 

}

#anonSinglePageCheckout .checkoutOrderBillingAddress .displayBox .address , 
#singlePageCheckout .checkoutOrderBillingAddress .displayBox .address  { 

}

	/* ----- One Page Checkout / Order Items -----*/ 

#anonSinglePageCheckout .checkoutOrderItems, 
#singlePageCheckout .checkoutOrderItems  { 
    margin: 15px 0 0 0;
}

#anonSinglePageCheckout .checkoutOrderItems .orderDetails , 
#singlePageCheckout .checkoutOrderItems .orderDetails  { 

}

#anonSinglePageCheckout .checkoutOrderItems .orderDetails #orderItemsWrap, 
#singlePageCheckout .checkoutOrderItems .orderDetails #orderItemsWrap { 

}

#anonSinglePageCheckout .checkoutOrderItems .orderDetails #orderItemsWrap #cart_display, 
#singlePageCheckout .checkoutOrderItems .orderDetails #orderItemsWrap #cart_display { 

}

	/* ----- One Page Checkout / Payment Options -----*/ 
	
#anonSinglePageCheckout .checkoutOrderPayments, 
#singlePageCheckout .checkoutOrderPayments { 
    width: 500px;
    margin: 25px auto 0 auto;

}

#anonSinglePageCheckout .checkoutOrderPayments #orderPayment, 
#singlePageCheckout .checkoutOrderPayments #orderPayment { 

}

#anonSinglePageCheckout .checkoutOrderPayments #orderPayment .displayBox, 
#singlePageCheckout .checkoutOrderPayments #orderPayment .displayBox { 

}

#anonSinglePageCheckout .checkoutOrderPayments #orderPayment .displayBox h3, 
#singlePageCheckout .checkoutOrderPayments #orderPayment .displayBox h3 { 

}

#anonSinglePageCheckout .checkoutOrderPayments #orderPayment .displayBox label, 
#singlePageCheckout .checkoutOrderPayments #orderPayment .displayBox label { 

}

#anonSinglePageCheckout .checkoutOrderPayments #orderPayment .displayBox input, 
#singlePageCheckout .checkoutOrderPayments #orderPayment .displayBox input { 

}

#anonSinglePageCheckout .checkoutOrderPayments .paymentOptions, 
#singlePageCheckout .checkoutOrderPayments .paymentOptions { 
    margin: 10px 0;
}

#anonSinglePageCheckout .checkoutOrderPayments .paymentOptions h3, 
#singlePageCheckout .checkoutOrderPayments .paymentOptions h3 { 
    font-size: 14px;

}
	/* ----- One Page Checkout / Promo Code -----*/ 
	
#anonSinglePageCheckout #eCommerceEnterPromoCode, 
#singlePageCheckout #eCommerceEnterPromoCode {
    margin: 15px auto;
    width: 500px;
    overflow: hidden;
}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox, 
#singlePageCheckout #eCommerceEnterPromoCode .displayBox {
    float: left;
    width: 100%;
}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox h3, 
#singlePageCheckout #eCommerceEnterPromoCode .displayBox h3 {
    display: inline;
    float: left;
}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry, 
#singlePageCheckout #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry {
    clear: left;
    float: left;
    margin: 0 0 10px 0;
}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry label, 
#singlePageCheckout #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry label {
    margin: 8px 0 0 0;
    width: auto;
}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry input, 
#singlePageCheckout #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry input {
    margin: 8px 0 0 0;
    width: auto;
}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry input#manualOfferCode, 
#singlePageCheckout #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry input#manualOfferCode {

}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode, 
#singlePageCheckout #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode {
    float: left;
    width: 100%;
}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode, 
#singlePageCheckout #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode {

}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeName,
#singlePageCheckout #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeName  {
    float: left;
    font-size: 14px;
    margin: 0 10px 0 0;
    width: 120px;
}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeDesc,
#singlePageCheckout #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeDesc {
    color: #FF0000;
    float: left;
    font-size: 14px;
    margin: 0 10px 0 0;
    width: 250px;	
}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeStatus,
#singlePageCheckout #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeStatus {
    float: left;
    font-size: 14px;
    margin: 0 10px 0 0;
    width: 200px;	

}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeAction,
#singlePageCheckout #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeAction {

}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeAction a,
#singlePageCheckout #eCommerceEnterPromoCode .displayBox #eCommerceEnteredPromoCode .checkoutOrderPromoCode .ecommercePromocode .ecommercePromocodeAction a {
    font-size: 14px;
}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry a, 
#singlePageCheckout #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry a {
    margin: 0;
}

#anonSinglePageCheckout #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry a:hover, 
#singlePageCheckout #eCommerceEnterPromoCode .displayBox #ecommercePromocodeEntry a:hover {

}

	/* ----- One Page Checkout / Shipping Address -----*/ 
	
#anonSinglePageCheckout .checkoutOrderShippingAddress, 
#singlePageCheckout .checkoutOrderShippingAddress { 
    margin: 15px auto 0 auto;
    width: 500px;
    
}

#anonSinglePageCheckout .checkoutOrderShippingAddress .displayBox, 
#singlePageCheckout .checkoutOrderShippingAddress .displayBox { 

}

#anonSinglePageCheckout .checkoutOrderShippingAddress .displayBox p, 
#singlePageCheckout .checkoutOrderShippingAddress .displayBox p { 

}

#anonSinglePageCheckout .checkoutOrderShippingAddress .displayBox h3, 
#singlePageCheckout .checkoutOrderShippingAddress .displayBox h3 { 

}

#anonSinglePageCheckout .checkoutOrderShippingAddress .displayBox .address , 
#singlePageCheckout .checkoutOrderShippingAddress .displayBox .address  { 

}

	/* ----- One Page Checkout / Shipping Method -----*/ 

#anonSinglePageCheckout #deliveryOptionBox, 
#singlePageCheckout #deliveryOptionBox { 
    width: 500px;
    margin: 15px auto 0 auto;
}
	
#anonSinglePageCheckout #deliveryOptionBox .displayBox, 
#singlePageCheckout #deliveryOptionBox .displayBox { 

}

#anonSinglePageCheckout #deliveryOptionBox .displayBox h3, 
#singlePageCheckout #deliveryOptionBox .displayBox h3 { 

}

#anonSinglePageCheckout #deliveryOptionBox #customerStorePickup, /* Appears when customer selects 'Store Pickup' */
#singlePageCheckout #deliveryOptionBox #customerStorePickup { 

}

#anonSinglePageCheckout #deliveryOptionBox #customerStorePickup .entryRow, 
#singlePageCheckout #deliveryOptionBox #customerStorePickup .entryRow { 
    float: left;
    width: 100%;
}

#anonSinglePageCheckout #deliveryOptionBox #customerStorePickup .entryRow .entry, 
#singlePageCheckout #deliveryOptionBox #customerStorePickup .entryRow .entry { 
    float: left;
    width: 100%;
}

#anonSinglePageCheckout #deliveryOptionBox #customerStorePickup .entryRow .entry .entryLabel, 
#singlePageCheckout #deliveryOptionBox #customerStorePickup .entryRow .entry .entryLabel { 

}

#anonSinglePageCheckout #deliveryOptionBox #customerStorePickup .entryRow .entry .entryValue span, 
#singlePageCheckout #deliveryOptionBox #customerStorePickup .entryRow .entry .entryValue span { 
    float: left;
    font-size: 1.6em;
    margin: 9px 0 0 10px;

}

#anonSinglePageCheckout #deliveryOptionBox #customerStorePickup p, 
#singlePageCheckout #deliveryOptionBox #customerStorePickup p { 
    display: inline-block;
    margin: 10px 0;
}

#anonSinglePageCheckout #deliveryOptionBox .deliveryOption, /* 'Deliver My Items' Button */
#singlePageCheckout #deliveryOptionBox .deliveryOption { 

}


#anonSinglePageCheckout #deliveryOptionBox .deliveryOption span, 
#singlePageCheckout #deliveryOptionBox .deliveryOption span { 
    font-size: 1.6em;
}

	/* ----- One Page Checkout / Store Pickup -----*/ 

#anonSinglePageCheckout .shippingOptionsStorePickup, 
#singlePageCheckout .shippingOptionsStorePickup { 
    width: 500px;
    margin: 0 auto;
}
	
#anonSinglePageCheckout .shippingOptionsStorePickup span, 
#singlePageCheckout .shippingOptionsStorePickup span { 
    font-size: 15px;

}

#anonSinglePageCheckout .shippingOptionsStorePickup a, 
#singlePageCheckout .shippingOptionsStorePickup a { 

}

#anonSinglePageCheckout .shippingOptionsStorePickup a span, 
#singlePageCheckout .shippingOptionsStorePickup a span { 

}

	/* ----- One Page Checkout / Create Account -----*/ 
	
#anonSinglePageCheckout #createAccountEntry.displayBox, 
#singlePageCheckout #createAccountEntry.displayBox { 
    margin: 15px auto 0 auto;
    width: 500px;

}

#anonSinglePageCheckout #createAccountEntry.displayBox h3,
#singlePageCheckout #createAccountEntry.displayBox h3 { 

}

#anonSinglePageCheckout #createAccountEntry.displayBox .boxTopMessage,
#singlePageCheckout #createAccountEntry.displayBox .boxTopMessage { 
    color: #666666;
    font-size: 14px;
    padding: 0;
}

	/* ----- One Page Checkout / Submit Order -----*/ 
	
#anonSinglePageCheckout .submitOrderBtn,
#singlePageCheckout .submitOrderBtn { 

}

/* === 11.8 Personal Info  === */


.personInfo {

}

.personalInfoFirstName {

}

.personalInfoLastName {
	
}

.personalInfoTitle {

}

.personalInfoGender {

}

.personalInfoGender select {
	width: auto!important;
}

.personalInfoDateOfBirthMMDDYYYY {

}

.personalInfoDateOfBirthMMDDYYYY select {
	width: auto!important;
}

.personalInfoDateOfBirthMMDD {

}

.personalInfoDateOfBirthMMDD select {
	width: auto!important;
}

.personalInfoDateOfBirthDDMMYYYY {

}

.personalInfoDateOfBirthDDMMYYYY select {
	width: auto!important;
}

.personalInfoDateOfBirthDDMM {

}

.personalInfoDateOfBirthDDMM select {
	width: auto!important;
}

.personalInfoPhoneHome {

}

.personalInfoPhoneCell {
	
}

.personalInfoPhoneWork {

}

/* === 11.9 Order History  === */

#orderSalesHistory {
    margin: 0 0 2em 0;
}

#orderSalesHistory .orderNumber {
    text-align: left;
}

#orderSalesHistory .orderDate {
    text-align: center;
}

#orderSalesHistory .orderStatus {
    text-align: center;
}

#orderSalesHistory .totalPrice {
    text-align: right;
}

/* === 12. Static Pages   === */

/* === 12.1 Contact Us  === */

.contactUsPhone {
	width: 500px; 
	background: url("/osafe_theme/images/user_content/images/contact-phone.png") no-repeat 0 50%;
	padding: 15px;
}
.contactUsPhone .contactRow {  
    margin: 0 0 0 20px;
}

.contactUsPhone .contactRow label {
    float: left;
    clear: left;
    font-size: 1.8em; 
    width: 70px; 
    margin: 0 5px 0 0;
}

.contactUsPhone .contactRow p {  
    font-size: 1.8em; 
}

.contactUsFax {
	width: 500px; 
	background: url("/osafe_theme/images/user_content/images/contact-fax.png") no-repeat 0 50%;
	padding: 15px;
}

.contactUsFax .contactRow {  
    margin: 0 0 0 20px;
}

.contactUsFax .contactRow label {
    float: left;
    clear: left;
    font-size: 1.8em; 
    width: 70px; 
    margin: 0 5px 0 0;
}

.contactUsFax .contactRow p {  
    font-size: 1.8em;
}

.contactUsEmail {
	width: 500px; 
	background: url("/osafe_theme/images/user_content/images/contact-email.png") no-repeat 0 50%;
	padding: 15px;
}

.contactUsEmail .contactRow {  
    margin: 0 0 0 20px;
}

.contactUsEmail .contactRow label {
    float: left;
    clear: left;
    font-size: 1.8em; 
    width: 70px; 
    margin: 0 5px 0 0;
}

.contactUsEmail .contactRow p { 
    display: inline-block;
    font-size: 1.8em;
}

.contactUsEmail .contactRow a {  
    font-size: 1.8em; 
}

.contactUsEmail .contactRow a:hover {  
    text-decoration: underline;
}

.contactUsMail {
     width: 330px; 
     padding: 15px;
}

.contactUsMail .contactRow {  
    margin: 0 0 0 20px;
}

.contactUsMail .contactRow label {
    float: left;
    clear: left;
    font-size: 1.8em; 
    width: 100px; 
    margin: 0 5px 0 0;
}

.contactUsMail .contactRow ul { 
	float: right;
}

.contactUsMail .contactRow ul li {  
    font-size: 1.8em; 
}

/* === 12.2 Store Locater   === */

.mapCanvas {
    border:1px solid #979797; 
    background-color:#e5e3df;
    padding: 15px;
    margin: 7px auto 7px auto;
}

.mapCanvasWithDirection {
    float: left;
    width: 590px !important;
}

.mapLoading {
    padding:1em;
    color: #666666;
}

.mapClosure {
    width:210px;
    padding: 0 10px 0 0;
    font-size: 1.5em;
}

.mapDirection {
    display: none;
    float: right;
    height: auto !important;
    width: 300px;
}

.closeDirection {
    float: right;
    margin: 5px;
}

.noDirection {
    float: left;
    clear: both;
    display:none;
}

.noDirection span {
    color: red;
    font-size: 1.5em;
}

.routeDirection {
    clear: both;
    overflow-y: auto;
    font-size: 1.3em;
}

.storeDetailIcon {
    background-image: url(/osafe_theme/images/user_content/images/storeDetailIcon.png);
    font-size: 1.5em;
    background-repeat:no-repeat;
    width: 29px;
    height:23px;
    display: block;
}

.drivingDirectionIcon {
    background-image: url(/osafe_theme/images/user_content/images/drivingDirection.png);
    font-size: 1.5em;
    background-repeat:no-repeat;
    width: 29px;
    height:23px;
    display: block;
}

.walkingDirectionIcon {
    background-image: url(/osafe_theme/images/user_content/images/walkingDirection.png);
    font-size: 1.5em;
    background-repeat:no-repeat;
    width: 29px;
    height:23px;
    display: block;
}

.bicyclingDirectionIcon {
    background-image: url(/osafe_theme/images/user_content/images/bicyclingDirection.png);
    font-size: 1.5em;
    background-repeat:no-repeat;
    width: 29px;
    height:23px;
    display: block;
}

#eCommerceStoreLocatorContainer .displayBox {
    clear: none;
    float: none;
    font-size: 12px;
    margin: 1em 0;
    width: auto;
}

.displayBox div.storeLocator {
    width: 100%;
}

.storeLocator div.storeSearch {
}

.storeSearch div.entry {
    margin: 0;
}

.storeSearch div.entry label {
    width: auto;
}

.storeSearch div.entry input.standardBtn {
    margin: 0 0 0 20px;
    padding: 0;
}

.storeSearch div.entry input[type="text"]{
    width: 300px;
}

.storeLocator div.storeMap {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    width: 100%;
    display: inline-block;
}

.storeLocator div.storeList {

}

div.storeDetail .label  {
         display: inline; 
         font-weight: 700;  
}

div.storeDetail .value {
    display: inline-block;
    margin: 0 0 0 3px;
}

.storeList div.store {
    border-bottom: 1px solid #DDDDDD;
    display: inline-block;
    margin: 0 0 10px 0;
    width: 100%;
    padding: 10px 0;
}

.store div.storeDist {
    display: block;
    float: left;
    margin: 0 20px 0 0;
    text-align: center;
    width: 200px;
}

.store div.storeDist p.distance {
     padding: 0;
}

.store div.storeDetail {
    display: inline-block;
    float: left;
    width: 300px;
    font-size: 14px;
}

.store div.storeDetail a {
    color: #7E7D7D;
}

.store div.storeDetail a:hover {
    color: #990000;
    text-decoration: underline;
}

.storeDetail .storeName {
    font-weight: bold;
    color: #333333;
}

.storeDetail .storeAddress {

}

.storeDetail .storehours {

}

.storeDetail .storephone {
}

.store div.storeDirectionIcon {
    display: block;
    float: right;
    right: 0;
    text-align: right;
    width: 200px;
}

.store div.storeDirectionIcon a {
    color: #000000;
    margin: 0 5px;
    display: inline-block;
}

.storeDetailsBubble {
    float: left;
    list-style: none outside none;
    margin: 0 0 0.5em 0; 
    padding: 0;
    width: 380px;
}

.storeDetailsBubble li {
    clear: both;
    float: left;
    margin: 0 0 0.3em 0;
    width: 100%;
}

.storeDetailsBubble .label {
    //color: #808080;
    display: block;
    float: left;
    font-size: 11px;
    min-width: 90px;
}

.storeDetailsBubble .value {
    float: left;
    width: 280px;
}

.storeDetailsBubble .storeName {
    font-size: 15px;
    font-weight: bold;
}

.storeDetailsBubble .addressLine2 {
    text-indent: 30px;
}

.storeDetailPageInfo {

}

.storeDetailPageInfo label {
    text-align: right;
    width: 90px !important;
}

.storeDetailPageInfo span{
    display: inline-block;
    font-weight: 700;
    margin: 4px 0 0 5px;
    font-size: 12px;
}


/* === 12.3 Request Catalog  === */

.requestCatalog {
    width: 878px;
    margin: 10px 0 50px 0;
}

.requestCatalog .entry ul li {
    /* Used to push field level errors under associated edit*/
    margin: 0 0 0 167px;
}

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


/* === 12.4 Mailing List Sign Up  === */


.emailSubscriber {
	background-color:#f0f0f0;
	padding:15px;
	width: 640px;
	margin:auto;
}

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

.emailSubscriber h3 {
	font-size:14px;
	background:url("/osafe_theme/images/user_content/images/dotted-border.png") repeat-x scroll center bottom transparent;
	margin:0;
	padding: 5px 0;	
}

#emailSubscriberEntry .col {
	padding-top:20px;
}

/* === 12.5 My Account  === */

#eCommerceMyAccountContainer {
    padding-bottom: 20px;

}

#eCommerceMyAccountContainer h3 {

}

#eCommerceMyAccountContainer .displayBox {
     margin: 25px 0;
}

#Customerpersonalinfo {

}

#Customerlogininfo {

}

#CustomerAddressBook {

}

#CustomerOrderStatus {

}

#Customerpersonalinfo a,
#Customerlogininfo a,
#CustomerAddressBook a,
#CustomerOrderStatus a,
#CustomerOrderStatus a {

}

#Customerpersonalinfo a:hover,
#Customerlogininfo a:hover,
#CustomerAddressBook a:hover,
#CustomerOrderStatus a:hover,
#CustomerOrderStatus a:hover {
     border-bottom: 1px solid;
}

/* ---- Personal Information ---- */

/* Styled in Section 11.8 */

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

#eCommerceEditCustomerInfoContainer {

}

#eCommerceEditCustomerInfoContainer #ptsLoginInfo {

}

#eCommerceEditCustomerInfoContainer #ptsLoginInfo p {
    font-size: 15px;
}

#eCommerceEditCustomerInfoContainer #pesLoginInfo {

}

#eCommerceEditCustomerInfoContainer #pesLoginInfo p {
    font-size: 15px;
}

/* ---- Address Book Information ---- */

#eCommerceEditAddressBookContainer {

}

#eCommerceEditAddressBookContainer .shippingAddress {

}

#eCommerceEditAddressBookContainer .shippingAddress .addressContainer {
    float: left;
    width: 100%;
}

#eCommerceEditAddressBookContainer .shippingAddress .addressContainer .displayBox.addressTitle {
    clear: none;
    float: left;
    width: 230px;
    min-height: 200px;
    margin: 10px 0 10px 0;
    padding: 0;
}

#eCommerceEditAddressBookContainer .shippingAddress .addressContainer .displayBox.addressTitle h3 {

}

#eCommerceEditAddressBookContainer .shippingAddress .addressContainer .displayBox.addressTitle p {
    margin: 0;
}

#eCommerceEditAddressBookContainer .shippingAddress .addressContainer .displayBox.addressTitle .buttons {
    margin: 10px 0 0 0;
}

#eCommerceEditAddressBookContainer .shippingAddress .addressContainer .displayBox.addressTitle .buttons a {
    margin: 0;
}

#eCommerceEditAddressBookContainer .shippingAddress .addressContainer .displayBox.addressTitle .buttons a:hover {
	color:#000000;
}

#eCommerceEditAddressBookContainer .shippingAddress .addressContainer .newAddressButtons {
    clear: left;
}

#eCommerceEditAddressBookContainer .shippingAddress .addressContainer .newAddressButtons a {
    margin: 0;
}

/* ---- Order Status Information ---- */

#eCommerceOrderHistoryContainer {

}

#eCommerceOrderHistoryContainer #ptsOrderStatus {

}

#eCommerceOrderHistoryContainer #ptsOrderStatus p {

}

#eCommerceOrderHistoryContainer #pesOrderStatus {

}

#eCommerceOrderHistoryContainer #pesOrderStatus p {

}

table#orderSalesHistory {
    border: 1px solid #eaeaea;
}

table#orderSalesHistory tr {

}

table#orderSalesHistory td {
     padding: 3px 5px;
}

table#orderSalesHistory thead tr {

}

table#orderSalesHistory thead tr th {

}

table#orderSalesHistory tbody tr {
    border-bottom: 1px solid #eaeaea;
}

table#orderSalesHistory tbody tr th {
}

table#orderSalesHistory thead tr {

}

table#orderSalesHistory thead tr th {

}

table#orderSalesHistory tbody tr {
}

table#orderSalesHistory tbody tr th {

}

/* === 12.6 Site Map === */

.siteMap {
    margin: 0 0 50px 0;   
	font-size: 14px;
}

.siteMap a {
   color: #66384E;
}

.siteMap a:hover {
   text-decoration: underline;
}

.siteMap li.topLevel.head {
   background: none!important;
   margin: 8px 0 8px 0;
   font-weight: 700;
}

.siteMap li.topLevel {
	 /* This should be used to push the whole list to the left on the page */
}

.siteMap ul.subLevel {
    margin: 12px 0 12px 50px; /* indents sub items */
}

.siteMap ul.subLevel li {
   padding: 2px 0 2px 20px;
}

.siteMap li.subLevel {
    margin: 0 0 0 25px; /* indents sub items */
}

/* === 12.7 Static Pages (About Us, Privacy Policy, Terms and Conditions, etc. === */

.staticContent {

}

.staticContent h1 {

}

.staticContent h2 {
    color: #666666;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 5px;
}

.staticContent p {
    display: block;
    font-size: 12px;
    margin: 0 0 15px 0;
}


/* === 12.8 Miscellaneous Static Content === */

#ptsOrderConfirm {
    background: none repeat scroll 0 0 #EBB45A;
    border: 1px solid #D19330;
    padding: 10px 10px 14px;

   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

#ptsOrderConfirm h2 {
    color: #666666;
    float: left;
    font-family:'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 0 140px;
}

#ptsOrderConfirm .fb-like {
    margin: 0 0 0 40px;
    top: 3px;
}

/* === 12.9 Manufacturer Page === */

#eCommerceManufacturerContainer {

}

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

#eCommerceManufacturerDetail {

}

#eCommerceManufacturerDetail img {
    float: left;
    margin: 0 10px 0 0;
}

#eCommerceManufacturerDetail p.profileName {
    color: #666666;
    font-size: 18px;
    font-weight: 700;
}

#eCommerceManufacturerDetail p.profileDescription {
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0 0;
}

#eCommerceManufacturerProductList {
    clear: left;
    display: inline-block;
    margin: 20px 0 0;
}

#eCommerceManufacturerProductList h2 {
    color: #666666;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

#eCommerceManufacturerProductList a.eCommerceProductLink {
    font-size: 13.5px;
    line-height: 15px;
    text-decoration: none;
}

#eCommerceManufacturerProductList p.price {
    color: #666666;
    display: block;
    font-size: 15px;
    font-weight: 700;
}


/* === 13. Styles for Product Review === */

/* === 13.1 Review List === */

.pdpReviewList {
    width: 100%;
    display: inline-block;
    margin: 20px 0 0 0;
}

#productReviewDisplay.displayBox {
   width: auto;
}

#productReviewDisplay.displayBox h3 {
    font-size: 1.5em!important; 
}

#reviewSortOptions {
    float: right;
}

#reviewSortOptions label {
    color: #3B3B3B;
    font-family:'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
}

#productReviewDisplay .reviewBody {
 
}

.reviewHeaderRow {
     text-align: left;
    float: left;
    background: none repeat scroll 0 0 #FFFFCC;
    border-bottom: 1px solid black;
    margin: 0 0 10px 0;
    width: 100%;  
}

.reviewHeader {
    float: left;
    font-size: 2.2em;
    padding: .2em 6px .2em 6px;
}

.reviewRow {
    clear: left;
    padding: 10px 0 10px 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #C1C1C1;
}

.reviewRow .reviewRatingSection {
    float: left;
}

.reviewRatingSection .ratingSummary {
    margin: 0 10px 0 10px;
    font-size: 12px;
}

.reviewRow .reviewDataSection {
    float: left;
    margin: 10px 0 0 10px;
    clear:both;
}

.reviewDataSection .ratingNickname {
    font-size: 1.3em;
    font-weight: 700;
    text-transform: capitalize;
}

.reviewDataSection .ratingTitle {
    display: block;
    font-size: 1.1em;
    font-weight: 700;
    margin: 5px 0 0;
    text-transform: capitalize;
}

.reviewPostDateSection .reviewDate {
    font-size: 1.0em;
}

.reviewRow .reviewTextSection {
    clear: left;
    float: left;
    margin: 15px 0px 0px 10px;
}

.reviewTextSection .reviewText {
    color: #333333;
    font-size: 14px;
}

.reviewRow .reviewPostDateSection {
    clear: left;
    float: left;
    margin: 5px 0 0 10px;
}

/* === 13.2 Write a Review  === */

.writeReview { /* Write Review Container */

}

.writeReview .entry label { 
      margin: 9px 0 0 0;
      width: 110px;

}

/* ---- Review Product ---- */

#productReviewDetails.displayBox {
	
}

.productReviewHeaderRow {
	
}

.writeReviewProduct .pdpProductName {
     margin: 0 5px 0 0;	
}

.writeReviewProduct .pdpProductName h1 {
    margin: 0;
}

.writeReviewProduct .pdpTertiaryInfo {
	
}

.writeReviewProduct .pdpTertiaryInfo .tertiaryInformation {
    font-size: 2.4em;
    padding: 0;	
}

.writeReviewProduct .pdpTertiaryInfo .tertiaryInformation:before {
    content: "by ";
}

.writeReviewProduct .pdpMainImage {
    margin: 10px 10px 0 0;	
}

.writeReviewProduct .pdpReviewStars {
	
}

.writeReviewProduct .pdpLongDescription {
    margin: 10px 0 20px;
}

.writeReviewProduct .pdpDistinguishingFeature {
	margin: 0;	
}

.writeReviewProduct .pdpSalesPitch {
	
}

.writeReviewProduct .pdpSpecialInstructions {

}

.writeReviewProduct .pdpDeliveryInfo {
	
}

.writeReviewProduct .pdpDirections {
	
}

.writeReviewProduct .pdpIngredients {
	
}

.writeReviewProduct .pdpWarnings {
	
}

.writeReviewProduct .pdpTermsAndConditions {
	
}

/* ---- Review Rating ---- */

.writeReviewRating {
    margin: 10px 0 0;
}

#productRatingEntry.displayBox {
	
}

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

#overallRatingRow {
	display: inline-block;
        margin: 9px 0 0 5px;
}

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

#qualityRatingRow {
	display: inline-block;
        margin: 9px 0 0 5px;	
}

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

#effectRatingRow {
	display: inline-block;
        margin: 9px 0 0 5px;	
}
.writeReviewRateSatisfactionStars {
	float: left;
        width: 100%;	
}

#satisfactionRatingRow {
	display: inline-block;
        margin: 9px 0 0 5px;	
}

/* ---- Review Details ---- */

#productRatingShareEntry.displayBox {
	margin: 20px 0 0 0;
}

.writeReviewReviewerNickname {
	
}

.writeReviewReviewerNickname .instructions {
    font-size: 12px;	
}

.writeReviewReviewerTitle {
	
}

.writeReviewReviewerTitle .instructions {
    font-size: 12px;	
}

.writeReviewReviewerText {
	
}

.writeReviewReviewerText textarea {
    overflow: auto;
    width: 375px;
}

.writeReviewReviewerTip {
	display: inline-block;
        margin: 3px 0 0 0;
        float: right;
}

.writeReviewReviewerTip .tipBoxListHeader {
	font-size: 15px;
        font-weight: 700;
        margin: 5px 0 5px 0;
        color: #666;

}

.writeReviewReviewerTip .tipBoxTips {
	font-size: 13px;	
}

.writeReviewReviewerTip .tipBoxTips li {
      margin: 0 0 3px 0;
}

.writeReviewReviewerTip .tipBoxTips li a {
    display: inline-block;
    margin: 0 0 0 4px;
    border-bottom: 1px dotted;
}

.writeReviewReviewerTip .tipBoxTips li a:hover {
    border-bottom: 1px solid;
}

.writeReviewReviewerTip .tipBoxTips .tipBoxTips_sub {
      margin: 5px 0 0 0;
	
}

/* ---- Review Links ---- */

.writeReviewLink {
    display: inline-block;
    margin: 10px 0 0;
    text-align: right;
}

.writeReviewReviewTermsCondLink {
	
}

.writeReviewReviewTermsCondLink a {
    font-family:'Open Sans', sans-serif;
    font-size: 11px;	
}

.writeReviewReviewTermsCondLink a:hover {
    text-decoration: underline;
}

.writeReviewReviewGuidelinesLink {
	
}

.writeReviewReviewGuidelinesLink a {
    font-family:'Open Sans', sans-serif;
    font-size: 11px;
}

.writeReviewReviewGuidelinesLink a:hover {
    text-decoration: underline;
}

/* ---- Review About You ---- */

#productRatingTellOtherEntry.displayBox {
     margin: 20px 170px 0 0;
}

.writeReviewReviewerLocation {
	
}

.writeReviewReviewerLocation .instructions {
     font-size: 12px;	
}

.writeReviewReviewerAge {
	
}

.writeReviewReviewerGender {
	
}

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

.writeReviewButton {
	
}

.writeReviewSubmitButton {
	
}

.writeReviewCancelButton {
	
}

/* === 13.3 Review Rating Bar / Review Facet Rating Bar === */

.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;
}

table#overallFilled {
	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;
}

table#rateObj0Filled {
	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;
}

table#rateObj1Filled {
	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;
}

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

.rating_bar {
  width: 85px;
  background: url("/osafe_theme/images/user_content/images/starOff.gif") 0 0 repeat-x; 
}

.rating_bar div {
  height: 18px;
  background: url("/osafe_theme/images/user_content/images/starOn.gif") 0 0 repeat-x;
}

.ratingFacetBar {
    width: 65px;
}

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

.rating_bar_submit_1 {
  height: 18px;
  width: 17px;
}

.rating_bar_submit_2 {
  width: 34px;
  height: 18px;
}

.rating_bar_submit_3 {
  width: 51px;
  height: 18px;
}

.rating_bar_submit_4 {
  width: 68px;
  height: 18px;
}

.rating_bar_submit_5 {
  width: 85px;
  height: 18px;
}

/* === 14. Footer Styles === */
div#eCommerceFooter div.defaultDevice h5 {  color: #a69276;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
}

div.defaultDevice div.social {float:right; padding-right: 8px;}

div#eCommerceFooter div#motion-box  {
    float: right;
    height: auto;
    width: 100%;}
div#eCommerceFooter div#motion-box p {text-align: center; font-size: 11px; color:#7e7d7d; }
div#eCommerceFooter div#motion-box a {color:#7e7d7d;  }
div#eCommerceFooter div#motion-box a:hover {color: #cc0000;  }
#eCommerceFooter {
    font-family:'Open Sans', sans-serif;
    width: 980px;
    padding-top: 20px;
    float: left;
    background: #000000 url("/osafe_theme/images/user_content/images/twinkle_twinkle.png");
    padding-left: 20px;
    height: auto;
}

#eCommerceFooterLinks {
	margin: 1em 0 0 0;
	color:#7e7d7d;
	font-size: 11px;
}

#eCommerceFooter .footerCaption {
	color:#bbbbba;
	font-size: 1.3em;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

.firstfooterColumn {
	float: left;
    margin: 0 20px 0 0;
    position: relative;
    width: 450px;
}

.footerColumn {
	
	/* 960px / 5 columns = 192px per col*/
    /* 960px / 4 columns = 240px per col*/
    /* 960px / 3 columns = 320px per col*/
	/* 980px / 5 columns = 196px per col*/
    /* 980px / 4 columns = 244px per col*/
    /* 980px / 3 columns = 326px per col*/

    float: left;
    margin: 0 5px 0 0;
    padding-bottom: 15px;
    position: relative;
    width: 120px;
}

#footerLinks ul {
	margin:0px;
   padding:0px;
}

#footerLinks li {
	margin:0px;
   	padding:0px;
   	color:#bbbbba;
	line-height: 1.6em; /* .2em larger then the font size */
}

#footerLinks li a {
	color: #7e7d7d;
	font-size:11px;
}

#footerLinks li a:hover {

    color: #cc0000;
}

/* === 14.1 Built By === */

#eCommerceBuiltByBevelWrapper{
	width: 100%;
}

#eCommerceBuiltBy {
    background-color: #000000;
    font-size: 1.2em;
    padding-right: 50px;
    text-align: right;
}

#eCommerceBuiltBy p {
    text-align: right;
    font-size:1.0em;
    color: #666;
    font-family:'Open Sans', sans-serif;
}

#eCommerceBuiltBy a {
     color: #666;  
}

#eCommerceBuiltBy a:hover {
	text-decoration: underline;
}

/* === 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); }


/* 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 */
}


/*!
 * 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
 */
div.quicklookAddToCartSeq div.pdpAddToCart input.quantity{width:50px; background-color:#fff;}


.ui-dialog{

top: 5px!important;


}

/* Component containers
----------------------------------*/
.ui-widget { }
.ui-widget .ui-widget { }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {}
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url("/osafe_theme/images/user_content/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #222222; }
.ui-widget-content a {}
.ui-widget-header { border: 1px solid #aaaaaa; background: #ED1C24;
color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("/osafe_theme/images/user_content/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url("/osafe_theme/images/user_content/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("/osafe_theme/images/user_content/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url("/osafe_theme/images/user_content/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url("/osafe_theme/images/user_content/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url("/osafe_theme/images/user_content/images/ui-icons_222222_256x240.png"); }
.ui-widget-content .ui-icon {background-image: url("/osafe_theme/images/user_content/images/ui-icons_222222_256x240.png"); }
.ui-widget-header .ui-icon {background-image: url("/osafe_theme/images/user_content/images/ui-icons_222222_256x240.png"); }
.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: #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); }
.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; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; 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; padding: .5em 1em; background: none; overflow: auto; 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: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 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 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: 1em 1.4em; 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: 17em; 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; }

/* 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%; }

/* === 15.2 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 as one page */

.showcase-onepage {

}

/* Container when content is shown in slider */
.showcase {
    z-index: 1;
	position: relative;
	margin: auto;    
}

.showcase-content-container {

}
	
/* 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;
}

/* === 15.3 Inline Zoom Styles  === */

.cloud-zoom-lens {
    background-color: #FFFFFF;
    border: 4px solid #888888;
    cursor: move;
    margin: -4px;
}
.cloud-zoom-title {
    background-color: #000000;
    color: #FFFFFF;
    font-family:'Open Sans', sans-serif;
    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 {
	position:relative;
	float:left;
	/* z-index:99; */
	cursor:crosshair;
}

.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: 8px;
   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;
   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;
	/*opacity:0.5;*/
	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;
	z-index:110;
}
.zoomWrapperTitle {
	display:none!important;
	background:#999;
	color:#bbbbba;
	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;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

/* === 15.4 Custom Site Specific CSS For unique selectors, divs, markup for each Instance.  Not to be put in Trunk === */


.eCommerceHotSpot .mobileMessage {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 5px 5px 5px 5px;
    color: #666;
    float: left;
    padding: 5px 0;
    width: 980px;
}
div.mobileMessage h3 img {  height: 25px;
    padding-left: 75px;
    width: 25px;}

.eCommerceHotSpot .mobileMessage h3 {
    color: #333333;
    float: left;
    font-size: 16px;
    margin: 0 10px 0 55px;
}

.eCommerceHotSpot .mobileMessage p {
    font-size: 18px;
}

#eCommerceCategoryFacetContainer .plpEspot img {
    display: block;
    margin: 0 0 0 -10px;
}

/* Footer Social Media Styles */

ul.socialMediaList {
    margin: 5px auto 0;
}
ul.socialMediaList li {
    display: inline-block;
    margin: 0 5px;
}
ul.socialMediaList li a {
    display: block;
    height: 32px;
    width: 32px;
}

.fb_edge_widget_with_comment {
    top: -3px!important;
}

a.facebook {
    background-image: url("/osafe_theme/images/user_content/images/facebook.png");
}
a.facebook:hover {
    background-image: url("/osafe_theme/images/user_content/images/facebook-hover.png");
}
a.twitter {
    background-image: url("/osafe_theme/images/user_content/images/twitterSmall.png");
}
a.twitter:hover {
    background-image: url("/osafe_theme/images/user_content/images/twitterSmall-hover.png");
}
a.pinterest {
    background-image: url("/osafe_theme/images/user_content/images/pinterestSmall.png");
}
a.pinterest:hover {
    background-image: url("/osafe_theme/images/user_content/images/pinterestSmall-hover.png");
}
a.googlePlus {
    background-image: url("/osafe_theme/images/user_content/images/google.png");
}
a.googlePlus:hover {
    background-image: url("/osafe_theme/images/user_content/images/google-hover.png");
}

/* Mobile Elements that are disabled in standard style sheet */

.mobile {
    display: none;
}

a.mobileShowCart {
     display: none;
}