/*
##############################################
# CONSOLIDATED STYLES                        #
# These styles are generic settings for all  #
# of the pages.                              #
# To override a style, you may need to       #
# define a more specific selector using      #
# the ID defined for that specific page:     #
#   ex.) add the new style for the specific  #
#      page you want to address. Example:    #
#      #dr_ShoppingCart h1                   #
##############################################
*/
/* BEGIN GENERIC STYLES */
body { /*margin: 0; background: #FFFFFF; font: 12px Arial,Verdana,Helvetica,sans-serif; color: #000000;*/ }
.dr_Content { font: 12px Arial,Verdana,Helvetica,sans-serif; color: #000000; text-align: left; background-color: #FFFFFF; margin: 0 8px; padding: 8px; /* peekaboo fix */ position: relative; min-width: 0; }
.dr_error { font-weight: bold; color: red; }
.dr_Content img { border: 0; }

/* Form button styles */
/* button alignment */
#dr_siteButtons, .dr_siteButtons { margin: 10px 0px; text-align: right; clear: both; }
/* button design */
input.dr_button, body a.dr_button { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #C0C0C0; border: 1px solid #C0C0C0; margin-left: 10px; cursor: hand; }
a.dr_button { padding: 1px 5px 4px 5px; text-decoration: none; }
a.dr_button:hover { color: #c0c0c0; }
* html a.dr_button { padding: 3px 5px 2px 5px; color: #FFFFFF; position: relative; bottom: -2px; }

a:link { color: #3377BB; }
a:visited { color: #3377BB; }
a:hover { color: #666666; }

.dr_Content h1 { font-size: 16px; color: #464646; margin: 5px 0px 10px 0px; }
.dr_Content h2 { font-size: 14px; }
.dr_Content h3 { font-size: 12px; }
.dr_Content dt { font-weight: bold; }
.dr_Content dd { margin: 6px 0px 30px 30px; }
/* Table styles - Can be overridden with a direct id call. (i.e. #dr_ConfirmOrder table#dr_confirmTbl) */
.dr_Content table { border: 0px solid #C0C0C0; border-collapse: collapse; width: 100%; font-size: 12px; color: #000000; }
/* Table header styles */
.dr_Content table th { border: 1px solid #C0C0C0; background-color: #C0C0C0; font-weight: bold; font-size: 12px; color: #FFFFFF; padding: 3px 8px; }
/* Table odd and even row styles */
.dr_Content table tr.dr_evenRow { background-color: #FFFFFF; }
.dr_Content table tr.dr_oddRow { background-color: #FFFFFF; }
/* Table header style for product name */
.dr_Content th.dr_productName { padding-left: 3px; text-align: left; width: 65%; }
.dr_Content td.dr_productName { padding: 5px 3px; }
/* Table cell styles */
.dr_Content table td { border: 1px solid #C0C0C0; border-right: 0; border-left: 0; padding: 2px 5px; vertical-align: top; }
/* Empty cell styles - these are cells with no content (usually in the "totals" rows) */
.dr_Content table td.dr_emptyCell { border: 0; }
/* Totals cells - these are the cells that contain totals information */
.dr_Content table tr#dr_subTotal td.dr_qty, .dr_Content table tr#dr_discountTotal td.dr_qty, .dr_Content table tr#dr_shippingTotal td.dr_qty, .dr_Content table tr#dr_shippingDiscountTotal td.dr_qty, .dr_Content table tr#dr_taxTotal td.dr_qty, .dr_Content table tr#dr_shippingEstimator td.dr_qty, .dr_Content table tr#dr_feeTotal td.dr_qty, .dr_Content table tr#dr_priceTotal td.dr_qty, .dr_Content table td.dr_totals { border: 0; text-align: right; padding: 6px 3px; }
.dr_Content table tr#dr_priceTotal { font-weight: bold; }
/* Used on entire price column, including lineitem prices and the totals */
.dr_Content table th.dr_price, .dr_Content table th.dr_unitPrice, .dr_Content table th.dr_extendedPrice, .dr_Content table td.dr_price, .dr_Content table td.dr_priceVAT, .dr_Content table td.dr_unitPrice, .dr_Content table td.dr_extendedPrice { text-align: right; padding: 6px 5px; white-space: nowrap; }
/* Shipping Line Item style */
.dr_Content table #dr_shippingEstimator td { border: 0; padding: 6px 5px; }
.dr_Content table .dr_label { display: none; }
/* Styles for the lineitem details for a product in the order */
a.dr_expandDetails  { color: #3377BB; font-size: 11px; text-decoration: none; }
.dr_productDetails { padding: 2px; margin: 2px 0px 2px 12px; font-size: 11px; list-style-type: none; font-weight: normal; }
a.dr_details { color: #666; font-size: 11px; text-decoration: none; }
.dr_Content #dr_cartTbl .dr_productName ul, .dr_Content #dr_confirmTbl .dr_productName ul, .dr_Content #dr_invoiceTbl .dr_productName ul { font-size: 11px; list-style-type: none; padding: 0px 0px 0px 10px; margin: 5px 0px 0px 0px; }

/* Forms */
.dr_Content form { margin: 0; padding: 0; }
/* Legends - usually there for 508 compliance and set to display none */
.dr_Content legend { display: none; margin: 0; padding: 0; }
@media aural {
	.dr_Content legend { display: block; margin: 0; padding: 0; }
}
@media screen {
	.dr_Content legend { display: none; margin: 0; padding: 0; }
}
/* Fieldset headers - these are more for screen (browsers) that screen readers such as jaws */
.dr_Content fieldset h3 { background-color: #C0C0C0; color: #FFFFFF; margin: 0; padding: 2px; font-size: 1em; }
/* Fieldset, these are goupings of similar form elements */
.dr_Content fieldset { border: 1px solid #C0C0C0; padding: 0; margin: 0; margin-bottom: 10px; padding-bottom: 10px; }
.dr_Content fieldset{ border: 0; }
/* Input - input elements */
.dr_Content fieldset input { margin-left: 10px; }
/* Select Boxes */
.dr_Content fieldset select { margin-left: 10px; }
/* Select Boxes */
.dr_Content fieldset textarea { margin-left: 10px; }
/* Form lines - this is a div that contains the label and input element. The default CSS will place these on new lines */
/* mack a-hack \*/
.dr_Content fieldset .dr_formLine { clear: both; }
/* */
.dr_Content fieldset .dr_formLine { margin: 3px 10px; height: 3em; }
/* mack a-hack \*/
.dr_Content fieldset .dr_formLine { height: auto; }
/* */
/* Labels - this CSS will give the form a nice lined up columnar layout within each fieldset */
.dr_Content fieldset .dr_label { display: block; float: left; width: 130px; }
.dr_Content fieldset .dr_label_right { display: block; float: left; width: 80%; }
.dr_Content fieldset#dr_optIn label { width: 92%; float: right; }
.dr_Content fieldset#dr_ACHFormFields #dr_optInACH label { width: 93%; float: right; }
/* Subheadings in the forms */
.dr_Content fieldset h5 { display: inline; width: 400px; }
/* Style for pages with minimal text, such as error pages */
#dr_shortPage { text-align: center; margin: 40px 0px 100px 0px; }
/* Styles for Terms and Agreements text */
#dr_TCAgreement,
#dr_TCDisclosure,
#dr_TCFooter { clear: both; padding: 10px 0px; }
/* END GENERIC STYLES */

/*
#############################################
# FIXES                                     #
# These are minor fixes to get things  to   #
# work cross browser. If you need to add    #
# anything for browser bugs, here is the    #

# place. Of course a good resource for      #
# browser bugs is online at:                #
# http://php.digitalriver.com/brandon/tips/ #
#############################################
*/
#dr_testOptions table { width: 350px; }
#dr_testOptions table td{ border: 0; }
* html .dr_Content { height: 1%; }
*:first-child+html .dr_Content{ height: 1%; }

/*
#############################################
# Invisible Text in IE? Do the following:   #
# * html #elementID { height:0.01%; }       #
#############################################
*/
* html #dr_ThankYou { height:0.01%; }