@import url('reset.css');

/* ========================================================================== */            
/* === BASIC ================================================================ */
/* ========================================================================== */ 

body{
    background: #fff url(../../img/glacialsales/bg-body.jpg) 0px 0px repeat-x;
    color: #333;
    font: normal normal 10px/10px Verdana, Arial, sans-serif; }
    
    p{
	font: normal normal 1.1em/1.4em Verdana, Arial, sans-serif;
	margin: 0 0 1em 0; }
        
    a{
        color: #ffb41b;
        text-decoration: none; }
    #container a { color:#006699; text-decoration: underline; }
    a:hover{ text-decoration: underline }

    .blue {color:#00386B !important;}
    .clear { clear:both; }
        
/* ========================================================================== */            
/* === STRUCTURE ============================================================ */
/* ========================================================================== */

    #wrap{
        /*background: url(../../img/glacialsales/bg-wrap.jpg) top center no-repeat;*/
        background: url(../../img/glacialsales/bg-mountains.jpg) 50% 99px no-repeat;
        display: table;
        padding: 13px 0 0 0;
        width: 100%; }
        
        #container{
            background: url(../../img/glacialsales/bg-translucent.png) 50% 86px no-repeat;
            display: table;
            margin: 0 auto;
            position: relative;
            width: 830px;
            padding-left:15px}
                
/* ========================================================================== */            
/* === SIDEBAR ============================================================== */
/* ========================================================================== */                 
                
            #sidebar{
		float: left;
                width: 195px; }
		
		#sidebar #profile-picture{
		   background: url(../../img/glacialsales/bg-profile-picture.jpg) no-repeat;
		   float: left;
		   height: 223px;
		   margin: 0 0 20px 0;
		   padding: 5px 0 0 0;
		   text-align: center;
		   width: 100%; }

                #sidebar #profile-picture img { border:0 }
		    
		#profile-contact{
		    float: left;
		    width: 100%; }
		    
		    #profile-contact p{
			color: #999;
			font: normal normal 1.1em Verdana, Arial, sans-serif; }
			
		    #profile-contact em{
			color: #00386b;
			font: normal bold 2.3em Verdana, Arial, sans-serif;
			letter-spacing: -1px;}
			
		    #profile-contact a{
			font-size: 1.1em;
			text-decoration: underline;
                        line-height:1.2em;}
			
			#profile-contact a:hover{ text-decoration: none }
			
/* ========================================================================== */            
/* === PROFILE ============================================================== */
/* ========================================================================== */

#profile{
    float: left;
    padding: 22px 0 0 30px;
    width: 580px; }
    
    #profile h1{
	color: #f8a112;
	font: normal bold 3.4em Verdana, Arial, sans-serif;
	letter-spacing: -2px; }
	
    #profile h2{
	color: #425367;
	font: normal bold 1.4em Verdana, Arial, sans-serif;
	letter-spacing: -1px;
	margin: 0 0 20px 0;
	text-transform: uppercase; }
	
    #profile h3{
	color: #999;
	font: normal bold 3.4em Verdana, Arial, sans-serif;
	letter-spacing: -2px;
	margin: 0 0 20px 0; }

    #profile h4{
	color: #000;
	font: normal bold 1.2em Verdana, Arial, sans-serif;
        /* letter-spacing: -1px; */
	margin: 0 0 5px 0; }
	
    #profile form{
	float: left;
	width: 100%; }
	
	#profile form label{
	    color: #999;
	    display: block;
	    float: left;
	    font: normal normal 1.1em Verdana, Arial, sans-serif;
	    margin: 0 0 7px 0;
	    width: 100%; }
	    
	#profile form input{
	    border-top: 1px solid #000;
	    border-left: 1px solid #000;
	    border-bottom: 1px solid #ccc;
	    border-right: 1px solid #ccc;
	    color: #333;
	    display: block;
	    float: left;
	    font: normal normal 1.1em Verdana, Arial, sans-serif;
	    height: 23px;
	    margin: 0 0 13px 0;
	    padding: 0 1% 0 1%;
	    width: 97%; }
	    
	    #profile form input:focus{ background: #eee; }
	    
        #profile form select {
            border-top: 1px solid #000;
	    border-left: 1px solid #000;
	    border-bottom: 1px solid #ccc;
	    border-right: 1px solid #ccc;
            color: #333;
	    display: block;
	    float: left;
	    font: normal normal 1.1em Verdana, Arial, sans-serif;
	    height: 23px;
	    margin: 0 0 13px 0;
        }

        #profile form fieldset.half{
	    float: left;
	    width: 50%; }
	    
	    #profile form fieldset.half input,
            #profile form fieldset.half select { width: 92% }
	    
	#profile form fieldset #submitbtn{
	    background: url(../../img/glacialsales/submit.jpg) top left no-repeat;
	    border: 0 none;
	    color: #fff;
	    cursor: pointer;
	    font: normal bold 1.2em Verdana, Arial, sans-serif;
	    height: 30px;
	    padding: 0 0 2px 0;
	    text-align: center;
	    width: 130px; }
	    
	    #profile form fieldset #submitbtn:hover,
	    #profile form fieldset #submitbtn:focus{ background: url(../../img/glacialsales/submit.jpg) 0px -30px no-repeat; }
	    #profile form fieldset #submitbtn:active{ background: url(../../img/glacialsales/submit.jpg) 0px -60px no-repeat; }

            .fileInput { width: 300px; }
                
/* ========================================================================== */            
/* === FOOTER =============================================================== */
/* ========================================================================== */

        #wrap-footer{
	    background: url(../../img/glacialsales/bg-wrap-footer.jpg) top left repeat-x;
	    clear: both;
	    margin: 0 auto;
	    padding: 0 0 50px 0;
            width: 100%; }
            
            #footer{
		background: url(../../img/glacialsales/bg-footer.jpg) top center no-repeat;
		color: #999;
		height: 274px;
		line-height: 1.3em;
                margin: 0 auto;
		padding: 90px 0 0 0;
		text-align: center;
                width: 996px; }
		
	    #footer p.footer-right{
		clear: both;
		color: #A6B3C0;
		display: block;
		float: left;
		font: normal normal 1.1em/1.5em Verdana, Arial, sans-serif;
		margin: 0 0 100px 325px;
		text-align: left;
		width: 590px; }

            #footer p.footer-right strong {
                color: #FFF;
            }
		
	    #footer .copy-share{
		clear: both;
		float: left;
		margin: 30px 0 0 0;
		padding: 0 30% 50px 30%;
		width: 40%; }
		
	    #footer span{
		color: #333;
		font: normal normal 1.1em Verdana, Arial, sans-serif; }			
		
	    #footer .facebook, #footer .twitter, #footer .linkedin, #footer .rss{
		display: inline-block;
		font-size: 0;
		height: 24px;
		line-height: 0;
		text-indent: -9999px;
		width: 24px; }
		
		#footer .facebook:hover, #footer .twitter:hover, #footer .linkedin:hover, #footer .rss:hover{ background-position: 0px -24px }
		#footer .facebook:active, #footer .twitter:active, #footer .linkedin:active, #footer .rss:active{ background-position: 0px -48px }
		
		#footer .facebook{ background: url(../../img/glacialsales/facebook.png) }
		#footer .twitter{ background: url(../../img/glacialsales/twitter.png) }
		#footer .linkedin{ background: url(../../img/glacialsales/linkedin.png) }
		#footer .rss{ background: url(../../img/glacialsales/rss.png) }

/* ========================================================================== */
/* === ERROR ================================================================ */
/* ========================================================================== */
#errorpage #wrap {background-image:none;}
#errorpage #container {background-image:none;}
#error-layout { padding-top:100px}

    #error-layout h2{
	color: #425367;
	font: normal bold 3.4em Verdana, Arial, sans-serif;
	letter-spacing: -2px;
	margin: 0 0 20px 0; }

    #error-layout h3{
	font: normal bold 1.4em Verdana, Arial, sans-serif;
	letter-spacing: -1px;
	margin: 0 0 10px 0; }

    #error-layout P{
	font-size:1.2em }

/* ========================================================================== */
/* === NOTIFICATIONS ======================================================== */
/* ========================================================================== */
div.error_banner { margin-top:10px; margin-bottom:20px; padding:15px 20px 15px 50px; color: #000; font-weight: bold; background-color: #FFE1E1; border:solid 2px #CC3300; background-image:url(../../img/glacialsales/exclamation.png); background-position: 10px 50%; background-repeat: no-repeat; }
div.error_banner b { float:right; font-size:16px; font-weight:bold }

div.message,
div.note_banner { border: 2px solid #CCCC66; background:#FFFFBB; font-weight:bold; margin: 10px 0 20px 0; padding:15px; }
div.success_banner { border:2px solid #b6e47a; padding:15px 20px 15px 50px; color:#000; font-weight: bold; margin-bottom:20px; background-color:#d7fca8;background-image:url(../../img/glacialsales/accept.png); background-position: 10px 50%; background-repeat: no-repeat;  }

div.error-message { color:#CC3300; margin-bottom:15px; }

/* ========================================================================== */
/* === SOCIAL BADGES ======================================================== */
/* ========================================================================== */
.badge {margin: 0 3px 3px 0}



/* ========================================================================== */
/* === ICONS  =============================================================== */
/* ========================================================================== */
.file { padding-left:20px; line-height: 18px !important; vertical-align: middle; display:inline-block; background: transparent no-repeat left top; }
.pdf { background-image: url('../../img/icons/pdf.png'); }
.zip { background-image: url('../../img/icons/zip.png'); }
.doc { background-image: url('../../img/icons/doc.png'); }
.ppt { background-image: url('../../img/icons/ppt.png'); }
.xls { background-image: url('../../img/icons/xls.png'); }