@charset "iso-8859-1";
/* CSS Document */
* {margin:0;padding:0}
p {margin-bottom:1em}
ul{margin-left:20px;margin-bottom:1em}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

body {
 margin:0 auto;
 padding:0;
 border:0;
 background-color: #e6f1f6;
 z-index: 1;
 font-family: Trebuchet MS, tahoma, helvetica, arial, sans-serif;
 font-size: .8em;
 line-height: 1.4em;
 color: #666666 }

img {
	border: 0;
	text-decoration: none;
}

.background_dots {
	height:30px;
	background: url(../images/underline_dots.gif) top left repeat-x;
	clear: both;
}

.border_dots {
	height:30px;
	background: url(../images/border_dots.gif) top left repeat-x;
	clear: both;
}

#bodywrap {
	min-width: 1050px;
    background: url(../images/b4-background_gradient.jpg) top left repeat-x;
}

#couponwrap {
    background: #6bbfe0;
    text-align: center;
}

@media print {
	#couponwrap {
	    background: transparent;
	}
}
	
#header,
#leftgraphic,
#centercontent,
#leftcol,
#rightcol,
#rightgraphic,
#bottomgraphic {
 float:left;
 position:relative;
 overflow:hidden;
 z-index:100;
 background-repeat: no-repeat;
}

#outercontainer {
	width: 1050px;
	margin: auto;
}

#topgraphic {
    width: 1050px;
    height: 50px;
    background-image: url(../images/s1-page_top.png);
}

#dottedborder {
	position: relative;
    width: 910px;
    color: #000000;
    /* min-height: 586px; */
    background-image: url(../images/s5-page_body_background.jpg);
    background-repeat: repeat-y;
    z-index: 200;
    float: left;
}

#siclogo {
    position: relative;
    height: 169px;
    width: 225px;
    top: -48px;
    left: -92px;
    z-index: 4000;
}

#header {
    clear: both;
    position: absolute;
    top: 0;
    left: 4px;
    background-color: pink;
    width: 902px;
    height: 169px;
    margin: auto;
    background: url(../images/b1-header_background.jpg) no-repeat;
    z-index: 3000;
}

#sectionheader {
	display: none;
	height: 30px;
	width: 850px;
	margin: 20px auto 0 auto;	
	background: url(../images/underline_dots.gif) top center repeat-x;
}

#navtop {
    color: #1069A1;
    position: relative;
    top: 0px;
    left: 206px;
    width: 640px;
    height: 120px;
    background-color: transparent;
    z-index: 200;
}

#navadmin {
    position: relative;
    float: right;
    margin: 0 20px 5px auto;
    height: auto;
    font-size: 10pt;
    font-weight: bold;
    font-style: normal;
    z-index: 200;
}

#navbuttons {
	clear: both;
    top: 22px;
    height: 90px;
    z-index: 200;
}

#centercontent {
    clear: both;
    position: relative;
    top: 0;
    color: #000000;
    width: 902px;
    min-height: 586px;
    z-index: 200;
    left: 4px;
}

#pagetitle {
	clear: both;
	color: #1069A1;
	background-color: transparent;
	margin: auto;
	padding: 14px 0 16px 22px;
    height: auto;
    vertical-align: middle;
    z-index: 100;
}

#leftgraphic {
    width:71px;
    height: 845px;
    background-image: url(../images/s2-page_left.png);
}

#leftcol {
    width: 660px;
    min-height: 456px;
    margin: 0 25px;
    color: #000000;
    z-index: 200;
}

#page_merchantdetails #leftcol
{
    width: 500px;
    margin: 0 0 0 40px;
    overflow: hidden;
}

#page_config_edit #leftcol,
#page_clear_cache #leftcol,
#page_clear_imagestore #leftcol
		{
    width: 800px;
    margin: 0 0 0 40px;
}

#merchantlogo {
    float: left;
}

#merchantinfo {
	margin-left:220px;
}

#merchantdetails {
	padding-top:10px;
	margin-top:10px;
	clear:left;
	float:left;
    width: 500px;
	overflow:hidden;
}

#leftcontent2
{
    width: 500px;
    margin: 0;
}


/*  UNCOMMENT FOR IMG SCALING TO DIVISION */
#merchantdetails img,
#merchantdetails object
{
    max-width: 500px;
    height: auto;
    margin: 0;   
}

#video {
    width:660px;
    overflow:hidden;
    z-index:900;
}

#rightcol {
    width: 170px;
	min-height: 456px;
	margin: 8px 0 0 0;
    color: #000000;
    z-index: 200;
}

#page_merchantdetails #rightcol {
    width: 300px;
    margin-left: 40px;
}

#layout_onecol #rightcol {
    width: 0px;
    display: none;
}

#footer {
    clear: both;
    float: left;
    width:  100%;
    height:  90px;
    top: 10px;
    left: 20px;
    position: relative; 
    background-repeat: no-repeat;
    z-index: 1000;
}

#rightgraphic {
    width:69px;
    height: 845px;
    background-image: url(../images/s3-page_right.png);
}

#bottomgraphic {
	position: relative;
	width:1050px;
    height: 50px;
    background-image: url(../images/s4-page_bottom.png);
}
	
#pagefooter {
    clear:both;
    color: #1069A1;
    width: 100%;
    margin: auto;
    height:230px;
    overflow:hidden;
    padding:10px;
    text-align: center;
}

.important {
    font-size: 13px;
    background-color: #FFCC00;
    margin-bottom: 4px;
    padding: 8px;
    border: 2px solid #DDAA00;
}



/* original CSS follows */

a {
 color:#1069A1;
}

td {
    font-size: .8em;
    line-height: 1.4em;
}

h1 {
 text-align: left;
 font-size: 1.4em;
 margin: 4px 0px;
 padding: 4px 0 0 0;
}

h2 {
 font-size: 1.2em;
 margin: 0;
 padding: 2px 0 0 0;
}

h3 {
 font-size: 1.1em;
 margin: 0;
 padding: 8px 0;
}


h4 {
 font-size: 1.0em;
 margin: 0 0 0 0;
 padding: 4px 0 0 0;
}

p {
 margin: 0;
 padding:0;
}

.big {
    color: #000000;
    font-size: 2.6em;
    font-weight: bold;
    line-height: 1.2em;
}
#errordiv {
    font-size: 1.4em;
    line-height: 1.2em;
}
.small {
	font-size: .9em;
	line-height: 1.2em;
}
.smaller {
	font-size: .85em;
	line-height: 1.2em;
}

#sidebar {
	margin-top: 60px;
}

.sidebar_content {
	margin: 8px 0;	
}

.offer_top {
	background: url(/images/dotted_top.gif) top left no-repeat;
	width:300px;
	height: 17px;
	margin: 0;
	padding: 0;
}

.offer {
	width: 300px;
	background: url(/images/dotted_body.gif) top left repeat-y;
	margin: 20px 0;
	padding: 0;
}

.offer_body {
	margin: 0 10px;
}

.offer_bottom {
	background: url(/images/dotted_bottom.gif) top left no-repeat;
	width:300px;
	height: 17px;
	margin: 0;
	padding: 0;
}


/* Coupons Pages */

.singlecoupon {
	float: left;
	width: 460px;
}

.singlecoupon h3 {
	margin-bottom: 8px;	
	padding: 0;
}

.singlecoupon p {
	line-height: 1.5em;	
}

.couponmerchant {
	margin-left: 490px;
}

.coupon_block {
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #aaa;	
	float: left;
	width: 100%;
}

/* Page Heading and section Styles */

.header_graphic {
    text-align: center;
    height: 50px;
    margin: 10px auto 20px auto;
}

.title {
    color: #1069a1;
    font-size: 1.4em;
    line-height: 1.2em;
    margin: 0px 0px 6px 0px;
    font-weight: bold;
}
/* ------------------------------- */

.description {
    line-height: 1.4em;
    margin: 6px 0px 20px 0px;
}

#coupon_buttons {
	clear: both;
    height: auto;
    font-size:14pt;
	text-align: center;
	margin:15px auto 25px auto;
   }

@media print {
    #coupon_buttons {
        display: none;
    }
}    
