@charset "utf-8";
/* Sayit J1 Home page new styles */

/* overridding existing styles for other pages to fit new design */
div.main {
	margin-left:22px;
}

.sublinks {
	margin-bottom: 16px;
}


/* mainBox styles */

div#mainBox, div#mainBox2 {
/*background: #ffe400 url(images/j1-mainbox-bg.jpg) repeat-y top left;*/
background: #7cd1f5 url(images/bgtest2.jpg) no-repeat top left;
width: 494px;
color: #ff6600;
font-family: "Trebuchet MS", arial, helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
margin-right: 10px;
}

div#mainBox2 {
background: #ffffff url(images/j1-mainbox2-bg.jpg) repeat top left;
width: 713px;

}

/* giving mainBox padding without upsetting rounded corners/ bg image */
#mainBoxContent, #mainBoxContent2 {
margin: 4px 0 5px 14px;
line-height: 1.5;
}

#j1OfferPics {
width: 210px;
float: right;
}


#mainBoxContent2 img {
margin: 3px;
padding: 3px;
background: #f3975a;
}


#mainBoxContent h1, #mainBoxContent2 h1 {
color: #b90202;
/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin:0;
padding:0;
margin-top: 20px;
*/
}


/* rounded corner styles - curved corners & borders */
.t {background: url(images/j1dot.gif) 0 0 repeat-x; width: 494px;}
.t2 {background: url(images/j1dot.gif) 0 0 repeat-x; width: 713px;}
.b {background: url(images/j1dot.gif) 0 100% repeat-x}
.l {background: url(images/j1dot.gif) 0 0 repeat-y}
.r {background: url(images/j1dot.gif) 100% 0 repeat-y}
.bl {background: url(images/j1-bl2.gif) 0 100% no-repeat}
.br {background: url(images/j1-br2.gif) 100% 100% no-repeat}
.tl {background: url(images/j1-tl2.gif) 0 0 no-repeat}
.tr {background: url(images/j1-tr2.gif) 100% 0 no-repeat; padding:10px}


/* end mainBox styles */

/* sidebar styles */

div#offersSidebar {
float:right;
width: 201px;
xwidth: 711px;
margin-right: 22px;
border-top: none;
border-bottom: none;
color: #333333;
font-family: "Trebuchet MS", arial, helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
}

/* gives padding without upsetting rounded corners */
#sidebarContent {
margin: 0 0 15px 0;
}

/* rounded corner styles - curved corners & borders */
.st {background: url(images/j1sdot.gif) 0 0 repeat-x; xwidth: 201px;}
.sb {background: url(images/j1sdot.gif) 0 100% repeat-x}
.sl {background: url(images/j1sdot.gif) 0 0 repeat-y}
.sr {background: url(images/j1sdot.gif) 100% 0 repeat-y}
.sbl {background: url(images/j1-sbl.gif) 0 100% no-repeat}
.sbr {background: url(images/j1-sbr.gif) 100% 100% no-repeat}
.stl {background: url(images/j1-stl.gif) 0 0 no-repeat}
.str {background: url(images/j1-str.gif) 100% 0 no-repeat ; padding:10px}

.j1Offer h3{
color: #CC0000;
font-size: 11px;
font-weight: bold;
font-family: "Trebuchet MS", arial, helvetica,sans-serif;
padding: 6px 9px 8px 9px;
/* negative margin to give indent to offer text and not title bar */
margin-left: -5px;
xwidth: 164px;
xbackground: #ffffff url(images/j1-offer-hdr-bg.jpg) no-repeat bottom left; 
margin-bottom: 8px;
margin-top: 5px;
}

.j1Offer {
padding-left: 5px;
padding-right: 5px;
}

/* end side bar styles */

/*offer boxes basic styles
background images are in document header so can be changed dynamically */

#bottomBox1, #bottomBox2{
height: 153px;
width: 159px;
padding-top: 12px;
padding-bottom: 7px;
margin-right: 10px;
margin-top: 13px;
float: left;
color: #ff9292;
font-family: "Trebuchet MS", arial, helvetica, sans-serif;
font-size: 11px;
line-height: 1.3;
}

#bottomBox1 div.innerBBox, #bottomBox2 div.innerBBox {
margin-left: 9px;
margin-right: 27px;
}

#bottomBox1 h4, #bottomBox2 h4{
color: #ffffff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 0;
margin: 0;
margin-left: 9px;
margin-right: 4px; 
}

span.more-link {
margin-top: 18px;
margin-left: 34px;
color: #ef7a25;
font-weight: bold;
}

/*map box */

#bottomBox3 {
width: 159px;
height: 172px;
border: none;
float: left;
margin-top: 13px;
color: #ffffff;
font-weight: bold;
font-family: "Trebuchet MS", arial, helvetica, sans-serif;
font-size: 11px;
}

/* end bottom box styles */


#cntdwn b {
color: #000066;
}

div#cntdwn-container {
margin-left:auto;
margin-right: auto;
width: 310px;
height: 18px;
background: #ffffff;
-moz-opacity:.40;
opacity:.40;
filter:alpha(opacity=40);
}

div#cntdwn {
margin-top: -18px;
color: #b7000e;
font-size: 14px;
font-weight: bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: uppercase;
-moz-opacity:.99;
opacity:.99;
filter:alpha(opacity=99);
}