/* CSS via TDW Site Mgmt System */

    html {
        font-size: 12px;
        line-height: 18px;
    }

    body {
    	/* Geometry+ */
    	padding: 0;
    	margin: 0;
    	/* Typography */
    	font-size: 100%;
    	/* Chroma */
    	background: #3C7E82;
    	background-image: url(/imgs/bggradient.jpg);
    	background-repeat: repeat-x;
    }

    div#widthController {
    	width: 765px; 
    	margin: 0 auto;
    }
    /* div#widthController {
    	width: 90%;
    	max-width: 1200px; 
    	margin: 0 auto;
    } */

    div#header {
    	height: 84px;
    	padding: 0;
    	margin: 0;
    	width: 765px;;

    	background: black;
    	color: #00FFFF;
    	background-image: url(/imgs/topper-bkg.gif); 
    	background-repeat: repeat-x; 

    	border-bottom: none;	
    }

    h1, h2, h3{
    	padding: 9px;
    	margin: 3px;	
        text-align: center;
    	color: #0C4D58;
    }

    h1 {
    	text-align: center;

    	font-size: 180%; /* 1.8em; */
    }

    h2 {
    	font-size: 160%; /* 1.6em; */
    }

    h3 {
    	font-size: 140%; /* 1.4em; */
    }

    .hMiniNav {
    	text-align: center; 
    	padding: 5px 0 3px 0;

    	border-style: solid;
    	border-color: teal; 
    	border-width: 1px 0;
    }


    .hMiniNav img a {
    	padding: 3px;
    }

    div#contactAndSpotlightTopper {
    	padding-top: 3px;
    }

    div#currentSpotlight {
    	padding: 1px;

    	/* font-size: 96%;
    	line-height: 1.2em; */
    	font-weight: bold;
    }

    div#main {
      background: #0C4D58 url(/imgs/bkgstripes.gif);
      border: none;
    }

    div#distinctPageContents {
    	border-top: solid 1px teal;
    }

    div#footer a {
    	color: white;
    }


    #col-b {
      margin-left: -11em;
    }
    #col-c {
      margin-right: -11em;
    }
    .show-all #columns {
      padding: 0 11em;
    }
    .hide-left #columns {
      padding: 0 11em 0 0;
    }
    .hide-right #columns {
      padding: 0 0 0 11em;
    }
    .sidecol  {
    	width: 11em;
    }


    .sideLinker {
    	margin: 1em 1px;

    	color: #FFEA9A;

    	line-height: 1.18em; 
    }

    .sideLinker a {
    	color: white;
    }

    .sideLinker ul {
    	list-style: none;
    	padding: 0;
    	margin: 0;
    }

    .sideLinker li a {
    	display: block;
    	width: 100%;
    	text-align: center;
    	padding: 0.3em 0;
    	margin: 1em 0;

    	color: white;
    	background: black;
    }

    div#gadTop {
    	margin: 0.5em 0;  
    	border-bottom: solid 1px teal;
    }

    div#gadBottom {
    	margin: 0.5em 0;
    }

    div#gadLeft {
    	margin: 1em 0; 
    	color: white;
    	padding-left: 3px;
    }

    .productSalesCopy {
    	/* font-size: 110%; */
    }

    .productSalesCopy .opener {
    	color: #003300;
    	font-weight: bold;
    	font-variant: small-caps;
    }

    .productSalesCopy .pricing {
    	color: #006633;
    	font-weight: bold;
    }

    .SaleOpener {
    	color: red;
    	font-weight: bold;
    }

    #openingShortcuts {
    	/* font-size: 1.3em; 
    	line-height: 1.4em; */
    }

    p {
    	margin-top: 3px;
    }

    .em {
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-style: italic;
    }

    .box {
    	margin: 0.3em;
    }

    .visToggler {
    	font-size: 10px;
    	font-style: italic;
    }

    .stdHighLight {
    	color: #006000;
    	font-weight: bold;
    }

    .cols-wrapper {
    	border-style: none;
    }

    #offersDetails {
        text-align: justify;
    }

    #offersDetails strong {
    	font-weight: bold;
    }
    #offersDetails em {
    	font-weight: bold;
    	color: green;
    }
    #offersDetails em strong {
    	font-weight: bold;
    	color: red;
    }

    #daily-sale-div {
    	padding-bottom: 6px; 
    	margin-bottom: 6px;
    	line-height: 144%;
    }

    #cm-sale {
    	width: 325px; 
    	margin: 0 auto; 
    	background: #FFFFC1; 
    	padding: 1em; 
    	border: solid 3px darkgreen;
    }

    #cm-sale h2 {
    	font-size: 13px; 
    	color: #0c4d58;
    }

    #cm-sale h3 {
    	 color: red; 
    	 font-size: 15px;
    	 font-style: italic;
    	 line-height: 144%;
    }

    #cm-sale-w {
    	width: 96%; 
    	margin: 0 auto; 
    	background: #FFFFC1; 
    	padding: 1em; 
    	border: solid 3px darkgreen;
    }

    #cm-sale-w h2 {
    	font-size: 13px; 
    	color: #0c4d58;
    }

    #cm-sale-w h3 {
    	 color: red; 
    	 font-size: 15px;
    	 font-style: italic;
    	 line-height: 144%;
    }

    div.imgband3 {
        width: 100%;
        text-align: center;
        margin-bottom: 1px;
        padding-bottom: 2px;
        clear: both;
    }

    div.imgband3 img {
        width: 96px;
        height: 96px;
    }

    div.imgband3-iw {
        width: 32%;
        text-align: center;
        height: 96px;
        padding: 3px; /* ; */
        margin: 3px auto;
        float: left;
    }

    div.imgband2 {
        width: 100%;
        text-align: center;
        margin-bottom: 1px;
        padding-bottom: 2px;
        clear: both;
    }

    div.imgband2 img {
        width: 96px;
        height: 96px;
    }

    div.imgband2-iw {
        width: 48%;
        text-align: center;
        height: 96px;
        padding: 3px auto;
        margin: 3px auto;
        float: left;
    }


    div.imgband1 {
        width: 100%;
        text-align: center;
        margin-bottom: 1px;
        padding-bottom: 2px;
        clear: both;
    }

    div.imgband1 img {
        width: 96px;
        height: 96px;
    }

    div.imgband1-iw {
        width: 99%;
        text-align: center;
        height: 96px;
        padding: 3px auto;
        margin: 3px auto;
        float: left;
    }

    div.XXXimgband3 img {
    	height: 96px;
    	width: 96px;
    }

    div.zoom img {
    	border: dotted 1px teal;
    }


    .zoom {
    	width: 96px; 
    	height: 96px; 
    	/* float:left;  */
    	margin: 0 auto; 
    	position:relative;
    }


    .step1 {margin:0; width:96px; height:64px;
    -webkit-transition:0s;
    -moz-transition:0s;
    -ms-transition:0s;
    -o-transition:0s;
    transition:0s;
    }
    .step2 {width:100%; height:100%; margin:0;
    -webkit-transition:0s;
    -moz-transition:0s;
    -ms-transition:0s;
    -o-transition:0s;
    transition:0s;
    }
    .zoom img {width:100%;}

    .zoom:hover {
    	z-index:100;
    }

    .zoom:hover img {
    	width: auto;
    	height: auto;
    }

    .zoom:hover .step1 {
    	/* width:600px; 
    	height:400px; 
    	margin-left:-252px; 
    	margin-top:-168px; */
    	width: 192px; 
    	height: 192px; 
    	margin-left: -48px; 
    	margin-top: -48px;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
    }

    .zoom:hover .step2 {
    	width:96%; 
    	height:96%; 
    	margin: 12px;
    -webkit-transition:0.15s 0.3s;
    -moz-transition:0.15s 0.3s;
    -ms-transition:0.15s 0.3s;
    -o-transition:0.15s 0.3s;
    transition:0.15s 0.3s;
    }

    div.imgband3-iw {
    	margin-bottom: 1em;
    }

    table#front-pages-offers-table td	    {
    	margin: 3px;
    	padding: 3px;
    	vertical-align: middle;
    }


ul.prod-lilus {
	text-align: center; 
	width: 99%; 
	list-style-type: none;
	/* to allow for zooming */
	height: 234px; 	
padding-top: 6px;	
}
ul.prod-lilus li {
	float: left; 
	width: 33%; 
	text-align: center; 
	margin: 0 auto;
}
ul.prod-lilus li img {
	width: 120px;
	margin-top: 24px;
}
ul.prod-lilus li img:hover {
	transition: 0.15s 0.3s; 
	-webkit-transition:0.15s 0.3s;
        -moz-transition:0.15s 0.3s;
        -ms-transition:0.15s 0.3s;
	-o-transition:0.15s 0.3s;
	transform: scale(1.44, 1.44); 
	/* margin-top: 24px;  */
}