/*ANIMATION DIV STYLES -----------------------------------------------------------------------------------------*/

/*IMAGES SET AS BACKGROUND STYLES FOR SLIDE SHOW IN CONTAINER DIVS - NUMBER OF BACKGROUNDS SET VARIABLE = bgs -------------------------*/


/*SLIDE SHOW IMAGES - SIZE TO BE NOT BIGGER THAN iimgdiv */ 




div.img0{background: url(image0.jpg); width:207px; height: 280px}
div.img1{background: url(image1.jpg); width:207px; height: 280px}
div.img2{background: url(image2.jpg); width:207px; height: 280px}
div.img3{background: url(image3.jpg); width:207px; height: 280px}
div.img4{background: url(image4.jpg); width:207px; height: 280px}
div.img5{background: url(image5.jpg); width:207px; height: 280px}
div.img6{background: url(image6.jpg); width:207px; height: 280px}

/* IMAGES DEFINED BY UNIQUE divs IN PAGE CONTENT VARIABLES ARE NOT CONTROLLED WITHIN THE IMAGE CYCLING FUNCTION. */

/* PAGE IMAGE CONTAINER LAYOUT STYLES */


/*IMAGE DIV STYLES */

/* POSITION AND SIZE OF OUTER IMAGE CONTAINER - GLOBAL */

/* INNER BANNER IMAGE CONTAINER - GLOBAL - SIZE TO BE NOT BIGGER THAN outerimgdivg */


/*div.iimgdivg{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}*/

/*GLOBAL IMAGE OUTER & INNER CONTAINER DIVS STYLE */
div.goimgcontstyle{background: none; z-index: 10; position : absolute; top : 200px; left:840px; width:207px; height: 280px}
div.giinmgcontstyle{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}


/*PAGE SPECIFIC IMAGE OUTER & INNER CONTAINER DIVS STYLE - SET IN loadcontrol FUNCTION*/

/* PAGE 0 */
div.outerimgdivp0{background: none; z-index: 10; position : absolute; top : 200px; left:840px; width:207px; height: 280px}
div.iimgdivp0{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}

/* PAGE 1 */
div.outerimgdivp1{background: none; z-index: 10; position : absolute; top : 200px; left:840px; width:207px; height: 280px}
div.iimgdivp1{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}

/* PAGE 2 */
div.outerimgdivp2{background: none; z-index: 10; position : absolute; top : 200px; left:840px; width:207px; height: 280px}
div.iimgdivp2{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}

/* PAGE 3 */
div.outerimgdivp3{background: none; z-index: 10; position : absolute; top : 200px; left:840px; width:207px; height: 280px}
div.iimgdivp3{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}

/* PAGE 4 */
div.outerimgdivp4{background: #a1a1a1; z-index: 10; position : absolute; top : 200px; left:840px; width:207px; height: 280px}
div.iimgdivp4{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}

/* PAGE 5 */
div.outerimgdivp5{background: #cccccc; z-index: 10; position : absolute; top : 200px; left:840px; width:207px; height: 280px}
div.iimgdivp5{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}

/* PAGE 6 */
div.outerimgdivp6{background: #FF0000; z-index: 10; position : absolute; top : 200px; left:840px; width:207px; height: 280px}
div.iimgdivp6{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}

/* PAGE 7 */
div.outerimgdivp7{background: blue; z-index: 10; position : absolute; top : 200px; left:840px; width:207px; height: 280px}
div.iimgdivp7{position : absolute; top : 200px; left: 0px; width:207px; height: 280px; display: block}

/* PAGE 8 */
div.outerimgdivp8{background: blue; z-index: 10; position : absolute; top : 200px; left:840px; width:207px; height: 280px}
div.iimgdivp8{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}

/* PAGE 9 ats PAGE*/
div.outerimgdivp9{background: none; z-index: 10; position : absolute; top : 200px; left:840px; width:207px; height: 280px}
div.iimgdivp9{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}

/* PAGE 10 SECONDARY PAGE */
div.outerimgdivp10{background: blue; z-index: 10; position : absolute; top : 200px; left:840px; width:207px; height: 280px}

/*PAGE 11 EXTERNAL CAMERA*/
div.outerimgdivp11{background: none; z-index: 5; position : absolute; top : 180px; left: 0px; width:207px; height: 280px}
div.iimgdivp11{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}

/*PAGE 12 INTERNAL CAMERA*/
div.outerimgdivp12{background: none; z-index: 5; position : absolute; top : 180px; left: 0px; width:207px; height: 280px}
div.iimgdivp12{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}

/*PAGE 13 DOORBELL CAMERA*/
div.outerimgdivp13{background: none; z-index: 5; position : absolute; top : 180px; left: 0px; width:207px; height: 280px}
div.iimgdivp13{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}

/*PAGE 14 HI BAY LIGHT*/
div.outerimgdivp14{background: none; z-index: 5; position : absolute; top : 180px; left: 0px; width:207px; height: 280px}
div.iimgdivp14{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}

/*PAGE 15 LED TUBES*/
div.outerimgdivp15{background: none; z-index: 5; position : absolute; top : 180px; left: 0px; width:207px; height: 280px}
div.iimgdivp15{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}

/*PAGE 16 CASE STUDY*/
div.outerimgdivp16{background: none; z-index: 5; position : absolute; top : 180px; left: 0px; width:207px; height: 280px}
div.iimgdivp16{position : absolute; top : 0px; left: 0px; width:207px; height: 280px; display: block}