/* Overall site layout i.e. main header, navigation, etc. */

*
{
	font-family: Verdana, Arial, Sans-Serif;
}


body, body.PageBgBackground
{
	background: #1A1919 url(../../templates/bantryTyres/images/body-bg.png) repeat-x top left !important;
	margin: 0;
	padding: 0;
}

img
{
	border: none;
}

a
{
	color: Black;
	text-decoration: underline;
}

a:hover
{
	color: #8B0909;
}

p, li
{
	line-height: 150%;
}

#Container 
{
	background: #F3F3F3 url(../../templates/bantryTyres/images/container-bg.gif) repeat-y top left;
	width: 950px;
	border: 1px solid white;
	border-top: none;
	margin: 0 auto 0 auto;
}

#Content
{
}

#ContainerNoBg 
{
	background: #F3F3F3;
	width: 950px;
	border: 1px solid white;
	border-top: none;
	margin: 0 auto 0 auto;
}

#Header
{
	background: black url(../../templates/bantryTyres/images/header-bg.png) no-repeat top right;	
	position: relative;
	padding: 0;
}

#Header img
{
	vertical-align: bottom;
}

#Header ul.Navigation
{	
	position: absolute;
	top: 80px;
	/*left: 466px;*/
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0;	
	height: 20px;
}

#Header .Navigation li
{
	list-style: none;
	margin: 0;
	padding: 0;	
	float: left;
	background: url(../../templates/bantryTyres/images/dots.png) no-repeat top left;
	/* Overrides global p/li line height set above */
	line-height: normal;
}

#Header .Navigation li a
{	
	display: block;
	padding: 5px 15px 5px 15px;		
	color: White;
	text-decoration: none;
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;	
}

#Header .Navigation li a:hover
{
	font-weight: bold;
	background: url(../../templates/bantryTyres/images/link-arrow.png) no-repeat bottom center;
}

#Account
{
	background:black;
	border-bottom:1px solid white;
	color:White;
	padding:4px 15px 4px 4px;
	text-align:right;
	font-size:10px;
}
#Account a
{
	color:#eee;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
}
#Account a:hover
{
	color:#eee;
	font-weight:bold;
	text-decoration:underline;
}

#OrderNavigation
{
	background:#E9E9E9;
	height:30px;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:70%;
	border-bottom:1px solid white;
	
}
#OrderNavigation ul
{
	list-style: none;
	margin: 8px;
	padding: 0;	
}
#OrderNavigation li
{
	list-style: none;
	margin-right:16px;
	width:100%;
	display:inline;
	padding: 0;	
	color:#333;
}
#OrderNavigation li a
{
	color:#333;
	text-decoration:none;
	padding: 0px 20px 5px 12px;	
	list-style: none;
	margin: 0;
	float: left;
	line-height: normal;
	background: url(../../templates/bantryTyres/images/order-link-arrow.png) no-repeat 0px 4px;
}
#OrderNavigation li a:hover
{
	color:#722A2A;
	
}

#Search
{
	background:black;
	width:30%;
	float:right;
	height:31px; /*31px to cover 1px container bkg img*/
	color:White;
	text-align:right;
}
#Search label, #Search input
{
	float:left;
	position:relative;
	left:50px;
	margin-right:8px;
	font-size:11px;
}
#Search label
{
	font-weight:bold;
	margin-top:8px;
}
#Search input
{
	border:1px solid #ccc;
	margin-top:7px;
}
#Search input.But
{
	margin-top:3px;
}
#PrimaryContent
{
	font-size:11px;

}

#SecondaryContent
{
}

#TertiaryContent
{
}

#Footer
{
	clear:both;
	margin:0;
	padding:6px;
	border-top:1px solid white;
}
#Footer, #Footer a
{
	
	background:#1A1919;
	color:white;
	font-size:11px;
	text-decoration:none;
}


/* extra div used to fix float problems */
.Clear
{
	clear: both;
}


#PrimaryContent #HomePrimary
{
	width:70%;
	float:left;
}

#PrimaryContent #Col1
{
	float:left;
	width:665px;
	padding-top:1px;
}

#PrimaryContent #Col2
{
	float:right;
	width:359px;
}

#PrimaryContent #HomePrimary .LogoBox
{
	background:#fff;
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-align:center;
}
#PrimaryContent #HomePrimary .LogoBox ul
{
	margin-top:0px;
	padding:0;
}

#PrimaryContent #HomePrimary .LogoBox ul li
{
	width:152px;
	float:left;
	background:#fff;
}
#PrimaryContent #HomePrimary .LogoBox li img
{
	padding:0px;
}
#PrimaryContent #HomePrimary .News
{
	height:610px;
	overflow:auto;
}

#PrimaryContent #HomePrimary .News p
{
	padding: 0px;
	margin:0px;
}


#PrimaryContent #HomePrimary .NewsItemContainer,
#PrimaryContent .NewsItemContainer
{
	border-bottom:3px dotted #D9D9D9;
	padding:6px 0 0px 8px;
}

#PrimaryContent #HomePrimary .News h1
{
	background:#272B35;
	color:White;
	font-size:12px;
	font-weight:normal;
	padding: 12px 0 12px 12px;
	text-decoration:underline;
	margin:0;
	border-top:1px solid white;
}
#PrimaryContent #HomePrimary .News h3,
.NewsItemContainer h3
{
	font-weight:bold;
	margin-top:0;
	margin-bottom:10px;
	font-size:12px;
}
.NewsItemContainer p
{
	margin-right:8px;
}
 .Article
{
	padding-left:12px;
}

#HomePrimary ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#HomeSecondary
{
	background:#722A2A;
	width:30%;
	float:right;
	color:White;
	border-top:1px solid white;
}
#HomeSecondary ul
{
	list-style:none;
	margin:6px 0 0 6px;
	padding:6px;
}
#HomeSecondary ul li
{
	padding-bottom:4px;
	color:white;
	text-decoration:none;
}

 #HomeSecondary h2
{
	margin:6px 0 0 6px;
	padding:6px;
	font-weight:bold;
	font-size:12px;
}

#HomeSecondary p
{
	margin:10px 6px 0 12px;
	padding:2px;
	font-weight:normal;
	font-size:11px;
	border-bottom:1px solid white;
}
#HomeSecondary p span.Avail
{
	margin-left:130px;
}
#HomeSecondary ul li a
{
	color:White;
	text-decoration:none;
}

 #HomeTertiary
{
	border-top:1px solid white;
	width:30%;
	float:right;
	color:White;
}
#HomeTertiary h2
{
	margin:6px 0 0 6px;
	padding:6px;
	font-weight:bold;
	font-size:12px;
}
#HomeTertiary ul
{
	list-style:none;
	margin:12px 0 0 6px;
	padding:6px;
}
#HomeTertiary ul li
{
	padding-bottom:12px;
	color:white;
	text-decoration:none;
}
#HomeTertiary ul li a
{
	color:white;
	text-decoration:none;
}

#HomeTertiary #TyreManager
{
	float:left;
	width:50%;
	background:#3E0C0C;
	border-right:1px solid white;
}
#HomeTertiary #TyreManager ul li a
{
	color:white;
	text-decoration:none;
}

#HomeTertiary #Links
{
	margin-left:50%;
}

#HomeTertiary #Links ul li a
{
	color:white;
	text-decoration:none;
}

/*news page*/

#PrimaryContent #NewsPrimary, .StaticPrimary
{
	clear:both;
}

#PrimaryContent #NewsPrimary div img
{
	float:left;
	border-top:1px solid white;
}
#PrimaryContent #NewsPrimary .News
{
	margin-left:305px;
	border-top:1px solid white;
	border-left:1px solid white;
}
 .StaticPrimary
{
	border-top:1px solid white;
}
 .StaticPrimary p
{
	padding:3px 12px 3px 12px;
}
#PrimaryContent #NewsPrimary .News h1,  .StaticPrimary h1
{
	background:#272B35;
	color:White;
	font-size:12px;
	font-weight:normal;
	padding: 12px 0 12px 12px;
	text-decoration:underline;
	margin:0;
}
#PrimaryContent #NewsPrimary ul
{
	list-style:none;
	margin:0;
	padding:0;
	color:#1D434E;
	padding: 0;
	margin:6px 0 0 12px;
	font-size:12px;
}

#NewsPrimary .News ul li
{
	color:#1D434E;
	font-size:12px;
	font-weight:bold;
	margin-right:20px;
}
#NewsPrimary .News ul li a
{
	text-decoration:underline;
	font-size:10px;
	background:url(../../templates/bantryTyres/images/more-bullet.gif) no-repeat bottom right;
	padding-right:30px;
	padding-top:10px;
	color:#444750;
}
#NewsPrimary .News ul li ul li
{
	color:#1D434E;
	font-size:11px;
	font-weight:normal;
	padding: 0;
	margin:0px 0 3px -12px;
}

#NewsPrimary .News ul li ul li span.NewsDate
{
	text-decoration:underline;
	color:#13596D;
}


input.Quantity
{
	border:1px solid;
	width:47px;
	text-align:center;
}

table.TopProducts
{
	width: 100%;
	border-collapse: collapse;
}
table.TopProducts th
{
	text-align: left;
	border-bottom: 1px solid white;
	padding-bottom: 5px;
}

table.TopProducts th, 
table.TopProducts td
{
	padding: 0 10px 0 12px;
	height: 20px;
}


p.CheckoutLoggedInMessage 
{
    margin-top:0px;
}

/*** Cookie Concent ***/

.CookieConsent 
{
    position:fixed; 
    bottom:0; 
    left:0; 
    padding:5px 0;
    width:100%;
    background:#fff; 
    border-top:1px solid #333333;
    z-index:999999;
    color:#333333;
}

.CookieConsent 
{
    color:#333333;
}

.CookieConsent  .CookieContent
{
    float:left;
    width:60%;
    margin:2px 0 0 10px;
}

.CookieConsent .CookieContent p
{
    margin:0;
    padding:0;
    font-size:11px;
}

.CookieConsent input
{
    float:right;
    margin-right:5px;
    cursor:pointer;
}

ul.AccountPageLinks li
{
    list-style:none;
    padding-bottom:4px;
}

ul.AccountPageLinks li a
{
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
}
ul.AccountPageLinks li a i
{
    padding-right:10px;
}

.dropdownValue
{
    font-weight:bold;
}

.refineMenu ul
{
    float:left;
    padding-left:0px;
    margin:0px 0px 0px;
    width:100%;
}
.refineMenu ul li
{
    list-style:none;
    float:left;
    width:100%;
    display:none;
}
.refineMenu ul.Feature
{
    width:100%;
}
.refineMenu ul.Feature li
{
    width:auto;
    margin-right:10px;
}
.Clear
{
    clear:both;
}

.FooterMobileLinks
{
    text-align:center;
}

.NextGenText
{
    color:#fff;
    float:right;
    padding:0 20px 0 0;
}

.NextGenText h1
{
    font-size:18px;
}