
/*******************************      Global     *******************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	text-align: center;
	background: #F6F6F6;
}

a {
	color: #222222;
	border-bottom: 1px dotted #666666;
	padding: 1px 2px 0 2px;
}

a:hover, a:active {
	color: #FFFFFF;
	background: #ea008b;
	text-decoration: none;
}

.error {
	color: #DD0310;
}

h1, h2, h3, .mH, .bH {
	color: #ea008b;
	display: block;
}

h1 {
	font-size: 25px;
	line-height: 31px;
}

h2, .bH {
	font-size: 22px;
	line-height: 26px;
}

h3, .mH {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 12px;
}

ul.bullets {
	margin: 6px 0 12px 0;
	display: inline-block;
}

ul.bullets li {
	margin: 5px 0 5px 8px;
	padding: 0 0 0 18px;
	background: url('/assets/images/global/bullet.gif') 0 5px no-repeat;
	line-height: 16px;
}

.pink {
	color: #ea008b;
}

.terms {
	color: #999999;
	font-size: 10px;
}

p {
	margin-bottom: 10px;
}

/*******************************      Containers / Header / More global stuff     *******************************/

#outer-container, #navigation, #footer {
	width: 100%;
	text-align: center;
}

#outer-container {
	background: #FFFFFF url('/assets/images/global/topBg.jpg') repeat-x;
}

#header, #content, #topNav, #footerMenu {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 146px;
}

#logo, #logo:active, #logo:hover {
	float: left;
	background: transparent;
	border: none;
	margin: 50px 0 0 0;
}

#flashHeader {
	margin: 18px 0 0 0;
	width:270px;
	height:110px;
	float: right;
}

#content {
	display: inline-block;
	margin-top: 30px;
}

#footer {
	background: #F6F6F6;
	border-top: 1px solid #DDDDDD;
	margin-top: 30px;
	padding: 2px 0 60px 0;
}

#footerMenu {
	text-align: right;
}

#footerMenu li {
	display: inline;
	padding: 0 0 0 16px;
	background: url('/assets/images/global/pipe.gif') 6px 50% no-repeat;
}

.quote {
	margin: 26px 0;
	background: #F6F6F6 url('/assets/images/global/openQuote.gif') 10px 10px no-repeat;
	/*width: 80%;*/
	border: 1px solid #DDDDDD;
}

.quote p {
	font-size: 17px;
	color: #777777;
	padding: 20px 30px 25px 40px;
	background: url('/assets/images/global/closeQuote.gif') 100% 100% no-repeat;
}

.quote .who {
	font-size: 13px;
	font-style: italic;
	display: block;
	margin-left: 40px;
	color: #333333;
	position: relative;
	top: -8px;
}

/*******************************      Navigation     *******************************/

#navigation {
	background: #F6F6F6;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	height: 42px;
}

#navigation ul {
	display: inline-block;
	text-align: left;
	margin: 0;
}

#navigation li {
	line-height: 41px;
	font-size: 13px;
	float: left;
	margin: 0;
	padding: 0;
	background: url('/assets/images/global/pipe.gif') 0 50% no-repeat;
}

#navigation a {
	display: block;
	height: 42px;
	padding: 0 20px;
	color: #363636;
	border: none;
}

#navigation a:hover {
	color: #000000;
}

#navigation li.homeOn a, #navigation li.productsOn a, #navigation li.catalogueOn a, #navigation li.contactOn a {
	color: #ea008b;
}

#navigation li.first, #footerMenu li.first {
	background: none;
}

#navigation li.first a {
	padding-left: 0;
	background: none;
}

#navigation a:active, #navigation a:hover {
	background: transparent;
}

/*******************************     Home     *******************************/

#homeSlideshow {
	float:left;
	margin: 0 40px 20px 0;
	width:312px;
	height:363px;
}

#homeSolutions li {
	float: left;
	width: 280px;
	margin-right: 90px;
}

/*******************************     Products     *******************************/

#prodLeft {
	float: left;
	width: 240px;
}

#prodLeft .mH {
	font-weight: bold;
}

#prodRight {
	float: right;
	width: 680px;
}

#catList {
	margin-top: 3px;
	border-bottom: 1px solid #DDDDDD;
}

#catList li {
	padding: 0;
	margin: 0;
	width: 240px;
}

#catList li a {
	margin: 0;
	padding: 0 10px 0 0;
	background: #ECECEC url('/assets/images/global/secNav/butBg.gif');
	border: 1px solid #DDDDDD;
	border-bottom: none;
	font-size: 12px;
	display: block;
}

#catList li a span {
	display: block;
	padding: 4px 8px;
	line-height: 22px;
}

#catList li a:hover, #catList li a:active {
	background: #DCDCDC url('/assets/images/global/secNav/butBgOver.gif');
	color: #222222;
}

#catList li a:hover span, #catList li a:active span {
	background: url('/assets/images/global/secNav/arrow.gif') 100% 50% no-repeat;
}

#catList li.on a {
	background: #ececec url('/assets/images/global/secNav/butBgOn.gif');
	color: #FFFFFF;
	font-weight: bold;
}

#catList li.on span, #catList li.on a span, #catList li.on a:hover span, #catList li.on a:active span {
	background: url('/assets/images/global/secNav/onArrow.gif') 100% 50% no-repeat;
}

#usedNavWrap {
	margin: 6px 0 18px 0;
	border-bottom: 1px solid #DDDDDD;
	padding: 0 0 6px 0;
}

#usedNavBottom {
	margin-top: 4px;
}

#usedNavWrap, #usedNavBottom {
	text-align: right;
}

#usedNavWrap ul, #usedNavBottom ul {
	display: inline-block;
	padding: 0;
}

#usedNavWrap li, #usedNavBottom li {
	display: block;
	float: left;
	height: 20px;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #999999;
}

#usedNavWrap li.turnedOff, #usedNavBottom li.current, #usedNavWrap li.current, #usedNavBottom li.turnedOff {
	padding: 0px 5px;
}

#usedNavBottom li.current, #usedNavWrap li.current {
	color: #ea008b;
	font-weight: bold;
}

#usedNavWrap li a, #usedNavBottom li a {
	display: block;
	color: #333333;
	border: none;
	margin: 0;
	padding: 0px 5px;
}

#usedNavWrap li a:hover, #usedNavBottom li a:active, #usedNavWrap li a:active, #usedNavBottom li a:hover {
	color: #FFFFFF;
	border: none;
}

.usedItem {
	padding: 0 0 12px 0;
	margin: 12px 0 0 0;
	/*background: #F6F6F6;*/
	border-bottom: 1px solid #CCCCCC;
}

.usedItem a {
	padding: 0;
	margin: 0;
}

.usedItem h3 {
	font-size: 20px;
	margin-bottom: 10px;
}

.usedItemPic {
	float: left;
	width: 150px;
}

.usedItemBlurb {
	float: left;
	margin-left: 16px;
	line-height: 16px;
	width: 510px;
}

.usedItemBlurb p {
	color: #666666;
	margin-bottom: 8px;
}

.usedItemBlurb br {
	display: inline;
	line-height: 8px;
}

.usedItemBlurb span {
	color: #ea008b;
	font-size: 16px;
}

#visa {
	background: #F6F6F6;
	border: 1px solid #DDDDDD;
	padding: 8px;
	margin-top: 38px;
}

#visa .payment {
	font-size: 10px;
	line-height: 12px;
	margin: 8px 0;
}

/*******************************     Catalogue     *******************************/

#catLeft {
	float: left;
}

#catRight {
	width: 350px;
	float: right;
}

.ContactInput {
	width: 220px;
	border: 1px solid #AAAAAA;
	margin: 2px 0;
	padding: 2px;
}

#catRight h3, #catLeft .mH {
	height: 66px;
}

#catRight td.frmLeft {
	width: 150px;
}

#catRight td.submitRow {
	padding-top: 10px;
	text-align: right;
}

#catRight .terms {
	margin-bottom: 6px;
}
/*
#downloadWrap a {
	border: none;
}
*/

#downloadWrap a {
	display: inline-block;
	border: none;
	padding: 0 4px;
}

#downloadWrap span {
	display: block;
	float: left;
}

#downloadWrap span.l {
	width: 380px;
	margin-right: 50px;
}

#downloadWrap span.r {
	
}

#downloadWrap li {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 8px;
	padding: 1px 0 4px 30px;
	background: url('/assets/images/catalogue/adobe.gif') 0 0 no-repeat;
}

#downloadWrap li.last {
	border: none;
}

/*******************************     Contact Us     *******************************/

#contactMap {
	position: relative;
	height: 550px;
	background: url('/assets/images/contact/contactMap.gif') 100% 0px no-repeat;
}

.addressBox {
	position: absolute;
	width: 200px;
	background: #F6F6F6;
	padding: 6px 10px 2px 11px;
	border: 1px solid #CCCCCC;
}

.addressBox .pink {
	font-weight: bold;
}

.addressBox strong {
	color: #666666;
}

#add1 {
	top: 130px;
	left: 0px;
}

#add2 {
	top: 330px;
	left: 0px;
}

.addressBox p {
	line-height: 18px;
	margin-bottom: 8px;
}

#deliver {
	margin-top: 16px;
}

.termsConds p {
	margin-bottom: 8px;
}
