/*
IMPORTANT NOTES: (PLEASE READ CAREFULLY!)

1. DO NOT MODIFY the system styles section, it is generated by the system,
   your modifications will be overwritten. If you want to change the stylesheet
	 template, modify the ew.css in the "src" subfolder under the installed
	 directory. Only modify the ew.css if you have the necessary knowledges in
	 CSS.
	 
2. DO NOT REMOVE THE FOLLOWING COMMENTS:
   
   BEGIN_USER_STYLES
   END_USER_STYLES
	 
	 You MUST write your styles between these two comment lines below, styles
   outside this user styles section will be discarded.
	 
3. If you want to override the system styles, you can copy the styles to the
   User Styles Section, or you can use a separate user stylesheet.

*/

/*BEGIN_SYSTEM_STYLES*/

html {
	height: 100%;
}

body {
	background-color: ; /* background color */
	color: #000000; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	margin: 0px 0px 0px 0px; /* top right bottom left */
	height: 100%;	
}

.paypalshopmaker {
	color: #000000; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */	
}

input, textarea, select {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
} 

a:active {
	color: ; /* active link color */
}

a:link {
	color: ; /* link color */
}

a:visited {
	color: ; /* visited link color */
}

/* Titles */
.ewTitle {
	font-size: 1.2em;
}

/* search table */
.ewSearchTable {
	color: #000000; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */	
}

/* main table */
.ewTable {
	width: 100%; /* table width */	
	color: #000000; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px solid; /* border */
	border-color: #CCCCCC;  /* table border color */
	border-collapse: collapse;	
}

/* main table data cells */
.ewTable td {
	padding: 4px; /* cell padding */
	border: 0px solid; /* cell spacing */
	border-color: #CCCCCC;  /* table border color */
}

/* tables in main table */
.ewTable td table {	
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */	
}

/* main table row color */
.ewTableRow {
	background-color: #FFFFFF;  /* alt row color 1 */
}

/* main table alternate row color */
.ewTableAltRow {
	background-color: #F5F5F5; /* alt row color 2 */	
}

/* item table */
.ewItemTable {
	color: #000000; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px; /* border */	
}

/* item table data cells */
.ewItemTable td {
	padding: 2px; /* cell padding */
	border: 0px; /* cell spacing */	
}

/*
--------------------------------------------------------------------------------
Template General Layout
--------------------------------------------------------------------------------
*/

/* template layout */
.ewLayout {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	width: 100%;
	height: 100%;
}

.ewHeaderRow {
	background-color: #1A3665; /* background color */	
}

.ewContentTable {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	width: 100%;
	height: 100%;
	clear: left;
}

.ewMenuColumn {
	background-color: #FFFFFF; /* background color */
	width: 180px;
	vertical-align: top;
	padding: 1px;	
	/*border: 1px solid #C5C5C5;
	border-left-width: 0px;*/	
}

.ewContentColumn {
	/* background-color: ;  background color */
	vertical-align: top;
	padding: 10px;
	/*border: 1px solid #C5C5C5;
	border-left-width: 0px;
	border-right-width: 0px;*/
}

/* Right column (Shopping cart column) */
.ewRightColumn {
	background-color: #FFFFFF;
	padding: 4px;	
	width: 180px;
	vertical-align: top;
	/*border: 1px solid #C5C5C5;
	border-right-width: 0px;*/	
}

.ewFooterRow {
	background-color: #FFFFFF; /* background color */
	color: #FFFF99; /* footer font color */
	padding: 4px;
	border-top: 1px solid #C5C5C5;	
}

.ewFooterText {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
}

.ewOptionTable td {
	border: 0px;
	padding: 0px;
	vertical-align: top; 
}

.ewForm {
	margin: 0;
	padding: 0;
}

.ewMenuRow {
	width: 100%;
	float: left;
	background-color: #FFFFFF;
}

.ewBrowse {
	float: left;
	padding: 0.5em 0.75em 0.5em 5em;
}

/*
--------------------------------------------------------------------------------
Shopping Cart
--------------------------------------------------------------------------------
*/

/* main table (in checkout page) */
.ewTable1 {
	/*width: 100%;*/
	border-collapse: collapse;
	border: none;
	font-family: Verdana;
	font-size: xx-small;
	background-color: #FFFFFF;
}

/* main table data cells */
.ewTable1 td {
	padding: 4px; /* cell padding */
	border: 1px solid; /* cell spacing */
	border-color: #CCCCCC;  /* table background color */
}

/* main table header cells */
.ewTable1Header {
	background-color: #EAEAEA; /* header color */
	color: #000000; /* header font color */	
	font-weight: bold; /* header font weight */	
	vertical-align: top;	
}

/* main table header cells */
.ewTable1Summary {
	font-weight: bold;	
}

/* main table (in shipping page) */
.ewTable2 {
	/*width: 100%;*/
	border-collapse: collapse;
	border: none;
	font-family: Verdana;
	font-size: xx-small;
	background-color: #FFFFFF;
}

/* main table data cells */
.ewTable2 td {
	padding: 4px; /* cell padding */
}

/* main table header cells */
.ewTable2Header {
	font-weight: bold; /* header font weight */	
	vertical-align: top;	
}

/* simple table (in right column) */
.ewTable0 {
	width: 100%;	
	border-collapse: collapse;
	border: none;
	font-family: Verdana;
	font-size: xx-small;
}

/* simple table data cells */
.ewTable0 td {
	padding: 4px; /* cell padding */
	border: none;
}

/* simple table header cells */
.ewTable0Summary {
	font-weight: bold;	
}

/* message */
.ewMessage {
	font-family: Verdana;
	font-size: xx-small;	
}

/* warning message */
.ewWarning {
	color: #CC0000;
	font-family: Verdana;
	font-size: xx-small;	
}

/* buttons */
/* enter your styles below */
#btnClickToBuy {
	width: 250px;
}

.ewAddToCart {
	width: 100px;
}

.ewBuyNow {
	width: 100px;
}

.ewSubscribe {
	width: 100px;
}

.ewHidden {
	display: none;
}

.ewDisabled {
	color: gray;
}

.ewClientTemplate {
	display: none;
}

.ewPageContent {
	display: none;
}

.ewProductCount {
	color: gray;
}

.ewPager {
	padding: 4px;
}

.ewPager2 {
	padding: 4px;
}

.ewPageIndex {
	padding: 1px;
}

.ewPageIndexSelected {
	padding: 2px;
	border: 1px solid #CBCBCB;	 	
}

#btnCheckout {}
#btnContinue {}
#btnContinueCheckout {}
#btnUpdateCart {}
#btnSearch {}
#btnApprove {}

/* YUI Menu */

/* Vertical */
.yui-skin-sam .yuimenu {	
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	line-height: 2;
}

.yui-skin-sam .yuimenu .bd {	
	background-color: #FFFFFF;
	/*z-index: 10020;*/
}

.yui-skin-sam .yuimenu h6 {
	font-size: xx-small; /* font size */
}

.yui-skin-sam .yuimenu div.first-of-type {
	border: 0px;
}

.yui-skin-sam .yuimenuitem a {
	cursor: pointer;
}

.yui-skin-sam .yuimenuitem-selected {
	/*background-color: ;*/ /* enter your own hover color */
}

.yui-skin-sam .yuimenuitem-hassubmenu-selected {
	/*background-color: ;*/ /* enter your own hover color */
}

/* Horizontal */
.yui-skin-sam .yuimenubar {	
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
}

.yui-skin-sam .yuimenubar .bd {	
	background-color: #FFFFFF;
	/*z-index: 10020;*/
}

.yui-skin-sam .yuimenubar h6 {
	font-size: xx-small; /* font size */
}

.yui-skin-sam .yuimenubaritem a {
	cursor: pointer;
}

.yui-skin-sam .yuimenubaritem-selected {
	/*background-image: url(my_bg_image.png);*/ /* enter your own image */
}

.yui-skin-sam .yuimenubaritem-hassubmenu-selected {
	/*background-image: url(my_bg_image.png);*/ /* enter your own image */
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(../images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/* jQuery UI */
.ui-widget {
	font-family: Verdana; /* font name */
}

/*END_SYSTEM_STYLES*/