/*  ------------------  */
/*	General Properties  */
/*  ------------------  */

    * {	
    margin: 0px; 
    padding: 0px; 
    border: none; 
    }
    body {
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.8em;
    background-color: #000000;
    color: #CCCCCC;
    scrollbar-base-color:#333333;
    }
    a {
    color: #CCCCCC;
    text-decoration: underline;
    }
    a:hover	{ color: #DDAD58; }
    p {	margin-bottom: .9em;}
    h2, h1	{
    line-height: 1.8em;
    margin-bottom: 0.45em;
    font-size: 20px;
    font-weight: normal;
    color: #FFFFFF;
    }

	a.contact {
		color:blue;
	}
/*  ------------------  */
/*  Layout Styles       */
/*  ------------------  */

    #container { 
    width: 940px; 
    margin: 0 auto;
    }
        #masthead {	margin-top: 10px; }
            #masthead #logo { 
            float: left; 
            width: 400px; 
            margin-right: 0px;	
            }
            #masthead  #primary-nav, 
             {	
            width: 300pxpx; 
            height: auto; 
            float: left; 
            color: #FFFFFF; 
            border-left-width: 1px;
            border-left-style: solid; 
            border-left-color: #333333; 
            padding-left: 20px; 
            }
            
            
            #content #right #secondary-nav  {	
            width: 90px; 
            height: 155px; 
            float: left; 
            color: #FFFFFF; 
            border-left-width: 1px;
            border-left-style: solid; 
            border-left-color: #333333; 
            padding-left: 20px; 
            }
            
            
            
            #publiclogin  {	
            float: right; 
            color: #FFFFFF;
            height:155px; 
            border-left-width: 1px;
            border-left-style: solid; 
            border-left-color: #333333; 
            padding-left: 20px; 
            }
            
            #masthead #primary-nav li,
            #content #right #secondary-nav li {	
            list-style-type: none; 
            cursor: pointer;
            }
            #masthead #primary-nav a, 
            #content #right #secondary-nav a,
            #content #left .block a {	
            color: #FFFFFF; 
            text-decoration: none; 
            }
            #masthead #primary-nav a:hover, 
            #content #right #secondary-nav a:hover, 
            #content #left .block a:hover {	color: #DDAD58;	}

        #content { margin-top: 10px; }
            #content #left { 
            float: left; 
            width: 380px;	
            margin-right: 20px;	
            }
                #content #left .block li  { list-style-type: none; }
                #content #left .block #breadcrumb {
				margin: 20px 20px .45em 20px;
				font-size: 10px;
				}
                #content #left #addresses {
                font-size: 10px;
                line-height: 1.4em;
                color: #999999;
                }
				
				
				
                #content #left #addresses h3 {	
                font-size: 12px; 
                color: #999999; 
                margin-bottom: .9em; 
                }
                #left p, #left h2, #left li, #left h3{
                margin-left: 20px;
                margin-right: 20px;
                }
            #content #right { 
            width: 540px;	
            float: left; 
            }
			
				#content #right .block {
                min-height:540px;
                height:auto !important;
                height:540px;
                padding-left:20px;
                padding-right:20px;
                
				}
				
                #content #right .block li {
                margin-right: 20px;
                margin-left: 40px;
                padding-left:20px;
                color: #666666;
                }
                #content #right .block span { color: #CCCCCC; }
                #content #right .block ul { padding-bottom: .9em; }
                #content #right .block #vendors { margin-top: 10px; }
                    #content #right .block #vendors div {
                    width: 110px;
                    float: left;
                    margin-left: 20px;
                    margin-top: 10px;
                    }
                    #content #right .block #vendors div .image-border:hover { border-color: #DDAD58; }
                    #content #right .block #vendors div .image-border {
                    margin: 0px;
                    border: 1px solid #FFFFFF;
                    width: 108px;
                    }
                    #content #right .block #vendors div .vendor-name {
                    margin-top: 0.45em;
                    margin-right: 0px;
                    margin-bottom: 0em;
                    margin-left: 0px;
                    height: 42px;
                    overflow: hidden;
                    }
                    #content #right .block #vendors div .vendor-name a { text-decoration: none; }
                    #content #right .block #vendors img { border: 1px solid #000000; }
                    #content #right .block #vendors h1 { margin-bottom: 0px; }
            #content #footer { 
            display: block;	
            clear: both; 
            margin-bottom: 1.8em; 
            }


/*  ------------------  */
/*  Classes             */
/*  ------------------  */

    .clear 	{	
    display: block;	
    clear: both; 
    }

    .spacer { height: 20px; }
    .block  { 	
    background-color: #000000;	
    border: 1px solid #333333;	
    min-height:540px; 
    height:auto !important; 
    height:540px;
    margin-bottom: 1.8em; 
    }
    .index-block {
    background-color: #000000;
    border: 1px solid #333333;
    margin-bottom: 1.8em;
    z-index:-999;
	
    }
    
/*  ------------------  */
/*  Fading Elements     */
/*  ------------------  */

  
    #content #left .block .wrapper {
    min-height:510px; 
    height:auto !important; 
    height:510px;;
    width: 378px;
    background-color: #000000;
    }
    #content #right .block #vendors .wrapper {
    min-height:510px; 
    height:auto !important; 
    height:510px;;
    width: 538px;
    margin-left:0px;
    margin-top:0px;
    }
	
	.wrapper { 
	color: #FFFFFF; 
	display:none;
	}
	
	/*Element Specific*/
#categoryImage {
	width:538px;
	height:540px;
	}
#staticImage {
	width:378px;
	height:540px
}

		#login {
			margin-bottom;1.8em;
		}
		
		#loginform {
			width:400px;
			margin:0 auto 0 auto;
		}
		
		#loginform .submit{
			border-style:outset;
			cursor:pointer;
			margin-top:5px;
			
		}
		#loginform label{
			width:50px;
			margin-right:10px;
		}
		
		#loginform .input {
			background-color:#000000;
			color:#ffffff;
			border:medium double #ffffff;
			width:300px;	
		}
		
		#content #right .error li {
			margin-left:10px;
			padding-left:0;
			
		}
	
		
.edit {
	/*border:1px Solid #d7d7d7;*/
	/*background:#f4f4f4;*/
	margin:0px;
	padding:10px;
}

.edit fieldset {
	border:0px;
}

.edit .formfield {
	padding-top:10px;
}

.edit label {
	width:100px;
	text-align:right;
	padding:0px 5px 0px 0px;
	clear:both;
	float:left;
}

.error {
	color:#f00;
}

.disabled {
	color:#999;
}

.description {
	color:#999;
	font-size:11px;	
}
.edit .error {
}

.edit .error ul {
	margin:0px 0px 0px 100px;;
	padding:0px;
	list-style:none;
}

.edit .error ul li {
}

.edit .formfield {
	clear:both;
}

.edit .formfieldinputstack {
	float:left;
	padding:0px 0px 10px 0px;
}

.edit .formfieldinputstack label {
	float:none;
	width:auto;	
}

.edit .input {
	width:40%;
}

.edit  .phone{
	width:20%;
}

.edit .controls {
	clear:both;
	padding:10px 0px 0px 105px;
}