@charset "utf-8";
/* CSS Document */

body {
	background: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 150%;
	/*min-width: 1024px;*/
}

table {
	font-family: Helvetica, Arial, sans-serif;
	color:#333333;
	font-size: 12px;
	line-height: 150%;
}

img { behavior: url(../iepngfix/iepngfix.htc) } /* fixes transparency issues with IE */

input {
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 130%;
}

select {
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 130%;	
}

textarea {
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 130%;
	background-color:#FDFDFD;
	border: 1px solid #666666;	
	padding:2px;
}

ul {
	list-style-type:square;
	line-height: 150%;
}

a {
	font-weight:bold;
}

fieldset {
	padding:10px;
}

legend {
	font-size:16px;
	font-weight:bold;
}


input.button {
	height: 26px;
}

h1 {
	line-height:105%;
}

h2 {
	line-height:120%;
}

h3 {
	line-height:125%;
}

h4 {
	line-height:130%;
}

.red {
	color:red;
}

.small {
	font-size:10px;
	line-height: 120%;
}

.medium {
	font-size:11px;
	line-height: 130%;
}

.big {
	font-size: 16px; 
	line-height:115%;
	font-weight:bold;
}

.highlight {
	color:#FFFFFF;
	background-color:#FF0000;
}

.highlight_red {
      color:#FFFFFF;
	  background-color:#FF0000;
}

.highlight_yellow {
      color:#000000;
	  background-color:#FFFF00;
}

.hide {
	display: none; 
}

span[class ~="editText"] {
   padding-right: 22px;
   padding-top: 1px;
   background: transparent url(../images/icon-edit.gif) no-repeat center right;
}

.cart {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.cartitems {
	color:#33FF00;
	font-size:11px;
	font-weight:bold;
}

.mall_footer {
	background: #FFFFFF url("../images/bg-footer.jpg");
	background-repeat:repeat-x;
	color: #000000;
	font-size: 12px;
	line-height: 130%;
	text-align:center;
}

.afflist {
	font-size:11px; 
	color: #666; 
	font-weight:normal;
}

.afflist a {
	font-size:11px; 
	color: #666; 
	text-decoration:none; 
	font-weight:normal;
}

.afflist a:hover {
	font-size:11px; 
	color: #666; 
	text-decoration:none; 
	font-weight:normal;
}

/* stylish button */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button_post2forum {
    color: #000;
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
    height: 16px;
    margin-right: 6px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
	border:1px solid #FF9900;
	background: #FFCC00 url(../images/icon-post2forum.gif) no-repeat center left;
}

a.button_post2forum span {
    /*background: transparent url('../images/bg_button_yellow_span.png') no-repeat;*/
    display: block;
    line-height: 12px;
    padding: 2px 0 2px 25px; /* Note: Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total height of the button (24). Using a different padding, means setting a different height. */
}

a.button_yellow {
    background: transparent url('../images/bg_button_yellow_a.png') no-repeat scroll top right;
    color: #000;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button_yellow span {
    background: transparent url('../images/bg_button_yellow_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px; /* Note: Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total height of the button (24). Using a different padding, means setting a different height. */
}

a.button_yellow:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_yellow:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.button_red {
    background: transparent url('../images/bg_button_red_a.png') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button_red span {
    background: transparent url('../images/bg_button_red_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px; /* Note: Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total height of the button (24). Using a different padding, means setting a different height. */
}

a.button_red:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_red:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.button_green {
    background: transparent url('../images/bg_button_green_a.png') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button_green span {
    background: transparent url('../images/bg_button_green_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px; /* Note: Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total height of the button (24). Using a different padding, means setting a different height. */
}

a.button_green:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_green:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.button_grey {
    background: transparent url('../images/bg_button_grey_a.png') no-repeat scroll top right;
    color: #333;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 20px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button_grey span {
    background: transparent url('../images/bg_button_grey_span.png') no-repeat;
    display: block;
    line-height: 12px;
    padding: 4px 0 4px 18px; /* Note: Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total height of the button (24). Using a different padding, means setting a different height. */
}

a.button_grey:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_grey:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/* end stylish button */

a.greytab {
	cursor:pointer; 
	border-top: 1px solid #CCCCCC; 
	border-left: 1px solid #CCCCCC; 
	background-color:#999999; 
	text-decoration: none;
	padding: 3px 13px;
	margin-right: 1px;
	font: bold 12px;
	position: relative;
	top: -3px;
	color:#ffffff;	
}
a.orangetab {
	cursor:pointer; 
	border-top: 1px solid #FFCC00; 
	border-left: 1px solid #FFCC00; 
	background-color:#FF9900; 
	text-decoration: none;
	padding: 3px 13px;
	margin-right: 1px;
	font: bold 12px;
	position: relative;
	top: -3px;
	color:#ffffff;	
}

.subcategory{
	background: #FFFFFF url(../images/arrow-down.gif) no-repeat center left;
	border-bottom: 1px dotted #999999; 
	font-weight:bold; 
	text-align:left; 
	padding: 2px 2px 2px 18px;
	display:block;
}

#verified { 
	background:url(../images/verified-seal.png) no-repeat; 
	width:130px; 
	height:130px; 
} 

#white_box {
	background-color:#FFFFFF;
	color:#333333;
}
/*
#white_box a {
	color:#0033CC;
	font-weight:bold;
	text-decoration:underline;
}
*/

#store-menu {
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
}

#store-menu a {
	text-decoration: none;
	color:#FFFFFF;
}

#store-menu a:hover {
	text-decoration: underline;
	color:#FFFFFF;
}

a.link {
	color:#FFCC00;
}

/*
#link a {
	text-decoration: underline;
	color:#FF3300;
}

#link a:hover {
	text-decoration: none;
	color:#FF3300;
}

#link a:visited {
	text-decoration: underline;
	color:#FF3300;
}
*/

.column-header {
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
	padding: 5px 10px 5px 10px;
}

#options {
    background-color:#FF9900; 
    font-weight : bold;
    line-height : 100%; 
    color : #ffffff; 
    vertical-align : middle; 
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;	 
	border-top: 2px solid #ffffff;	
	border-bottom: 2px solid #ffffff;	
	padding:5px; 
	text-align:center; 
	display:inline-block; 
	width:100px; 
	height: 24px;
}

#options a {
    color : #ffffff; 
	text-decoration:none; 
}

/* START OF SLIDER */
/*sample 4*/
#boxww{
	position:absolute;
	width:600px;
}
#boxww div{
	display:block;
	width:600px;
	height:850px;
	float:left;	
}
.maskww{
	position:relative;
	width:600px;
	height:850px;
	overflow:hidden;
}
.maskwwIE{
	position:relative;
	width:600px;
	height:825px;
	overflow:hidden;
}
#boxcc{
	position:absolute;
	width:600px;
}
#boxcc div{
	display:block;
	width:600px;
	height:850px;
	float:left;	
}
.maskcc{
	position:relative;
	width:600px;
	height:850px;
	overflow:hidden;
}
.maskccIE{
	position:relative;
	width:600px;
	/*height:578px;*/
	height:825px;
	overflow:hidden;
}
#boxew{
	position:absolute;
	width:600px;
}
#boxew div{
	display:block;
	width:600px;
	height:850px;
	float:left;	
}
.maskew{
	position:relative;
	width:600px;
	height:850px;
	overflow:hidden;
}
.maskewIE{
	position:relative;
	width:600px;
	/*height:578px;*/
	height:825px;
	overflow:hidden;
}


/*sample8*/
.mask8{
	position:relative;
	width:600px;
	height:950px;
	overflow:hidden;
}
.mask8IE{
	position:relative;
	width:600px;
	height:960px;
	overflow:hidden;
}
#box8{
	position:absolute;
}
#box8 div{
	width:600px;
	float:left;
}
#box8 .buttons{
	text-align:center;
}
#box8 .next{
	float:right;
}

/*common*/
.buttons{padding:2px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:11px Arial}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}

.arrows{padding:0px;}
.arrows span{cursor:pointer; }

/* END OF SLIDER */

/* START OF LIVE SEARCH */

/* Advanced Search Form */

.AdvancedSearchInput {width: 60% !important;}

.AdvancedUserInput, #DiscussionAutoCompleteResults,

#CommentAutoCompleteResults {width: 194px !important;}	

/* Autocomplete results */

.AutoCompleteContainer {border: 1px solid #EEE;	border-top: 0;}

.AutoCompleteContainer td {padding: 2px;cursor: pointer;}

.AutoCompleteRow td {background: #FFF;}

.AutoCompleteHoverRow td {background: #CC0000;color: #FFF;}

/* END OF LIVE SEARCH */

/* start of transparent black bg */

.trans_box {
	color:#FFFFFF;
	background: url(../images/trans.png);
	behavior: url("../iepngfix/iepngfix.htc");  
}

.trans_box a {
  /*color:#FFCC00;*/
  text-decoration:none;
}

/* end of transparent black bg */

/* start of transparent white bg */

.trans_box2 {
	color:#333;
	background: url(../images/trans-white.png);
	behavior: url("../iepngfix/iepngfix.htc");  
}

.trans_box2 a {
  /*color:#FFCC00;*/
  text-decoration:none;
}

/* end of transparent white bg */

/* start of tag */

.shoutarea{ 
	font-size:11px;
	line-height:130%;
	color:#FFFFFF;
	width: 100%;
	text-align:left;
	
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #1B1B1B;
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-3dlight-color: #666666;
  scrollbar-darkshadow-color: #333333;
  scrollbar-shadow-color: #000000;	
}

.shoutarea a {
	color:#33FF00;
}

.odd{ 
	background-color:#000000;
	padding: 5px 10px 5px 10px;
	color:#FFFFFF;
	font-size:11px;
}

.even{ 
	background-color:#333333;
	padding: 5px 10px 5px 10px;
	color:#FFFFFF;
	font-size:11px;
}

.shoutdate {
	font-size:10px;
	line-height: 130%;
	color:#CCCCCC;
}

/* end of tag */

/* start of FACEBOX */
#facebox .b {
  background:url(../images/facebox/b.png);
}

#facebox .tl {
  background:url(../images/facebox/tl.png);
}

#facebox .tr {
  background:url(../images/facebox/tr.png);
}

#facebox .bl {
  background:url(../images/facebox/bl.png);
}

#facebox .br {
  background:url(../images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* end of FACEBOX */

/* CSS for Shade Tabs. */

.shadetabs{
padding: 3px 0;
margin-left: 10px;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/* end of CSS for Shade Tabs. */

/* Start Content slider */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 180px; /*width of featured content slider*/
height: 90px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 180px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.sliderwrapper2{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 180px; /*width of featured content slider*/
height: 90px;
}

.sliderwrapper2 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 180px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

/* End Content slider */

/* Start of Greybox */
#GB_overlay {
  background-image: url(../images/overlay.png); 
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(../images/blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 10px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #aaa;
  overflow: auto;
  width: 400px;
  height: 400px;
  z-index: 150;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}

/* End of Greybox */

/* Start of Tooltip */

a.tooltip {
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none;
	line-height: 110%;
	}

a.tooltip:hover {
	z-index:25; 
	background-color:#ff0; 
	color:#000000; 
	text-decoration:none; 
	line-height: 110%;
	}

a.tooltip span {display: none}

a.tooltip:hover span { /*the span will display just on :hover state*/
    font-size:10px;
	display:block;
    position:absolute;
    top:-45px; left:-270px; width:200px;
    border:1px solid #FFCC00;
    background-color:#FFFFCC; 
	color:#000;
	padding: 10px;
    text-align: left;
	}

/* End of Tooltip */

/* Start of Horizontal Menu */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
/*background: #FFCC00 url(../images/button-yellow2-m.jpg) repeat-x center right;*/
background-color: #000; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 105px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 0px solid #cccccc;
border-left-width: 0;
text-decoration: none;
color: #FFFFFF;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #FFF;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #f2f2f2;
}

.suckertreemenu ul li a:hover{
background-color: #000;
color: #FFF;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #333333 url(../images/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #333333 url(../images/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0px;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
/*background: #FFCC00 url(../images/button-yellow2-m.jpg) repeat-x center right;*/
background-color: #000; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 105px; /*Width of top level menu link items*/
padding: 5px 8px;
border: 1px solid #F2F2F2;
border-left-width: 0;
text-decoration: none;
color: #FFF;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #FFFFFF;
text-decoration: none;
padding: 3px 5px;
border-bottom: 1px dotted #F2F2F2;
border-right: 0px dotted #F2F2F2;
border-left: 0px dotted #F2F2F2;
border-top: 0px dotted #F2F2F2;
background-color:#333333;
}

.suckertreemenu ul li a:hover{
/*background: #FFCC00 url(../images/button-yellow2-m.jpg) repeat-x center right;*/
background-color: #000;
color: #FFF;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #000 url(../images/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #000 url(../images/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

/* End of Horizontal Menu*/

/* Start Accordian Menu */
div.lotdept {
  width: 100%;
  background: #000;
}

div.lotdept a {
  color: #FFF;
  padding: 3px 10px 3px 10px;
  display: block;
  text-decoration: none;	
  border-top: 1px dotted #CCC;
  
}

div.lotdept span {
  margin-top:1px;
}

div.lotdept span a {
  color: #FFF;	
  background: #333;
  padding-left: 20px;
 
}

div.lotdept span a:hover {
  background: #666;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

div.storemenu {
  width: 100%;
  min-width: 160px;
  background: #000;
}

div.storemenu a {
  color: #FFF;
  padding: 3px 10px 3px 10px;
  display: block;
  text-decoration: none;	
  border-top: 1px dotted #CCC;
  
}

div.storemenu span {
  margin-top:1px;
}

div.storemenu span a {
  color: #FFF;	
  background: #333;
  padding-left: 20px;
 
}

div.storemenu span a:hover {
  background: #666;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

/*
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 205px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  background: #000;
  color: #FFF;	
  padding: 5px;
}

ul.menu li a:hover {
  background: #000;
}

ul.menu li ul li a {
  background: #333;
  color: #FFF;
  padding-left: 20px;
}

ul.menu li ul li a:hover {
  background: #666;
  border-left: 5px #000 solid;
  padding-left: 15px;
}
*/
/* End Accordian Menu */

/* Start Date picker */

/* The wrapper div */
div.datePicker
        {
        position:absolute;
        min-width:24em;
        width:24em;
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font:900 0.8em/0.8em Verdana, Sans-Serif;
        
        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana; */

        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
        -moz-user-select:none;
        -khtml-user-select:none;
        }
/* Styles for the static datePickers */
div.staticDP
        {
        position:relative;
        top:5px;
        left:0;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus
        {
        /*position:relative;*/
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 4px;
        background:transparent url("../images/datepicker/cal.gif") no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:middle;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
a.date-picker-control
        {
        /* IE, Safari & Opera. Seperate CSS rule seems to be required. */
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* The next & previous buttons */
div.datePicker th span
        {
        display:inline;
        padding:0;
        margin:0;
        color:#000;
        text-align:center;
        line-height:1em;
        border-width:0;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;
        }
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-size:1.8em;
        cursor:pointer !important;
        }

div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        line-height:1.6em;
        text-transform:uppercase;
        cursor:pointer !important
        }
div.datePicker thead th span.fd-disabled
        {
        color:#aaa;
        cursor:default !important;
        }
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        height:1.4em;
        width:2em;
        text-decoration:none;
        text-transform:lowercase;
        line-height:1.4em;
        }
/* The table */
div.datePicker table
        {
        position:relative;
        margin:0;
        padding:0;
        border:1px solid #ccc;
        background:#fff url(../images/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align:center;
        width:100%;
        border-spacing:2px;
        table-layout:fixed;
        border-collapse:separate;
        }
/* Common TD & TH styling */
div.datePicker table td
        {
        border:1px solid #ccc;
        padding:0;
        text-align:center;
        vertical-align:middle;
        /* Opera requires a line-height bigger than 1em in order to redraw properly */
        line-height:1.2em;
        cursor:pointer;
        background:#fff url(../images/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        width:3em;
        height:3em !important;
        height:2.8em;
        outline:none;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;
        line-height:1em;
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle;
        }
div.datePicker table td.date-picker-unused
        {
        background:#fff url(../images/datepicker/backstripes.gif);
        border-color:#dcdcdc;
        padding:0;
        cursor:default !important;
        }
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header
        {
        text-transform:lowercase;
        width:3em;
        }
div.datePicker table th.date-picker-day-header span
        {
        display:block;
        }
/* The "todays date" style */
div.datePicker table td.date-picker-today
        {
        background:#fff url(../images/datepicker/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* the "highlight days" style */
td.date-picker-highlight
        {
        color:#a86666;
        }
/* The date "out of range" style */
div.datePicker table td.out-of-range
        {
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;
        }
/* The "disabled days" style */
div.datePicker table td.day-disabled
        {
        color:#aaa !important;
        background:transparent !important;
        cursor:default !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(../images/datepicker/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170);
        color:rgb(100,130,170);
        }
/*
   Quirksmode necessity?
   ---------------------

   If your HTML document renders in quirksmode (i.e. has no doctype declaration)
   then uncomment the following CSS rule to set a less drastic font-size in IE

div.datePicker table th,
div.datePicker table td
        {
        font-size:100%;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }


/* from demo.css */
.w2em
        {
        width:2em;
        }
.w3em
        {
        width:3em;
        }
.w4em
        {
        width:4em;
        }
.w8em
        {
        width:8em;
        }
#newline-wrapper
        {
        margin-bottom:1em;
        }
table.split-date-wrap
        {
        width:auto;
        margin-bottom:0;
        }
table.split-date-wrap td
        {
        padding:0 0.2em 0.4em 0;
        border-bottom:0 none;
        }
table.split-date-wrap td input
        {
        margin-right:0.3em;
        }
table.split-date-wrap td label
        {
        font-size:10px;
        font-weight:normal;
        display:block;
        }
		
/* end of datepicker */

/*start search results div column layout */
.search_header{
   width: 100%;
   left: 0%
}
.search_colmask{
   width: 100%;
   left: 0%
}
.search_colmid{ right: 16% }
.search_colin{ right: 14% }
.search_colleft{ right: 58% }
.search_col1{
   width: 56%;
   left: 101%
}
.search_col2{
   width: 10%;
   left: 33%
}
.search_col3{
   width: 12%;
   left: 93%
}
.search_col4{
   width: 14%;
   left: 95%
}
.search_footer{
   width: 100%;
   left: 0%
}
.search_header{
   clear: both;
   float: left;
   position: relative;
   border-bottom: #000 0px solid;
}
.search_colmask{
   clear: both;
   float: left;
   overflow: hidden;
   position: relative;
}
.search_colmid{
   float: left;
   width: 100%;
   position: relative;
}
.search_colin{
   float: left;
   width: 100%;
   position: relative;
}
.search_colleft{
   float: left;
   width: 100%;
   position: relative;
}
.search_col1{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.search_col2{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.search_col3{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.search_col4{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.search_footer{
   clear: both;
   float: left;
   position: relative;
   border-top: #000 1px dotted;
}
.search_bottom{
   clear: both;
   width: 100%;
   float: left;
   position: relative;
}
/* end search results layout */

/* affiliate page */
#greenbox {
	font: 13px Arial, sans-serif; 
	line-height:115%;
	background-color:#f1ffb9; 
	border:2px solid #99cc00;
	padding:15px;
	color:#333333;
	font-weight:bold;
}
#orangebox {
	font: 13px Arial, sans-serif; 
	line-height:115%;
	background-color:#ffffcc; 
	border:2px solid #FFcc66;
	padding:15px;
	color:#333333;
	font-weight:bold;
}
#redbox {
	font: 13px Arial, sans-serif; 
	line-height:115%;
	background-color:#ffcc99; 
	border:2px solid #FF3300; 
	padding:15px;
	color:#333333;
	font-weight:bold;
}
#container {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#navlist {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	font: 12px Arial;
	line-height:150%;
}
		
#navlist li {
	padding-left: 20px;
	background-image: url(../images/icon-checkmark.gif);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}

/* end affiliate page */

/* table styles */
#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('../images/table-images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('../images/table-images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('../images/table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('../images/table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}

#hor-minimalist-b
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background: #fff;
	margin: 10px;
	width: 520px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 13px;
	font-weight: bold;
	color: #333;
	padding: 10px 8px;
	border-bottom: 2px solid #999;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #666;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #000;
	background: #FFFFCC;
}

/* end table styles */

/* black box (new media stuffs) */
#blackbox {
	color:#FFFFFF;
	font: 12px Arial;
	line-height:120%;
}

#blackbox td {
	color:#FFFFFF;
	font: 12px Arial;
	line-height:120%;
}
		
#blackbox a {
	color:#FFFFFF;
	font: 12px Arial;
	line-height:120%;
}

#blackbox .sec {
	color:#FFFFFF;
	font: 32px 'Freestyle Script', Arial, sans-serif;
	line-height:120%;
}
/* end black box (new media stuffs) */