/* 
Styles for EonicWeb Media Theme
WOAH YEAH!
Author - Dan Meek - 25/05/2011
*/

/*----========================----*/
/*----==== Global Styles ====----*/
/*----======================----*/

* {margin:0;padding:0;}

body
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: 400;
}

/*----======================----*/
/*----==== Font Styles ====----*/
/*----====================----*/

.Site p         {line-height: 1.5em;}
.Site A         {text-decoration:none;}
.Site A:hover   {color:#A3A080;}
.Site h1        {font-size:1.70em;line-height: 1.5em;font-weight: 700;}
.Site h2        {font-size:1.50em;line-height: 1.5em;font-weight: 700;}
.Site h3        {font-size:1.25em;line-height: 1.5em;font-weight: 700;}
.Site h4        {font-size:1.125em;line-height: 1.5em;font-weight: 700;}
.Site h5        {font-size:1.063em;line-height: 1.5em;font-weight: 700;}
.Site h6        {font-size:1.0em;line-height: 1.5em;font-weight: 700;}
.Site .title    {font-size:1.2em;line-height: 1.5em;font-weight: 700; padding-bottom:20px}

.terminus {clear: both;line-height: 0;font-size:0;height:0;}

/*----=====================================----*/
/*----==== Main Layout ID and Classes ====----*/
/*----===================================----*/

.Site #mainLayout ul li{margin-left:20px}

#mainTable
{
    width:auto;
    margin:auto;
    
}

.Site #mainHeader
{
	background-image: url(/images/top_banner.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin-top:0px;
    margin-bottom:10px;

    min-height:89px;/*
    -moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 8px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 8px rgba(0,0,0,0.2);*/
}

.Site #logo
{
    float: left;
    margin-bottom:10px;
    padding: 0;
}

.wrapper
{
    width:960px;
    margin:auto;
}

.Site #mainLayoutContainer
{
    position: relative;
    width:960px;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    margin-bottom: 40px;
}

.Site .Default-Box
{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    background:url(/ewthemes/Media/images/GreyBlue/bg_trans_90.png);
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    padding:10px;
    margin-bottom:10px;   
}

.Site .box
{
     /*background:url(/ewthemes/Media/images/GreyBlue/bg_trans_90.png);*/
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    padding:20px;
    margin-bottom:10px;   
}

.Site #mainHeaderText
{
    float:right;
    width:500px;
    clear:both;
    text-align:right;
    margin-top:10px;
}

.Site #mainHeaderImage 
{
    height:200px;
    margin-top:5px;
    float:left;
    width:700px
}

.Site .contentWrapper
{
    border-radius: 10px 10px 10px 10px;
    padding:10px 20px 15px 20px;
    width:940px;
}

.Site #mainTitle
{
    padding:0 0 15px 0;
    line-height:1em;

}

.Site #mainFooter
{
    padding: 0px 10px 0px 10px;
    min-height: 54px;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #090f05;
    color: #fff;
    background:url(/ewthemes/Media/images/GreyBlue/mainFooterBg.png) repeat-x 0 0;
}

.Site .product
{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    padding:10px;
    margin-bottom:10px;
}

/*----========================----*/
/*----==== TopNav Styles ====----*/
/*----======================----*/

.Site #topNav
{
    float: right;
    margin-top: 5px;
}

.Site #topNav a
{
    font-size: 90%;
    padding: 0 7px 0 5px;
    margin: 0;
    font-weight: 600;
}

.Site #topNav ul
{
}
.Site #topNav ul li
{
    display: inline;
    margin: 0;
}
.Site #topNav ul li a
{
    white-space: nowrap;
}

.Site #topNav a.active, .Site #topNav a.on, .Site #topNav li.last a.active, .Site #topNav li.last a.on
{
    text-decoration: underline;
}

.Site .location
{
    font-size:0.8em;
}

.Site .topbox
{
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    margin-bottom:10px;
}

/*----===========================----*/
/*----==== Main Menu Styles ====----*/
/*----=========================----*/

.Site #mainMenu
{

}
.Site #mainMenu ul
{
    margin: 0;
    padding: 0;
    float: left;
}
.Site #mainMenu li
{
    padding: 0;
    display: inline;
    white-space: nowrap;
}

.Site #mainMenu ul
{
    margin-left: 14px;
}

.Site #mainMenu ul a
{
    background:url(/ewthemes/Media/images/GreyBlue/navBg.png) no-repeat right;
    float: left;
    padding: 9px 27px 7px 10px;
    font-weight: 400;
    font-size:1.063em;
    text-decoration: none;
    color: #fff;
    margin:0 3px 0 0px;
    border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    outline:none;
}

.Site #mainMenu ul a.active, .Site #mainMenu ul a.on,
{
    background:url(/ewthemes/Media/images/GreyBlue/navBg-hover.png) repeat-x right;
}

.Site .box .entryFooter
{
    margin-top:20px
}

.Site .morelink a, .Site .ewXform input.principle
{
    background:url(/ewthemes/Media/images/GreyBlue/button.png) repeat-x right;
    padding: 5px 40px 7px 7px;
    font-weight: 400;
    font-size:1em;
    text-decoration: none;
    color: #fff;
    margin:0 3px 0 0px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    outline:none;
    display:inline-block;
}

.Site .backlink a
{
     background:url(/ewthemes/Media/images/GreyBlue/button_back.png) repeat-x left;
    padding: 5px 10px 5px 40px;
    font-weight: 400;
    font-size:1em;
    text-decoration: none;
    color: #fff;
    margin:0 3px 0 0px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    outline:none;
    float:right;
    margin-bottom:5px;
}

.Site .morelink a .gtIcon
{
    display:none;
}

/*----==================================----*/
/*----==== Top Nav Sub Menu Styles ====----*/
/*----================================----*/

.Site #userDetailsInner {
    color: #FFFFFF;
    margin: auto;
    text-align: right;
    width: 986px;
}

.Site #userDetailsInner fieldset .terminus
{
    display:none;
}

.Site #userDetails #UserLogon {
    margin-right: -8px;
    padding: 10px 0;
}

.Site .userLogonOuter
{
    height:25px;
}



.Site #userDetails #UserLogon label, .Site #userDetails #UserLogon input, .Site #userDetails #UserLogon li, .Site #userDetails #UserLogon ol, .Site #userDetails #UserLogon fieldset {
    display: inline;
}

.Site #mainMenu1 ul, .Site #mainMenu2 ul, .Site #mainMenu3 ul, .Site #mainMenu4 ul, .Site #mainMenu5 ul
{
    padding: 0;
    margin: 0;
    float: left;
}
.Site #mainMenu1 li, .Site #mainMenu2 li, .Site #mainMenu3 li, .Site #mainMenu4 li, .Site #mainMenu5 li
{
    position: relative;
    padding: 0;
    margin: 0;
    display: inline;
}
.Site #mainMenu ul a.active
{
}
.Site #mainMenu2 ul a.active
{
}
.Site #mainMenu3 ul a.active
{
}
.Site #mainMenu4 ul a.active
{
}
.Site #mainMenu5 ul a.active
{
}
.Site #mainMenu1 ul a, .Site #mainMenu2 ul a, .Site #mainMenu3 ul a, .Site #mainMenu4 ul a, .Site #mainMenu5 ul a
{
    line-height: 1.2;
    float: left;
    font-size: 90%;
    text-decoration: none;
    border-bottom: none;
    white-space: nowrap;
    padding: 4px 10px 5px 10px;
    font-weight: normal;
}
/*----==========================----*/
/*----==== Sub Menu Styles ====----*/
/*----========================----*/

#leftCol
{
    width:200px;
    float:left;
}


.Site #subMenu
{
    float: left;
    margin: 0 0 20px 0;
    padding: 7px 0 5px 0;
    font-weight: bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.Site #subMenu ul
{
    margin: 0 0px;
    padding: 0;
}
.Site #subMenu ul ul
{
    padding: 0;
    margin: 0;
    margin-top: 6px;
}
.Site #subMenu ul ul ul
{
    padding: 0;
    margin: 0;
}
.Site #subMenu li
{
    padding: 0;
    margin: 0;
}
.Site #subMenu li
{
    display: inline;
}

.Site #subMenu ul a
{
    line-height: 1;
    display: block;
    padding: 6px 9px 5px 17px;
    margin-bottom:2px;
    text-decoration: none;
    font-weight:normal;
    font-size: 90%;
    border-top:1px dotted;
    background:none;
}

.Site #subMenu ul li.first a
{
    border-top:0px dotted #fff;

}

 .Site #subMenu ul li a.on, .Site #subMenu ul li a.active
{
    background:url(/ewThemes/Media/images/submenu_ul.png) no-repeat 7px 8px;
}   

.Site #subMenu ul li.last a
{
}

.Site #subMenu ul ul
{
    border:none;
    border-top:1px dotted;
    background:url(/ewThemes/Media/images/30-trans.png);
    padding:3px;
 }
 
 .Site #subMenu ul ul ul, .Site #subMenu ul ul ul ul
{
    background:none;
    border:none;
}

.Site #subMenu ul ul a
{
    background:none;    
    border:none;
}

.Site #subMenu ul ul a.on, .Site #subMenu ul ul a.active
{ 
    font-weight:bold;
    background:url(/ewThemes/Media/images/submenu_ul_ul.png) no-repeat 15px 8px;
}


.Site #subMenu ul ul ul a
{
    background:none;
}

.Site #subMenu ul a.active, .Site #subMenu ul a:hover, .Site #subMenu ul a.on
{
    position: relative;
}
.Site #subMenu ul a.active span, .Site #subMenu ul a:hover span, .Site #subMenu ul a.on span
{
    position: absolute;
    width: 29px;
    height: 24px;
    left: 0;
}

.Site #subMenu ul ul a
{
    padding: 3px 0 4px 26px;
    margin-bottom:2px;
    font-size: 90%;
    font-weight:normal;
    line-height:1.2em;
}
.Site #subMenu ul ul a:hover span, .Site #subMenu ul ul a.active span, .Site #subMenu ul ul a.on span
{
    display: none;
}
.Site #subMenu ul ul ul a
{
    padding-left: 36px;
    font-size: 85%;
    margin-bottom:2px;
    font-weight: 400;
}

.Site #subMenu ul ul ul a.on, .Site #subMenu ul ul ul a.active
{ 
    font-weight:bold;
    background:url("/ewThemes/Media/images/submenu_ul_ul_ul.png") no-repeat scroll 27px 10px transparent
}

.Site #subMenu ul ul ul ul a
{
    padding-left: 47px;
    font-weight: 400;
}

/*----========================----*/
/*----==== Footer Styles ====----*/
/*----======================----*/

.Site #developerLink
{
    float: right;
    margin: 0;
    padding: 17px 15px 0px 0px;
    width: 250px;
    text-align:right;
}

.Site #developerLink a
{
    padding: 6px 75px 5px 0px !important;
}

.Site #developerLink a:hover
{
    color: #dadada;
    background-position: 100% -50px;
}

.Site #copyright
{
    float: none;
    margin: 0;
    padding: 17px 0px 0px 0px;
    width: 50%;
    text-align: left;
    color: #1c2d2c;
    font-size: 0.8em;
}


.Site #menuGroups
{
    padding: 14px 11px 14px 11px !important;
    background: url(/ewthemes/Media/images/GreyBlue/footerBg.png) repeat-x 0 0;
    min-height: 141px !important;
    border-bottom: solid 1px;
}

.Site #menuGroups td
{
    background: url(/ewthemes/Media/images/GreyBlue/footerBgLine.png) repeat-y 0 0;
    padding-left: 12px;
    padding-right: 10px;
}

.Site #menuGroups dl, #menuGroups dd, #menuGroups dt{margin: 0;}
.Site #menuGroups dd{padding-bottom: 3px;}
.Site #menuGroups dt {margin-bottom: 10px;}
.Site #menuGroups dt a {padding-bottom: 3px;}
.Site #menuGroups #menuGroupsInner table a {color:#ffffff;}
.Site #menuGroups dt {line-height: 1em;}

.Site #menuGroups td
{
    background: transparent url(/ewthemes/Media/images/GreyBlue/footerBgLine.png) repeat-y 0 0;
    padding-left: 12px;
    padding-right: 10px;
}


.Site #menuGroups dt a
{
    border-bottom: solid 1px #ffffff;
    font-size: 0.9em;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.75em;
}


.Site #menuGroups dd a
{
    color: #cbcbce;
    font-size: 0.85em;
    padding-left: 10px;
    display: block;
    background: transparent url(/ewthemes/Media/images/GreyBlue/menuGroupsBullet_gif.gif) no-repeat 0 -46px;
}

.Site #menuGroups dd a:hover, .Site #menuGroups dd a.on, .Site #menuGroups dd a.active
{
    color: #ffffff;
    background: transparent url(/ewthemes/Media/images/GreyBlue/menuGroupsBullet_gif.gif) no-repeat 0 4px;
}

.Site #developerLink a
{
    color: #fff;
    font-size: 0.8em;
    overflow: hidden;
}

.Site #footer
{
    clear: both;
}


/*----===========================================----*/
/*----==== Membership and Cart Brief Styles ====----*/
/*----=========================================----*/

.Site #cartListing 
{
	margin-top: 10px;
}

.Site #cartBrief
{
	 float: right;
	width:208px;
	margin-right: 15px;
	height: 52px;
	margin-top: 17px;
}

.Site #loginBrief
{
    float: right;
    height: 52px;
    margin-right: 15px;
    margin-top: 17px;
    width: 166px;
}

.Site .logincartContainer
{
    width:404px;
    float:right;
    clear:right;
}

.Site .cartBriefWelcome 
{
    line-height:1.75em;
    font-size: 1.077em;
    font-weight: bold;
}

.Site .cartinfo 
{
	width: 151px;
	float:right;
	clear:right;
	text-align:right;
    display:inline;
}

.Site #itemCount 
{
	font-size: 1.5em;
	float:left;
}

.Site #itemCountLabel
{ 
	font-size: 0.7em;
	margin-right:5px;
}

.Site #itemTotal 
{
	font-size: 1.5em;
	float:right;
}

.Site #cartBrief a.checkoutButton 
{
	display: block;
	width: 60px;
	height: 16px;
	float:right;
	margin-left: 14px;
}

.Site .cartDividerDots 
{
	width: 166px;
	height: 1px;
	float:right;
	clear:right;
	margin-bottom:6px;
	border-bottom:1px dotted;
}

.Site p.loginText
{
    font-size: 0.9em;
}

.Site #cartBrief
{
	background: transparent url(/ewthemes/Classic/images/layout/cartBagIcon.png) no-repeat 0 0;
}

.Site #cartBrief a.basketButton, .Site #cartBrief a.checkoutButton 
{
	display: block;
	width: 77px;
	height: 17px;
	background: transparent url(/ewthemes/Classic/images/layout/button_bg.png) repeat-x;
	float:right;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:0.8em;
	text-align:center;
	padding-top:3px;
}