* { margin:0; padding:0; }
html { background:#eee; font-family:trebuchet ms, candara, sans-serif; font-size:80.0%; }
body { font-family:trebuchet ms, candara, sans-serif; font-size:1.1em; color:#346;  box-shadow: 0 0 25px #000; -moz-box-shadow: 0 0 25px #000; -webkit-box-shadow: 0 0 20px #000;}
p {text-align:justify;}

a:link {color: #494a4f; text-decoration: none;}
a:active {color: #494a4f; text-decoration: none; }
a:visited {color: #494a4f; text-decoration: none;}
a:hover {color: #ff7722; text-decoration: none;}

.footer {padding:10px; border-top:solid 2px #fff; background:#ddd; background: linear-gradient(180deg, #d0d0d0,#e3e3e3 );}
.toprow { font-style: italic; text-align: center; height: 30px; background-color: #dfe8f0;}
.wrapper { width: 940px; margin: 0 auto; position: relative;}
.jShow{ margin:20px 20px 20px 20px; border:solid 2px #d2dadd; background:#ffffff; padding:20px;}
.jItem{margin:0 20px 20px 0; padding-top:10px; border:solid 2px #d2dadd; float:left; background:#ffffff; width:95%; padding:20px; }
.whiteletters { color:#ffffff; border:dotted 1px #d2dadd; margin:0 20px 20px 0; padding:5px;}
.EditItem{ margin:0 20px 20px 0; padding-top:10px; border:solid 1px #d2dadd; background:#ffffff; width:100%; padding:20px; }
.EditItem h2{ margin:20px; }
.EditItem table {border:dotted 1px #d2dadd;}
.EditItem button { margin:15px; padding:5px;}
.fixed-bar-content { position:fixed;	width:1024px; top:0px; text-align: center; font-weight:bold;	font-size:11px;}
.visible,.hidden { overflow: hidden;}
.visible { visibility: visible; opacity: 1; transition: opacity 1s linear; }
.hidden {  visibility: hidden; opacity: 0; transition: visibility 0s 1s, opacity 1s linear; }.visible > div,.hidden > div {}.hidden > div { transition: margin-top 0s 1s;}
.container{padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:0px;margin-left:0px}

a.WinStyle3:link {color: #ffffff; font-size: 16px; text-decoration: none; font-weight: bold;}
a.WinStyle3:active {color: #ffffff;; font-size: 16px; text-decoration: none; font-weight: bold;}
a.WinStyle3:visited {color: #ffffff;; font-size: 16px; text-decoration: none; font-weight: bold; }
a.WinStyle3:hover {color: #f0f4f5; font-size: 16px; text-decoration: none; font-weight: bold; }
	
a.Pi_Style:link {color: #334983; background: #fffffff; padding: 10px; text-decoration: none; }
a.Pi_Style:active {color: #334983; background: #fffffff; padding: 10px; text-decoration: none; }
a.Pi_Style:visited {color: #334983; background: #fffffff; padding: 10px; text-decoration: none;}
a.Pi_Style:hover {color: #334983; background-color: #ffffff; box-shadow: 0 2px 5px 0px #000000; width: auto; z-index: 105; padding: 10px; text-decoration: none; font-weight: bold; }

a.p_Style:link {color: #aaaaaa; background: #555555; font-size: 16px; padding: 5px; text-decoration: none;}
a.p_Style:active {color: #aaaaaa; background: #555555; font-size: 16px; padding: 5px; text-decoration: none; }
a.p_Style:visited {color: #aaaaaa; background: #555555; font-size: 16px; padding: 5px; text-decoration: none; }
a.p_Style:hover {color: #ffffff; background: #ff7722; font-size: 16px; padding: 5px; text-decoration: none; }

a.Pg_Style:link {color: #cccccc; background: #ff7722; font-size: 16px; padding: 5px; text-decoration: none; font-weight: bold; }
a.Pg_Style:active {color: #ffffff; background: #ff7722;font-size: 16px; padding: 5px; text-decoration: none; font-weight: bold;}
a.Pg_Style:visited {color: #cccccc; background: #ff7722;font-size: 16px; padding: 5px; text-decoration: none; font-weight: bold; }
a.Pg_Style:hover {color: #ffffff; background: #ff7722; font-size: 16px; padding: 5px; text-decoration: none; font-weight: bold; }

#wrapper { margin:20px 20px 30px 20px; border:solid 1px #ccc; padding-left:30px; padding-top:30px; }
#tablecheckout { color:#ffffff; width:750px; padding:10px; margin:20px auto; padding:2px; margin:2px; background-color: #878c8f;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:6px; border: none; text-decoration: none; }

.cartitemrow {float:left; font-size: 16px; padding: 10px; text-decoration: none; font-weight: bold; width:calc(100% - 50px); margin:0 0px 20px 20px; background:#fff; box-shadow: 0 0 8px #444; -moz-box-shadow: 0 0 8px #444; -webkit-box-shadow: 0 0 8px #444; background:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:6px; text-align: center; }
	
.cartitem { width:210px; height:245px; margin:0 38px 38px 0; padding :10px; background:#ffffff; box-shadow: 0 0 8px #444; -moz-box-shadow: 0 0 8px #444; -webkit-box-shadow: 0 0 8px #444;}
.cartitem ul { margin:0; list-style:none; padding:0 20px; text-align:left; }
.cartitem fieldset { border:0; }
.cartitem strong { color:#000066; }
.cartitem button { margin:15px; padding:5px; }
.cartela {text-align: center; background:#ffffff; padding: 10px; box-shadow: 0 0 8px #444; -moz-box-shadow: 0 0 8px #444; -webkit-box-shadow: 0 0 8px #444;}

.cart h2 {font-size: 18px; color: #992200;}
.cart h2:hover {font-size: 18px; color: #ff7722; text-decoration: none;}
.cart h3 {font-size: 15px; color: #992200;}
.cart h3:hover {font-size: 15px; color: #ff7722; text-decoration: none;}
.cart a:link {color: #494a4f; text-decoration: none;}
.cart a:active {color: #494a4f; text-decoration: none; }
.cart a:visited {color: #494a4f; text-decoration: none;}
.cart a:hover {color: #ff7722; text-decoration: none;}

/* Flyout Menu */
.Menu {color: #0d528f; height: 60px; background-color: #8ed8f8; background: linear-gradient(45deg, #0093d2,#8ed8f8 30% ,#0093d2); text-align: center;}
/* top level
--------------------------------------------*/
.cssmenu
{
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    behavior: url("cssmenu.htc"); 
    position:relative;
    z-index:4;
    height: 60px;
    list-style: none;
    padding: 0;
}

.cssmenu div {
    box-sizing:content-box;
}  
.cssmenu ul
{
    list-style-type: none;
}
.cssmenu li
{
	padding: 0;
    float: left;
    height: 60px;
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    color: #EEE;
    z-index:5;
}

.cssmenu li:hover, .cssmenu li.onhover
{
    border-top:0;
}
.cssmenu a
{
    padding: 0 30px;
    line-height: 36px; /*Note: keep this value the same as the height of .cssmenu li */
    color: #043663; font-size: 17px; padding: 10px; text-decoration: none; 
   	font-weight: bold;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    position: relative;
}
.cssmenu li:hover a, .cssmenu li.onhover a
{
    background-color: #004c91;
	opacity : 0.90;
    color: #FFF;
    z-index: 9;
}
.cssmenu a.arrow
{
    background: url(arrow.gif) no-repeat right center;
}
 
        
/*Used to align a top-level item to the right*/        
.cssmenu li.menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.cssmenu li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:1px solid #aaa;
    height:40px;
    margin-top:8px;
    z-index:4;
}
               
        
/* sub level
--------------------------------------------*/
        
.cssmenu .drop
{
    position: absolute;
    z-index:5;
    left: -9999px;
    background: #004c91; 
	opacity: 0.80;
    text-align: left;
    padding: 20px;  
    top:55px;
	color:#f3d896;
}

.cssmenu .drop a
{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 26px;
    font-size: 14px;
    font-weight: bold;
    display: inline;
    text-align: left;
    position: static;
    z-index: 0;
}

.cssmenu li:hover .drop, .cssmenu li.onhover .drop
{
    left: -1px;/*Use this property to change offset of the dropdown*/
}
.cssmenu li:hover .dropToLeft, .cssmenu li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
}
.cssmenu li:hover .dropToLeft2, .cssmenu li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}

/* Elements within the drop down sub-menu
--------------------------------------------*/

.cssmenu div.drop div div
{
    padding: 6px 20px;
}
.menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}
.cssmenu div.drop div a
{
    line-height: 24px;  
	color:#bcd;
    background:none;
}
.cssmenu div.drop div a:hover
{
    text-decoration:none;
    cursor:pointer;
    color: #fff1cf;
}

.cssmenu div.left {float:left;}

/*for submenu.*/   
.decor3_2 
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0px 8px 14px #123;
    -webkit-box-shadow: 0px 8px 14px #123;
    box-shadow: 0px 8px 14px #123;  
}