body{background:#000; color:#a7a7a7; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

img, div, input, a, a:hover
{ behavior: url("images/iepngfix.htc") }

a{color:#ffffff; text-decoration:none;}
a:hover{color:#00c5b5;}

h1{margin-top:0px; color:#fff; font-size:24px; font-weight:normal;}
h1 span{color:#00c5b5;}
#wrapper{
margin:auto;
padding-top:0px;
width:1004px;
background:url(images/background.jpg) no-repeat;
border:1px solid #2e2e2e;
}

#wrapper-long{
margin:auto;
width:1004px;
overflow:hidden;
background:url(images/background.jpg) no-repeat;
border:1px solid #2e2e2e;
}

h3{margin-bottom:0px; color:#00c5b5; font-size:14px}


#breadcrumbs{
text-align:left;
margin:74px 0px 40px 0px;
padding-left:670px;
color:#1f3809;
font-size:12px;
font-weight:bold;
}

#breadcrumbs a{color:#1f3809; margin: 0px 10px 0px 5px;}
#breadcrumbs a:hover{color:#00c5b5;}

#navigation{width:199px; float:left;}
#navigation ul{list-style:none; margin:0px; padding:0px;}
#navigation ul li a span{visibility:hidden;}
#navigation ul li{float:right; clear:both;}

a#home{ background:url(images/home.png); width:53px; height:23px; display:block;}
a#home-active{background:url(images/home-hover.png); width:53px; height:23px; display:block;}
a:hover#home{background:url(images/home-hover.png);}

a#about{background:url(images/about.png); width:88px; height:25px; display:block;}
a#about-active{background:url(images/about-hover.png); width:88px; height:25px; display:block;}
a:hover#about{background:url(images/about-hover.png); position:relative;}

a#lookbook{background:url(images/lookbook.png) no-repeat; width:120px; height:28px; display:block; background-position:right; *padding-right:0px; *margin-right:0px;}
a#lookbook-active{background:url(images/lookbook-hover.png) no-repeat; width:120px; height:28px; display:block; background-position:right;}
a:hover#lookbook{background:url(images/lookbook-hover.png) no-repeat; background-position:right;}



a#collections{background:url(images/collections.png); width:120px; height:27px; display:block; background-repeat: no-repeat; background-position: right;}
a#collections-active{background:url(images/collections-hover.png); width:88px; height:27px; display:block;}
a:hover#collections{background:url(images/collections-hover.png); background-repeat: no-repeat; background-position: right;}




a#news{background:url(images/news.png); width:99px; height:26px; display:block;}
a#news-active{background:url(images/news-hover.png); width:99px; height:26px; display:block;}
a:hover#news{background:url(images/news-hover.png);}

a#press{background:url(images/press.png); width:47px; height:26px; display:block;}
a#press-active{background:url(images/press-hover.png); width:47px; height:26px; display:block;}
a:hover#press{background:url(images/press-hover.png);}

a#causes{background:url(images/causes.png); width:145px; height:27px; display:block;}
a#causes-active{background:url(images/causes-hover.png); width:145px; height:27px; display:block;}
a:hover#causes{background:url(images/causes-hover.png);}

a#riffs{background:url(images/riffs.png); width:30px; height:26px; display:block;}
a#riffs-active{background:url(images/riffs-hover.png); width:30px; height:26px; display:block;}
a:hover#riffs{background:url(images/riffs-hover.png);}

a#dealer{background:url(images/dealer.png); width:118px; height:27px; display:block;}
a#dealer-active{background:url(images/dealer-hover.png); width:118px; height:27px; display:block;}
a:hover#dealer{background:url(images/dealer-hover.png);}

a#contact{background:url(images/contact.png); width:103px; height:23px; display:block;}
a#contact-active{background:url(images/contact-hover.png); width:103px; height:23px; display:block;}
a:hover#contact{background:url(images/contact-hover.png);}

a#linesheet{background:url(images/linesheet.png); width:77px; height:28px; display:block;}
a#linesheet-active{background:url(images/linesheet-hover.png); width:77px; height:28px; display:block;}
a:hover#linesheet{background:url(images/linesheet-hover.png);}


#mainhome{
width:700px;
padding-right: 55px;
float:right;
}

#main{
width:755px;
float:right;
}

#content-scroll{
overflow:auto;
padding-right:10px;
height:398px;
}

.img-right{margin:0px 0px 10px 10px;}

form{color:#fff;}

.fields{margin-bottom:10px;}

.btn-submit{background:url(images/button-bg.gif) repeat-x; padding:3px 15px; border:1px solid #3b474e;}

.date{ color:#fff; font-size:12px;}

#footer{margin-top:25px; color:a7a7a7;}

#footer a { text-decoration: none; color: #a7a7a7;}
#footer a:hover {color:#00c5b5;}

#retailers{
clear:both;
padding:30px 35px 20px 35px;
background:url(images/retailer-top.png) top right no-repeat;
}

.table{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.table td{padding-bottom:20px; padding-right:10px;}

#newsblock{
float:left;
width:320px;
margin-left:40px;
}

#newsblock h3, #eventsblock h3{
color:#fff;
font-size:14px;
margin-bottom:0px;
text-transform:uppercase;
}

.submitted{color:#fff; font-size:11px;}

#newsblock a, #eventsblock a{color:#00c5b5; text-decoration:underline; font-size:12px;}
#newsblock a:hover, #eventsblock a:hover{color:#fff;}

#eventsblock{
float:left;
width:320px;
margin-left:40px;
}

#eventsblock ul{padding-left:15px;}

#SampleGalleryCaption{font-size:14px; font-weight:bold; margin-bottom:0px;}

#preview{
float:left;
width:317px;
text-align:center;
}

#linesheetCaption{ float:left; padding-left:15px; width:400px;}
#linesheetCaption strong{ color:#fff;}

.items a{margin:0px 5px;}

/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/ 
div.scrollable { 
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;              
    height:50px;
	width:700px;
	float:left;
	margin:20px 5px 5px 5px;
} 
 
/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {
	/* this cannot be too large */ 
    width:20000em;
	position:absolute;
	left: 2px;
} 
 

div.scrollable div.items div { 
    float:left; 
} 

.prev{float:left; cursor:pointer;}
.next{float:right; cursor:pointer; margin-right:0px;}


/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
}

#eco{float:left; margin:0px 10px 0px 0px; background:url(images/econation-logo.jpg); width:157px; height:70px; cursor:pointer;}
#eco:hover{background:url(images/econation-logo-hover.jpg);}

#ocs{float:left; margin:0px 10px 0px 0px; background:url(images/ocs-logo.jpg); width:200px; height:71px; cursor:pointer;}
#ocs:hover{background:url(images/ocs-logo-hover.jpg);}

#sfc{float:left; margin:0px 10px 0px 0px; background:url(images/sfc-logo.jpg); width:70px; height:84px; cursor:pointer;}
#sfc:hover{background:url(images/sfc-logo-hover.jpg);}

#flash-bg{
float:right; 
margin:0px 5px 5px 10px;
}

#riffs-bg{
background:url(images/riffs-bg.png);
width:701px;
height:364px;
padding:10px 20px;
margin-bottom:10px;
}

#riffs-links{
float:left;
font-size:12px;
padding-left:30px;
width:450px;
margin-top:0px;
}

#riffs-links a{color:#898989; margin:0px 20px;}
#riffs-links a:hover{color:#fff;}


/* dealer locator */

#widget {
	width: 780px;
	height: 480px;
	font: normal 10px verdana;
	text-align: center;
	margin: 40px auto;
	border: 5px #aaa;
	border-style: outset inset inset outset;
}
form {
	width: 98%;
}
select {
	width: 190px;
	font: normal 11px verdana;
	color: #fff;
	background: #000;
}
#txtregion {
	height: 16px;
	font: normal 12px verdana;
	letter-spacing: .4em;
	border-bottom: 1px black solid;
	color:#fff;
	margin-top:20px;
}
#txtplacename {
	height: 16px;
	font: normal 10px verdana;
	color:#fff;
}


* html .news-head{float:left; margin-left:67px;}

.events-head{float:left; margin-left:223px;}
.news-head{float:left; margin-left:37px;}

/*Graphics page*/
#graphicsCaption{ float:left; padding-left:15px; width:400px;}
#graphicsCaption strong{ color:#fff;}
.items img {
	width: 44px;
}

/*stylemmcsheet*/
#smo_holder	{
	width: 114px;
	float: right;
	margin-top: 12px;
	margin-right: 20px;
}

#twitter_icon	{
	background: url(images/twitter_icon.png) no-repeat;
	width: 35px;
	height:36px;
	float:left;
	margin-right: 5px;
}

#twitter_icon:hover	{
	background: url(images/twitter_icon_hover.png) no-repeat;
	width: 35px;
	height:36px;
	float:left;
	margin-right: 5px;
}

#facebook_icon	{
	background: url(images/facebook_icon.png) no-repeat;
	width: 35px;
	height:36px;
	float:left;
}

#facebook_icon:hover	{
	background: url(images/facebook_icon_hover.png) no-repeat;
	width: 35px;
	height:36px;
	float:left;
}

/*accordion*/
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
/*for the submenus 04082010*/
#navigation  .left_sub_menus{
display: none;
list-style-type: none;
padding: 0px;
margin: 0px;
}

/*stylemmcsheet for subnavigation*/
a#fall10{background:url(images/fall-nav.png); width:118px; height:22px; display:block;}
a#fall10-active{background:url(images/fall-hover.png); width:118px; height:22px; display:block;}
a:hover#fall10{background:url(images/fall-hover.png);}

a#spring{background:url(images/spring-nav.png); width:118px; height:22px; display:block;}
a#spring-active{background:url(images/spring-hover.png); width:118px; height:22px; display:block;}
a:hover#spring{background:url(images/spring-hover.png);}

a#menspring{background:url(images/mens-spring-nav.png); width:118px; height:22px; display:block;}
a#menspring-active{background:url(images/mens-spring-hover.png); width:118px; height:22px; display:block;}
a:hover#menspring{background:url(images/mens-spring-hover.png);}

a#womenspring{background:url(images/women-spring10-nav.png); width:118px; height:22px; display:block;}
a#womenspring-active{background:url(images/women-spring10-hover.png); width:118px; height:22px; display:block;}
a:hover#womenspring{background:url(images/women-spring10-hover.png);}

#dealer_holder	{
	width: 400px;
}

.dealer_lbl	{
	width: 100px;
	text-align:right;
	float:left;
}

.dealet_textbox{
	width: 250px;
	float: left;
	padding-left: 10px;
	padding-bottom: 5px;
}

.boxcolor	{
	border: 1px solid #FFFFFF;
	background-color:#000000;
	color: #FFFFFF;
	width: 195px;
	height: 20px;
}

.dealer_btn	{
	margin-left: 150px; 
	margin-top: 3px;
}