/*BEGIN_SYSTEM_STYLES
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.

*/
html
{
    height : 100%;
}
body
{
    background-color : rgb(89 , 69 , 71);
    /* background color */
color : rgb(255 , 255 , 255);
    /* text color */
font-family : Verdana;
    /* font name */
font-size : small;
    /* font size */
margin : 0px 0px 0px 0px;
    /* top right bottom left */
height : 100%;font-size: 10px;}
.paypalshopmaker
{
    /* text color */
font-family : Verdana;
    /* font name */
font-size: 10px;}
/* font size */
input, textarea, select
{
    font-family : Verdana;
    /* font name */
font-size: 10px;
}
/* font size */
a:active
{
    color : rgb(255 , 102 , 51);
    Text-decoration : none;font-size: 10px;}
/* active link color */
a:link
{
    color : rgb(255 , 255 , 255);
    Text-decoration : none;font-size: 10px;}
/* link color */
a:visited
{
    color : rgb(255 , 255 , 204);
    Text-decoration : none;font-size: 10px;}
/* search table  visited link color */
.ewSearch
{
    width : 100%;
    /* table width */
color : rgb(255 , 255 , 255);
    /* text color */
font-family : Verdana;
    /* font name */
font-size: 10px;
    /* font size */
border : 0px outset;
    /* border */
border-collapse : collapse;
}
/* main table */
.ewTable
{
    width : 100%;
    /* table width */
color : rgb(255 , 255 , 255);
    /* text color */
font-family : Verdana;
    /* font name */
font-size: 10px;
    /* font size */
border : 0px outset;
    /* border */
border-collapse : collapse;font-size: 10px;font-weight: normal;}
/* main table data cells */
.ewTable td
{
    padding : 4px;
    /* cell padding */
border : 0px solid;
    Background-color : rgb(89 , 69 , 71);color: rgb(255, 255, 255);font-size: 10px;}
/* tables in main table  table background color */
.ewTable td table
{
    font-family : Verdana;
    /* font name */
font-size: 10px;}
/* main table header cells  font size */
.ewTableHeader
{
    background-color : rgb(87 , 46 , 52);
    /* header color */
color : rgb(255 , 204 , 0);
    /* header font color */
vertical-align : top;
}
.ewTableHeader a
{
    color : rgb(255 , 204 , 0);font-size: 10px;font-weight: normal;}
/* main table row color  header font color */
.ewTableRow
{
    background-color : rgb(89 , 69 , 71);
    Border-color : rgb(97 , 87 , 87);
}
/* main table alternate row color  alt row color 1 */
.ewTableAltRow
{
    background-color : rgb(89 , 69 , 71);
    Height : 100px;
    Padding-bottom : 30px;
}
/* item table  alt row color 2 */
.ewItemTable
{
    color : rgb(255 , 255 , 255);
    /* text color */
font-family : Verdana;
    /* font name */
font-size: 10px;
    /* border */
border-collapse : collapse;
}
/* item table data cells */
.ewItemTable td
{
    padding : 2px;
    /* cell spacing */
border-color : rgb(89 , 69 , 71);font-size: 10px;color: rgb(255, 255, 255);}
/*
--------------------------------------------------------------------------------
Template General Layout
--------------------------------------------------------------------------------
 table background color */
.ewMain
{
    border-collapse : collapse;
    height : 100%;
    Background-color : rgb(59 , 47 , 61);font-size: 10px;color: rgb(255, 255, 255);}
/* Top row (Logo row) */
.ewTopRow
{
    background-color : rgb(59 , 47 , 61);
    Height : 78px;
    Border-bottom : 1px;
    Border-color : rgb(88 , 76 , 76);
    Border-style : solid;
    Border-bottom-width : 1px;
    Vertical-align : bottom;color: rgb(255, 255, 255);font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 10px;}
/* Left column (Menu column) */
.ewLeftColumn
{
    background-color : rgb(59, 47, 61);
    padding : 4px;
    border-left-style : none;
    width : 160px;
    vertical-align : top;
   font-family: Verdana, Helvetica, Arial, sans-serif;color: #ffffff;font-weight: normal;font-size: 10px;}
/* Middle column (Content column) */
.ewMidColumn
{
    padding : 15px;
    vertical-align : top;
    Background-color : rgb(89 , 69 , 71);max-width: 470px;color: #ffffff;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 10px;}
/* Right column (Shopping cart column) */
.ewRightColumn
{
    background-color : rgb(59 , 47 , 61);
    padding : 4px;
    border-right-style : none;
    width : 180px;
    vertical-align : top;
}
.ewFooterRow
{
    background-color : rgb(59 , 47 , 61);
    /* background color */
color : rgb(133 , 109 , 99);
}
/* footer font color */
.ewFooterText
{
    font-family : Verdana;
    /* font name */
font-size: 10px;color: #cc9900;}
/* Outermost menu container has no borders on all sides 
--------------------------------------------------------------------------------
Custom CSS styles for Spry Meny Bar
--------------------------------------------------------------------------------
 font size */
ul.MenuBarVertical
{
    width : 180px;
    border : 0px;
}
ul.MenuBarVertical li
{
    width : 180px;
}
ul.MenuBarVertical ul
{
    width : 180px;
}
ul.MenuBarVertical ul li
{
    width : 180px;
}
/* Menu items are a block with padding and no text decoration */
ul.MenuBarVertical a
{
    display : block;
    cursor : pointer;
    background-color : rgb(59 , 47 , 61);
    padding : 0.5em 0.75em;
    color : white;
    text-decoration : none;
}
/* Menu items that have mouse over or focus have the following background and text color */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
    background-color : rgb(51 , 51 , 204);
    color : rgb(255 , 255 , 255);
}
/* Menu items that are open with submenus are set to MenuBarItemHover with the following background and text color */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
    background-color : rgb(51 , 51 , 204);
    color : rgb(255 , 255 , 255);font-size: 10px;}
/* main table (in checkout page) 
--------------------------------------------------------------------------------
Shopping Cart
--------------------------------------------------------------------------------
*/
.ewTable1
{
    /*width: 100%;*/
border-collapse : collapse;
    border : none;
    font-family : Verdana;
   
    background-color : rgb(255 , 255 , 255);
    Color : black;font-size: 10px;}
/*

/* main table data cells */
.ewTable1 td
{
    padding : 4px;
    /* cell padding */
border : 1px solid;
    /* cell spacing */
border-color : rgb(204 , 204 , 204);
}
/* main table header cells  table background color */
.ewTable1Header
{
    background-color : rgb(234 , 234 , 234);
    /* header color */
color : rgb(0 , 0 , 0);
    /* header font color */
font-weight : bold;
    /* header font weight */
vertical-align : top;
}
/* main table header cells */
.ewTable1Summary
{
    font-weight : bold;
}
/* 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;
}
.ewWarning
{
    color : rgb(204 , 0 , 0);
    font-family : Verdana;
    font-size : xx-small;
}
