html,body{
	background:url(../images/bg.jpg) top center no-repeat #00182b;
	padding:0;
	margin:0;
	font:normal 14px Arial;
	color:#363636
}

a{
	color:#363636;
	text-decoration:none
}

a:hover{
	color:#ed1c24
}

.topLine{
	background:url(../images/bg.gif);
	height:34px
}

.container{
	width:916px;
	margin:-18px auto 0 auto
}

.topNav{
	padding:0 10px 0 0;
	margin:0;
	list-style:none;
	font:normal 11px Arial;
	text-align:right;
	height:18px
}

.topNav li{
	display:inline
}

.topNav li a{
	background:url(../images/arrow.gif) 0 4px no-repeat;
	padding:0 5px 0 7px;
	text-decoration:none;
	color:#407fa9
}

.topNav li a:hover{
	color:#fff
}

.skechers{
	padding:0 10px;
	margin:-19px 0 0 0;
	height:122px
}

.skechers h1{
	float:left;
	padding:0;
	margin:0
}

.skechers img{
	border:none
}

.nav{
	float:right;
	padding:0;
	margin:80px 0 0 0;
	list-style:none;
	text-align:right;
	font:bold 12px Arial
}

.nav li{
	display:inline
}

.nav li a{
	padding:0 10px;
	color:#fff;
	text-decoration:none
}

.nav li a:hover{
	color:#f90
}

#nav2 {
	padding:90px 40px 0 50px;
}

#nav2 li {
	display: block; 
	float: right; 
	height: 10px
}

#nav2 li a {
	background-position: left top; 
	display: block; 
	font-size: 1px; 
	text-indent: -99999em; 
	height: 10px
}

#nav2 li a:hover {
	background-position: 0px 10px
}

#nav2 li a.products{
	width:120px;
	background-image: url(../images/products.png);	
}

#nav2 li a.news {
	width:140px;
	background-image: url(../images/news-events.png);
}

#nav2 li a.gallery {
	width:97px;
	background-image: url(../images/gallery.png);
}

#nav2 li a.downloads {
	width:120px;
	background-image: url(../images/downloads.png);
}

#nav2 li a.careers {
	width:94px;
	background-image: url(../images/careers.png);
}

.clear{
	clear:both
}

.contentWrapper{
	background:#012b4b;
	padding:10px
}

.contentWrapper2 {
	padding:10px 0 10px 0;
}

.tableindex {
	padding:10px 0 0 0
}

.signUp {
	margin:12px 0 0 0
}

.signupNewsletter {
	padding:10px 0 0 5px;
	font:bold 12px Arial;
	color:#fff;
}

.bgSign {
	background:url(../images/bgSign.jpg) repeat-x
}

.sideNav{
	width:209px;
	background:#071824
}

.sideNav h1{
	background:url(../images/line.gif) bottom repeat-x #091e2c;
	padding:10px;
	margin:10px 0 0 0;
	font:bold 18px Arial;
	color:#fff
}

.sideNav a{
	color:#fff200
}

.sideNav a:hover{
	color:#f90
}

.sideNav ul{
	background:#025e87;
	padding:0;
	margin:10px 0;
	list-style:none;
	font:normal 11px Arial;
	color:#fff
}

.sideNav ul li{
	padding:15px;
	border-bottom:1px dashed #49a8d2
}

.sideNav ul li.last{
	border-bottom:none
}

.sideNav ul li h2{
	padding:0;
	margin:0;
	font:bold 14px Arial;
	color:#fff799
}

.content{
	width:677px
}

.content h1{
	font:bold 24px "Trebuchet MS";
	color:#5bcede;
	padding:15px 0;
	margin:0
}

.content h1 a{
	color:#5bcede
}

.content h1 a:hover{
	color:#f90
}

.crumbs{
	background:url(../images/roundedTop.gif);
	height:15px;
	padding:5px 15px;
	margin:10px 0 0 0;
	text-align:right;
	font:normal 11px Arial;
	color:#898989
}

.careeersBox{
	background: bottom right no-repeat #fff
}

.contactBox{
	background: bottom right no-repeat #fff
}

.storesBox{
	padding:15px;
	background: bottom right no-repeat #fff
}

.careeersBox h1 {
	font:bold 16px Arial;
	color:#ed1c24;
}

.careeersBox ul{
	width:50%
}

.careeersBox ul li{
	padding:0 0 15px 0;
	margin:0 20px
}

.footer{
	background:url(../images/bgFooter.jpg) no-repeat;
	padding:10px 10px 15px 5px ;
	margin:10px 0 0 0;
	font:normal 11px Arial;
	clear:both;
	color:#fff
}

.footer a{
	color:#fff;
	text-decoration:none
}

.footer a:hover{
	color:#f90;
	text-decoration:none
}

.footer ul{
	padding:0 0 20px 0;
	margin:0;
	list-style:none;
	text-align:center;
	font:normal 11px Arial
}

.footer ul li{
	display:inline
}

.footer h1{
	float:left;
	font:normal 11px Arial
}

.footer h2{
	float:right;
	font:normal 11px Arial
}


.loginContainer{
	background:bottom right no-repeat #fff
}

.productListContainer{
	background:#fff;
	padding:2px;
	font:normal 12px Arial
}

.productList td {
	text-align:center;
	font:normal 11px Arial
}

.productList td img {
	display:block;
	margin:0 auto 5px auto
}

.productImg {
	border:1px solid #d7d7d7;
}

.productList a{
	font:bold 14px Arial;
	color:#333;
	display:block;
	padding:0 5px;
	line-height:15px
}

.product a.view{
	float:left
}

.productTitle h1 {
	font:bold 16px Arial;
	color:#9e005d;
}

.productTitle strong {
	color:#3da4b2;
}

.productList a.download{
	float:right
}

.productDesc{
	width:637px
}

.productList {
	width:157px
}

.productCat {
	background:#071824;	
	padding:0 0 10px 0	
}

.productCat ul {
	background:#071824;
	padding:0;
	margin: 0;
	list-style:none;
	font:normal 11px Arial;
	color:#fff
}

.productCat ul li{
	padding:5px 5px 5px 15px;
	border-bottom:none;
}

.productCat ul li.last{
	border-bottom:none
}

.productCar ul li h2{
	padding:0;
	margin:0;
	font:bold 14px Arial;
	color:#fff799
}

.productCat h1 {
	font:bold 14px Arial;
	background:url(../images/prodTab.jpg)repeat-x;
	padding:3px 0 0 10px;
	height:25px;
}

.productCat a {
	color:#fff
}


.newsContainer {
	background: bottom right no-repeat #fff
	}

.newsContainer ul {
	width:50%
}

.newsContainer ul li{
	padding:0 0 15px 0;
	margin:0 20px
}

.newsContainer li {
	font:bold 16px Arial
}

.newsContainer a.read {
	color:#FF0000;
	text-decoration:underline;
}

.date {
	font:italic 11px Arial;
}

.newsContainer h2 {
	font:bold 18px Arial
}

.downloadListContainer, .newsContainer2{
	background:#fff;
	padding:15px;
	font:normal 12px Arial
}

.downloadList td, .galleryList td{
	text-align:center;
	font:normal 11px Arial
}

.downloadList td img, galleryList td img{
	display:block;
	margin:0 auto 10px auto
}

.downloadList a{
	display:block;
	background:url(../images/bgBtn.gif);
	border:1px solid #9db0bc;
	padding:0 5px;
	line-height:17px
}

.downloadList a.view{
	float:left
}

.downloadList a.download{
	text-align: center;
}

.downloadable{
	width:157px
}

.loginBox{
	width:381px;
	margin:0 auto;
	background:#e2e2e2;
	border-left:1px solid #b5b4b4;
	border-right:1px solid #b5b4b4;
	font:normal 12px Arial;
	line-height:24px;
	margin-left: 148px;
}

.loginBox a{
	color:#ed1c24;
	text-decoration:underline
}

.loginBox a:hover{
	color:#F30;
	text-decoration:underline
}

.loginBox h2{
	background:#b5b4b4;
	border-bottom:5px solid #cfcfcf;
	padding:5px 10px;
	margin:0 0 15px 0;
	font:bold 18px Arial;
	color:#091e2c
}

.facebook {
	height:27px;
	float:left;
	width:165px;
}

.btnReset{
	background:url(../images/btnClear.gif) no-repeat;
	height:28px;
	width:74px;
	border:0
}

.btnSubmit{
	background:url(../images/btnSubmit.gif) no-repeat;
	height:28px;
	width:74px;
	border:0
}

.mpitems{
	text-decoration:none	
}

.mpitems a{
	color:#363636
}

.mpitems a:hover{
	color:#008fbb
}

.catName {
	font:bold 14px Arial;
	padding:0 0 0 10px;
	color:#fff;
}

.skechersItem {
	border:1px solid #d7d7d7;
	padding:10px
}

/* Set up the sub level borders */
.nav li ul li a{
	display:block;
	width:120px;
	padding:5px 5px 5px 14px;
	background:#133315;
	border-bottom:1px solid #29562c
}


.nav li a.enclose, .nav li a.enclose:visited{
	border-width:1px
}

/* Set up the list items */
.nav li{
	padding:0;
	margin:0;
	float:right;
	font:normal 14px Verdana;
	color:#93d49c
}

/* For Non-IE browsers and IE7 */
.nav li:hover{
	position:relative
}
/* Make the hovered list color persist */
.nav li:hover > a{
	color:#fff
}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
.nav li ul{
	display:none
}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
.nav li:hover > ul{
	display:block;
	position:absolute;
	top:-11px;
	left:80px;
	padding:0;
	background:#133315;
	width:120px
}

/* Position the first sub level beneath the top level liinks */
.nav > li:hover > ul{
	left:18px;
	top:17px
}

/* get rid of the table */
.nav table{
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:1em
}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html .nav li a:hover{
	position:relative;
	color:#fff
}

/* For accessibility of the top level menu when tabbing */
.nav li a:active, .nav li a:focus{
	color:#fff
}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html .nav li ul{
	visibility:hidden;
	display:block;
	position:absolute;
	top:-11px;
	left:80px;
	padding:0;
	background:#133315
}


/* make the second level visible when hover on first level link and position it */
.nav li a:hover ul{
	visibility:visible;
	left:0px;
	top:16px;
}