







/*
<!-- REQUEST ID: TIME=1265664946208:NODE=c1a5003:THREAD=38 -->
*/
/*
#################################################################
###                StyleSheet_GenericPage                     ###
#################################################################

381204 - Fixed .hangingChevron and sync'd synmahho with symc template

*/

#masthead {
background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/mastheadBG.jpg) no-repeat;
}
#contentPane2 {
width:800px;
}

div#footerPane2 {
font-size:10px;
}

.twoColRgtRgt {
width:595px;
}

div#subNav,div#headerPane {
margin:0;
padding:0;
}

#subNav table {
margin:0;
left:0;
padding:0;
}

#subNav table td img {
margin:-5px 20px 0 14px;
}

#subNav table td {
color:#CCCCCC;
font-size:10px;
font-family:verdana;
font-weight:bold;
padding:4px 0 0;
margin:0;
text-align:left;
vertical-align:top;
}

#subNav table td a {
color:#FFFFFF;
font-size:9px;
font-family:verdana;
text-align:left;
vertical-align:top;
}

#subNav table td form {
color:#FFFFFF;
padding:0;
margin:-2px 0 0;
}

#subNav table td form input {
font-size:10px;
}

/* Bullet proofing bullets inside content area # */

/* Removed by Tim
.dr_Content ul {
padding:0;
margin:0;
}

.dr_Content li {
margin:.2em 0 0 12px;
}
*/

/* ### ADDITIONAL STORE LEFT NAV CSS NOT IN SYM DEV KITS ### */

div#sym_changeYourStore {
margin:20px 0 0 10px;
width:162px;
font-weight:bold;
}

div#sym_changeYourStore a,div#sym_changeYourStore a:hover {
color:#FFFFFF;
}

div#sym_changeYourStore div {
background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym_changeYourStoreNoText2.gif) no-repeat;
color:#999999;
margin:0;
padding:4px 4px 0 10px;
}

div#sym_changeYourStore ul {
color:#FFFFFF;
font-size:12px;
font-family:"Times New Roman", Times, serif;
list-style:none;
margin:0;
padding:1px 5px 0;
border-right:#DDDDDD 2px solid;
border-left:#DDDDDD 2px solid;
border-bottom:#DDDDDD 2px solid;
}

div#sym_changeYourStore ul li#sym_HHO {
background:#7A6375 url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym_greyArrowTransparent.gif) no-repeat 10px 10px;
font-family:"Times New Roman", Times, serif;
margin:5px 0;
padding:5px 0 5px 20px;
}

div#sym_changeYourStore ul li#sym_SMB {
background:#6488A5 url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym_greyArrowTransparent.gif) no-repeat 10px 10px;
font-family:"Times New Roman", Times, serif;
margin:5px 0;
padding:5px 0 5px 20px;
}

div#sym_changeYourStore ul li#sym_ENT {
background:#8d8e64 url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym_greyArrowTransparent.gif) no-repeat 10px 10px;
display:none;
font-family:"Times New Roman", Times, serif;
margin:5px 0;
padding:5px 0 5px 20px;
}

/* ### END OVERWRITING ### */

/*
######################################################
# TIM'S COMMONLY USED PARAGRAPH STYLES               #
######################################################
*/

.backPage {
background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/arrow_back.gif) no-repeat left;
font-weight:700;
padding-left:6px;
}

.sym_horizDots {
border-top:1px dotted #999999;
height:0;
margin:0;
overflow:hidden;
padding:0;
width:100%;
}

/* Fix IE issue where dotted appears as dashed */
* html .sym_horizDots {
background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symantec/cm/images/css-dotted-999999.gif') repeat-x;
border-top:none;
height:1px;
}

.callToActionButton {
background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/arrow_btn.gif) no-repeat top left;
padding-left:16px;
}

.hangingChevron {
background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/arrow.gif) no-repeat 0px 3px;
padding-left:6px;
}

.hangingChevronRight {
background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/arrow.gif) no-repeat right;
padding-right:8px;
margin-right:12px;
text-align:right;
}


.dottedUnderline {
background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym-cssDottedHorizontal.gif) repeat-x bottom;
padding-bottom:4px;
}

.dottedOverline {
background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym-cssDottedHorizontal.gif) repeat-x top;
padding-top:4px;
}

.red{
color:#FF0000;
}

/* END TIM'S COMMONLY USED PARAGRAPH STYLES */

/* ### START advanced-sym.css ### */
/*
##############################################
# SITE WIDE STYLES                           #
# Add any styles which would be site-wide    #
# here. These can include error styles, list #
# styles, table styles and more.             #
##############################################
##############################################
# 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 */
.dr_Content {
background:#FFFFFF;
color:#000000;
font:11px Verdana,Arial,Helvetica,sans-serif;
padding:0;
text-align:left;
}

.dr_Content h3 {
font-size:11px;

}

.dr_Content h2 {
font-size:14px;
}

.dr_error {
color:#FF0000;
font-weight:bold;
}

.dr_Content img {
border:0;
}

.dr_hiddenText {
display:none;
}

/* Form button styles */

/* button alignment */
#dr_siteButtons {
clear:both;
margin:10px 0;
text-align:right;
}

/* button design */
input.dr_button,body a.dr_button {
background:#999999;
border:1px solid #999999;
color:#FFFFFF;
cursor:hand;
font:bold 11px Arial,Verdana,Helvetica,sans-serif;
height:21px;
margin-left:5px;
}

a.dr_button {
padding:1px 5px 4px;
text-decoration:none;
}

a.dr_button:hover {
color:#C0C0C0;
}

* html a.dr_button {
bottom:-2px;
color:#FFFFFF;
height:21px;
padding:3px 5px 2px;
position:relative;
}

.dr_hr_line {
border-bottom:1px solid #999999;
width:100%;
}

/* BEGIN POPUP WINDOW STYLES */
#dr_popUp {
margin:5px;
}

#dr_closeWindow {
text-align:center;
}

/* END POPUP WINDOW STYLES */

/* BEGIN PRODUCT LIST STYLES */
.dr_Content ul.dr_productList {
list-style-type:none;
}

.dr_Content ul.dr_productList li {
display:inline;
margin:0;
}

/* END PRODUCT LIST STYLES */

/* Address Styles - billing / shipping */
.dr_Content address {
font-style:normal;
padding:5px;
}

/* Table styles - Can be overridden with a direct id call. (i.e. #dr_ConfirmOrder table#dr_confirmTbl) */
.dr_Content table {
border:0 solid #999999;
border-collapse:collapse;
color:#000000;
font-size:11px;
width:100%;
}

/* Table header styles */
.dr_Content table th {
background:#999999;
border:1px solid #999999;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

/* Table odd and even row styles */
.dr_Content table tr.dr_evenRow {
background:#FFFFFF;
}

.dr_Content table tr.dr_oddRow {
background:#FFFFFF;
}

/* Table header style for product name */
.dr_Content th.dr_productName {
padding-left:2px;
text-align:left;
width:45%;
}

/* Table header style for price */
.dr_Content th.dr_price {
padding-right:2px;
text-align:right;
}

/* Table cell styles */
#dr_ShoppingCart table td {
border-bottom:1px dotted #999999;
padding:2px 5px;
vertical-align:middle;
}

/* Fix IE issue where dotted appears as dashed */
* html #dr_ShoppingCart table td {
background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symantec/cm/images/css-dotted-999999.gif') repeat-x bottom;
border-bottom:none;
}

/* Table cell style for quantity */
.dr_Content table td.dr_qty {
text-align:center;
}

/* 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_priceTotal td.dr_qty,.dr_Content table td.dr_totals {
}

.dr_Content table tr#dr_priceTotal {
background:#E8E8E8;
border-bottom:1px dotted #999999;
border-top:1px dotted #999999;
font-weight:bold;
padding:2px 5px;
vertical-align:middle;
}

/* Fix IE issue where dotted appears as dashed */
* html .dr_Content table tr#dr_priceTotal {
background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symantec/cm/images/css-dotted-999999.gif') repeat-x bottom;
border-bottom:none;
}

/* Used on entire price column, including lineitem prices and the totals */
.dr_Content table td.dr_price,.dr_Content table td.dr_priceVAT {
text-align:right;
}

/* Styles for the lineitem details for a product in the order */
a.dr_expandDetails {
background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sc_detailarrow.gif) no-repeat left;
color:#CC6600;
font-size:11px;
padding:0 0 0 12px;
text-decoration:none;
}

#dr_productDetails {
font-size:11px;
list-style-type:none;
margin:2px 0 2px 1px;
padding:2px;
}

a.dr_details {
color:#666666;
font-size:11px;
text-decoration:none;
}

/* Styles for breadcrumbing on site */
ul#dr_breadcrumbTitles {
list-style:none;
margin:0;
text-align:left;
}

#dr_breadcrumbTitles li {
background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symantec/cm/images/pixel.gif') no-repeat 0 .5em;
display:inline;
float:left;
margin:3px;
padding:0;
}

#dr_breadcrumbTitles li.dr_titleOn {
font-weight:bold;
}

#dr_CheckoutBreadcrumb {
background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symantec/cm/images/gray_gradient.gif') repeat-y right;
padding:12px 2px;
}

#dr_bcHelp {
padding-right:10px;
text-align:right;
}

/* 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:#999999;
color:#FFFFFF;
font-size:1em;
margin:0;
padding:10px;
}

/* Fieldset, these are goupings of similar form elements */
.dr_Content fieldset {
border:1px solid #999999;
margin:0;
margin-bottom:10px;
padding:0;
padding-bottom:10px;
}

.dr_Content fieldset {
border:0;
}

/* Fieldset paragraphs - the text (instructions, descriptions etc) in a fieldset */
.dr_Content fieldset p {
margin:0;
padding:0 5px;
}

/* Input - input elements */
.dr_Content fieldset input {
margin-left:5px;
}

#dr_loginContainer fieldset input {
width:90px;
}

#dr_newAccountContainer fieldset input {
width:90px;
}

/* Select Boxes */
.dr_Content fieldset select {
margin-left:5px;
}

/* Select Boxes */
.dr_Content fieldset textarea {
margin-left:5px;
}

/* 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 {
height:3em;
margin:3px 10px;
}

/* 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;
text-align:right;
width:130px;
}

.dr_Content fieldset .dr_label_right {
display:block;
float:left;
width:80%;
}

.dr_Content fieldset#dr_optIn label {
float:right;
width:85%;
}

/* Subheadings in the forms */
.dr_Content fieldset h5 {
display:inline;
width:400px;
}

/* Style for pages with minimal text, such as error pages */
#dr_shortPage {
margin:40px 0 100px;
text-align:center;
}

/* END GENERIC STYLES */


/* BEGIN PRODUCT RESTRICTION AND LIMITED BY LOCALE PAGES CSS */
#dr_ProductRestriction #dr_productRestrictionUpdateAddress,#dr_ProductRestriction #dr_productRestrictionDeleteProducts,#dr_ProductLimitedToSupportingLocales #dr_productLBLUpdateAddress,#dr_ProductLimitedToSupportingLocales #dr_productLBLDeleteProducts {
float:left;
margin:10px 0;
width:48%;
}

#dr_ProductRestriction #dr_siteButtons {
text-align:center;
}

/* END PRODUCT RESTRICTION PAGE CSS */

/*
#############################################
# FIXES                                     #
# THESE MUST BE LOADED AFTER ANY PAGE       #
# SPECIFIC CODE!!!                          #
# 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%;
}

/*
#############################################
# Invisible Text in IE? Do the following:   #
# * html #elementID { height:0.01%; }       #
#############################################
*/
* html #dr_ThankYou {
height:0.01%;
}
/*

#############################################
# END FIXES                                 #
#############################################
*/

/* ### START ORDER STATUS CSS ### */

div#sym_OrderStatus.dr_Content h1 {
margin-top:18px;
}

div#orderStatusSearchUsername p.callToActionButton,div#orderStatusSearchEmail p.callToActionButton {
margin-top:10px;
padding-left:16px;
}

/* ### END ORDER STATUS CSS ### */

/* ### START ORDER STATUS CSS ### */
#dr_CustomerServiceOrderDetail th.dr_qty {
text-align:center;
}
#dr_CustomerServiceOrderDetail ul {
list-style: inside;
color:#000;
}
/* ### END ORDER STATUS CSS ### */


/* ### START CONTACT FORM CSS ### */

#dr_ContactForm h1 {
margin:20px 0 0 0;
}

#dr_ContactForm h2 {
background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym-cssDottedHorizontal.gif) repeat-x top;
clear:both;
margin:0 0 0 0;
padding:20px 0 0 0;
}

#dr_ContactForm div#dr_siteButtons {
clear:both;
margin:20px 0;
padding:0;
float:left;
width:400px;
}
#dr_ContactForm ul {
margin:12px;
}

/* ### START CONTACT FORM CSS ### */

/* ### START FORGOT PASSWORD CSS ### */

div#dr_ForgotPassword div#dr_popUp h1 {
margin:40px 0 10px 0;
}

/* ### END FORGOT PASSWORD CSS ### */

#dr_ERefundInstructions ol {
  margin-left:20px;
}
#englishOnly img {
	margin-right:5px;
}
/*
.lftNavSubNav a {
   font-weight:bold;
}
*/

/* ### START EREFUNC POLICY CSS ### */

div#dr_ERefundInstructions div#dr_popUp h1 {
margin:40px 0 10px 0;
}

/* ### START GROBAL TOOL CSS ### */
#sym_globalTools img{
	margin:0;
	padding:0;
}
.utilities1 a, .utilities1 a:hover, .utilities1 a:visited, .utilities2 a, .utilities2 a:hover, .utilities2 a:visited, .utilities3 a, .utilities3 a:hover, .utilities6 a:visited, .utilities6 a, .utilities6 a:hover, .utilities6 a:visited {
  color:#999; 
  font-size:.80em; 
  font-weight:bold; 
  text-transform: uppercase;
  }
.utilities1{
background:url(//drh1.img.digitalriver.com/DRHM/Storefront/SiteImplementation/symnahho/symnahhoSI/version/218/images/email.gif) no-repeat top left;
  height:15px;
  padding:0 0 0 13px;
  margin:0;
}
.utilities2{
background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/print.gif) no-repeat top left;
  height:15px;
  padding:0 0 0 13px;
  margin:0;
}
.utilities3{
	background:url(//drh1.img.digitalriver.com/DRHM/Storefront/SiteImplementation/symnahho/symnahhoSI/version/218/images/icon_phone.gif) no-repeat top left;
  height:15px;
  padding:0 0 0 13px;
  margin:0;
}

/* Styles for clearing ticket#330103 */
.dr_clearAfterBoth:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.dr_clearAfterLeft:after {
clear:left;
content:".";
display:block;
height:0;
visibility:hidden;
}
.dr_clearAfterRight:after {
clear:right;
content:".";
display:block;
height:0;
visibility:hidden;
}
.dr_clearBoth {
clear:both;
}
.dr_clearLeft {
clear:left
}
.dr_clearRight {
clear:right
}
/* End styles for clearing */



  
