/*MAIN ELEMENTS*/
*{margin:0;padding:0}
body     { font-family: Verdana; padding-top: 5px }
p  { font-size: 11px; line-height: 1.4em; font-family: Verdana, "Trebuchet MS"; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 5px }
a { color: #002679 }
a:hover { color: #ed1c24 }
h1    { color: white; font-size: 16px; line-height: 22px; background: #ed1c24 url(components/general/h1Bg.gif) repeat-x; margin-bottom: 5px; padding-left: 5px; position: relative; width: 100% }
h2  { color: #ed1c24; font-size: 14px; margin-top: 0px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px }
h3   { color: #ed1c24; font-size: 18px; text-align: center }
h4  { color: #002679; font-size: 14px }
h3 a  { color: #ed1c24; text-decoration: none }
h3 a:hover  { color: #002679 }
.ulp { font-size: 11px; margin-bottom: 5px }
.ulp li { line-height: 1.4em; margin-left: 25px; padding-left: 0px }
/*GENERAL*/
	/*Navigation*/
	.nav { color: white; font-weight: bold; font-size: 11px; line-height: 16px; background: #ed1c24 url(components/nav/navWhiteBord.gif) repeat-y right top; text-align: center }
	.nav a          { color: white; text-decoration: none; text-transform: uppercase; width: 100px; height: 16px; display: block }
	.nav a:hover        { color: #323232; text-decoration: none }
	.navEnd      { color: white; font-size: 10px; background-color: #ed1c24; text-align: right }
	.navSel            { color: #696969; font-weight: bold; font-size: 11px; line-height: 11px; background: #41ad49 url(components/nav/navSel.gif) no-repeat; text-align: center }
	.navSel a     { color: black }
	.navSel a:hover { color: #808080 }
	.navMidSel      { background: #e4e4e4 url(components/nav/navSelLow.gif) repeat-x left bottom }
	.navMid       { background: white url(components/nav/navLine.gif) repeat-x right bottom }
	#subNav     { float: left; width: 600px }
	#subNav ul    { margin: 0px; padding: 0px }
	#subNav li         { font-size: 12px; line-height: 14px; padding-right: 10px; padding-left: 10px; border-right: 1px solid #ed1c24; display: inline }
	#subNav a     { color: #000 }
	#subNav a:hover    { color: #878787; text-decoration: underline }
	.subBar      { background: #41ad49 repeat-x; border-top: none; border-right: 1px solid #ed1c24; border-bottom: 1px solid #ed1c24; border-left: 1px solid #ed1c24 }
/*Header text*/
.headerStripLeft  { background: #ed1c24 url(components/general/topStipLeft.gif) no-repeat }
.headerStripRight  { background: #ed1c24 url(components/general/topStipRight.gif) no-repeat }
.top { font-size: 10px; text-align: right; margin: 0px; padding: 0px }
.top a { color: #ed1c24; text-decoration: none }
.top a:hover { color: #002679 }
/*Footer*/
	.copy  { color: white; font-size: 10px; margin: 0px; padding: 0px 10px }
	.copy a { color: white; }
	.copy a:hover { color: #002679; }

	/*search box*/
#search     { 
		color: white; 
		font-size: 10px; 
		line-height: 10px; 
		background: url(components/general/searchGrad.gif) repeat-y; 
		margin-bottom: 10px; 
		margin-left: 10px; 
		padding-top: 5px; 
		padding-bottom: 5px; 
		padding-left: 10px
 
}

	.submit input   { color: #003b89; background-color: white; margin-top: 5px; padding-top: 0px; border: outset 2px #003b89 }
	
/*home table*/
.greenvert { background: url(components/nav/greenvert.gif) repeat-y }
.greenhor { background: url(components/nav/greenhor.gif) repeat-x }
.discription { color: #002679 }
.n { background: url(components/bord/n.gif) repeat-x }
.e { background: url(components/bord/e.gif) repeat-y }
.s { background: url(components/bord/s.gif) repeat-x }
.w { background: url(components/bord/w.gif) repeat-y }
.ne { background: url(components/bord/ne.gif) no-repeat }
.se { background: url(components/bord/se.gif) no-repeat }
.sw { background: url(components/bord/sw.gif) no-repeat }
.nw { background: url(components/bord/nw.gif) no-repeat }

/*right colum (basket)*/
.basketTop  { color: #ed1c24; font-weight: bold; font-size: 12px; background: url(components/bord/190top.gif) no-repeat; margin-left: 10px; padding-top: 5px; padding-bottom: 10px; padding-left: 10px }
.basketbot  { font-weight: bold; font-size: 14px; background: url(components/bord/190bot.gif) no-repeat; margin-bottom: 20px; margin-left: 10px; padding-top: 5px; padding-bottom: 10px; padding-left: 10px }
.basket   { background: url(components/bord/190.gif) repeat-y; margin-left: 10px; padding-right: 5px; padding-left: 5px }
.basket#foldstack  { background: url(components/bord/nest-fold-bord.jpg) no-repeat; height: 95px }
.basket#returnable { background: url(components/bord/returnable-bord.jpg) no-repeat; height: 95px }
.basket p { font-size: 10px; line-height: 13px; padding-right: 5px; padding-left: 5px }
.rightHolder { margin-left: 10px }
.twitter   { margin-bottom: 10px; margin-left: 10px }
/*left colum*/
.left     {
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 4px;
	padding-bottom: 12px;
	background-image: none;
	background-repeat: repeat-y;
	background-position: right;
}
.leftBottom       {
	background-image: none;
	height: 20px
}
.offers {
	width: 175px;
	background-image: none;
	background-repeat: no-repeat;
}
.offer p  { line-height: 1em; margin-left: 0px; padding-left: 0px }
.item {
	color: #002679;
	font-weight: bold;
	padding-left: 10px;
	background-image: none;
	background-repeat: repeat;
}
.des { color: #002679; padding-left: 10px }
.vat { color: #ed1c24; font-weight: bold; font-size: 10px }
.ex { color: #002679; font-size: 10px }

/*Category index page*/
.altTR, .TR, .specialTR   { color: #363a83 }
.specialTR { background-color: #f9c8cd }
.altTR   { background-color: #cfead1 }
.qtyPad { margin-right: 3px; margin-left: 3px }

.enlarge   { color: #363a83; font-weight: bold; font-size: 11px; margin-bottom: 10px; padding: 5px 4px }
.enlarge a   { color: #363a83; text-decoration: none; padding: 5px 5px 9px; border: dotted 1px #363a83 }
.enlarge a:hover { border: solid 1px }
.txtImg { margin-left: 5px }
/*Price*/
.price, .priceCat   { color: #ff4500; font-weight: bold; font-size: 18px; line-height: 22px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px }
.sm, .smCat { font-size: 10px; line-height: 10px }
.inc, .incCat { color: gray; font-size: 10px; line-height: 12px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px }
.phonenumber   { color: #ed1c24; font-weight: bold; font-size: 10px }
/*Styles for nav bar on side - not used*/
.nav-vert { font-size: 11px }
.nav-vert ul { list-style-type: none }
.nav-vert ul ul  { margin-left: 10px }
.nav-vert li.sel a { font-weight: bold }
/*Styles for new nav bar on top*/
.nav-inline     { font-size: 11px }
.nav-inline ul  { padding-top: 3px }
.nav-inline li  { text-transform: uppercase; display: inline }
.nav-inline li a       { color: white; font-weight: bold; text-decoration: none; background-color: #ed1c24; padding: 2px 17px; border-right: 1px solid #fff }
.nav-inline li a:hover    { color: white; background-color: #c51135 }
.nav-inline li.sel a   { color: black; background-color: #41ad49; margin-top: 1px; padding-top: 1px; padding-bottom: 4px; border-top: 1px solid #ed1c24; border-right: 1px solid #ed1c24; border-bottom: none; border-left: 1px solid #ed1c24 }
.nav-inline li.sel a:hover { color: black; background-color: #41ad49; margin-top: 1px; padding-top: 1px; padding-bottom: 4px; border-top: 1px solid #ed1c24; border-right: 1px solid #ed1c24; border-bottom: none; border-left: 1px solid #ed1c24 }
#id { }
.nav-inline-sub   { font-size: 10px }
.nav-inline-sub ul     { background-color: #41ad49; margin-top: 3px; padding-top: 2px; padding-bottom: 3px; border: solid 1px #ed1c24 }
.nav-inline-sub li  { padding-top: 2px; padding-bottom: 2px; display: inline }
.nav-inline-sub a   { color: white; text-decoration: none; margin-top: 3px; margin-right: 5px; margin-left: 5px; padding-right: 5px; padding-left: 5px }
.nav-inline-sub a:hover {  }
.nav-inline-sub li.sel a { }
.itemcode { position: absolute; left: -2000px; width: 150px; margin: 0; padding: 10px 12px}
.offersprice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	margin-left: 105px;
	line-height: 16px;
}
.offersprice span  { color: #808080; font-weight: normal; font-size: 10px; line-height: 1.1em }

.offersheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #002679;
	text-align: center;
	border-top-width: 10px;
}
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */


	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 100%;
	color: #FFFFFF;
	font-weight: bold;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.medium  { font-size: 12px; padding: 0.4em 0.75em 0.42em }
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
.offersbkgrnd {
	border: solid 1px #dddddd;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 2px 3px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 2px 3px 3px rgba(0,0,0,.3);
	box-shadow: 2px 3px 3px rgba(0,0,0,.3);
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff));
	background: -moz-linear-gradient(top,  #dddddd,  #ffffff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff');
}


/********** < newnavigation */
.newnav-container {  }
#newnav { width:918px; margin:0 auto; padding:0 16px; font-size:13px; background: #c70a28}

/* ALL Levels */ /* Style consistent throughout all newnav levels */
#newnav li { position:relative; text-align:left; }
#newnav li.over { z-index:999; }
#newnav a,
#newnav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#newnav span { display:block; cursor:pointer; white-space:nowrap; }
#newnav li ul span {white-space:normal; }

/* 0 Level */
#newnav li { float:left; }
#newnav li.active a { color:#8ca5c4; }
#newnav a { float:left; padding:5px 12px 6px 8px; color:#ccd7e5; font-weight:bold; }
#newnav li.over a,
#newnav a:hover { color:#8ca5c4; }

/* 1st Level */
#newnav ul li,
#newnav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/bkg_newnav1.gif) 0 100% repeat-x; }
/*#newnav ul li.over { background:#d5e4eb url(../images/bkg_newnav1.gif) repeat-x 0 100%; }*/
#newnav ul li.last { background:#ecf3f6; padding-bottom:0; }

#newnav ul a,
#newnav ul a:hover { float:none; padding:0; background:none; }
#newnav ul li a { font-weight:normal !important; }

/* 2nd Level */
#newnav ul { position:absolute; width:15em; top:27px; left:-10000px; border:1px solid #899ba5; }

/* Show menu */
#newnav li.over > ul { left:0; }
#newnav li.over > ul li.over > ul { left:100px; }
#newnav li.over ul ul { left:-10000px; }

#newnav ul li a { background:#ecf3f6; }
#newnav ul li a:hover { background:#d5e4eb; }
#newnav ul li a,
#newnav ul li a:hover { color:#2f2f2f !important; }
#newnav ul span, #newnav ul li.last li span { padding:3px 15px 4px 15px; }

/* 3rd+ Level */
#newnav ul ul { top:5px; }
/********** newnavigation > */

/*Styles for news pages*/
.newsimg  { margin-bottom: 5px }
.van { margin-top: 2px; margin-left: 5px }
.notice { color: red; background-color: yellow; margin-bottom: 5px; height: 20px }
.noticetxt { font-weight: bold; font-size: 12px; text-align: center; margin-right: auto; margin-left: auto; padding-top: 3px; padding-bottom: 3px; width: 780px }
.xmas { padding:5px 0; text-align:center; color:white; font-weight:bold; background-color:red; margin-bottom:10px; font-size:12px;}
.xmas a:hover {color:white;}