/*
##############################################
# 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 */

body { 
  margin: 0;
  background:#FFFFFF;
  font:12px Arial,Verdana,Helvetica,sans-serif;
  color:#464646;
}
.dr_Content {
  font:12px Arial,Verdana,Helvetica,sans-serif;
  color:#464646;
  text-align:left;
  background-color:#FFFFFF;
  padding:8px;
  /* peekaboo fix */
  position:relative;
  min-width:0;
}
.dr_Content h3 {
  font-size:12px;
}
.dr_Content h2 {
  font-size:14px;
}
.dr_Content h1 {
  font-size:16px;
  color:#464646;
  margin: 5px 0px 10px 0px;
}
.dr_error {
  font-weight:bold;
  color:red;
}
.dr_Content img {
  border:0px; 
}
.dr_hiddenText {
  display:none;
}

/* 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:#DCDCDC;
  border:1px solid #DCDCDC;
  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;
}
.dr_hr_line {
  width:100%;
  border-bottom:1px solid #DCDCDC;
}
a:link {
  color:#267097;
	text-decoration: none;
}
a:visited {
  color:#267097;
	text-decoration: none;
}
a:hover {
  color:#005986;
  text-decoration:underline;
}

/* Styles for clearing */
.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 */


/* 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:0px;
}
#dr_CategoryProductList h1 {
  font:bold 18pt arial;
}
#dr_CategoryProductList #dr_categoryProductListIteration {
  float:left;
  width:800px;
}
#dr_categoryProductListIteration #dr_column1 {
  margin:0px;
  padding:0px;
}
#dr_categoryProductListIteration a.dr_productName {
  font:bold 14px/18px arial;
}
#dr_categoryProductListIteration a {
  font-weight:bold;
}
#dr_categoryProductListIteration .dr_actualPrice {
  line-height:24px;
  font-weight:bold;
}
/* 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:0px solid #DCDCDC;
  border-collapse:collapse;
  width:100%;
  font-size:12px;
  color:#464646;
}
/* Table header styles */
.dr_Content table th {
  border:1px solid #DCDCDC;
  background-color:#DCDCDC;
  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 #DCDCDC;
  border-right:0px;
  border-left:0px;
  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:0px;
}
/* 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:0px;
  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:0px;
  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:#267097;
  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;
}
/* Styles for breadcrumbing on site */
#dr_CheckoutBreadcrumb {
  margin:0px;
  padding:0px;
  list-style-type:none;
}
ul#dr_breadcrumbTitles {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
#dr_breadcrumbTitles li {
  display:inline;
  margin:10px 10px 10px 0px;
  padding:0px;
  list-style-type:none;
}
#dr_breadcrumbTitles li.dr_titleOn {
  font-weight:bold;
}
/* Forms */
.dr_Content form {
  margin:0px;
  padding:0px;
}
/* Legends - usually there for 508 compliance and set to display none */
.dr_Content legend {
  display:none;
  margin:0px;
  padding:0px;
}
@media aural {
  .dr_Content legend {
    display:block;
    margin:0px;
    padding:0px;
  }
}
@media screen {
  .dr_Content legend {
    display:none;
    margin:0px;
    padding:0px;
  }
}
/* Fieldset headers - these are more for screen (browsers) that screen readers such as jaws */
.dr_Content fieldset h3 {
  background-color:#DCDCDC;
  color:#FFFFFF;
  margin:0px;
  padding:2px;
  font-size:1em;
}
/* Fieldset, these are goupings of similar form elements */
.dr_Content fieldset {
  border:1px solid #DCDCDC;
  padding:0px;
  margin:0px;
  margin-bottom:10px;
  padding-bottom:10px;
}
.dr_Content fieldset{
  border:0px;
}
/* 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;
}
/* @group Breadcrumbs */

#main #breadcrumbs {
	font-size: 10px;
	margin-left: 0;
	color: #959595;
	padding-bottom: 9px;
	padding-top: 0px;
	font-weight: bold;
}
#main #breadcrumbs a:link {
	color: #545454;
	font-weight: normal;
	font-style: normal;
}
#main #breadcrumbs a:visited {
	color: #545454;
	font-weight: normal;
	font-style: normal;
}
#main #breadcrumbs a:hover {
	color: #000;
	font-weight: normal;
	font-style: normal;
}
#main #breadcrumbs a:active {
	color: #000;
	font-weight: normal;
	font-style: normal;
}
#breadcrumbs span {
	color: #959595;
	margin-left: 8px;
	margin-right: 8px;
	font-weight: normal;
	font-style: normal;
}
/* @end */
/* END GENERIC STYLES */

/*
######################################################
# SPECIFIC PAGE CSS                                  #
# The following CSS declarations are for specific    #
# pages within the site.                             #
######################################################
*/


/* BEGIN HOME/WELCOME PAGE CSS */
/* Styles for the advanced home page with merchandising offers */
#dr_Home #dr_topSellersOffer h3 {
  text-align:center;
}
#dr_Home #dr_storeSpecialsOffer {
  text-align:center;
}
#dr_featuredItemsOffer #productBoxShot img{
  float:left;
  margin:0px;
}
#dr_Home .dr_button {
  margin:0px;
}
/* Styles for the basic product listing home page */
#dr_Home #dr_totalSize {
  text-align:right;
  margin-bottom:8px;
}
#dr_homeProductListIteration .dr_button {
  margin:0px;
}
#HomePageFeaturedItems{
  background:transparent url(//drh.img.digitalriver.com/DRHM/Storefront/Site/citrixus/cm/images/Offerbackground.gif) no-repeat;
  float:left;
  padding:0px 10px;
  margin:0px;
  width:800px;
  font-size:12px;
}
#HomePageFeaturedItems #dr_featuredItemsOffer {
  padding:0px 10px;
  margin:10px 25px;
}
#dr_featuredItemsOffer .offerWrapper {
  float:left;
  width:230px;
  margin:0px 5px;
}
#HomePageBottomBanners {
  float:left;
}
#HomePageBottomBanners .bannerImages{
  float:left;
  margin:10px 3px 0px 0px;
}
#productBoxShot {
  float:left;
  padding:0px 0px 10px 0px;
  width:220px;
}
.offerWrapper #productName a,
.offerWrapper #productDisc a {
  font-weight:bold;
}
#dr_featuredItemsOffer .offerWrapper .varWrapper {
  float:left;
  font-weight:bold;
  width:47%;
  padding:5px 5px 0px 0px;
}
.offerWrapper #productDisc {
  height:50px;
}
/* END HOME/WELCOME CSS */

/*
#############################################
# 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:0px;
}
* 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%;
}
#Navigation {
  float:right;
  width:150px;
  position:relative;
  z-index:999;
  padding:8px 0px 0px 0px;
}
#Navigation img {
  padding:0px 0px 6px 0px;
}
#dr_ShoppingBreadcrumb ul li {
  list-style-type:none;
}
ul li {
	background: none;
}
a {
	/*color: #004477; */
	text-decoration: none;
	color: #0075b0;
}
#container {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#header {
	position: relative;
	height: 90px;
	z-index:999999;/*z-index:999999999;*/
}
#logo {
	height: 36px;
	background: url(//drh.img.digitalriver.com/DRHM/Storefront/Site/citrixus/cm/images/citrix_logo.gif) no-repeat;
	width: 208px;
	position: absolute;
	top: 36px;
	left: 0;
}
#logo a {
	display: block;
	height: 36px;
	width: 208px;
	text-indent: -9999px;
}
#main {
	width: 100%;
	xposition: relative;
}
#footer {
	height: 1px;
	padding-top: 0;
	border-top: 1px dotted #999;
	margin: 15px 0 17px;
}
#pg_citrix_home #footer {
	margin-top: 18px;
}
#copyright {
	font-size: 9px;
	color: #666;
	float: right;
}
#nav {
	height: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 550px;
	position: absolute;
	left: 379px;
	top: 45px;
}
#nav ul {
	margin: 0;
}
#nav li {
	display: inline;
	background:none;
	padding:0;
	margin:0;
}
#nav a {
  color:#666;
	text-decoration: none;
	padding-right: 22px;
	font-size: 14px;
}
#footernav #footerLeft li{
  display: inline;
  float:left;
  margin:0px;
  padding:0px 22px 0px 0px;
}
#footernav #footerRight li{
  display: inline;
  float:left;
  margin:0px;
  padding:0px 22px 0px 0px;
}
#footer #footernav a {
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
}
#footer #footernav a:link,
#footer #footernav a:visited {
	color: #434343;
}
#footer #footernav a:hover,
#footer #footernav a:active {
	color: #000;
}
/* column widths useful for form elements etc... */
.width1 {
	width:  67px;
}
.width2 {
	width: 150px;
}
.width3 {
	width: 233px;
}
.width4 {
	width: 316px;
}
.width5 {
	width: 399px;
}
.width6 {
	width: 482px;
}
.width7 {
	width: 565px;
}
.width8 {
	width: 648px;
}
.width9 {
	width: 731px;
}
.width10 {
	width: 814px;
}
.width11 {
	width: 897px;
}
.width12 {
	width: 980px;
}
.widthFull {
	width: 100%;
}
.section {
	margin-top: 16px;
}
.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* @group Form Elements */

select {
	color: #000;
}
select, input, textarea, input.formlabel, textarea.formlabel {
	font-size: 11px;
}