/* ie modifications */

.tabs-nav { /* auto clear */
    display: inline-block;
}
.tabs-nav .tabs-disabled {
    position: relative; /* fixes opacity */
    filter: alpha(opacity=40);
}
.tabs-nav .tabs-disabled a span {
    _height: 19px; /* for some reason the height is 1px to less with opacity... */
    min-height: 19px; /* ...in both IE 6 and 7 */
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 6px;
/*    background: url(tab.png) no-repeat; */
}
.tabs-nav a {

position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
    padding-right: 7px;
    background-color: #AADCF8;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
/*    background: url(loading.gif) no-repeat 0 50%; */
}


/* page layout */
    	#container {
			width: 795px;
		    margin: 3px;
			margin-left: auto;
			margin-right: auto;
			padding: 3px;
		}
		#header {
            padding: 5px;
			margin-bottom: 3px;
/*			background-color: rgb(235, 235, 235); */
            background-image: url(images/b-t2-skyblue.png);
			height: 50px;
			border: 1px solid gray;
			font: 100% Verdana, Tahoma, Arial, sans-serif;
            text-align: left;
        }
		#body {
			padding: 5px;
            margin-bottom: 0px;
			margin-left: 172px;
			margin-right: 160px;
			border: 1px solid gray;
			font: 80% Verdana, Tahoma, Arial, sans-serif;
            color: #444444;
		}
		#left {
			float: left;
			width: 165px;
			margin: 0;
            margin-right: 5px;
			padding: 3px;
/*			background-color: rgb(235, 235, 235); */
            background-image: url(images/b-l2-skyblue-190.png);
			border: 1px solid gray;
			font: 75% Verdana, Tahoma, Arial, sans-serif;
		}
		#right {
			float: right;
			width: 153px;
			margin: 0;
			margin-left: 5px;
			padding: 3px;
            background-color: #AADCF8;
			border: 1px solid gray;
			font: 75% Verdana, Tahoma, Arial, sans-serif;
            text-align: center;
		}
		#footer {
			clear: both;
			padding: 5px;
			margin-top: 5px;
			background-color: rgb(235, 235, 235);
			border: 1px solid gray;
			font: 70% Verdana, Tahoma, Arial, sans-serif;
		}
/*        #menucontainer {width: 120px;}      */
        #buttons a {color: #000033;
            background-color: #FFFFFF;
            padding: 2px;
            padding-left: 3px;
            display: block;
            font: 12px Arial, sans-serif;
            font-weight: bold;
            text-decoration: none;
            text-align: left;}
        #buttons a:hover {background-color: #FFFFFF;
            color: #0033CC;
            text-decoration: none;}
         body {
            text-align: center;
            font-family: Verdana;
            color: #444444;
            font-size: 80%;
            background-color: #FFFFFF;
              }
        #main {
		background:#fff;
        text-align: left;
	    }


/* anchors */
		a {
		color:#000066;
		text-decoration:none;
		}
		a.g {
		color:#444444;
		text-decoration:none;
		}
		a.gu {
		color:#444444;
		text-decoration:none;
		}
		a:hover {
		color:#0000CC;
        text-decoration: underline;
		}
		a.g:hover {
		color:#444444;
        text-decoration: none;
		}
		a.gu:hover {
		color:#444444;
        text-decoration: underline;
		}
        a.b  {
        font-weight: bold;
        }
        a.c  {
        text-align: center;
        }
        a.bt {
        text-align: left;
        font-family: Verdana;
        color: #444444;
        font-size: 100%;
        vertical-align: bottom;
        }
        a.btb {
        text-align: left;
        font-family: Verdana;
        color: #000000;
        font-size: 100%;
        vertical-align: bottom;
        }
        a.menu {
        text-align: left;
        font-family: Verdana;
        color: #000000;
        font-size: 120%;
        vertical-align: bottom;
        }
        a.menub {
        text-align: left;
        font-family: Verdana;
        color: #000000;
        font-size: 120%;
        vertical-align: bottom;
        font-weight: bold;
        line-height: 17px;
        }
        a.mini  {
        font-size: 80%;
        text-decoration: none;
        }
        a.miniw  {
        font-size: 80%;
        text-decoration: none;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        vertical-align: middle;
        font-family: Verdana;
        }
        a.span  {
        font-size: 95%;
        text-decoration: none;
        }
        a.blank  {
        text-decoration: none;
        }
        a.bal{
        font-family: Arial;
        font-weight: bold;
        font-size: 120%;
        text-align: right;
        }
        a.bcff  {
        font-weight: bold;
        color: #0000FF;
        }
        a.lrg  {
        font-size: 125%;
        color: #330066;
        }
        a.selected  {
        font-size: 95%;
        text-decoration: none;
		color:#000066;
        font-weight: bold;
        vertical-align: bottom;
        background-color: #AADCF8;
        }
        a.stbar.chicklet img {
        border:0;
        height:16px;
        width:16px;
        margin-right:3px;
        vertical-align:middle;
        }
        a.stbar.chicklet {
        height:16px;
        line-height:16px;
        }
/* divisions */
    div.content {
    border: #48f solid 2px;
    clear: left;
    padding: 1em;
    font-family: Verdana;
    font-size: small;
      }
    div.area {
    font-family: Verdana;
    font-size: 110%;
      }
    div.left {
      text-align: left;
    }

/* headers */

   h1 {
   vertical-align: top;
      text-align: right;
      font-style: italic;
      font-family: arial;
      color: #444444;
      font-size: 200%;
      }
   h2 {
      text-align: center;
      font-family: Verdana;
      color: #444444;
      font-size: 120%;
      }
   h2.menu {
      text-align: left;
      font-family: Verdana;
      color: #444444;
      font-size: 120%;
      }
   h2.n {
      text-align: left;
      font-family: Arial;
      color: #000000;
      font-size: 120%;
      margin-top: 0px;
      margin-bottom: 19px;
      }
   h2.bg {
      text-align: center;
      font-family: Verdana;
      color: #444444;
      font-size: 140%;
      }
   h2.bgc {
      text-align: center;
      font-family: Verdana;
      color: #444444;
      font-size: 140%;
      vertical-align: middle;
      }
   h2.vbgc {
      text-align: center;
      font-family: Verdana;
      color: #444444;
      font-size: 175%;
      vertical-align: middle;
      }
   h2.bgl {
      text-align: left;
      font-family: Verdana;
      color: #444444;
      font-size: 140%;
      }
   h2.bb {
      text-align: center;
      font-family: Verdana;
      color: #0000FF;
      font-size: 140%;
      }
   h2.bll {
      font-family: Verdana;
      font-weight: bold;
      color: #0000FF;
      font-size: 110%;
      }
   h2.b {
      text-align: left;
      font-family: Verdana;
      color: #0000FF;
      font-size: 160%;
      }
   h2.minilink  {
      font-size: 80%;
      text-decoration: none;
      font-weight: lighter;
      text-align: center;
      }
   h4 {
      text-align: left;
      font-weight: bold;
      font-family: arial;
      color: #444444;
      font-size: 140%;
      }
   h4.reg {
      text-align: left;
      font-weight: bold;
      font-family: arial;
      color: #444444;
      }
   h4.regc {
      text-align: center;
      font-weight: bold;
      font-family: arial;
      color: #444444;
      }
   h3 {
      text-align: left;
      font-family: Verdana;
      color: #444444;
      font-size: 120%;
      }
   h3.posts {
      text-align: center;
      font-family: Verdana;
      color: #444444;
      font-size: 85%;
      }
   h3.b {
      text-align: left;
      font-family: Verdana;
      color: #0000FF;
      font-size: 120%;
      font-weight: bold;
      }
   h3.bin {
      text-align: left;
      font-family: Verdana;
      color: #0000FF;
      font-size: 120%;
      font-weight: bold;
      display: inline;
      }
   h4.bin {
      text-align: left;
      font-family: Verdana;
      color: #000000;
      font-size: 100%;
      font-weight: bold;
      display: inline;
      }
   h3.bm {
      text-align: left;
      font-family: Verdana;
      font-size: 120%;
      font-weight: bold;
      vertical-align: middle;
      }
   h3.bt {
      text-align: left;
      font-family: Verdana;
      color: #444444;
      font-size: 120%;
      vertical-align: bottom;
      }
   h3.bc {
      text-align: center;
      font-family: Verdana;
      color: #0000FF;
      font-size: 120%;
      }
   h3.bbc {
      text-align: center;
      font-family: Verdana;
      color: #0000FF;
      font-size: 160%;
      }
   h3a {
      text-align: center;
      font-family: Arial;
      color: #000080;
      font-size: 120%;
      }

/* horizontal rule */
 hr.menu {
      margin-top: 2px;
      margin-bottom: 2px;
      text-align: left;
      }

/* images */

 img.fifty {
      padding: 25px;
      }
 img.gallery {
      display: block;
      width: 55%;
      margin-left: auto;
      margin-right: auto;
      }
 img.gallery17 {
      display: block;
      width: 10%;
      margin-left: auto;
      margin-right: auto;
      }
 img.featured {
      display: block;
      width: 65%;
      margin-left: auto;
      margin-right: auto;
      }
 img.galleryw {
      display: block;
      width: 45%;
      margin-left: auto;
      margin-right: auto;
      border-color: #FFFFFF
      }
 img.galleryw100 {
      display: block;
      margin-left: auto;
      margin-right: auto;
      border-color: #FFFFFF
      }
 img.gallery80 {
      display: block;
      width: 65%;
      margin-left: auto;
      margin-right: auto;
      }
 img.btwenty {
      padding-bottom: 25px;
      }
 img.bfive {
      padding-bottom: 5px;
      }
 img.m {
   vertical-align: middle;
      }


/* line items */

 li.b {
      font-weight: bold;
      color: #0000FF;
      vertical-align: middle;
      }
 li.bz {
      font-weight: bold;
      color: #0000FF;
      vertical-align: middle;
      list-style: none;
      }
 li.bzll {
      text-indent: -12px;
      font-weight: bold;
      color: #0000FF;
      vertical-align: middle;
      list-style: none;
      }
 li.bbz {
 	  padding-left: 10px;
      font-size: 120%;
      font-weight: bold;
      color: #666666;
      vertical-align: middle;
      list-style: none;
      height: 18px;
      }
 li.bg {
      font-weight: bold;
      vertical-align: middle;
      }
 li.gz {
      vertical-align: middle;
      list-style: none;
      }
 li.z {
      vertical-align: middle;
      list-style: none;
      height: 7px;
      }
 li.lm {
      height: 30px;
      text-align: left;
      vertical-align: middle;
      }
 li.lmz {
      text-align: left;
      text-indent: -20px;
      text-decoration: none;
      }
 li.menu {
      text-align: left;
      text-indent: -35px;
      text-decoration: none;
      height: 18px;
      list-style: none;
      }
 li.menub {
      text-align: left;
      text-indent: -38px;
      text-decoration: none;
      height: 18px;
      list-style: none;
      font-weight: bold;
      }
 li.lms {
      height: 30px;
      font-size: 80%;
      text-align: left;
      vertical-align: middle;
      text-decoration: none;
      }
 li.t {
      height: 17px;
      vertical-align: middle;
      }
 li.dt {
      height: 27px;
      vertical-align: middle;
      }
 li.ldt {
      height: 17px;
      vertical-align: middle;
      text-align: left;
      }
 li.bt {
      font-weight: bold;
      color: #0000FF;
      height: 17px;
      vertical-align: middle;
      }
 li.bdt {
      font-weight: bold;
      color: #0000FF;
      height: 27px;
      vertical-align: middle;
      }
 li.blist {
      font-weight: bold;
      height: 27px;
      vertical-align: top;
      text-align: left;
      }
 li.bbbm {
      font-family: Arial;
      height: 20px;
      vertical-align: middle;
      font-size: 120%;
      }
 li.bma {
      font-family: Arial;
      vertical-align: middle;
      font-size: 120%;
      }
 li.bbmm {
      font-family: Arial;
      height: 20px;
      vertical-align: middle;
      font-size: 120%;
      }

ol#tocjq {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
      }
ol#tocjq li {
    float: left;
    margin: 0 1px 0 0;
    padding-left: 10px;
      }
ol#tocjq a {
    color: #008;
    display: block;
    float: left;
    height: 2em;
    line-height: 2em;
    padding-right: 10px;
    text-decoration: none;
      }
ol#tocjq li.current {
    background-color: #000;
    background-position: 0 -60px;
      }
ol#tocjq li.current a {
    background-position: 100% -60px;
    color: #000;
    font-weight: bold;
      }
ol#todjq {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
      }
ol#todjq li {
    float: left;
    margin: 0 1px 0 0;
      }
ol#todjq a {
    color: #008;
    display: block;
    float: left;
    height: 2em;
    line-height: 2em;
    padding-right: 7px;
    padding-left: 7px;
    text-decoration: none;
      }
ol#todjq li.current {
    background-position: 0 -60px;
      }
ol#todjq li.current a {
    background-position: 100% -60px;
    color: #fff;
    font-weight: bold;
      }

/* paragraph */

 p.diamond {
      font-family: Wingdings;
      }
 p.left {
      text-align: left;
      }
 p.c {
      text-align: center;
      }
 p.bll {
      font-family: Verdana;
      font-weight: bold;
      color: #0000FF;
      font-size: 110%;
      }
 p.bl {
      font-family: Verdana;
      font-weight: bold;
      font-size: 110%;
      display: inline;
      }
 p.bc {
      font-family: Verdana;
      font-weight: bold;
      font-size: 110%;
      text-align: center;
      }
 p.bbc {
      font-family: Verdana;
      font-weight: bold;
      font-size: 110%;
      color: #0000FF;
      text-align: center;
      }
 p.menu {
      font-family: Verdana;
      font-weight: bold;
      font-size: 120%;
      display: inline;
      text-align: left;
      color: #000000;
      vertical-align: bottom;
      }
 p.bl120 {
      font-family: Verdana;
      font-weight: bold;
      font-size: 120%;
      display: inline;
      }
 p.arb {
      font-family: Arial;
      font-weight: bold;
      }
 p.a90 {
      font-family: Arial;
      font-size: 95%;
      }
 p.a80 {
      font-family: Arial;
      font-size: 80%;
      text-align: center;
      }
 p.bi {
      font-weight: bold;
      font-style: italic;
      }


/* tables */

td.button {
  background-color: #0066FF;
  border: 1px solid black;
  padding: 0px 2px 0px 2px;
  text-align: center;
        }
table.c {
   margin-left: auto;
   margin-right: auto;
      }
 tr.arb {
      font-family: Arial;
      font-weight: bold;
      }
 tr.bll {
      text-align: left;
      font-weight: bold;
      font-size: 120%;
      }
 tr.bllm {
      text-align: left;
      font-weight: bold;
      font-size: 120%;
      vertical-align: middle;
      }
 tr.ll {
      text-align: left;
      font-size: 120%;
      }
 tr.arbl {
      font-family: Arial;
      font-weight: bold;
      font-size: 120%;
      }
 tr.g {
      background-color: #E6E6E6;
      border-color: #E6E6E6;
      border-style: hidden;
      }
 td.b {
      font-weight: bold;
      }
 td.borderr {
      border-right: solid;
      }
 td.bc {
      font-weight: bold;
      text-align: center;
      }
 td.bc50 {
      font-weight: bold;
      text-align: center;
      width: 50px;
      padding-right: 10px;
      }
 td.bct {
      font-weight: bold;
      text-align: center;
      vertical-align: top;
      }
 td.bcb {
      font-weight: bold;
      text-align: center;
      vertical-align: bottom;
      }
 td.cb {
      text-align: center;
      vertical-align: bottom;
      }
 td.bbc {
      font-weight: bold;
      text-align: center;
      font-size: 125%;
      vertical-align: middle;
      }
 td.bbb {
      font-weight: bold;
      text-align: center;
      font-size: 125%;
      vertical-align: bottom;
      }
 td.bbr {
      font-weight: bold;
      text-align: right;
      font-size: 125%;
      vertical-align: bottom;
      }
 td.bcb {
      text-align: center;
      font-size: 110%;
      vertical-align: bottom;
      }
 td.bbdr {
      font-weight: bold;
      text-align: right;
      font-size: 110%;
      vertical-align: bottom;
      }
 td.bbbc {
      font-weight: bold;
      text-align: center;
      font-size: 165%;
      vertical-align: middle;
      }
 td.c {
      text-align: center;
      }
 td.mini {
      text-align: center;
      font-size: 80%;
      }
 td.blm {
      font-weight: bold;
      vertical-align: middle;
      text-align: left;
      }
 td.blt {
      font-weight: bold;
      vertical-align: top;
      text-align: left;
      }
 td.brm {
      font-weight: bold;
      vertical-align: middle;
      text-align: right;
      }
 td.brt {
      font-weight: bold;
      vertical-align: top;
      text-align: right;
      }
 td.t {
      vertical-align: top;
      }
 td.ctg {
      vertical-align: top;
      text-align: center;
      color: #BBBBBB;
      }
 td.btm {
      vertical-align: bottom;
      }
 td.l {
      text-align: left;
      }
 td.r {
      text-align: right;
      }
 td.reql {
      text-align: left;
      vertical-align: middle;
      color: #0066FF;
      }
 td.reqll {
      text-align: left;
      vertical-align: middle;
      color: #0066FF;
      font-size: 120%;
      }
 td.reqr {
      text-align: right;
      vertical-align: middle;
      color: #0066FF;
      }
 td.optll {
      text-align: left;
      vertical-align: middle;
      font-size: 120%;
      }
 td.optbll {
      font-weight: bold;
      text-align: left;
      vertical-align: middle;
      font-size: 120%;
      }
 td.tl {
      vertical-align: top;
      text-align: left;
      }
 tr.l {
      text-align: left;
      }
 tr.tl {
      vertical-align: top;
      text-align: left;
      }
 td.feature {
      vertical-align: bottom;
      text-align: center;
      height: 30px;
/*      font-weight: bold;  */
      }
 td.tall {
      vertical-align: top;
      text-align: center;
      height: 30px;
      }
 td.list {
      vertical-align: top;
      text-align: left;
      font-weight: bold;
      height: 30px;
      }
 td.feature110 {
      vertical-align: bottom;
      text-align: center;
/*      font-size: 110%;  */
      font-family: Arial;
/*      font-weight: bold; */
      }
 tr.ml {
      vertical-align: middle;
      text-align: left;
      }
 table.tl {
      vertical-align: top;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      }

/* spiderpic */

.spiderpic{
position: relative;
z-index: 0;
}

.spiderpic:hover{
background-color: transparent;
z-index: 50;
}

.spiderpic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -150px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.spiderpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.spiderpic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;
left: 100px; /*position where enlarged image should offset horizontally */
}

.spiderpicr{
position: relative;
z-index: 0;
}

.spiderpicr:hover{
background-color: transparent;
z-index: 50;
}

.spiderpicr span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -150px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.spiderpicr span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.spiderpicr:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;
left: -650px; /*position where enlarged image should offset horizontally */
}
/* others */


 select.g1 {
      color: #999999;
       }
 select.g2 {
      color: #777777;
       }
 option.b {
      color: #000000;
       }

creq {
      color: #FF0000;
      font-weight: bold;
      font-size: 80%;
      }
 cmenu {
      text-decoration: none;
      font-size: 120%;
      }
 carialb {
   font-family: Arial;
   font-weight: bold;
   text-align: left;
      }
 cblueb {
   color: #000080;
   font-weight: bold;
      }
/* sharethis */
.st_twitter_custom{
        background: url("http://www.diyshutters.com/images/tweet.png") no-repeat scroll left top transparent;
        padding:6px 24px 0 0;
}
.st_facebook_custom{
        background: url("http://www.diyshutters.com/images/facebook.png") no-repeat scroll left top transparent;
        padding:6px 24px 0 0;
}
.st_gbuzz_custom{
        background: url("http://www.diyshutters.com/images/googlebuzz.png") no-repeat scroll left top transparent;
        padding:6px 24px 0 0;
}
.st_email_custom{
        background: url("http://www.diyshutters.com/images/mail.png") no-repeat scroll left top transparent;
        padding:6px 24px 0 0;
}
.st_sharethis_custom{
        background: url("http://www.diyshutters.com/images/sharethis.png") no-repeat scroll left top transparent;
        padding:6px 24px 0 0;
}