/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id:stylesheet.css 4813 2006-10-23 02:13:53Z drbyte $
 */
 
/* Instructions to have a narrow top header (to match the width of the main site content) can be found around line 206 (search for: #headerWrapperb )
 
/* I've included 4 color choices - apple green (default), blue, red, and grey. To change from green, simply 
comment out the green section, and uncomment the color section you want the site to be. You'll also need to 
open up includes/templates/apple_zen/css/stylesheet_header_menu.css to change the colors in the drop down menu. */

/*green 

#navMainWrapper {
	background:#D5E88F; 
	}
	
#logoWrapperOuter {
	background:#ffffff;
	}
 
#navEZPagesTopWrapper{
	background:#D5E88F;
	}
	
#navCatTabsWrapper {
	background:#BBD17E;
	}
	
#dropMenuWrapper {
	background:#929292;
	}

#navBreadCrumb {
	background:#BBD17E; 
	}
	
body {
	background:url(../images/site-bg.gif) 0 8.5em repeat-x; 
	}
	
h3.leftBoxHeading, h3.rightBoxHeading {
	background:url(../images/sideboxleft.gif) no-repeat top left; 
	}
	
#centerColumnOuter {
	background:url(../images/headerborder.gif) repeat-y; 
	}
	
#centerColumnWrapper2{
	background:url(../images/content_bg.gif) repeat-y 80% 0;
	}
	
/* eof green */




/* blue 

#navMainWrapper {
	background:#6C99D9; 
	}
	
#logoWrapperOuter {
	background:#ffffff;
	}
 
#navEZPagesTopWrapper {
	background:#6C99D9; 
	}
	
#navCatTabsWrapper {
	background:#6084C4; 
	}
	
#dropMenuWrapper {
	background:#929292;
	}
	
#navBreadCrumb {
	background:#6084C4; 
	}
	
body {
	background:url(../images/site-bg-blue.gif) 0 9em repeat-x; 
	}
	
h3.leftBoxHeading, h3.rightBoxHeading {
	background:url(../images/sideboxleft-blue.gif) no-repeat top left; 
	}
	
#centerColumnOuter {
	background:url(../images/headerborder.gif) repeat-y; 
	}
	
#centerColumnWrapper2{
	background:url(../images/content_bg.gif) repeat-y 80% 0; 
	}
	
/*eof blue*/




/* red 

#navMainWrapper {
	background:#DC262E;
	}
	
#logoWrapperOuter {
	background:#ffffff;
	}
 
#navEZPagesTopWrapper {
	background:#DC262E;
	}
	
#navCatTabsWrapper {
	background:#C62122;
	}
	
#dropMenuWrapper {
	background:#929292;
	}
	
#navBreadCrumb {
	background:#C62122;
	}
	
body {
	background:url(../images/site-bg-red.gif) 0 9em repeat-x;
	}
	
h3.leftBoxHeading, h3.rightBoxHeading {
	background:url(../images/sideboxleft-red.gif) no-repeat top left;
	}
	
#centerColumnOuter {
	background:url(../images/headerborder.gif) repeat-y;
	}
	
#centerColumnWrapper2{
	background:url(../images/content_bg.gif) repeat-y 80% 0; 
	}
	
/*eof red*/


/* grey */

#navMainWrapper {
	background:#ffffff;
	}
	
#logoWrapperOuter {
	background:#ffffff;
	}
 
#navEZPagesTopWrapper {
	background:#D5D5D5;
	}
	
#navCatTabsWrapper {
	background:#C8C8C8;
	}
	
#dropMenuWrapper {
	background:#ffffff;
	}
	
#navBreadCrumb {
	background:#FFFFFF;
	padding: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	}
	
body {
	background:url(../images/site-bg-grey.gif) 0 9em repeat-x;
	}
	
h3.leftBoxHeading, h3.rightBoxHeading {
	background:url(../images/sideboxleft-grey.gif) no-repeat top left;
	}
	
/*#centerColumnOuter {
	background:url(../images/headerborder.gif) repeat-y;
	}
*/
	
#centerColumnWrapper2{
	background:#FFFFFF ; 
	}
	
/*eof grey*/
/* eof color and background edits */


/* If you'd like a narrow top header (to match the width of the main content, please uncomment the section below, and then follow the instructions below that. 
If you want the diagonal stripe background removed, you'll also need to remove that from the body tag near the top of this stylesheet. */
	




#headerWrapperb {
	background:url(../images/shadowRight.png) repeat-y 100% 0;
	width:71em;
	}
	
#headerWrapperc {
	background:url(../images/shadowLeft.png) repeat-y 0 0;
	width:71em;
	}

	
#headerWrappera {
    width:71em; /* change to width:71em; for narrow header*/
	margin:0 auto;
	text-align:center;
	}
	
#navMainWrapper {
	width:70em; /* change to width:70em; for narrow header*/
	margin:0 auto;
	text-align:center;
	}
	
#navMain {
    /* remove width:70em; for narrow header */
	margin:0 auto;
	}
	
#navEZPagesTopWrapper {
	width:70em; /* change to width:70em; for narrow header*/
	margin:0 auto;
	text-align:center;
	padding:.5em 0;
	}
	
#navCatTabsWrapper {
	width:70em; /* change to width:70em; for narrow header*/
	margin:0 auto;
	text-align:center;
	padding:.5em 0;
	}
	
#dropMenuWrapper {
	width:70em; /* change to width:70em; for narrow header*/
/* remove float:left; for narrow header */
	margin:0 auto;
	text-align:center;
	height:2.18em;
	}

/* end of changes for narrow header */

* {
	margin:0;
	padding:0;
	}

body {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:73.5%;
	color:#000000;  /*main site font color*/
	}

a img {
	border:none; 
	}

a:link {
	color:#990000; /*site links color */
	text-decoration:none;
	}
 
a:visited {
	text-decoration:none;
	color:#990000;
	}

a:hover {
	color:#000000; /* color when links are hovered over */
	text-decoration:none;
	}
	
ul, ol {
	text-align:left;
	padding-left:25px;
	margin-left:10px;
	margin-bottom:10px;
	}

h1 {
	font-size:1.3em;
	}

h2 {
	font-size:1.2em;
	}

h3 {
	font-size:1.1em;
	}

h4, h5, h6, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size:1.0em;
	}
	
LEGEND {
	color:#333;
	}

.biggerText {
	font-size:1.1em;
	}

h1, h2, h3, h4, h5, h6 {
    margin:0.3em 0;
	}

CODE {
	font-family:tahoma, arial, verdana, helvetica, sans-serif;
	font-size:1em;
	}

FORM, SELECT {
	display:inline;
	font-size:1em;
	margin:0.5em;
	}
	
#categoriesselectContent select {
	font-size:.9em
	}
	
option {
	padding-right:.5em;
	}


INPUT{
	margin:.3em .5em;
	}


html>/**/body input[type=checkbox], html>/**/body input[type=radio] {
	float:left;
    clear:both;
	}
	
html>/**/body .checkboxLabel, html>/**/body .radioButtonLabel {
	margin:0 .2em .5em 0;
	float:left;
	}
	
.ratingRow input[type=radio]{
	float:none;
    margin:0 .5em;
	}

TEXTAREA {
	margin:auto;
	display:block;
	width:95%;
	}

input:focus, select:focus, textarea:focus {
	background:#F3F9E1;
	}

FIELDSET {
	padding:0.5em;
	margin:0.5em 0;
	border:1px solid #cccccc;
	}

LEGEND {
	font-weight:bold;
	padding:.3em;
	}

h4.optionName {
	line-height:1.5em;
	padding-right:1em;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float:left;
	}
	
/*#logo {
	 width:19.1em  /* To prevent the logo from resizing, simply delete or comment out this section 
	}
	
#logo img {
 width:100%;
	} */

LABEL.inputLabel {
	width:85%;
	float:left;
	margin:0.3em;
	} 

LABEL.inputLabelPayment {
	width:15em;
	float:left;
	padding:0.5em;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
	width:12em;
	float:left;
	}

ADDRESS {
	font-style:normal;
	padding-right:40px;
	}

.clearBoth {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

HR {
	height:1px;
	margin:0.5em 0;
	border:none;
	border-bottom:1px solid #9a9a9a;
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height:1.8em;
	padding:0.2em;
	}

.messageStackWarning, .messageStackError {
	background:#990000;
	color:#ffffff;
	}

.messageStackSuccess {
	background:#929292;
	}

.messageStackCaution {
	background:#FFFF99;
	}

/*wrappers - page or section containers*/
#mainWrapper {
	text-align:left;
	vertical-align:top;
	}
	
#headerWrapper {
	width:100%;
	text-align:center;
	margin:0 auto;
	background:#ffffff;
	}
	
#logoWrapperOuter {
    width:70em;
	margin:0 auto;
	overflow:hidden;
	}

#tagline {
	font-size:1.3em;
	text-align:center;
	padding-top:15px;
	}
	
#navEZPagesTop {
	font-weight:bold;
	margin:0 auto;
	}

#navCatTabs {
	margin:0 auto;
	}

#sendSpendWrapper {
	border:1px solid #cacaca;
	float:right;
	margin:0 0 1em 1em;
	}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	width:47%;
	}
	
.wrapperAttribsOptions {
	line-height:2em;
	padding-bottom:1em;
	}

/*navigation*/

.navPrevCounter {
	margin:0;
	font-size:0.9em;
	}
	
.navNextPrevList {
	display:inline;
	white-space:nowrap;
	padding:0 1em;
	list-style-type:none;
	position:relative;
	}
	
#navSuppWrapper {
	width:100%;
	margin:0 auto;
	margin-top:-6px;
	float:left;
	}
	
#navSupp {
	margin:0 auto;
	text-align:center;
	width:70.3em;
	padding-top:1em;
	background:url(../images/shadowAlpha_bot.png) repeat-x top;
	}
	
#navMainLinks {
	float:left;
	position:relative;
	list-style-type:none;
	text-align:left;
	font-size:1em;
	}

#navSupp ul {
	list-style-type:none;
	text-align:center;
	line-height:1.5em;
	padding: 0.3em 0;
	margin:0;
	}
	
#navCatTabs ul {
	list-style-type:none;
	text-align:center;
	margin:0;
	}
	
#navMainLinks ul {
	list-style-type:none;
	text-align:center;
	line-height:1.5em;
	padding: 0.2em 0;
	margin:0;
	}
	
#navSupp li, #navCatTabs li, #navMainLinks li {
	display:inline;
	padding:0 0.5em;
	margin:0;
	}

#navSupp ul li a, #navCatTabs ul li a {
	text-decoration:none;
	margin:0;
	white-space:nowrap;
	display:inline;
	font-weight:bold;
	width:0;
	}

#navEZPagesTOCWrapper {
	font-weight:bold;
	float:right;
	height:1%;
	border:1px solid #000000;
	}

#navEZPagesTOC ul {
	margin:0;
	padding: 0.5em 0;
	list-style-type:none;
	line-height:1.5em;
	}

#navEZPagesTOC ul li {
	white-space:nowrap;
	}

#navEZPagesTOC ul li a {
	padding:0 0.5em;
	}

#navCategoryIcon, .buttonRow, {
margin:0.5em;
}

#indexProductListCatDescription {
	margin:0.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	padding-bottom: 40px; /* added 21.6.07 to align category description */
	}

#navMainSearch {
	margin:0 auto;
	text-align:right;
	padding:2px 5px 1px 5px;
	}
	
#navMainSearch input {
	margin:0 auto;
	text-align:right;
	padding:2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
#navMainSearch input[type=text] {
   	margin: 2px 0 0 1em;
   	}

#navMainSearch input.topSearch{
   	margin: 0 0 5px 2px;
   	padding: 0 0 0 0;
   	vertical-align: bottom;
   	}
	
#navBreadCrumb {
	text-align:left;
	padding:.5em;
	}
	
#navBreadCrumb a {
	padding:.5em 1em;
	}
	
#navBreadCrumb {
	font-size:0.95em;
	}

#navColumnTwo, #navColumnOne {
	float:right;
	position:relative;
	width:20%;
	}

/*The main content classes*/
#contentMainWrapperOuter {
	float:left;
	width:100%;
	}
	
#contentMainWrapper {
	width:71em;
	margin:0 auto;
	text-align:center;
	}

#centerColumnWrapper {
	background:url(../images/shadowRight.png) repeat-y 100% 0;
	width:71em;
	}

#centerColumnWrapperb {
	background:url(../images/shadowLeft.png) repeat-y 0 0;
	width:71em;
	}
	
/*#centerColumnOuter {
	margin:0 .5em;
	width:70em;
    height:15px;
	}
*/

#centerColumnWrapper2 {
	margin:0 .5em;
	width:70em;
	}

#centerColumnWrapper2b {
	margin:0 auto;
	overflow:hidden;
	width:70em;
	}
	
* html #centerColumnWrapper, * html #centerColumnWrapperb, * html #centerColumnWrapper2b, * html #headerWrapperb, * html #headerWrapperc  {
    background:none!important; /* Hides the transparent shadows from older versions of IE */
	}
	
.centerColumn {
	width:85%;
	float:right;
	margin-right:1%;
	padding:0 2%;
	text-align:left;
	line-height:1.6em;
	}	
	
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align:top;
	}

#productDescription, .shippingEstimatorWrapper {
	padding:0.5em;
	}

.important {
	font-weight:bold;
	}

.gvBal {
	float:right;
	}
	
#bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding:0.8em;
	}
			
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size:0.9em;
	}
	
#siteinfoLegal {
	padding-bottom:1em;
	clear:both;
	}

#cartAdd {
	float:right;
	text-align:center;
	margin:1em;
	border:1px solid #000000;
	padding:1em;
	}

.tableHeading TH {
	border-bottom:1px solid #cccccc;
	}

.tableHeading, #cartSubTotal {
	background:#e9e9e9;
	}

#cartSubTotal {
	border-top:1px solid #cccccc;
	font-weight:bold;
	text-align:right;
	line-height:2.2em;
	padding-right:2.5em;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height:2.2em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding:0.5em 0 0 0;
	}
	
#cartProdTitle {
	text-align:center
	}

.cartUnitDisplay, .cartTotalDisplay {
	text-align:center;
	padding-right:0.2em;
	}
	
.cartQuantityUpdate input {
	margin:0;
	padding:0;
	}
	
.cartRemoveItemDisplay input[type=checkbox] {
	float:none;
    margin-bottom:1em;
	}

#scUpdateQuantity {
	width:1.8em;
	}
	
#scProductsHeading {
	padding-left:2em;
	}

.cartQuantity {
	width:4em;
	}

.cartNewItem {
	position:relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	position:relative;   /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align:right;
	font-weight:bold;
	}

.cartRemoveItemDisplay {
	width:5em;
	}

.cartAttribsList {
	margin-left:1em;
	}

#mediaManager {
 	width:50%; 
  	margin:0.2em;
  	padding:0.5em;
  	}

.normalprice, .productSpecialPriceSale {
	text-decoration:line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount, .alert {
	color:#990000;
	}

.orderHistList {
	margin:1em;
	padding:0.2em 0;
	} 

#ezPageBoxList li, .cartBoxTotal {
	margin:0;
	padding:0.2em 0;
	} 

#cartBoxEmpty, #cartBoxVoucherBalance {
  	font-weight:bold;
  	}

.totalBox {
	width:5.5em;
	text-align:right;
	padding:0.2em;
	}

.lineTitle, .amount {
	text-align:right;
	padding:0.2em;
	}

.amount {
	width:5.5em;
	}

#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin:.5em 1em 1em 0 ;
	}

#cartImage {
	margin:0.5em 1em;
	}

.attribImg {
	width:20%;
	margin:0.3em 0;
	}

.attributesComments {}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin:1em 0;
	}
	
h3.leftBoxHeading, h3.rightBoxHeading {
	font-size:1.2em;
	color:#424242;
	text-transform:uppercase;
	font-weight:normal;
	height:1.5em;
	padding:.2em 0 0 0;
	padding-left:15px;
	}

.centerBoxHeading {
	margin:0;
	background:#ffffff;
	padding:0.3em 0;
	border-top:1px solid #4f4f4f;
	border-bottom:1px solid #4f4f4f;
	}
	
.leftBoxHeading, .rightBoxHeading {
	margin:0;
	border-top:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	}

.sideBoxContent {
	font-size:1.1em;
	padding:5px 0;
	}
	
.sideBoxContent ul {
	text-align:left;
	list-style-type:none;
	padding:0 0 0 15px!important;
	margin:0!important;
	}

.sideBoxContent li {
	padding:.2em 0;
	}

#categoriesContent {
	text-align:left;
	padding-left:15px;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading,  .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align:center;
	}
	
.productListing-data /* moved from above*/
{
	text-align:left;
	padding-right: 20px;
	}

#upProductsHeading {
	text-align:left;
	}

#upDateHeading {
	text-align:right;
	}

/*misc*/
.back {
	float:right;
	}
	
.back2 {
	float:left;
	}

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	margin-right: 20px;
	}

.bold {
	font-weight:bold;
	}

.rowOdd {
	background:#E8E8E8;
	height:1.5em;
	vertical-align:top;
	}

.rowEven {
	background:#F0F0F0;
	height:1.5em;
	vertical-align:top;
	}

.hiddenField {
	display:none;
	}
	
.visibleField {
	display:inline;
	}

#accountLinksWrapper li {
	padding:.5em 0;
	display:block;
	list-style:none;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width:20%;
	text-align:right;
	}

.accountQuantityDisplay {
	width:10%;
	vertical-align:top
	}

TR.tableHeading {
	background:#cacaca;
	height:2em;
	}

#siteMapList {
	width:90%;
	float:right;
	}

.ratingRow {
	margin:1em 0 1.5em 0;
	}

LABEL#textAreaReviews {
	font-weight:normal;
	margin:1em 0;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background:#ffffff;
	}
	
.information {
	padding: 10px 3px; 
	line-height: 150%;
	}
	
#descSubLink {
	padding-left:.7em;
	color:#990000;
	}


.zen_image_submit_align{ /* aligns top search button */	
    vertical-align:bottom;
} 


#centerColumnWrapper2 { /* removes left and right columns */
	background:#ffffff!important;
}
.centerColumn {
	float:left!important;
	width:95%!important;
}

/* added 20.6.07 to align category images with cat heading */
#categoryImgListing {float:left;}
#productListHeading {float:left;padding:.5em;}
#indexProductListCatDescription {
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px; /* added 21.6.07 to make cat description go under cat head - may need to adjust top margin*/
}

/* added 20.6.07 to remove padding round home page main image */
#indexHomeBody .centerColumn {padding:0;margin:0;width:100%!important;}

/*added 28.6.07 to align submit button on contact form */
#contactUsDefault .buttonRow input {margin:0 .5em;}

.thawte {
	margin-top: 10px;
	margin-right: 45%;
	margin-left: 45%;
}

/*PROTX stuff*/
    *

      .ProtxDirectFormGadgetError - This is the class that a form gadget will be set to if there is a problem with the data entered/selected by the user. If the data entered/selected is corrected satisfactorily by the user then the form gadget will revert back to its previous look! Our recommendation for addition to your stylesheet is the following:

      .ProtxDirectFormGadgetError { background: #FF6633; }
    *

      .ErrorInfo - This is the class that the main error messages use. You should style it so that any error messages stand out but still look good on your site!

      .ExtraErrorInfo - This is the class that the Extra Error Information paragraph uses. This is the information that is returned by Protx when something goes wrong. It is recommended that this also stands out, but maybe not as prominently as the main error messages.
    *

      .ProtxDirectCardIcon - This is the class that is applied to the icons displayed for the credit/debit cards accepted. Our recommendation for addition to your stylesheet is the following:

      .ProtxDirectCardIcon { margin-right: 4px; margin-bottom: 4px; }