/* Mighty Clear Fix Hack */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Linked Images */

a img {
	border: 0;
}

/* Default Font, Page Margins and Padding */

body {
	margin: 0 15px 10px 15px;
	padding: 0;
	font-family: "Trebuchet MS";
	font-size: 12px;
	background: url(../images/ui/body-background.gif) top left repeat-y #E8E8DA;
}

/* Container */

#container {
	width: 740px;
	background: #fff;
}

/* Header */

#header {
	width: 740px;
	height: 90px;
	background: url(../images/ui/header-background.gif) repeat-x;
}

/* Logo */

#logo {
	float: left;
	margin: 10px;
}

/* Double Margin Float (IE) */

* html #logo {
	margin-left: 5px;
}

#logo h1 {
	display: block;
	width: 51px;
	height: 70px;
	background: url(../images/ui/header-logo.gif) no-repeat;
	margin: 0;
	padding: 0;
	line-height: 0em;
}

#logo h1 a {
	display: block;
	width: 51px;
	height: 70px;
	border: 0;
}

#logo h1 a span {
	display: none;
}

/* Navigation */

#nav {
	margin-top: 59px;
	float: left;
	background: url(../images/ui/nav-background.gif) repeat-x;
	height: 31px;
}

#nav ul {
	float: left;
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	list-style: none;
}

#nav li a {
	display: block;
	float: left;
	height: 31px;
	line-height: 31px;
	background: url(../images/ui/nav-divider.gif) top right no-repeat;
	padding-right: 19px;
	padding-left: 15px;
	color: #333;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

#nav li a:hover {
	color: #ED174B;
}

#nav li.last a {
	background: none;
	padding-right: 15px;
}

#nav li.first {
	background: url(../images/ui/nav-endcap-left.gif) top left no-repeat;
	padding-left: 5px;
}

#nav li.last {
	background: url(../images/ui/nav-endcap-right.gif) top right no-repeat;
	padding-right: 5px;
}

/* Util */

#util {
	float: right;
	text-align: right;
	margin: 10px 10px 0 0;
}

#util ul {
	margin: 0;
	padding: 0;
}

#util ul li {
	list-style: none;
}

#util a {
	color: #666;
	text-decoration: none;
}

#util a:hover {
	color: #ED174B;
	text-decoration: underline;
}
/* xpel on facebook */

#xf{float: right; margin: 10px;}

/* Dealer Login */

#dealerlogin {
	font-size: 10px;
	line-height: 1em;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background: url(../images/ui/horizontal-divider.gif) repeat-x bottom left;
}

#util a.key {
	padding-left: 23px;
	background: url(../images/ui/util-dealerlogin-key-off.gif) no-repeat left center;
}

#util a.key:hover {
	background: url(../images/ui/util-dealerlogin-key-on.gif) no-repeat left center;
}

#dealerloggedin {
	color: #666;
	font-size: 10px;
	line-height: 1em;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background: url(../images/ui/horizontal-divider.gif) repeat-x bottom left;
}

#dealerloggedin a {
	font-weight: bold;
}

/* Stock */

#stock {
	font-size: 12px;
	
}

#stock a{background-color:#3952B5; padding: 0px 5px 0px 5px; color: white}
#stock a:hover{background-color:#FEC200; color: black; text-decoration: none}

#press_links a{color:#ED174B; text-decoration:none;}
#press_links a:hover{color:#ED174B; text-decoration:underline;}


/* Dotted Horizontal Dividers */

.horizontal-divider {
	display: block;
	width: 740px;
	background: url(../images/ui/horizontal-divider.gif) repeat-x left center;
	height: 21px;
}

.horizontal-divider hr {
	margin: 0;
	padding: 0;
	line-height: 1px;
	font-size: 1px;
	display: none;
}

.horizontal-divider-short {
	display: block;
	width: 100%;
	background: url(../images/ui/horizontal-divider.gif) repeat-x left center;
	height: 21px;
}

.horizontal-divider-short hr {
	margin: 0;
	padding: 0;
	line-height: 1px;
	font-size: 1px;
	display: none;
}

/* Content Container */

#content {
	width: 740px;
}

/* Footer */

#footer {
	font-size: 10px;
	font-weight: bold;
	color: #333;
	width: 740px;
	background: url(../images/ui/footer-background.gif) repeat-x left top #F9FAFA;
}

#footer-copyright {
	float: left;
	padding: 10px;
}

#footer-links {
	float: right;
	padding: 10px;
}

#footer-links a {
	text-decoration: none;
	color: #333;
}

#footer-links a:hover {
	color: #ED174B;
	text-decoration: underline;
}

/* Shopping Cart Floater */

#cart-info {
	position: absolute;
	top: 0;
	left: 90px;
	padding: 5px;
	background-color: #eee;
	background-color: #ffc;
	border-left: 1px solid #E5E500;
	border-bottom: 1px solid #E5E500;
	border-right: 1px solid #E5E500;
	z-index: 1;
}

#cart-info p {
	font-family: "Trebuchet MS",Arial;
	font-size: 11px;
	padding: 0;
	margin: 0;
	line-height: 1em;
}

#cart-info img {
	vertical-align: middle;
	margin-right: 5px;
}

#cart-info a {
	font-weight: bold;
	color: #ED174B;
	text-decoration: none;
}

#cart-info a:hover {
	text-decoration: underline;
}

.note {
	color: #ED174B;
	background: #fcc;
}

/*XPEL LOGO CHANGES*/

#logo{
width:354px;
height:46px;
}
#logo h1{
background: url(/media/images/XPEL_Trust.jpg) no-repeat top left;
width:354px;
height:46px;
}
#logo a{
width:354px !Important;
height:46px !Important;
}
#nav{
position:absolute;
left: 20px;
}




