/* CSS Document */

body {
background-image:url(../images/bg-gradient.jpg);
background-repeat:repeat-x;
background-color:#1968af;
margin-top:5px;
}

body.specialbg {
	background-image:url(../images/bg-gradient-special.jpg);
background-repeat:repeat-x;
background-color:#1968af;
margin-top:5px;
}

.special {margin: 10px auto; background:none;text-align:center;}


/* CSS Jquery Overlay for Specials */

        /* Style for overlay and box */
        .overlay{
            background:transparent url(/CSSOverlay/images/overlay.png) repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        .overlay-white{
            /* background:transparent url(/CSSOverlay/images/overlay-white.png) repeat top left; */
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }

        .box{
            position:fixed;
            top:-200px;
            left:25%;
            right:25%;
            background-color:#fff;
            color:#7F7F7F;
            padding:20px;
            border:2px solid #ccc;
            -moz-border-radius: 20px;
            -webkit-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101;
        }
        .box h1{
            border-bottom: none;
            margin:-20px -20px 0px -20px;
            padding:10px;
            background-color:#FFFFFF;
            color:#EF7777;
            -moz-border-radius:20px 20px 0px 0px;
            -webkit-border-top-left-radius: 20px;
            -webkit-border-top-right-radius: 20px;
            -khtml-border-top-left-radius: 20px;
            -khtml-border-top-right-radius: 20px;
        }
        a.boxclose{
            float:right;
            width:26px;
            height:26px;
            background:transparent url(/CSSOverlay/images/cancel.png) repeat top left;
            margin-top:-30px;
            margin-right:-30px;
            cursor:pointer;
        }
		  
/* Christmas Special */
        .boxchristmas{
            position:fixed;
            top:-600px;
            left:50%;
            right:50%;
				/* width:620px; */
				margin-left: -310px; /* Subtract 50% of width of item because the top left corner is centred */
            background:none;
            color:#7F7F7F;
            padding:0;
            z-index:101;
        }
		  
		  
		  
		  .boxchristmas a.boxclose{
            float:right;
            width:26px;
            height:26px;
            background:transparent url(/CSSOverlay/images/cancel.png) repeat top left;
            margin-top:-25px;
            margin-right:-20px;
            cursor:pointer;
        }


a, a:visited, a:link, a:active {color: #054974}
a:hover {color: #05314d;}