/**
 * File name:     gordico_style.css
 * Context path:  gordico.com
 * Author:        David Lovett   
 * Created:       05-2023 (DL)
 **/
 
 
/*
 * style group: Overall copy style
 *
 * purpose:     These styles are applied to the body copy
 *              and headlines. 
 */
h1 {
  color:           #aeaeae;
  font-family:     verdana, arial, sans-serif;
  font-size:       20pt;
  font-weight:     normal;
  line-height:     20pt;
  text-decoration: none;
}

h2 {
  color:           #aeaeae;
  font-family:     verdana, arial, sans-serif;
  font-size:       16pt;
  font-weight:     normal;
  line-height:     10pt;
  text-decoration: none;
}

p {
  color:           #000000;
  font-family:     verdana, arial, sans-serif;
  font-size:       10pt;
  font-weight:     normal;
  line-height:     18pt;
  text-decoration: none;
}

ul, li {
  color:           #000000;
  font-family:     verdana, arial, sans-serif;
  font-size:       10pt;
  font-weight:     normal;
  line-height:     18pt;
  text-decoration: none;
}

.normal {
  color:           #000000;
  font-family:     verdana, arial, sans-serif;
  font-size:       10pt;
  font-weight:     normal;
  line-height:     18pt;
  text-decoration: none;
}

.large {
  color:           #000000;
  font-family:     verdana, arial, sans-serif;
  font-size:       11pt;
  font-weight:     bold;
  line-height:     14pt;
  text-decoration: none;
}

.whitesmall {
  color:           #FFFFFF;
  font-family:     verdana, arial, sans-serif;
  font-size:       8pt;
  font-weight:     normal;
  line-height:     10pt;
  text-decoration: none;
}

.white {
  color:           #FFFFFF;
  font-family:     verdana, arial, sans-serif;
  font-size:       10pt;
  font-weight:     normal;
  line-height:     18pt;
  text-decoration: none;
}

.whitelarge {
  color:           #FFFFFF;
  font-family:     verdana, arial, sans-serif;
  font-size:       12pt;
  font-weight:     normal;
  line-height:     18pt;
  text-decoration: none;
}

.whitelarge2 {
  color:           #FFFFFF;
  font-family:     verdana, arial, sans-serif;
  font-size:       16pt;
  font-weight:     normal;
  line-height:     18pt;
  text-decoration: none;
}

.red {
  color:           #cd0009;
  font-family:     verdana, arial, sans-serif;
  font-size:       12pt;
  font-weight:     bold;
  line-height:     16pt;
  text-decoration: none;
}

.red2 {
  color:           #cd0009;
  font-family:     verdana, arial, sans-serif;
  font-size:       11pt;
  font-weight:     bold;
  line-height:     16pt;
  text-decoration: none;
}

.headline {
  color:           #707070;
  font-family:     verdana, arial, sans-serif;
  font-size:       10pt;
  font-weight:     bold;
  line-height:     12pt;
  text-decoration: none;
}

.headline2 {
  color:           #707070;
  font-family:     verdana, arial, sans-serif;
  font-size:       16pt;
  font-weight:     normal;
  line-height:     19pt;
  text-decoration: none;
}

/*
 * style group: Body margins
 *
 * purpose:     These styles are applied to the body traits. 
 */

body {
  margin-top: 0px; 
  margin-right: 0px; 
  margin-bottom: 10px; 
  margin-left: 0px; 
	}


/*
 * style group: Overall link style
 *
 * purpose:     These styles are applied to the body copy. 
 */

a:link { text-decoration: none; font-family: verdana, arial, sans-serif; color: } 
a:active { text-decoration: font-family: verdana, arial, sans-serif; none; color:  } 
a:hover { text-decoration: font-family: verdana, arial, sans-serif; underline; color:#7c7c7c}
a:visited { text-decoration: font-family: verdana, arial, sans-serif; none; color:  } 

a {
  color:           #cd0009;
  font-family:     verdana, arial, sans-serif;
  font-size:       10pt;
  font-weight:     normal;
  line-height:     13pt;
  text-decoration: none;
}

.link-one {
  color:           #cd0009;
  font-family:     verdana, arial, sans-serif;
  font-size:       10pt;
  font-weight:     normal;
  line-height:     12pt;
  text-decoration: none;
}

.link-two {
color: 			   #b3db52;
font-family:       verdana, arial, sans-serif;
font-size:         11pt;
font-weight:       bold;
line-height:       0pt;
text-decoration:   none;
}

.link-three {
color: 			   #0f3f6f;
font-family:       verdana, arial, sans-serif;
font-size:         8pt;
font-weight:       normal;
line-height:       0pt;
text-decoration:   none;
}

.link-white {
color: 			   #FFFFFF;
font-family:       verdana, arial, sans-serif;
font-size:         11pt;
font-weight:       normal;
line-height:       0pt;
text-decoration:   none;
}

.link-white2 {
color: 			   #FFFFFF;
font-family:       verdana, arial, sans-serif;
font-size:         10pt;
font-weight:       normal;
line-height:       0pt;
text-decoration:   none;
}



/*
 * style group: Navigation menu
 *
 * 
 */
 

#navigation {
    padding: 0px;
    background-color: #;
    color: #1c5177;
    text-align: center;
}
#navigation ul {
    display: none;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
}
#navigation ul.expanded {
    display: block;
}
#navigation li a {
    display: block;
    padding: 20px 0;
    border-top: 1px solid #b7b7b7;
    font-size: 1.2em;
    color: #ffffff;
    text-decoration: none;
}
.menu_button {
    display: block;
    text-align: right;
    color: #ffffff;
    text-decoration: none;
}
.menu_button:hover {
    color: #999999;
    text-decoration: none;
}

.hr {
  border-top: 1px solid #cccccc;
}


 /* Client-specific Styles */
         #outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
         body{
	width:100% !important;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	margin:0;
	padding:0;
	background-image: url(images/HAS_bg.jpg);
}
         /* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */
         .ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
         .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing.  More on that: http://www.emailonacid.com/forum/viewthread/43/ */
         #backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
         img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic;}
         a img {border:none;}
         .image_fix {display:block;}
         p {margin: 0px 0px !important;}
         table td {border-collapse: collapse;}
         table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;-moz-border-radius:0px!important;border-radius:0px!important; }
         table[id=navigation] { display:none!important;}
		 /*STYLES*/
         table[class=full] { width: 100%; clear: both; }
        
		 /*TABLET STYLES*/
         @media only screen and (max-width: 640px) {
         a[href^="tel"], a[href^="sms"] {
         text-decoration: none;
         color: #0f3f6f; /* or whatever your want */
         pointer-events: none;
         cursor: default;
         }
         .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
         text-decoration: default;
         color: #b7b7b7 !important;
         pointer-events: auto;
         cursor: default;
         }
         table[class=devicewidth] {width: 100%!important;height:px!important;text-align:center!important;-moz-border-radius:0px!important;border-radius:0px!important;}
         table[class=devicewidthinner] {width: 420px!important;text-align:center!important;}
         table[class=mainsmall1] { float:left!important;}
         table[class=mainsmall2] { float:right!important;}
         table[class=banner-gap] { display:none!important;}
         img[class="bannerbig"] {width: 440px!important;height:px!important;}
         img[class="spacinglines"]{width: 420px!important;}
		 table[id=navigation] { display:inline!important;}
         table[class=titlebar] { display:none!important;}
         
         }
        
		 /*PHONE STYLES*/
         @media only screen and (max-width: 480px) {
         a[href^="tel"], a[href^="sms"] {
         text-decoration: none;
         color: ##0f3f6f; /* or whatever your want */
         pointer-events: none;
         cursor: default;
         }
         .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
         text-decoration: default;
         color: #b7b7b7 !important; 
         pointer-events: auto;
         cursor: default;
         }
         table[class=devicewidth] {width: 100%!important;height:px!important;text-align:center!important;-moz-border-radius:0px!important;border-radius:0px!important;}
         table[class=devicewidthinner] {width: 260px!important;text-align:center!important;}
         table[class=mainsmall1] { float:left!important;}
         table[class=mainsmall2] { float:right!important;width: 120px!important;height:90px!important;}
         img[class=mainsmall1] { width: px!important;height:px!important;}
         img[class=mainsmall2] { width: px!important;height:px!important;}
         table[class=banner-gap] { display:none!important;}
         img[class="bannerbig"] {width: 280px!important;height:px!important;}
         img[class="spacinglines"]{width: 260px!important;}
}






/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        margin:0px 1px;
        float:left;
        list-style:none;
    }
 
        .tab-links a {
            padding:9px 15px;
            display:inline-block;
            border-radius:0px 0px 0px 0px;
            background:#b2b2b2;
            font-size:14px;
            font-weight:600;
            color:#707070;
            transition:all linear 0.15s;
        }
 
        .tab-links a:hover {
            background:#a7cce5;
            text-decoration:none;
        }
 
    li.active a, li.active a:hover {
        background:#1c5177;
        color:#ffffff;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        padding:15px;
		border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #b2b2b2;
	border-collapse: collapsed;
        border-radius:0px;
        box-shadow:-0px 0px 0px rgba(0,0,0,0.15);
        background:#fff;
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }


.imageback {
    width: 100%;
    height: 700px;
    background-image: url('images/3.jpg');
    background-size: cover;
}

.imageback2 {
    width: 100%;
    height: px;
    background-image: url('images/3b.jpg');
    background-size: cover;
}


#rotator img { position: absolute; }


	img
{
display:block;
border:none;
padding:0px;
margin:0px;
}


/**
 * Navigation
 **/
 
 
#nav1 {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
border: none;
}
#nav1 li {
margin: 0px;
padding: 0px;
display: block;
background-attachment: scroll;
background-image: url(images/Stelco_navB.png);
background-repeat: repeat-x;
background-position: 0px 100%;
height: auto;
width: auto;
}
#nav1 li a:link, #nav1 li a:visited, #nav1 li a:active {
text-decoration: none;
color: #f1f1f1;
display: block;
width: 166px;
margin: 0px;
height: 40px;
text-align: center;
padding: 0px 0px 0px 0px;
background-attachment: scroll;
background-repeat: repeat-x;
background-position: 0px 100%;
background-image: url(images/Stelco_nav.png);
}
#nav1 li a:hover {
text-decoration: none;
background-image: none;
}

#nav2 {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
border: none;
}
#nav2 li {
margin: 0px;
padding: 0px;
display: block;
background-attachment: scroll;
background-image: url(images/Stelco_navB.png);
background-repeat: repeat-x;
background-position: 0px 100%;
height: auto;
width: auto;
}
#nav2 li a:link, #nav2 li a:visited, #nav2 li a:active {
text-decoration: none;
color: #f1f1f1;
display: block;
width: 167px;
margin: 0px;
height: 40px;
text-align: center;
padding: 0px 0px 0px 0px;
background-attachment: scroll;
background-repeat: repeat-x;
background-position: 0px 100%;
background-image: url(images/Stelco_nav.png);
}
#nav2 li a:hover {
text-decoration: none;
background-image: none;
}

#nav3 {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
border: none;
}
#nav3 li {
margin: 0px;
padding: 0px;
display: block;
background-attachment: scroll;
background-image: url(images/Stelco_navB.png);
background-repeat: repeat-x;
background-position: 0px 100%;
height: auto;
width: auto;
}
#nav3 li a:link, #nav3 li a:visited, #nav3 li a:active {
text-decoration: none;
color: #f1f1f1;
display: block;
width: 167px;
margin: 0px;
height: 40px;
text-align: center;
padding: 0px 0px 0px 0px;
background-attachment: scroll;
background-repeat: repeat-x;
background-position: 0px 100%;
background-image: url(images/Stelco_nav.png);
}
#nav3 li a:hover {
text-decoration: none;
background-image: none;
}

#nav4 {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
border: none;
}
#nav4 li {
margin: 0px;
padding: 0px;
display: block;
background-attachment: scroll;
background-image: url(images/Stelco_navB.png);
background-repeat: repeat-x;
background-position: 0px 100%;
height: auto;
width: auto;
}
#nav4 li a:link, #nav4 li a:visited, #nav4 li a:active {
text-decoration: none;
color: #f1f1f1;
display: block;
width: 167px;
margin: 0px;
height: 40px;
text-align: center;
padding: 0px 0px 0px 0px;
background-attachment: scroll;
background-repeat: repeat-x;
background-position: 0px 100%;
background-image: url(images/Stelco_nav.png);
}
#nav4 li a:hover {
text-decoration: none;
background-image: none;
}

#nav5 {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
border: none;
}
#nav5 li {
margin: 0px;
padding: 0px;
display: block;
background-attachment: scroll;
background-image: url(images/Stelco_navB.png);
background-repeat: repeat-x;
background-position: 0px 100%;
height: auto;
width: auto;
}
#nav5 li a:link, #nav5 li a:visited, #nav5 li a:active {
text-decoration: none;
color: #f1f1f1;
display: block;
width: 167px;
margin: 0px;
height: 40px;
text-align: center;
padding: 0px 0px 0px 0px;
background-attachment: scroll;
background-repeat: repeat-x;
background-position: 0px 100%;
background-image: url(images/Stelco_nav.png);
}
#nav5 li a:hover {
text-decoration: none;
background-image: none;
}

#nav6 {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
border: none;
}
#nav6 li {
margin: 0px;
padding: 0px;
display: block;
background-attachment: scroll;
background-image: url(images/Stelco_navB.png);
background-repeat: repeat-x;
background-position: 0px 100%;
height: auto;
width: auto;
}
#nav6 li a:link, #nav5 li a:visited, #nav5 li a:active {
text-decoration: none;
color: #f1f1f1;
display: block;
width: 166px;
margin: 0px;
height: 40px;
text-align: center;
padding: 0px 0px 0px 0px;
background-attachment: scroll;
background-repeat: repeat-x;
background-position: 0px 100%;
background-image: url(images/Stelco_nav.png);
}
#nav6 li a:hover {
text-decoration: none;
background-image: none;
}

input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 2.75em;
	}