﻿/* Reset styles
-----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}

blockquote, q {
    quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:collapse;
border-spacing:0;
}

/*---------------------------
     WYSIWYG mode styles
-----------------------------*/
.RadEContentBordered #main-content, 
.RadEContentBordered #main-content-wide,
.RadEContentBordered #main-content-bordered,
.RadEContentBordered #side-content, 
.RadEContentBordered #side-content-bordered {border:1px dotted; padding:3em 1em 1em 1em;}

.RadEContentBordered #main-content {background:url(/CommonResources/Files/www.mccii.com/images/layout/maincontent.gif) no-repeat left top;}
.RadEContentBordered #main-content-wide {background:url(/CommonResources/Files/www.mccii.com/images/layout/maincontent-wide.gif) no-repeat left top;}
.RadEContentBordered #main-content-bordered {background:url(/CommonResources/Files/www.mccii.com/images/layout/maincontent-withborder.gif) no-repeat left top;}
.RadEContentBordered #side-content {background:url(/CommonResources/Files/www.mccii.com/images/layout/sidecontent.gif) no-repeat left top;}
.RadEContentBordered #side-content-bordered {background:url(/CommonResources/Files/www.mccii.com/images/layout/sidecontent-withborder.gif) no-repeat left top;}

/*---------------------------
    General settings
----------------------------*/
body {color:#666; background:#fff url(/CommonResources/Files/www.mccii.com/images/layout/content-bg.gif); font:62.5%/1.55 verdana, arial, sans-serif; }
    
/* Headings */
h1, h2, h3, h4, h5, h6 {margin:0 0 .5em 0; color:#94c154; font-weight:bold; }
h1 {font-size:1.82em; line-height:1.4; margin-bottom:1em;}
h2 {font-size:1.3em; margin-bottom:.64em; color:#666;}
h3 {font-size:1.1em;  color:#666;}
h4 {font-size:1em;  color:#666;}

/* Links */
a:link {color:#666; font-weight:bold;}
a:visited {color:#666; font-weight:bold;}
a:hover,
a:active,
a:focus {}

/* Paragraphs */
p {margin-bottom:1em;}
.preamble {color:#000;}

/* images */
img  {vertical-align:bottom;}
.float-aside {float:right;  clear:right; margin-right:-225px; width:200px;} /* makes it possible to align images shown in the right column with corresponding product heading */
.caption {font-size:.91em; font-style:italic; display:block;} /* image captions */

/* Lists */
ul {list-style:inside disc; margin-bottom:1em;}
ul li {list-style:none outside; background: url(/CommonResources/Files/www.mccii.com/images/layout/disc.gif) no-repeat left .6em; padding-left:1.25em; margin: 0 0 1em 0;}

ol {list-style:inside decimal; margin-bottom:1em;}

dl{margin-bottom:1em;}
dt {}
dd {}

/* Tables */
/*
table {width:100%; border:1px solid #666; margin-bottom:1em; }
td, th {padding:.7em; vertical-align:top; border-right:1px solid #666;}
th {background:#fff; text-align:left; font-weight:bold; border-bottom:1px solid #666; background:#eee }
tr {}
tr.odd {background-color:#ddd;}
*/

table {width:100%; background:#c5db98; border:none; margin-bottom:1em;}
thead {background:#5bac26; color:#fff;}
tbody tr {color:#528d2b; border-bottom:1px solid white;}
td, th {padding:.25em 0.5em; border:none; background:none; text-align:left; font-weight:normal;}
thead th, 
thead td {background:#5bac26;}
tbody th,
tbody td {border-bottom:1px solid #fff;}


/* general purpose classes */    
.off-screen {position:absolute; left:-999em;}

.clear {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-fix:after {content:"."; height:0; display:block; visibility:hidden; clear:both;}

.right-float {float:right; margin-left:1em;}
.left-float {float:left; margin-right:1em;}

/* Colors */
.red {color:#e20010;}
.blue {color:#008ebe;}
.green {color:#94c154;}
.green-light {color:#c5db98;}
.yellow {color:#fecc00;}

/* Text columns */
.column {width:200px; float:left;}
.column.left {padding-right:12px; border-right:1px solid #94c154;}
.column.right {padding-left:12px; margin-left:-1px; border-left:1px solid #94c154;}

/* Shadows */
.shadow-content {position:relative; height:20px; background:url(/CommonResources/Files/www.mccii.com/images/layout/drop-shadow.gif) repeat-x;}
.shadow-content .left-corner {display:block; height:20px; width:20px; position:absolute; left:0; top:0; background:url(/CommonResources/Files/www.mccii.com/images/layout/left-corner.gif) no-repeat;}
.shadow-content .right-corner {display:block; height:20px; width:20px; position:absolute; right:0; top:0; background:url(/CommonResources/Files/www.mccii.com/images/layout/right-corner.gif) no-repeat;}


/* skip links */
#skip a {position:absolute; right:9999px}
#skip a:focus, #skip a:active {
display:block;
padding:1em;
position:absolute;
top:0;
right:0;
width:250px;
text-align:center;
background:#ededee;
color:#000;
}
   
/* ------------------
    Page structure
--------------------*/
#main-wrapper {margin:0 auto; width:927px; position:relative;}
#content-wrapper {position:relative; padding:35px 25px; border:1px solid #666; border-top:0; min-height:500px; background:#fff; }

 
/* Header section
------------------*/
#head {height:138px;}

#branding {position:absolute; top:38px; left:22px}


/* Site navigation
---------------------*/
#nav ul, #nav ul li {list-style: none; margin: 0; padding: 0;}
#nav ul {text-align: center; border-bottom:1px solid #666;}
#nav ul li {display: inline; margin: 0 0.4em; background:none;}

#nav ul li a {background: url(/CommonResources/Files/www.mccii.com/images/layout/tab-right.gif) no-repeat right top; color: #000; padding: .5em 0; text-decoration: none; line-height:2.2em; color:#1a171b; font-weight:normal;}
#nav ul li a span {background: url(/CommonResources/Files/www.mccii.com/images/layout/tab-left.gif) no-repeat; padding: .5em 3.8em;}
#nav ul li a:hover span {text-decoration: underline;}

/* Selected tab */
#nav ul li.selected a  {border-bottom:1px solid #fff; background:url(/CommonResources/Files/www.mccii.com/images/layout/tab-right-selected.gif) no-repeat right top;}
#nav ul li.selected a span {background:url(/CommonResources/Files/www.mccii.com/images/layout/tab-left-selected.gif) no-repeat;}

/* Sub navigation */
#current-menu {background:#666 url(/CommonResources/Files/www.mccii.com/images/layout/current-menu.gif) no-repeat; color:#fff; margin-bottom:0; width:166px; padding:3px 17px; font-size:1em; font-weight:normal;}

#side-nav {background: #ebebec url(/commonfiles/specma.wpc.nu/css%20graphics/side-nav-bottom.gif) bottom left no-repeat; list-style:none; width:200px; float:left; display:inline; position:relative; font-size:1em;}
#side-nav ul {margin:0; padding:0; list-style:none outside; background: url(/commonfiles/specma.wpc.nu/css%20graphics/side-nav-top.gif) top left no-repeat;}
#side-nav li {margin: 0; padding:0; background:none}
#side-nav li.parent {background:url(/CommonResources/Files/www.mccii.com/images/layout/closed.gif) no-repeat 6px 8px}
#side-nav li.open {background:url(/CommonResources/Files/www.mccii.com/images/layout/open.gif) no-repeat 6px 8px}

/* Link styles */

/* level 1 links */
#side-nav a {display:block; text-decoration:none; color:#000; padding:.3em 17px; border-bottom:1px solid #59585a; border-right:1px solid #59585a; border-left:1px solid #59585a; font-weight:normal; white-space:nowrap; overflow:hidden;}
/* level 2 links */
#side-nav li ul a {padding-left:27px;}
#side-nav li ul li.parent {background-position:17px 8px}
/* level 3 links */
#side-nav li ul li ul a {padding-left:37px;}
#side-nav a:hover {font-weight:bold;}

/* Selected links */
#side-nav li.selected > a {background-color:#c5db98; font-weight:bold;}
#side-nav li.selected.parent > a {font-weight:bold; background:none;}

/* Site search 
--------------------*/
#site-search {background:#666; padding:3px 0 3px 5px}
#site-search .search-box {width:154px; padding-left:11px; font-size:1.1em; border:0;}
#site-search .search-button {border:0; margin:0; padding:0; background:url(/CommonResources/Files/www.mccii.com/images/layout/magnifying-glass.gif) no-repeat; width:20px; height:16px; margin-left:4px; vertical-align:top; font-size:0px; color:#fcf5cb;}

/* suggestions */
.sew_ac_results ul li {font-size:1em; list-style:none; background:none}

/* search listing */
.search-info {padding-bottom:1em; margin-bottom:1em; border-bottom:2px solid #666;}
#search-result dt {}
#search-result dd {margin:0; padding:0;}
#search-result dd blockquote {margin:0; padding:0;}
#search-result .meta {overflow:hidden; border-bottom:1px dotted #ccc; padding-bottom:1em; margin-bottom:1em;}
#search-result cite {font-size:.9em; font-style:normal;}
#search-result cite a {text-decoration:none; color:#aaa;}
#search-result cite a:visited {color:#aaa;}

/* Content sections
--------------------*/
#main-content {float:left; width:425px; margin: 35px 25px 0 25px; font-size:1.1em;}
#main-content-wide {float:left; width:650px; margin:35px 0 0 25px; font-size:1.1em;}
#side-content {float:left; width:200px; margin-top:35px; font-size:1.1em;}

/* bordered content columns */
#main-content-bordered {float:left; width:425px; margin: 35px 0 0 25px; font-size:1.1em; border-right:1px solid #59585a; padding-right:12px;}
#side-content-bordered {float:left; width:200px; margin:35px 0 0 -1px; padding-left:12px; font-size:1.1em; border-left:1px solid;}

/* Page footer */
#footer {position:absolute; bottom:0; left:0; padding:0 25px; width:875px; color:#1a171b; background:#94c154; font-size:.9em; height:1.67em;}

/* Footer vcard */
#footer a.url.fn.org {}
#footer .email {margin-left:12px;}
#footer .adr {}
#footer a:link {color:#1a171b; text-decoration:none;}
#footer a:visited {color:#1a171b;}
