body
{
    margin-top: 20px;
    font-size: 12px;
    line-height: 13px;
    font-family: Verdana, Tahoma, Sans-Serif, Arial;
    background-image: url(../equisigns-images/bgstar2.gif); /*equisigns-images/bg5.jpg   bgstar.jpg*/
    background-repeat: repeat;
    background-color: #81CDF0; /*#FFFF99;*/
    margin-bottom: 25px;
    text-align: center; /* for ie - puts everything center page */
    color: #666666;
    color: #757279;
}

#html
{
    margin: 0;
    padding: 0;
}
*
{
    margin: 0;
    padding: 0;
}


img
{
    margin: 0;
    padding: 0;
    border: 0;
}

div
{
    margin: 0;
    padding: 0;
    border: solid 0px #F8D6E4;
}

p
{
    margin: 0;
    padding: 0;
    line-height: 1.2em;
}


#thumbs p
{
    margin: auto auto;
    border: solid 0px #CCCBCB;
}
#thumbs p a img
{
    margin: auto;
    overflow: hidden;
    margin-top: 1px;
}

.spcr
{
    clear: both;
    height: 60px;
    width: 1050px;
    background-color: #F8D6E4;
}

.hd1
{
    width: 307px;
    margin-bottom: 7px;
    height: 28px;
    padding-top: 7px;
    font-weight: bold;
    float: left;
    display: inline;
}


.hd2
{
    position: relative;
    top: 10px;
    height: 28px;
    width: 130px;
    margin-left: 0px;
    color: White;
    margin-bottom: 7px;
    background-color: #FE6D8B;
    font-weight: bold;
    float: left;
    display: inline; /* #9A5B6C;*/
    color: White;
    text-align: center;
}



.hd2 a
{
    display: block;
    color: White;
    padding-top: 7px;
}

.hd2 a:hover
{
    display: block;
    color: black;
    padding-top: 7px;
}



.hd3
{
    position: relative;
    top: 2px;
    width: 130px;
    height: 120px;
    float: left;
    color: White;
    font-weight: bold;
    display: inline;
    background-color: red;
}



.ptitlesize
{
    font-size: 7pt;
    background-color: #FE6D8B;
    color: White; /* #CA319A;*/
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    margin-right: 5px;
    width: 55px;
    height: 30px;
    border: 1px solid #FE6D8B;
    overflow: hidden;
}

.blutxt
{
color: #293e84;
}

.psize
{
    font-size: 7pt;
    background-color: white;
    float: left;
    display: inline;
    margin-right: 2px;
    margin-bottom: 5px;
    width: 45px;
    height: 30px;
    border: 1px solid #FE6D8B;
    cursor: default;
    overflow: hidden;
}
.psizespc
{
    font-size: 8pt;
    background-color: transparent;
    float: left;
    display: inline;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 50px;
    height: 30px;
    border: 1px solid transparent;
    cursor: default;
    overflow: hidden;
}

.secinstr
{
    font-size: 8pt;
    text-align: center;
    cursor: default;
}

.pcolour
{
    background-color: green;
    float: left;
    display: inline;
    margin-top: 4px;
    margin-right: 4px;
    width: 40px; /*30 */
    height: 20px; /*25 */
    border: 1px solid #FE6D8B;
    cursor: default;
}

/* container css - garment page   */

.container
{
    position: relative;
    width: 1050px;
    height: 400px;
    clear: both;
    top: 50px;
}
.container-horse-wear
{
    position: relative;
    top: 45px;
    width: 1050px;
    height: 1200px;
    clear: both;
    border: solid 0px red;
}
.piccontainer
{
    position: relative;
    float: left;
    display: inline;
    top: 5px;
    width: 300px;
    height: 392px;
    border: solid 0px red;
}
.gutscontainer
{
    border: solid 0px green;
    position: relative;
    float: left;
    display: inline;
    width: 700px;
    height: 392px;
    left: 15px;
    top: 5px;
    padding: 0;
    background-color: White;
}
.gutsheader
{
    border: solid 0px blue;
    position: relative;
    float: left;
    display: inline;
    width: 699px;
    height: 25px;
    text-align: center;
    top: 5px;
    padding: 0;
    background-color: White;
}

.h21
{
    position: relative;
    float: left;
    display: inline;
    line-height: 25px;
    font-family: 'Tempus Sans ITC';
    font-size: 12pt;
}
.h22
{
    position: relative;
    float: left;
    display: inline;
    line-height: 25px;
    font-family: 'Tempus Sans ITC';
    font-size: 12pt;
}
.h23
{
    position: relative;
    float: left;
    display: inline;
    line-height: 25px;
    font-family: 'Tempus Sans ITC';
    font-size: 12pt;
}

.costcontainer
{
    position: relative;
    top: 0px;
    float: left;
    display: inline;
    width: 160px;
    text-align: center;
    margin-bottom: 6px;
    border: 0px;
}
.costcontainer p
{
    position: relative;
    top: 20px;
    clear: both;
}
.colcontainer-polo1
{
    position: relative;
    top: 5px;
    float: left;
    display: inline;
    width: 368px;
    margin-left: 5px;
    height: 160px;
    border: solid 0px red;
    padding: 0px;
}


.colcontainer-polo2
{
    position: relative;
    top: 5px;
    float: left;
    display: inline;
    width: 145px;
    margin-left: 10px;
    height: 160px;
    border: solid 0px red;
    padding: 0px;
}

.colcontainer-pic
{
    position: relative;
    top: 5px;
    left: 20px;
    float: left;
    display: inline;
    width: 170px;
    margin-left: 10px;
    height: 160px;
    border: 0px;
    padding: 0px;
}
.colcontainer-pic2
{
    position: relative;
    float: left;
    display: inline;
    top: 0px;
    left: 10px;
    height: 160px;
    width: 210px;
    border: 0px;
}
.container-email-slogan
{
    float: left;
    display: inline;
    position: relative;
    top: 0px;
    width: 320px;
    height: 33px;
    border: solid 0px red;
}
.container-spec
{
    float: left;
    display: inline;
    position: relative;
    top: 0px;
    left: 10px;
    height: 160px;
    width: 130px;
    margin: 0px;
    padding: 0px;
    border: solid 0px blue;
}
.container-boxsize
{
    height: 180px;
    border: 0px;
    width: 680px;
    position: relative;
    top: 15px;
    float: left;
    display: inline;
}
/* -50 email -85 */
.boxsize1
{
    float: left;
    width: 320px;
    position: relative;
    top: 10px;
    height: 50px;
    font-size: 8pt;
    text-align: center;
    margin-bottom: 10px;
    border: solid 0px black;
}

.boxsize2
{
    float: left;
    width: 320px;
    position: relative;
    top: 15px;
    height: 50px;
    font-size: 8pt;
    text-align: center;
    margin-bottom: 10px;
    border: solid 0px black;
}


a
{
    color: #29ABE2;
}
a:hover
{
    color: #FE6D8B;
}
a:visited
{
    text-decoration: none;
}



.instr
{
    width: 100%;
    margin-left: 0px;
    margin-right: auto;
    margin-top: 0px;
    text-align: center;
    height: 230px;
    margin-bottom: 10px;
    border: solid 0px red;
}

.instr p
{
    float: left;
    display: inline;
    padding: 5px 2px 5px 2px;
    margin-right: 20px;
    width: 145px;
    height: 210px;
    border: 2px solid #F8D6E4;
}

.instr p img
{
    float: left;
    display: inline;
    padding: 5px 0px 0px 0px;
    margin-left: 5px;
    width: auto;
    height: auto;
}
.equisign
{
    background-color: transparent;
    color: #FE6D8B;
    font-weight: bold;
}

.equisign2
{
    background-color: transparent;
    color: #FE6D8B;
    font-weight: normal;
}

.pinstr
{
    margin-left: 5px;
}
.pinstrr
{
    margin-right: 0px;
    margin-left: 5px;
}

p.vis
{
    visibility: hidden;
    margin-left: -6000px;
}

#outer
{
behavior: url(PIE.htc);
    position: relative;
    top: 25px;
    margin-left: auto;
    margin-right: auto;
    width: 1088px;
    border: solid 0px gray; /*  height:3540px;  */
    text-align: left;
    background-color: White;
      -moz-box-shadow: 0 0 90px 5px #074068; /*#004880;*/
    -webkit-box-shadow: 0 0 90px #074068;
    box-shadow: 0 0 90px #074068;

}


#wrapper
{
    position: relative;
    top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 1068px;
    text-align: left;
    background-color: White;
    margin-bottom: 5px;
    padding: 0px;

}


#header
{
    margin: 0px;
    padding: 0px;
    font-family: georgia;
    font-style: italic;
    font-size: 22px;
    font-weight: 300;
    color: #293e84;
    width: 1068px;
    height: 345px;
    background-color: #F8D6E4;
}

#inheadleft
{
    float: left;
    display: inline;
    width: 340px;
    height: 345px;
    text-align: center;
}

#inheadleft h1
{
    clear: both;
    position: relative;
    top: 30px;
    height: 160px;
    width: 340px;
    border: solid 0px red;
}

#inheadleft img
{
    height: 125px;
    width: 330px;
    margin-left: auto;
    margin-right: auto;
}


#inheadright img
{
    position: relative;
    height: 299px;
    width: 673px;
    margin-left: auto;
    margin-right: auto;
    top: 20px;
}

#inheadright
{
    float: left;
    width: 700px;
    height: 345px;
    text-align: center;
}

h1.rap
{
    text-align: center;
    font-family: georgia;
    font-style: italic;
    font-size: 22px;
    color: #293e84;
    margin-top: 20px;
    font-weight: 400;
}


h2.rap
{
    text-align: center;
    font-family: georgia;
    font-style: italic;
    font-size: 18px;
    color: #293e84;
    font-weight: 400;
}



/* used for the colours page */
#left
{
    float: left;
    width: 335px;
    height: 647px;
    margin-top: 55px;
    border: solid 0px blue;
}

/* used for the colours page */
#right-pic
{
    float: left;
    width: 335px;
    height: 647px;
    margin-top: 0px;
    margin-left:10px;
    border: solid 0px blue;
}

#right-pic a
{
text-decoration:none;
}


#right
{
    float: left;
    width: 705px;
    height: 647px;
    margin-top: 55px;
    border: solid 0px red;
}



#left2
{
    float: left;
    width: 260px;
    height: 422px;
    margin-top: 15px;
    border: solid 0px red;
}

#right2
{
    float: left;
    width: 780px;
    height: 422px;
    margin-top: 15px;
    border: solid 0px red;
}

#right2 img
{
    float: left;
    margin-left: 10px;
}


@font-face
{
    font-family: "Tempus Sans ITC";
    src: url("TEMPSITC.ttf");
}


.nob
{
}
.popup4
{
    z-index: 400; 
    visibility: visible;
    position: relative;
    background-color: #200000;
    width: 281px;
    font-size: 13px;
    overflow: visible;
    cursor:pointer;
}
.popup4bord
{
    -moz-box-shadow: 0 0 40px 5px #013A01;
    -webkit-box-shadow: 0 0 40px #013A01;
    box-shadow: 0 0 50px #013A01;
}

/* colours page*/
#popupinstruct
{
    z-index: 400; 
   display: none;
    position: absolute;
    background-color: #200000;
    top:200px;
    left:5px;
    width: 350px;
    font-size: 13px;
    overflow: visible;
    cursor:pointer;
}

#popupinstruct p
{
padding: 0px 10px;
}


.pcolour
{
    cursor: pointer;
}


.opacity50
{
    opacity: 0.85; /* firefox, opera, safari, chrome */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /* IE 8 */
    filter: alpha(opacity=85); /* IE 4, 5, 6 and 7 */
}


.opacity50b
{
    opacity: 0.90; /* firefox, opera, safari, chrome */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=93)"; /* IE 8 */
    filter: alpha(opacity=90); /* IE 4, 5, 6 and 7 */
}


.psell
{
    position: relative;
    top: 25px;
    padding: 4px;
    border: dotted 1px #aeaeae;
    width: 132px;
    height: 196px;
    margin-right: 8px;
    float: left;
    display: inline;
    text-align: left;
    background-image:url(../play/bg_try1.png);
    background-repeat: repeat;
}

.ptitle
{
    width: 70px;
    margin-left: 10px;
    clear: both;
    font-weight: bold;
}


.pcol3spcr
{
    margin-top: 4px;
    width: 4px; /*30 */
    height: 20px; /*25 */
}

.rword p
{
    height: 20px;
}
.hdr
{
    font-weight: bold;
}

.visa
{
    float: left;
    display: inline;
    height: 10px;
    width: 10px;
    font-size: 3px;
    color: white;
}
.hov
{
    cursor: pointer;
}
.popup4a
{
    z-index: 400;
    font-family: Verdana, arial, helvetica, sans-serif;
    visibility: hidden;
    position: absolute;
    padding: 5px;
    border: solid 20px #90BB54;
    background-color: #9DFFAC;
    width: 371px;
    font-size: 13px;
    overflow: visible;
}
#dual p
{
    line-height: 1.4em;
}

#morepics span a
{
    text-decoration: none;
}


#optimglge
{
    z-index: 3000;
    clear: both;
    display: block;
    height: 320px;
    width: 300px;
    position: relative;
    top: -160px;
    left: 360px;
    background-color: yellow;
    text-align: center;
    -moz-box-shadow: 0 0 40px 5px #222222;
    -webkit-box-shadow: 0 0 40px #222222;
    box-shadow: 0 0 50px #222222;
}
#optimglge img
{
    margin-top: 10px;
}

#optimglge2
{
    z-index: 3000;
    clear: both;
    display: block;
    height: 545px;
    width: 695px;
    position: relative;
    top: -160px;
    left: 360px;
    background-color: black;
    text-align: center;
    -moz-box-shadow: 0 0 40px 5px #222222;
    -webkit-box-shadow: 0 0 40px #222222;
    box-shadow: 0 0 50px #222222;
}
#optimglge2 img
{
    margin-top: 10px;
}

#optimglge2sp0
{
color:White;
font-size:14px;

}


#optimglge2sp1
{
 display:block;
 position:absolute;
 z-index:200;
 cursor:pointer;
 height:60px;
 width:60px;
 background-image: url(../brochure/close3.png);
 background-repeat:no-repeat;
 background-position:10px 0px;
 margin-left:635px;
 margin-top:-5px;
}


#optimglge2sp2
{
 display:block;
 position:absolute;
 z-index:200;
 cursor:pointer;
 padding-top:5px;
 height:20px;
 width:100px;
 margin-left:563px;
 margin-top:-198px;
 background-color:#77B738;
 color:Black;
 font-size:16px;
 font-weight:bold;
}


#aliceband2b
{
    z-index: 3000;
    clear: both;
    display: block;
    height: 520px;
    width: 395px;
    position: relative;
    top: -80px;
    left: -350px;
    background-color: #FF0044;
    text-align: center;
    -moz-box-shadow: 0 0 40px 5px #222222;
    -webkit-box-shadow: 0 0 40px #222222;
    box-shadow: 0 0 50px #222222;
}


#aliceband2sp0
{
font-size:14px;
color:#ffffff;
}

#aliceband2sp1
{
 display:block;
 position:absolute;
 z-index:200;
 cursor:pointer;
 height:60px;
 width:60px;
 background-image: url(../brochure/close2.png);
 background-repeat:no-repeat;
 background-position:10px 0px;
 margin-left:325px;
 margin-top:-15px;
}


#aliceband2b a
{
color:White;
font-size:13px;
}

.yell
{
color:#ffff10;
}

.gry
{
 background-color:#E7E7E7;
 border: dotted 1px #aeaeae;
}

.hiddn2
{
    visibility: hidden;
}
.hiddn
{
    display: none;
}

#telp
{
    position: relative;
    top: 30px;
    clear: both;
    width: 100%;
    margin-left: 0px;
    height: 30px;
}
#telp p
{
    position: relative;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px;
}
#telp h2
{
    text-align: center;
    margin-left: 2px;
    margin-top: 5px;
    font-size: 15px;
}
#telp h2.telsp1
{
    font-size: 1.3em;
    line-height: 1.8em;
}
#telp h2.telsp2
{
    font-size: 1em;
    font-weight: 500;
    line-height: 1.8em;
    color: #293e84;
}



#telpp
{
padding-top:20px;
text-align:center;
}

/* end of colours */


/* bottom menu 


#menu
{
    border: solid 0px red;
    position: relative;
    top: 10px;
    margin-left: -20px;
    float: left;
    display: inline;
    width: 100%;
    text-align: center;
    height: 30px;
}
#menu ul
{
    float: left;
    display: inline;
    width: 100%;
    text-align: center;
}
#menu ul li
{
    line-height: 30px;
    font-family: 'Comic Sans MS' , Georgia, Tahoma, Verdana, Sans-Serif;
    float: left;
    display: inline;
    margin-right: 19px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
}

*/

#menu2 ul li a
{
    display: block;
}
#menu ul li a:hover
{
    display: block;
    color: #FE6D8B;
    left: 0px;
}


#menu2
{
    margin-left: auto;
    margin-right: auto;
    font-family: Georgia;
    float: left;
    display: inline;
    width: 97%;
    text-align: center;
    height: 30px;
}
#menu2 ul
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: 40px;
    margin-top: 20px;
    width: 740px;
}
#menu2 ul li
{
    float: left;
    display: inline;
    margin-right: 16px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}
#menu2 ul li a
{
    display: block;
}
#menu2 ul li a:hover
{
    display: block;
    color: #FE6D8B;
    left: 0px;
}


#menu2 a
{
    font-size: 12px;
    font-weight: normal;
}
#menu2 a:hover
{
    font-size: 12px;
    font-weight: normal;
}

.tempus
{
    text-align: center;
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: bold;
    font-family: 'Tempus Sans ITC' , 'Comic Sans MS' , Tahoma, Verdana;
}
.head
{
    font-weight: bold;
}

.equisign-promise a
{
    font-family: Georgia, Comic Sans MS, Sans-Serif;
    font-size: 14px;
    background-color: transparent;
    color: #FE6D8B;
    font-weight: bold;
}

.equisign-promise a:hover
{
    font-family: Georgia, Comic Sans MS, Sans-Serif;
    font-size: 14px;
    background-color: transparent;
    color: #29ABE2;
    font-weight: bold;
}


/* --- charts -- */

.flt
{
    float: left;
    display: inline;
}
.wdhh
{
    width: 170px;
    height: 60px;
    border: dotted 1px #aeaeae;
    margin: 1px;
}
.wdhr
{
    width: 170px;
    height: 32px;
    border: dotted 1px #aeaeae;
    margin: 1px;
}


#foot
{
    clear: both;
    position: relative;
    top: 18px;
    text-align: center;
    height: 145px;
    width: 100%; /*860px*/
    margin-left: 0px; /*185px;*/
    border: solid 0px red;
    background-color: #F8D6E4;
    z-index:0;
}

#foot a
{
    background-color: transparent;
    line-height: 20px;
}
#foot span
{
    font-weight: bold;
}


#callit2
{
    position: relative;
    top: 0px;
    z-index: 2099;
    border: none;
}

/*   for over + mail    */

/* overlay */

div.overlayzzz
{
    /* must be initially hidden */ /*display:  none;*/
    display: none;
    position: relative; /* place overlay on top of other elements */
    min-height: 550px; /* styling */
    background-color: #000000; /*top:150px; */
    position: fixed;
    width: 700px;
    border: 1px solid #666;
    background-image: url(../brochure/optimum.jpg);
    background-repeat: no-repeat;
    top: 120px;
    margin-left: -4px; /* CSS3 styling for latest browsers*/
    -moz-box-shadow: 0 0 80px 5px #202020;
    -webkit-box-shadow: 0 0 80px #202020;
    box-shadow: 0 0 80px #202020;
    z-index: 10000;
    overflow: hidden;
}

/* close button positioned on upper right corner */
div.overlayzzz #closeit2.close2
{
    background-image: url(../photos/close3.png);
    padding: 0px;
    position: relative; /*right:0px;*/
    top: 0px;
    margin-left: 662px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    z-index: 10;
    border: solid 0px red;
}

div.overlayzzz .closeit
{
    background-color: #77B23C;
    width: 100px;
    padding: 3px 3px 8px 3px;
    position: relative;
    top: 255px;
    left: 548px;
    text-align: center;
    color: #000000;
    font-size: 20px;
    font-weight: bolder;
    font-family: Tahoma;
    cursor: pointer;
    border: solid 1px #77B23C;
}

div.overlayinnerzzz
{
    display: none;
    height: 250px;
    width: 702px;
    position: absolute;
    color: Black;
    top: 320px;
    left: 0px;
    background-color: #77B23C;
    z-index: 22000;
    background-image: url(../brochure/optimum2.jpg);
    background-position: 51px 0px;
    background-repeat: no-repeat;
}


/* close button positioned on upper right corner */
#mail2 #closeit4.close3
{
    background-image: url(../photos/close3.png);
    padding: 0px;
    position: relative; /*right:0px;*/
    top: 0px;
    margin-left: 662px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    z-index: 10;
    border: solid 0px red;
}

/* mail bit   */


#mail2
{
    background-color: transparent;
    border: 0px solid #ffffff;
    height: 190px;
    width: 701px;
    left: 0px;
    padding-left: 0px; /*   display:none;	*/
    position: absolute; /*	top:450px; */
    top: 0px;
    z-index: 2099;
}


#mail2 label.error, label.error
{
    height: 20px;
    padding: 0px;
    margin: 0px;
    color: #ff0000;
    font-style: italic;
    background-color: #E9F40B;
}

#callit2left label.error, #callit2left label.error
{
    position: relative;
    top: -10px; /*-42px;*/ /*  margin-left: 10px; 100px;*/
}

#callit2mid label.error, #callit2mid label.error
{
    position: relative;
    top: 10px; /* -138px;*/ /*   margin-left: 10px; 135px;*/
}

#callit2left
{
    float: left;
    display: inline;
    width: 300px;
    height: auto;
    margin-top: -19px;
    margin-left: 35px;
    border: solid 0px red;
    text-align: left;
}

#callit2left input
{
    width: 190px;
    height: 20px;
    background-color: #FFFFFF;
    margin-bottom: 5px;
}

#callit2mid
{
    float: left;
    display: inline;
    width: 280px;
    height: auto;
    margin-left: 25px;
    margin-top: -19px;
    border: solid 0px red;
}

#comm
{
    margin-top: 0px;
    margin-left: 0px;
}
#callit2mid textarea
{
    background-color: #FFFfff;
}

#callit2 #callit2right
{
    float: left;
    display: inline;
    margin-left: 10px;
    margin-top: -5px;
    height: 120px;
    width: 100px;
    border: solid 0px red;
}
#callit2 #callit2right p
{
    margin-top: 25px;
    margin-left: 20px;
}
#callit2 #callit2right input
{
    height: 28px;
    width: 80px;
}
#callit2 #wewill
{
    clear: both;
    font-size: 15px;
    margin-top: 5px;
    text-align: center;
}

/*   end of mail bit */

/* index  */


div.overlay2
{
    /* must be initially hidden */ /*display:  none;*/
    behavior: url(PIE.htc);
    position: absolute; /* place overlay on top of other elements */
    min-height: 675px; /* styling */
    background-color: #000000; /*top:150px; */
    width: 724px;
    border: 0px solid #666;
    background-image: url(../brochure/optimum.jpg);
    background-repeat: no-repeat;
    top: 0px;
    left: 0px; /* CSS3 styling for latest browsers*/
    -moz-box-shadow: 0 0 60px 5px #303030;
    -webkit-box-shadow: 0 0 60px #303030;
    box-shadow: 0 0 60px #303030;
    z-index: 10000;
    overflow: hidden;
}

/* close button positioned on upper right corner */
div.overlay2 #closeit2.close2
{
    background-image: url(../photos/close3.png);
    padding: 0px;
    position: relative; /*right:0px;*/
    top: 0px;
    margin-left: 662px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    z-index: 10;
    border: solid 0px red;
}

div.overlay2 .closeit
{
    background-color: #77B23C;
    width: 100px;
    padding: 3px 3px 8px 3px;
    position: relative;
    top: 255px;
    left: 548px;
    text-align: center;
    color: #000000;
    font-size: 20px;
    font-weight: bolder;
    font-family: Tahoma;
    cursor: pointer;
    border: solid 1px #77B23C;
}

div.overlayinner2
{
    display: none;
    height: 250px;
    width: 724px;
    position: absolute;
    color: Black;
    top: 320px;
    left: 0px;
    background-color: #77B23C;
    z-index: 22000;
    background-image: url(../brochure/optimum2.jpg);
    background-position: 51px 0px;
    background-repeat: no-repeat;
}


.dca
{
    clear: both;
    width: 100%;
    height: 31px;
}

.dcb
{
    clear: both;
    width: 100%;
    height: 1px;
}

/* main menu */



ul#css3menu1, ul#css3menu1 ul
{
    z-index: 23000;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
}
/* #D9D9D9; */
ul#css3menu1 ul
{
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0 6px 6px;
    background-color: #EFA0E9;
    border-width: 4px;
 /*
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-color: #cecece;
    */
    z-index: 23000;
}
ul#css3menu1 li:hover > *
{
    display: block;
}
ul#css3menu1 li:hover
{
    position: relative;
}
ul#css3menu1 ul ul
{
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 23000;
}
ul#css3menu1
{
    padding: 5px 5px 5px 0;
    display: block;
    font-size: 0;
    float: left;
    z-index: 23000;
    
}
ul#css3menu1 li
{
    display: block;
    white-space: nowrap;
    font-size: 0;
    float: left;
    z-index: 23000;
}
ul#css3menu1 > li, ul#css3menu1 li
{
    margin: 0 0 0 5px;
}
ul#css3menu1 ul > li
{
    margin: 5px 0 0;
}
ul#css3menu1 a:active, ul#css3menu1 a:focus
{
    outline-style: none;
}
ul#css3menu1 a, ul#css3menu1 a.pressed
{

    display: block;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    font: bold 15px 'Comic Sans MS' ,sans-serif;
    color: #29ABE2;
    text-shadow: #FFF 0 1px 1px;
    cursor: pointer;
}
ul#css3menu1 ul li
{
    float: none;
    margin: 6px 0 0;
    z-index: 23000;
}
/* #D9D9D9 */
ul#css3menu1 ul a
{
    text-align: left;
    padding: 4px;
    background-color: #EFA0E9;
    background-image: none;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #EFEFEF;
/*
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    */
    font: 11px 'Comic Sans MS' ,sans-serif;
    color: #000;
    text-decoration: none;
    text-shadow: #FFF 0 0 0;
}
ul#css3menu1 li:hover > a
{
    border-style: none;
    font: bold 15px 'Comic Sans MS' ,sans-serif;
    color: #FFF;
    text-decoration: none;
    text-shadow: #181818 0 0px 0px;
}
ul#css3menu1 img
{
    border: none;
    vertical-align: middle;
    margin-right: 8px;
}
ul#css3menu1 img.over
{
    display: none;
}
ul#css3menu1 li:hover > a img.def
{
    display: none;
}
ul#css3menu1 li:hover > a img.over
{
    display: inline;
}
ul#css3menu1 li a.pressed img.over
{
    display: inline;
}
ul#css3menu1 li a.pressed img.def
{
    display: none;
}
ul#css3menu1 span
{
    display: block;
    overflow: visible;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 0px;
}
ul#css3menu1 ul span
{
    background-image: url(../equisigns-images/arrowsub.png);
    padding-right: 20px;
}
ul#css3menu1 a
{
    padding: 8px 18px;
    border-width: 0px;
    border-style: none;
    color: #29ABE2;
    text-decoration: none;
    text-shadow: #FFF 0 1px 1px;
}
ul#css3menu1 li:hover > a, ul#css3menu1 li > a.pressed
{
    border-style: none;
    color: #FFF;
    text-decoration: none;
    text-shadow: #181818 0 0px 0px;
}
ul#css3menu1 ul li:hover > a, ul#css3menu1 ul li > a.pressed
{

    background-color: #4ea7f4;
    background-image: none;
    border-style: solid;
    border-color: #EFEFEF;
    font: 11px 'Comic Sans MS' ,sans-serif;
    color: #ffffff;
    text-decoration: none;
    text-shadow: #FFF 0 0 0;
}

/* background-image:url("../images/mainbk.png"  menubakg.jpg); */
ul#css3menu1.topmenu
{
    background-image: url(../equisigns-images/menuback.png);
    background-color:#ffffff;
    background-repeat: repeat;
    z-index: 23000;
}

ul#css3menu1 li.topmenu > a
{
    height: 14px;
    line-height: 14px;
    background-color: transparent;
 
 /*
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    */
    
}

ul#css3menu1 li.topmenu:hover > a, ul#css3menu1 li.topmenu > a.pressed
{
    line-height: 14px;
    background-color: #4ea7f4;
}

ul#css3menu1
{
/*margin-bottom: 10px;*/
}
/* end of menu */


/* the first part of this file is css pertinent to the index page.*/
/* scroll down for the popup css (apprx 655) movingbox css and the overlay css.*/

.heado
{
    color: #ff6600;
}
.pcolour4
{
    float: left;
    height: 33px;
    width: 33px;
    margin: 4px;
}
#hats
{
    clear: both;
    position: relative;
    left: 60px;
    top: 45px;
    width: 581px;
    height: 480px;  /* 330 */
    border: solid 0px red;
}
#hats .hats
{
    float: left;
    width: 142px;
    height: 133px;
}
#hats img
{
    width: 142px;
    height: 133px;
}
#hats #ad
{
    clear: both;
    position: relative;
    margin-left: 25px;
    top: 12px;
    text-align: center;
}
#signs img
{
    width: 150px;
    height: 38px;
}
#signblock p
{
    float: left;
    display: inline;
    height: 53px;
}
#signblock img
{
    height: 53px;
}
/* #FF6600*/#inheadleft h1
{
    line-height: 30px;
}
#inheadleft h1.f37
{
    font-size: 37px;
}
#inheadleft h1.f22
{
    font-size: 22px;
}
#imgtop
{
    position: relative;
    top: 30px;
}
#inheadright img
{
    position: relative;
    top: 12px;
    height: 322px;
    width: 677px;
}

#leftc
{
    position: relative;
    top: 5px; /* was 50*/
    width: 175px;
    float: left;
    display: inline;
    height: 1075px;
    border: solid 0px red;
}
#leftc h2.leftch2
{
    width: 166px;
    height: 343px; /* was 228*/
    font-size: 15px;
    text-align: center;
    padding: 5px;
    line-height: 1.6em;
    border: solid 2px #F8D6E4;
}
#leftc h2 a
{
    position: relative;
    top: 9px;
    text-decoration: none;
    font-family: 'Comic Sans MS' , Georgia, Tahoma;
    font-size: 20px;
}
#leftc h2 span.sp1
{
    position: relative;
    top: 9px;
    font-style: oblique;
    font-size: 13px;
}
#leftc h2 span.sp2
{
    font-size: 18px;
    position: relative;
    top: 9px;
}
#leftc h2 span.sp3
{
    display: block;
    margin-top: 10px;
    line-height: 1.5em;
    font-size: 13px;
    border: solid 0px red;
    height: 130px;
}
#leftc h2 span.sp3 a
{
    display: block;
    font-size: 13px;
    margin-top: -10px;
    margin-bottom: 10px;
    line-height: 1.5em;
    border: solid 0px red;
}
#colblock
{
    width: 171px;
    margin-left: 0;
    margin-top: 12px;
    height: 350px;
    border: solid 2px #F8D6E4;
    padding-left: 4px;
    padding-top: 4px;
}
#colblock p.col1
{
    background-color: #FF94B8;
}
#colblock p.col2
{
    background-color: #F22F7D;
}
#colblock p.col3
{
    background-color: #FF51D6;
}
#colblock p.col4
{
    background-color: #BB0609;
}
#colblock p.col5
{
    background-color: #315065;
}
#colblock p.col6
{
    background-color: #0033CC;
}
#colblock p.col7
{
    background-color: #A77BD0;
}
#colblock p.col8
{
    background-color: #546ACF;
}
#colblock p.col9
{
    background-color: #45BADB;
}
#colblock p.col10
{
    background-color: #ABD0EB;
}
#colblock p.col11
{
    background-color: #EDD340;
}
#colblock p.col12
{
    background-color: #E1A834;
}
#colblock p.col13
{
    background-color: #D8932B;
}
#colblock p.col14
{
    background-color: #BC9D5A;
}
#colblock p.col15
{
    background-color: #FF6600;
}
#colblock p.col16
{
    background-color: #D13908;
}
#colblock p.col17
{
    background-color: #92490C;
}
#colblock p.col18
{
    background-color: #602C05;
}
#colblock p.col19
{
    background-color: #135436;
}
#colblock p.col20
{
    background-color: #9CB397;
}
#colblock p.col21
{
    background-color: #8FBC55;
}
#colblock p.col22
{
    background-color: #9DFFAC;
}
#colblock p.col23
{
    background-color: #BEBABB;
}
#colblock p.col24
{
    background-color: #FEEDB7;
}
#colblock p.cbp1
{
    margin-left: 12px;
    margin-top: 3px;
    font-size: 14px;
}
#colblock p.cbp2
{
    clear: both;
    text-align: center;
    padding-right: 4px;
}
#hobby
{
    width: 171px;
    margin-left: 0;
    margin-top: 12px;
    height: 210px;
    border: solid 2px #F8D6E4;
    padding-left: 4px;
    padding-top: 4px;
}
#hobby img
{
    height: 188px;
    width: 162px;
}
#hobby p.mar3, #ingreen p.mar3
{
    margin-top: 3px;
}
#ingreen
{
    width: 171px;
    margin-left: 0;
    margin-top: 12px;
    height: 210px;
    border: solid 2px #F8D6E4;
    padding-left: 4px;
    padding-top: 4px;
}
#ingreen img
{
    height: 188px;
    width: 162px;
}
#downl
{
    width: 171px;
    margin-left: 0;
    margin-top: 12px;
    height: 95px;
    border: solid 2px #F8D6E4;
    padding-left: 4px;
    padding-top: 4px;
}
#downl p
{
    position: relative;
    top: 7px;
    text-align: center;
}
#middle
{
    position: relative;
    top: 60px;
    margin-left: 8px;
    width: 881px;
    float: left;
    display: inline;
    height: 1045px;
    border: solid 0px red;
}
#innermiddle
{
    float: left;
    display: inline;
    width: 690px;
    height: 780px;
    border: solid 0px blue;
}
#innermiddle #imp1
{
    float: left;
    display: inline;
    width: 116px;
    height: 390px;
    text-align: center;
    margin-right: 3px;
}
#innermiddle #imp1 img
{
    width: 116px;
    height: 218px;
}
#innermiddle #imp2
{
    float: left;
    display: inline;
    margin-left: 3px;
    width: 137px;
    height: 390px;
    text-align: center;
}
#innermiddle #imp2 img, #innermiddle #imp3, #innermiddle #imp4
{
    width: 136px;
    height: 218px;
}
#innermiddle #imp3, #innermiddle #imp4, #innermiddle #imp5
{
    float: left;
    display: inline;
    margin-left: 7px;
    width: 136px;
    height: 390px;
    text-align: center;
}
#innermiddle #imp5 #img1
{
    width: 136px;
    height: 102px;
}
#innermiddle #imp5 #img2
{
    margin-top: 13px;
    width: 136px;
    height: 102px;
}
#innermiddle #imp5 #span4
{
    display: block;
    height: 13px;
    margin-top: 8px;
    color: #B13954;
}
#farright
{
    position:relative;
    top:-80px;
    width: 175px;
    height: 780px;
    float: left;
    display: inline;
    border: solid 0px green;
}
#farright h2
{
    position: relative;
    top: 5px;
    float: left;
    display: inline;
    margin-left: 7px;
    width: 150px;
    height: 355px; /* was 248px;*/
    font-size: 15px;
    text-align: center;
    padding: 5px;
    line-height: 1.6em;
    border: solid 2px #F8D6E4;
}
#farright h2 #frsp1
{
    font-size: 18px;
    position: relative;
    top: 9px;
}
#farright h2 #frsp2
{
    display: block;
    margin-top: 20px;
    font-size: 13px;
}
#farright h2 #frsp3
{
    display: block;
    margin-top: -17px;
    font-style: oblique;
    font-size: 13px;
}

#farright #purple
{
    position: relative;
    float: left;
    display: inline;
    margin-left: 7px;
    margin-bottom:7px;
    top: 15px;
    width: 160px;
    height: 137px;
    text-align: center;
    border: solid 2px #F8D6E4;
}

#farright #purple img
{
margin-top:4px;
margin-left:5px;
}


#farright #signs
{
    position: relative;
    float: left;
    display: inline;
    margin-left: 7px;
    top: 15px;
    width: 160px;
    height: 147px;
    text-align: center;
    border: solid 2px #F8D6E4;
}
#farright #signs span, #farright #chic span
{
    line-height: 17px;
}
#farright #chic
{
    position: relative;
    float: left;
    display: inline;
    margin-left: 7px;
    top: 25px;
    width: 160px;
    height: 380px;
    text-align: center;
    border: solid 2px #F8D6E4;
}
#farright #signs img.mar2, #farright #chic img.mar2
{
    margin-top: 2px;
}

#bandanashelf
{
 position: relative;
    top: 40px;
    width: 580px;
    height: 150px;
    border:solid 0px black;
}

#bandanashelf p.imgs
{
float:left;
display:inline;
width:150px;
height:140px;
border:solid 1px #F8D6E4;
margin-right:5px;
}

#bandanashelf p.comms
{
float:left;
display:inline;
width:110px;
height:130px;
border:solid 1px #F8D6E4;
margin-right:5px;
font-size:14px;
padding:5px;
}

.banblue
{
color:#FE6D8B;

}

.marleft8
{
margin-left:8px;
}


#signblock
{
    clear: both;
    padding: 0px;
    position: relative;
    top: 230px; /*80 */
    width: 806px;
    height: 250px;
    margin-left: 50px;
    border: solid 2px #F8D6E4;
}
#signblock #sbp1
{
    clear: both;
    position: relative;
    margin-left: 0px;
    top: 20px;
    margin-bottom:20px;
    padding-left: 10px;
    width: 98%;
}
.w200
{
    width: 200px;
}
.w210
{
    width: 210px;
}
.w195
{
    width: 195px;
}
.w255
{
    width: 255px;
}
.w135
{
    width: 135px;
}
.w175
{
    width: 175px;
}
.w185
{
    width: 185px;
}

#foot li.mar10
{
    margin-left: 10px;
}
#foot p.mar20
{
    margin-left: 20px;
}
#foot #ftp2
{
    clear: both;
    position: relative;
    top: 35px;
}
#foot #ftp3
{
    position: relative;
    top: 35px;
}


/*end of index.page specific css.  */



/* popup css  */






#popupContact
{
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 650px;
    width: 700px;
    background: #222222;
    border: 2px solid #cecece;
    z-index: 2;
    padding: 12px;
    font-size: 13px;
}

#popupContact h1
{
    text-align: left;
    color: #6FA5FD;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px dotted #D3D3D3;
    padding-bottom: 2px;
    margin-bottom: 30px;
}

#popupContact h1 span
{
    font-size: 12px;
    margin-left: 25px;
    color: #ffffff;
}

#popupContactClose
{
    font-size: 16px;
    line-height: 14px;
    right: 6px;
    top: 7px;
    position: absolute;
    color: #6fa5fd;
    font-weight: 700;
    display: block;
    width: 60px;
    cursor: pointer;
}



.but
{
    background-color: #FF94B8;
    color: #ffffff;
    padding: 6px 3px;
    cursor: pointer;
    display: block;
    margin-top: 8px;
    margin-left: 0px;
}
.butnop
{
    cursor: auto;
}
.but a
{
    color: White;
}
.but a:hover
{
    color: #29ABE2;
}
#button
{
    text-align: center;
    margin: 100px;
}


/* end of pop up */


/*** Overall MovingBoxes Slider ***/


#slider-two
{
    font-family: Arial, 'Comic Sans MS' , Georgia, Garamond, Tahoma, 'Trebuchet MS' , Sans-Serif;
    display: none; /*  height:500px;      max-height:570px; */
}
#slider-two h2
{
    font-size: 14px;
    background-color: #F9B2CC;
    color: #333;
    font-weight: 500;
    padding: 5px;
}

.mb-slider
{
    width: 900px; /* default, this is overridden by script settings */
    border: 2px solid #999bff;
    margin: 0 auto;
    position: absolute;
    left: 110px;
    top: 90px;
    font-size: 10px; /*  border-radius: 1em;   -moz-border-radius: 1em;   -webkit-border-radius: 1em;   box-shadow: 0 0 10px #888;   -moz-box-shadow: 0 0 10px #888;   -webkit-box-shadow: 0 0 10px #888;  */
}


/* Panel Wrapper */
.mb-scrollContainer, .mb-scroll
{
    width: 500px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    left: 0px;
    top: 0px;
    background-color: White; /* background: #ffffff url(../images/bgimg1.png) repeat; */ /***(>'-')> Control Panel Font size here <('-'<)***/
    font-size: 12px;
}

/* active slider border highlight */
.mb-active-slider
{
    border-color: #999bff;
}

/*** Slider panel ***/
.mb-slider .mb-panel
{
    width: 350px; /* default, this is overridden by script settings */
    margin: 30px 20px;
    padding: 5px;
    cursor: pointer;
    float: left;
    list-style: none;
    text-align: center;
    background-color: #FF7BAC;
    max-height: 450px;
    border: solid 0px yellow;
    opacity: .3;
    opacity: -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* first! */
    filter: alpha(opacity=30); /* second! */
}


/* Cursor to arrow over current panel, pointer for all others,
  change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current
{
    cursor: auto;
    background-color: #ffffff;
    opacity: 1;
    opacity: -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* first! */
    filter: alpha(opacity=100);
    border: solid 1px #FF7BAC;
    margin-right: 30px;
}

/*** Inside the panel ***/
.mb-inside
{
    padding: 10px;
    border: 0px solid #999;
}

.mb-inside img
{
    display: block;
    border: 0px solid #666;
    margin: 0 auto 10px auto;
    width: 100%;
}

.mb-inside h2
{
    font-weight: normal;
    color: #000;
    font-size: 2.5em; /* Adjust panel header font size using em or % */
    margin: 0 0 8px 0;
}

.mb-inside h2 span
{
    font-weight: normal;
    color: #000;
    font-size: .80em; /* Adjust panel header font size using em or % */
    margin: 0 0 8px 0;
}

.mb-inside p
{
    font-size: 100%; /* Adjust panel text font size using em or % */
    color: #444;
}

.mb-inside a
{
    color: #29ABE2;
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}

.mb-inside a:hover
{
    color: #FE6D8B;
    border-bottom: 1px solid #999;
}

/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons
{
    display: block;
    width: 64px;
    height: 64px;
    background: transparent url(../images/arrows2.png) no-repeat;
    position: absolute;
    top: 50%; /* margin-top: -29px; if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
    margin-top: 0px;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    border: 0;
}
a.mb-scrollButtons.mb-left
{
    background-position: left top;
    left: -65px;
}
a.mb-scrollButtons.mb-right
{
    background-position: right top;
    right: -70px;
}
a.mb-scrollButtons.mb-left:hover
{
    background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover
{
    background-position: right bottom;
}

/*** Controls added below the panels ***/
.mb-controls
{
    margin: 0px auto;
    text-align: center;
    background: #999bff;
    clear: both;
}
.mb-controls a
{
    color: #444;
    font: 12px Georgia, Serif;
    display: inline-block;
    text-decoration: none;
    padding: 2px;
    height: 18px;
    margin: 0 5px 0 0;
    text-align: center;
    outline: 0;
}
.mb-controls a.current, .mb-controls a:hover
{
    color: #fff;
}

.mb-active-slider .mb-controls
{
    background: #999bff;
}


/* end of moving boxes */


/* overlay */



#mies1.simple_overlay
{
    behavior: url(PIE.htc);
    /* must be initially hidden */
    display: none;
    position: absolute; /* place overlay on top of other elements */
    z-index: 10000; /* styling */
    background-color: #333;
    margin-top: 0px;
    padding-top: 0px;
    width: 710px;
    left: 0px;
    top: 8px;
    border: 1px solid #666;
    margin-left: 7px; /* CSS3 styling for latest browsers */
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    box-shadow: 0 0 90px #000;
}


.close
{
    cursor: pointer;
}

/* close button positioned on upper right corner */
#closeit.close
{
    background-image: url(../photos/close.png);
    padding: 0px;
    position: absolute; /*right:0px;*/
    top: -10px;
    right: -10px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

#mies1.simple_overlay img
{
    float: left;
    display: inline;
    position: relative; /* absolute;*/
    top: 0px;
    left: 0px;
}

/* styling for elements inside overlay */
#mies1.simple_overlay .details
{
    float: right;
    display: inline;
    position: relative;
    top: 5px;
    margin-left: 5px;
    margin-right: 3px;
    font-size: 11px;
    color: #fff;
    width: 300px;
    min-height: 200px;
    border: solid 0px red;
}


#mies1.simple_overlay .details h3
{
    color: #FF94B8;
    font-size: 14px;
    margin: 5px 0 0 0;
    text-align: center;
}
#mies1.simple_overlay .details h4
{
    color: #aba;
    font-size: 13px;
    margin: 8px 0 0 0;
    text-align: center;
    line-height: 1.4em;
}

#mies1.simple_overlay .details p
{
    color: #aba;
    font-size: 13px;
    margin: 8px 0 0 0;
    text-align: left;
    line-height: 1.6em;
}

#com2
{
    margin-left: 3px;
    border: solid 1px #ffffff;
    padding: 6px;
}
#com2 a
{
    margin-left: 15px;
}
#com3
{
    font-size: 12px;
}

#imgholder
{
    height: 650px;
    width: 399px;
    border: solid 0px red;
    float: left;
    display: inline;
}
#imgholder img
{
    max-width: 398px;
    border: solid 0px red;
}

#prvnxt
{
    position: absolute;
    top: 585px;
    left: 10px;
}
#prvnxt a
{
    padding-top: 5px;
    text-align: center;
    margin-right: 20px;
    float: left;
    display: block;
    height: 30px;
    width: 100px;
    border: solid 0px blue;
}

#nxtover, #prevover
{
    /*background-image:url(../photos/close.png);*/
    padding: 0px;
    position: absolute;
    right: -100px;
    cursor: pointer;
    height: 45px;
    width: 100px;
    text-align: center;
    background-color: #333333;
    color: #ffffff;
    font-size: 14px;
    padding-top: 0px;
    border-top: solid 1px #666;
    border-right: solid 1px #666;
    border-bottom: solid 1px #666;
}

#nxtover
{
    top: 100px;
}

#prevover
{
    top: 174px;
}

#nxtover a, #prevover a
{
    padding-top: 15px;
    display: block;
    width: 100px;
    height: 30px;
}

.hiddn
{
    display: none;
}
#com1
{
    font-weight: bold;
    text-align: center;
}






/* close button positioned on upper right corner */
#mail2 #closeit4.close3
{
    background-image: url(../photos/close3.png);
    padding: 0px;
    position: relative; /*right:0px;*/
    top: 0px;
    margin-left: 682px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    z-index: 10;
    border: solid 0px red;
}

/* mail bit   */


#mail2
{
    background-color: transparent;
    border: 0px solid #ffffff;
    height: 190px;
    width: 701px;
    left: 0px;
    padding-left: 0px; /*   display:none;	*/
    position: absolute; /*	top:450px; */
    top: 40px;
    z-index: 2099;
}

/*#mail2z label.required{color:#ff0000; background-color:#000000;}
#mail2 label.error{border: solid 1px red; text-align:right; display:block; height:12px; margin-top:-16px; margin-right:5px; width:130px; color:#000000; background-color:yellow;}
*/
#mail2 label.error, label.error
{
    /* remove the next line when you have trouble in IE6 with labels in list */
    color: #ff0000;
    font-style: italic;
    background-color: #E9F40B;
}

#callit2left label.error, #callit2left label.error
{
    position: relative;
    top: -42px;
    margin-left: 100px;
}

#callit2mid label.error, #callit2mid label.error
{
    position: relative;
    top: -138px;
    margin-left: 135px;
}


/*float:left; display:inline;*/
#callit2left
{
    float: left;
    display: inline;
    width: 200px;
    height: auto;
    margin-top: -19px;
    margin-left: 35px;
    border: solid 0px red;
}

#callit2left input
{
    width: 190px;
    height: 20px;
    background-color: #FFFFff;
    margin-bottom: 5px;
}

#callit2mid
{
    float: left;
    display: inline;
    width: 280px;
    height: auto;
    margin-left: 25px;
    margin-top: -19px;
    border: solid 0px red;
}

#comm
{
    margin-top: 0px;
    margin-left: 0px;
}
#callit2mid textarea
{
    background-color: #FFFfff;
}

#callit2 #callit2right
{
    float: left;
    display: inline;
    margin-left: 10px;
    margin-top: -5px;
    height: 120px;
    width: 100px;
    border: solid 0px red;
}
#callit2 #callit2right p
{
    margin-top: 25px;
    margin-left: 20px;
}
#callit2 #callit2right input
{
    height: 28px;
    width: 80px;
}
#callit2 #wewill
{
    clear: both;
    font-size: 15px;
    padding-top: 25px;
    text-align: center;
}

/*   end of mail bit */




/*------------ overlayinner and mail ----------------- */


/* overlay */

div.overlayxxx
{
    /* must be initially hidden */ /*display:  none;*/
    position: absolute; /* place overlay on top of other elements */
    min-height: 670px; /* styling */
    background-color: #000; /*top:150px; */
    width: 722px;
    border: 1px solid #666;
    background-image: url(../brochure/optimum.jpg);
    background-repeat: no-repeat;
    top: 0px;
    left: 0px; /* CSS3 styling for latest browsers*/
    -moz-box-shadow: 0 0 60px 5px #303030;
    -webkit-box-shadow: 0 0 60px #303030;
    box-shadow: 0 0 60px #303030;
    z-index: 10;
    overflow: hidden;
}

/* close button positioned on upper right corner */
div.overlayxxx #closeit2.close2
{
    background-image: url(../photos/close3.png);
    padding: 0px;
    position: relative; /*right:0px;*/
    top: 0px;
    margin-left: 682px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    z-index: 10;
    border: solid 0px red;
}

div.overlayinnerxxx
{
    display: none;
    height: 348px;
    width: 722px;
    position: absolute;
    top: 326px;
    left: 0px;
    background-color: #77B23C;
    z-index: 22000;
    background-image: url(../brochure/optimum2.jpg);
    background-position: 52px 0px;
    background-repeat: no-repeat;
}

.pcolour3
{
    background-color: green;
    float: left;
    display: inline;
    margin-top: 4px;
    margin-right: 0px;
    width: 20px; /*30 */
    height: 20px; /*25 */
    border-top: 1px solid #FE6D8B;
    border-bottom: 1px solid #FE6D8B;
    border-left: 1px solid #FE6D8B;
    cursor: pointer;
}

.pcolour4
{
    background-color: green;
    float: left;
    display: inline;
    margin-top: 4px;
    margin-right: 4px;
    width: 20px; /*30 */
    height: 20px; /*25 */
    border-top: 1px solid #FE6D8B;
    border-right: 1px solid #FE6D8B;
    border-bottom: 1px solid #FE6D8B;
    cursor: pointer;
}

.clr
{
clear:both; width:100%; height:1px; margin:0px; padding:0px;
}

.martop12
{
margin-top:12px;
}

.martop6
{
margin-top:6px;
}

.martop3
{
margin-top:3px;
}

.marleft15
{
margin-left:15px;
}

.cent
{
text-align:center;
}

.pablo
{
cursor:pointer;
}

#pablo
{
display:none;
position:absolute;
top:800px;
left:250px;
width:450px;
height:350px;
z-index:3000;
}

#pablo p
{
width:450px;
height:350px;
background-color:#333333;
text-align:center;
color:#ffffff;
cursor:pointer;
}

#pablo p img
{
margin-top:25px;
margin-left:0px;
}

#pablo span.tack
{
font-size:30px;
font-family:"Comic Sans MS";
}

#pablo span
{
font-size:13px;
}



#browhelp

{
display:none;
position: absolute;
top:4700px;
left:350px;
background-color:Black;
color:White;
width:400px;
height:400px;
z-index:1000
}

#browhelp p
{
margin-top:10px;
margin-bottom:10px;
padding-left:10px;
padding-right:10px;
line-height:1.5em;
}

.closebrowhelp
{
cursor:pointer;
}

#hunterpic
{
cursor:pointer
}

#harrietpic
{
cursor:pointer
}

#harriet
{
behavior: url(PIE.htc);
 width:560px;
 height:780px;
 left:300px;
 display:none;
 position:absolute;
 top:50px;
 z-index:2000;
 background-color:White;
 cursor:pointer;
    margin-left: 7px; /* CSS3 styling for latest browsers */
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    box-shadow: 0 0 90px #000;
}


#hunterguest
{
behavior: url(PIE.htc);
 width:660px;
 height:780px;
 left:300px;
 display:none;
 position:absolute;
 top:50px;
 z-index:2000;
 background-color:White;
cursor:pointer;
   margin-left: 7px; /* CSS3 styling for latest browsers */
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    box-shadow: 0 0 90px #000;
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:200%;
width:100%;
top:0;
left:0;
background-color: #232322; /*#000000;*/
border:1px solid #cecece;
z-index:55;  /* 55 */
}

#outer
{
z-index: 0;
}

#wrapper
{
z-index:0;
}

#phidemsg
{
clear:both;
display:none;
margin-top:0px;
margin-left:5px;


}