/*------------------------------------------------------------------------------------
  Global Styles - Modification on Kyle Neath's CSS Reset
------------------------------------------------------------------------------------*/

* {
padding:0;
margin:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { 
margin:1em 0;
font-family: Verdana,Arial,Helvetica,sans-serif; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .imgtext { display:none; }
.left { float:left; }
.right { float:right; }
.tac {text-align: center; font-weight: bold; font-size: 20px;}
.tar {text-align: right};
.clear { clear: both; width: 0; height: 0; font-size: 0; overflow: hidden; }
a img { border:none; }

:focus { outline: 0; }

p {
color: #000;
padding: 10px 2px 10px 10px;
font-size: 12px;
line-height: 1.2;
}

a {
color: blue;
text-decoration: none;
cursor: pointer;
font-weight: normal;
font-size:12px;
}

a:hover {
color: darkBlue;
text-decoration: none;
cursor: pointer;
}

body {
line-height: 1.2;
color: #000;
background: #012288 url('/i3/bg_x.jpg') repeat-x;
font-family: 'Tahoma',Verdana, Arial, sans-serif;
font-size: 12px;
}

ol, ul {
list-style: none;
margin:0;
padding:0;
}

li a{
float: left;
}

table {
border-collapse: separate;
border-spacing: 0;
}

.shell {
width: 960px;
height: 100%;
margin: 0 auto;
text-align: left;
}

.container {
width: 960px;
background: transparent;
margin: 0px auto;
text-align: left;
}



.globalNav{
float:left;
width:100%;
height: 60px;
}


.intro{
float: left;
margin: 0 0 0 112px;
padding:2px 13px;
height: 15px;
color: #fff;
overflow: hidden;
position: absolute;
top:116px;
}

.intro h2{
font-size: 12px;
color: #fff;
margin:0;
padding:0;
font-weight: normal;
}


/*
.globalButtons .top{
float: left;
margin:0 0 36px 210px;
}

.globalButtons .top li a{
float: left;
padding:5px 10px;
color: #000;
font-size:12px;
margin: 0 1px;
background: #eee;
}
*/

.globalButtons .main{
float: left;
padding: 0 0 0 0;
margin: 0 0 0 264px;
width: 696px;
height: 50px;
position: absolute;
top:279px;
background: transparent url(../../i3/matrix.gif) repeat scroll -10px -299px;
}

.globalButtons .main_form{
margin: 0 0 0 10px;
width: 950px;
background: transparent url(../../i3/matrix.gif) repeat scroll -2px -299px;
}

.main li a {
margin: 7px 0 0 0;
}

.section h2{
float:left;
width:413px;
padding:12px 0 0 19px;
margin: 0;
color: #133786;
font-size: 18px;
font-weight: normal;
}

.section h2.form{
width:665px;
}

.add_coupon a{
float: left;
background:transparent url(../../i3/matrix.gif) no-repeat scroll -430px -219px;
text-indent: -9999px;
width:132px;
height: 29px;
}

.store_directory a{
float: left;
background:transparent url(../../i3/matrix.gif) no-repeat scroll -563px -219px;
text-indent: -9999px;
width:125px;
height: 29px;
}

/*
.globalButtons .main li a{
float: left;
padding:5px 25px;
color: #fff;
font-size:14px;
margin: 0 1px;
background: #b2b2b2;
}


.globalButtons .main li.on a{
float: left;
background: #ccc;
}
*/

.dateSelect{
float: left;
margin: -10px 10px 0 0;
width:37px;
height: 46px;
background: transparent url('../../i2/matrix.png') no-repeat -280px -30px;
top:13px;
left:537px;
cursor: pointer;
}

.header {
float:left;
width:100%;
margin: 0px;
height: 209px;
background: url('../../i3/matrix.gif') no-repeat;
}


h1.logo a {
float:left;
width:227px;
height:185px;
margin:0 0 20px 20px;
text-indent: -9999px;
position: absolute;
top:36px;
}

.top{
float: right;
width: 150px;
margin: 30px 0 0 0;
}

.signup a {
float:left;
width:88px;
height:20px;
background: #fff url('/i2/matrix.png') no-repeat -237px 0;
margin:0 0 0 0;
text-indent: -9999px;
}

.login a {
float:left;
width:55px;
height:20px;
background: #fff url('/i2/matrix.png') no-repeat -326px 0;
margin:0 0 0 1px;
text-indent: -9999px;
}


.search{
float: left;
margin:76px 0 0 260px;
}

h3#searchTxt{
font-size: 13px;
color:#cdcdff;
width: 500px;
float: left;
border: none;
font-weight: normal;
margin: 0 0 3px 14px;
}

.searchBox{
font-size: 24px;
margin: 0;
padding:11px 14px;
color:#333;
width: 338px;
float: left;
border: none;
background: transparent url(../../i3/matrix.gif) no-repeat scroll 0 -219px;
color: #fff;
height: 40px;
}

.searchButton{
font-size: 21px;
margin:5px 20px 0 0;
padding:14px;
background: transparent url(../../i3/matrix.gif) no-repeat scroll -365px -223px;
float: left;
border: none;
cursor: pointer;
text-indent: -9999px;
height: 46px;
width: 53px;
}


li a .nav_left{
float: left;
background: url('../../i2/matrix.png') no-repeat 0 -245px;
font-size: 20px;
color: #fff;
padding: 10px;
}

li a .nav_right{
float: left;
padding:10px;
background: url('../../i2/matrix.png') no-repeat -395px -245px;
width:12px;
height: 25px;
}



li a:hover .nav_left, li.on a .nav_left{
float: left;
background: url('../../i2/matrix.png') no-repeat 0 -289px;
text-decoration: none;
font-size: 20px;
color: #fff;
padding: 10px;
}

li a:hover .nav_right, li.on a .nav_right{
float: left;
padding:10px;
background: url('../../i2/matrix.png') no-repeat -395px -289px;
width:12px;
height: 25px;
}

.formInput li a{
margin:0 10px 0 0;
}


.formLabel h2{
margin: 5px 0 0 0;
}

.content {
float:left;
width:950px;
margin:0;
border: solid 10px #4d669e;
background: #fff;
}


#couponList{
float: right;
width: 635px;
padding:60px 16px 16px 0;
}

.couponData{
float: left;
margin: 16px;
}

.couponTabs{
width:100%;
float: left;
overflow: visible;
}

.couponTabs ul{
margin:0px 0 0 10px;
}

.couponTabs li a{
padding:0;
font-size: 12px;
color: #8d8d8d;
float: left;
margin:0;
}


.couponTabs li.order a{
padding:7px 10px;
background: #e0e0e0;
font-size: 12px;
color: #8d8d8d;
float: left;
margin:0;
}

.couponTabs li.order a:hover{
color: #000;
}

.couponTabs li a .tab_left{
float: left;
background: transparent url(../../i3/matrix.gif) no-repeat scroll 0 -398px;
font-size: 12px;
color: #000;
padding: 6px 15px 7px;
height: 16px;
position: relative;
top:-23px;
margin: 0 0 0 7px;
border: solid 1px #fff;
}

/*
.couponTabs li a .tab_right{
float: left;
background: url('../../i2/matrix.png') no-repeat -395px -338px;
width:32px;
height: 28px;
}
*/	

.order{
padding:7px 10px;
background: transparent url(../../i3/matrix.gif) repeat scroll -10px -299px;
font-size: 12px;
color: #8d8d8d;
float: left;
margin:0;
cursor: default;
}

.couponTabs li.on a{
color: #000;
background: transparent;
}

.couponTabs li.on a:hover{
color: #000;
background: transparent;
text-decoration: none;
cursor: default;
}

.couponTabs li.commentTab a{
float: right;
}



.greyTop{
float: left;
width: 584px;
height: 11px;
background: url(../../i2/box_matrix_2.png) no-repeat -1168px 0;
}

.greyBot{
float: left;
width: 584px;
height: 12px;
background: url(../../i2/box_matrix_2.png) no-repeat -1168px -10px;
margin: 0 0 5px 0;

}

.greyContent{
float: left;
width: 544px;
background: url(../../i2/box_matrix_2.png) repeat-y -1752px 0;
padding:6px 20px;
font-size: 24px;
color: #fff;
}

.redContentTop{
float: left;
width: 584px;
height: 12px;
background: url(../../i/box_matrix.png) no-repeat 0 0;
}

.redContentBot{
float: left;
width: 584px;
height: 12px;
background: url(../../i/box_matrix.png) no-repeat 0 -10px;
margin: 0 0 5px 0;
}

.redContent a{
float: left;
width: 545px;
background: url(../../i/box_matrix.png) repeat-y -584px 0;
padding:6px 20px;
font-size: 12px;
color: #fff;
}

.redContent2 a{
float: left;
width: 545px;
background: url(../../i2/box_matrix_2.png) repeat-y -2920px 0;
padding:6px 20px;
font-size: 12px;
color: #fff;
}

.alpha a{
float: left;
margin:5px;
padding:5px 8px;
font-weight: bold;
border: solid 2px #aaa;
background: #ccc;
color: #333;
}

.alpha a.on, .alpha a:hover{
border: solid 2px #ccc;
background: #fff;
color: #000;
text-decoration: none;
}

.couponContentTop{
float: left;
width: 618px;
height: 12px;
background: url(../../i3/box_matrix.gif) no-repeat 0 0;
}

.couponContentBot{
float: left;
width: 618px;
height: 12px;
background: url(../../i3/box_matrix.gif) no-repeat 0 -10px;
margin: 0 0 5px 0;
}

.couponContent{
float: left;
width: 606px;
background: url(../../i3/box_matrix.gif) repeat-y -1236px 0;
padding:6px;
}

.couponContentTop2{
float: left;
width: 618px;
height: 12px;
background: transparent url(../../i3/box_matrix.gif) no-repeat scroll -618px 0;
}

.couponContentBot2{
float: left;
width: 618px;
height: 12px;
background: transparent url(../../i3/box_matrix.gif) no-repeat scroll -618px -10px;
margin: 0 0 5px 0;
}

.couponContent2{
float: left;
width: 606px;
background: transparent url(../../i3/box_matrix.gif) repeat-y scroll -1854px 0;
padding:6px;
}

.noResults a{
float: left;
width: 578px;
background: #f5f5f5;
padding:6px;
color: #000;
}

.noResults a:hover{
text-decoration: none;
background: #d5d5d5;
}

.couponData{
float: left;
width: 590px;
margin:0;
}

.siteDetails{
float: left;
width: 110px;
color: #fff;
margin:0 5px;
}

.siteName{
float: left;
font-size: 16px;
padding: 5px 10px;
position: relative;
top:-16px;
color: #000;
margin: 18px 0 0;
width: 130px;
text-align: right;
}

.siteUrl{
float: left;
width: 100%;
text-align: center;
font-weight: normal;
font-size: 12px;
padding: 0 0 0;
}

.off{
float: left;
width: 100%;
text-align: center;
font-weight: normal;
font-size: 16px;
padding: 15px 0 0 0;
}

.couponDetails a{
float: right;
width: 440px;
margin:0;
margin: 0 6px 0 0;
}

.couponInfo{
float: left;
width: 230px;
}

.small{
font-size: 12px;
padding: 0 0 5px 0;
color: #000;
font-weight: normal;	
}

.discount{
float: left;
width: 394px;
font-size: 16px;
color: #000;
font-weight: normal;
padding:10px 20px 25px;
background: #d88a1a;
border:solid 1px #000;
}

.discountTip{
float: left;
width: 394px;
font-size: 16px;
color: #000;
font-weight: normal;
padding:10px 20px 25px;
background: #906cb0;
border:solid 1px #000;
}

.discount .small{
padding: 0 0 5px;
}

.siteName .small {
color: #000;
}

.exp{
float: left;
width: 440px;
font-size: 13px;
padding: 5px 10px 0 4px;
color: #000;
}

.code{
float: left;
font-size: 18px;
padding: 0 0 5px 10px;
color: #000;
width: 387px;
text-align: right;
}

.arrow{
float: right;
width:124px;
height:28px;
background: url('/i3/matrix.gif') no-repeat 0 -359px;
margin: -17px 20px 0 5px;
border: solid 1px #000;
text-indent: -9999px;
}

.code a {
font-size: 20px;
color: blue;
background: #fff;
padding: 4px 10px;
}

.code a:hover {
text-decoration: none;
}

.codeButton a{
float: left;
width: 440px;
font-size: 12px;
padding: 6px 10px 6px 10px;
color: #fff;
background: #d3d3d3;
margin: 0 0 3px 4px;
border-top:solid 1px #c8c8c8;
cursor: pointer;
}


.useThis a, .useThis a:hover{
float: left;
width: 210px;
font-size: 15px;
padding: 6px 10px 6px 10px;
color: #fff;
background: #7a7a7a;
margin:0 0 1px;
cursor: pointer;
text-decoration: none;
}



.cause{
float: left;
width: 210px;
font-size: 12px;
padding: 6px 10px 10px 10px; 
color: #ccc;
background: #7a7a7a;
margin:0 0 1px;
}

.cause a{
color: #fff;
font-size: 12px;
font-weight: normal;
}

.row_a a{
width:217px;
background: #f3f3f3;
border-bottom: solid 3px #e2e2e2;
padding: 3px 0 3px 34px;
color: #1a1a1a;
float:left;
}

.row_b a{
width:217px;
background: #e7e7e7;
border-bottom: solid 3px #e2e2e2;
padding: 3px 0 3px 34px;
color: #000;
float:left;
}

#sidebar{
float: right;
width: 242px;
padding: 13px 9px 10px 0;
background: #fff;
border-right: 3px solid #4d669e;
border-bottom: 3px solid #4d669e;
margin: 0 45px 10px 0;
overflow: hidden;
}

.sidebarContent{
width:300px;
float: left;
background: #666666;
}

.sidebarContentAd{
width:300px;
float: left;
}

.sidebarContent h3{
margin: 0 0 0 0;
padding: 0 0 10px 34px;
font-size: 16px;
color: #133786;
background: #fff url(../../i3/matrix.gif) repeat scroll -10px -299px;
border-bottom: solid 5px #e2e2e2;
}

.sidebarContent p {
padding: 0;
margin: 0;
color: #fff;
line-height: 1.5;
}

.sidebarContent p a{
color: #fff;
font-weight: bold;
}

.ad{
float: left;
width: 100%;
text-align: center;
}

.sidbarSpacer{
float: left;
width: 100%;
height: 16px;
}

.footer {
float:left;
width:100%;
height:80px;
background: transparent url('/i/foot_bar.png') no-repeat center 0;
margin:16px 0 0 0;
background: #fff;
color: #333;
border: solid 1px #666;
}

.footer a{
color: #000;
text-decoration: underline;
font-weight: bold;
}

.footLinks {
float:left;
margin:8px 0 0 50px;
color:white;
}

.footLinks a , .footLinks a:hover {
color:white;
}

.footLinks a:hover {
font-weight: normal;
text-decoration: underline;
}

.info{
float:right;
margin:0 23px 5px 0;
font-size: 10px;
}

.topContent{
float: left;
width: 750px;
margin: 0 0 0 25px;
}

/*
.login{
float: left;
width: 100%;
margin:0;
}
*/


.topContent h2{
float: left;
margin: 0;
padding: 0;
width: 100%;
}

/*
.title{
float: left;
margin:10px 0 3px 0;
width: 100%;
font-size: 14px;
}
*/

.loginDiv1{
float: left;
width: 520px;
margin: 35px 0 0 150px;
}

.loginDiv2 a{
float: left;
margin:115px 0 0;
padding: 17px;
height: 22px;
background: #eee;
color: #333;
font-size: 16px;
}


.dim{
color: #888;
}



.formRow{
float: left;
width: 740px;
padding:10px;
border-bottom: solid 1px #aaa;
}

.formLabel{
float: left;
width: 210px;
padding:5px;
font-size: 18px;
color: #000;
}

.formInput{
float: left;
width: 500px;
padding:5px;
}

.inputText{
float: left;
width: 300px;
padding:5px;
border: solid 1px #aaa;
background: #eee;
font-size: 18px;
}

.termTextarea{
overflow: scroll;
float: left;
width: 500px;
height: 200px;
padding:5px;
border: solid 1px #aaa;
background: #eee;
font-size: 12px;
}

.termTextarea li a,.termTextarea ol,.termTextarea ul {
float: none;
margin:0 0 0 10px;
}

.inputSubmit{
float: left;
width: 189px;
height: 49px;
margin: 0 0 0 173px;
background: url('/i/sendemail_btn.png') no-repeat;
border: none;
cursor: pointer;
}

.noBorder{
border: none;
}

.notRequired{
color: #999;
}



.font16{
font-size: 16px;
}

.font14{
font-size: 14px;
}

.font12{
font-size: 12px;
}


#msg {color:#000; display:none; position:absolute; z-index:200; background:url(/assets/js/validate/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {color:#000; display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}



#d_clip_button {
        text-align:center; 
        border:1px solid black; 
        background-color:#ccc; 
        margin:10px; padding:10px; 
}
#d_clip_button.hover { background-color:#eee; }
#d_clip_button.active { background-color:#aaa; }







/* LIGHTBOX ***************/

/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:120px;
	padding: 0 10px 0 20px;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	background:#FDFCE9;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}












/* AUTOSUGGEST ********************/





/* 
================================================
autosuggest, inquisitor style
================================================
*/

body
{
	position: relative;
}


div.autosuggest
{
	position: absolute;
	background-image: url(img_inquisitor/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(img_inquisitor/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url(img_inquisitor/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(img_inquisitor/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url(img_inquisitor/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(img_inquisitor/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url(img_inquisitor/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url(img_inquisitor/hl_corner_tl.gif);
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url(img_inquisitor/hl_corner_tr.gif);
	background-position: bottom right;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}