/*-------------------------------------------------------------------------
=General Basic Styles Defined
--------------------------------------------------------------------------*/
/* basic elements */
body {
	background: #fff;
	text-align: center;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	color: #000;
	margin:0;
	padding:0;
}



h1, h2, h3, h4, h5  {
	font-family: arial,helvetica,verdana,sans-serif;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: 1.1em;
	text-transform: lowercase;
}

h1 {
	color: #666666;
	font-size: 22px;
}

h2 {
	color: #29366A;
	font-size: 21px;
}

h3 {
	color:#808080;
	font-size: 16px;
}
	
h4 {	
	font-size:16px ;
	text-align:left;
}

h5 {	
	font: 11px sans-serif;
	text-align:left;
}

a {
	color : #29366a;
}

.agi-plainlink a {text-decoration : none;}
.agi-plainlink a:hover {text-decoration : underline;}


p {
	text-align: left;
	margin: 0 0 1em 0;
	padding: 0
}

object {
	outline: none;
}

.agi-desc {
	margin: 12px 0 6px 0;
	padding: 0;
	font-size: 13px;
	text-align: left;
}
	
/* Small Instructional text used sparingly*/	
.agi-instr {
	font-size : 10px;
}

.agi-hilink, a.agi-hilink {
	font-family : arial,helvetica,sans-serif;
	font-size : 11px;
	font-weight:bold;
	color : #29366A;
	text-decoration : none;
	cursor: pointer;
	}

a:hover.agi-hilink {text-decoration : underline;}
.agi-hilink span{
	}
	
form {
		margin:0px;
		padding:0px;
	}
	
input,textarea,select  {
	font-family : verdana,helvetica,sans-serif;
    font-size: 11px;
	color:#000;
	background-color:#FFFFFF;
    padding: 3px;
	margin: 0px 0px 4px 0px;
    border: solid 1px #7F9DB9;
    }	
input,select  {
/*turned this off cause of issues after adding doctype
	height:1.5em;
*/
    }	
.agi-lazyinput{    
	color: #000;	
    font-size: 11px;
    }	

.agi-activeinput{
    color: #000;
    font-size: 11px;
    }	
	
.agi-formclean input,.agi-formclean textarea,.agi-formclean select {
    background-color: transparent;
    padding: 0;
	margin: 0;
    border: none;
}
/*clear buttons*/
.agi-button input, .agi-button textarea, .agi-button select  {
		background-color: transparent;
		padding: 0;
		margin: 0;
		border: none;
    }	
	
.agi-formbutton {
    background-color: transparent;
    padding: 0;
	margin: 0;
    border: none;
}

.agi-formpage {
	padding: 0;
	margin: 0;
	clear:both;
}

.agi-formpage h2 {
	padding:0px 0px 5px 0px;
	margin:0px;
	clear:both;
}

.agi-formpage p{
	position: relative;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 15px 0px;
	clear: both;
}

.agi-formrow {
	margin: 0 0 12px 0;
	padding: 0;
	width: 100%;
}

.agi-formrow p {
	margin: 0;
	padding: 0 0 2px 0;
	width: 100%;
}

.agi-formrow input.radio {
	float: none;
	background-color: transparent;
	border: none;
	vertical-align: top;
	padding: 0;
	margin-right: 4px;
}

input.checkbox {
	background-color: transparent;
    border: none;
	padding: 0;
	margin-right: 4px;
	vertical-align: middle;
}

.agi-formrowsingle {
	margin: 0;
	padding: 0 0 0 130px;
	text-align: left;
	line-height: 1.4em;
}

.agi-formrowspec {
	margin: 2px 10px 10px 0;
	padding: 0;
	line-height: 1.4em;
}
 
.agi-formleft {
	float: left;
	display:block;
	margin: 0;
	padding: 0 20px 0px 0;
	width: 110px;
	text-align: right;
	text-transform: lowercase;
	font-size : 13px;
	color : #29366A;
	line-height: 1.4em;
}
.agi-formright {
	float: left;
	display:block;
	margin: 0;
	padding: 0;
}

.agi-formlg {
	width: 320px;
}

#agi-lightbox .form fieldset{
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
}
#agi-lightbox .form fieldset label{
float:left !important;
margin-right:6px !important;
}
#agi-lightbox .form fieldset .button{
margin-left:6px; !important;
}
#agi-lightbox .agi-pickupprotect{
margin-top:20px;
padding-top:10px;
border-top:1px solid #BACFE4;
}

.agi-popperformrow {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	width: 100%;
}

.agi-popperformrow textarea {
	margin: 0;
	padding: 0;
}

.agi-popperformleft {
	float: left;
	margin: 0;
	padding: 0 10px 5px 0;
	width: 28%;
	text-align: right;
	text-transform: lowercase;
	line-height: 1.4em;
}

.agi-popperformright {
	float: left;
	margin: 0;
	padding: 0;
}

.agi-close {
	background-color: #E7F1FB;
    border-bottom: solid 1px #425580;
	padding: 6px;
	text-align: right;
	color: #010000;
	text-transform: lowercase;
}

.agi-close span {
	float:left;
}

.agi-special {
	color: #f00;
	font-weight: bold;
}

#agi-customadvancedtop a:focus {
	-moz-outline: 0px dotted !important /* removes dotted border from advanced options drawer on custom in Firefox */;
}


/*-------------------------------------------------------------------------
=All headers will use this as a container
--------------------------------------------------------------------------*/
#agi-cobrand {
	margin:0px;
	padding:0px;
	text-align:left;
}

#agi-crisismessage{
	display:block;
	width:933px;
	text-align:right; 
	margin:0 auto -10px auto;
	padding:3px;
	z-index:1000;
	position:relative;
}	

#agi-navheader {
	position: relative;
	z-index:100;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#agi-navlogo {
	float: left;
	width: 185px;
	height: 67px;
	margin: 0px;
	padding: 0px;
}

#agi-navlogo a{
	display:block;
	padding-bottom:3px;
}

#agi-navright {
	float: right;
	width: 728px;
	height: 67px;
	position: relative;
	z-index:501;
	margin: 0px;
	padding: 0px;
}

#agi-navtext {
	width:320px;
	font-size:13px;
	position:absolute;
	z-index:502;
	bottom:10px;
	overflow:hidden;
}
#agi-navtext span{
	font-size:16px;
}
#agi-navbuttons-07 {
	position:absolute;
	z-index:102;
	left:400px;
	bottom:6px;
	width:172px;
	text-align:right;
}
#agi-navbuttons-07.agi-navregister {
	left:320px;
	width:340px !important;
}
#agi-navbuttons-07 .agi-navlink{
	float:left;margin-left:6px;
}
/* my ag drop down*/
#myag-menu, #myag-menu ul, #myag-menu li, #myag-menu a, #myag-menu img {
	padding: 0;
	margin: 0;
	text-align:left;
}
#myag-menu {
	position:relative;
	width:82px;
	height:20px;
	list-style: none;
	z-index: 600;
	}	
#myag-menu li ul li a {display:block;padding:3px 3px;}
#myag-menu li ul li a:hover {background:#eee;}
#myag-menu li ul li {
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	background-color: #fff;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	text-align:left;
}
#myag-menu li ul li.agi-lastmy { 
	border-bottom: 1px solid #666666;
}

#myag-menu li li.agi-firstmy a {display:block;padding:0; height:23px; width:82px;}
#myag-menu li li.agi-firstmy a:hover {background:transparent;}
#myag-menu li li.agi-firstmy { 
	border: none;
	background:transparent;
	height:23px;
	width:82px;
}
#myag-menu li ul {
	/* second-level lists */
	list-style: none;
	position: absolute;
	display:block;
	width: 10em;
	top:0px;
	left: -3000px;
	z-index: 200;
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-image:url(/yh07/button/nav_myag_open.gif);
	background-position : top left;
	background-repeat : no-repeat;
}
#myag-menu li:hover ul, #myag-menu li.over ul { /* lists nested under hovered list items */
	left: 0px;
}
#myag-menu li {
	float: left;
}
#agi-navbetaback{
	position:absolute;
	right:5px;
	bottom:10px;
	text-align:right;
}
#agi-ad728x90 {
	width: 933px;
	padding: 10px 0;
	/*margin-bottom: -45px;*/
	text-align: right;
	position: relative;
	z-index: 120;
}
#agi-ad728x90 .agi-adtop	{
	display:none;
	}	
/*-------------------------------------------------------------------------
=All footers will use this as a container
--------------------------------------------------------------------------*/
#agi-footer {
	margin: 0;
	padding: 0;
	border-top: 1px solid #425580;
}
#agi-footer p{
	text-align: center;
	margin: 5px 0px 15px 0px;
	padding: 0;
}	
#agi-footerhome{
	float: right;
}	
#agi-footerhome  p{
	text-align: right;
	margin-bottom: 35px;
}
#agi-footerhome img {
	vertical-align: top;
	margin-right: 2px;
	margin-left: 4px;
}	
#agi-footerhome span {
	cursor: pointer;
} 
#agi-footerseo {
	margin-top: 70px;
	padding: 0px;
}
#agi-footerseo p {
	text-align: left;
	margin: 0;
	padding: 0;
}	
/*-------------------------------------------------------------------------
=All Lightbox Popups will use this
--------------------------------------------------------------------------*/
#agi-lightbox {
	background-color: #fff;
	margin: 0;
	padding: 0;
	border: 1px solid #29366A;
	width: 406px;
	text-align:left;
	z-index: 100000;
}
#agi-lightbox .agi-lazyinput, #agi-lightbox .agi-activeinput{
	width:220px;
}
/*exception for birthday input fields*/
#agi-lightbox #agi-inputbirthday .agi-lazyinput, #agi-lightbox #agi-inputbirthday .agi-activeinput{
	width:auto;
}
.agi-lightboxpad {
	margin: 0;
	padding: 5px 20px 0 20px;
}	
.agi-lightbox-title{
	font-family: helvetica,arial,verdana,sans-serif;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: 1.1em;
	text-transform: lowercase;
	color: #666;
	font-size: 22px;
}

#agi-lightbox .agi-formright {
	width:230px;
}

#agi-lightbox #agi_tellafriend .agi-formrowspec textarea {
	height: 60px;
	width: 350px;
}
.agi-checkboxalign {
	vertical-align: middle;
	margin-right: 5px;
}


/*-------------------------------------------------------------------------
=Errors throughout sites
--------------------------------------------------------------------------*/
.agi-siteerror {
	color: #f00;
	font-weight:bold;
}
div.agi-siteerror {
	color: #f00;
	font-weight:bold;
	margin:30px auto;
}
.agi-searcherror {
	margin: 0 0 14px 0;
	padding: 0 0 0 5px;
	color: #f00;
	font-weight: bold;
	text-align: left;
}
.agi-searchpopular {
	margin: 0 0 10px 0;
	padding: 0 0 20px 5px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #c6c6c6;
}
/*-------------------------------------------------------------------------
=BUTTONS
--------------------------------------------------------------------------*/	
/* This surrounds multiple buttons in a row*/		
.agi-buttons {
	margin: 10px 0 0 0;
	padding: 0;
}

/* This surrounds each individual button to space them*/		
.agi-button {
	float: right;
	margin: 0 5px 5px 0;
	padding: 0;
}

.agi-button p {
	text-align: right;
}		
/*-------------------------------------------------------------------------
=Move to left rail
--------------------------------------------------------------------------*/	
#agi-rail{text-transform: lowercase;}
.wipe_toggle{cursor:pointer;}

/* top sliders */
#agi-rail .agi-slide{
	/*background:url("/yh07/left/search_open.jpg") repeat-y;*/
	color:#29366A;
    border-bottom: solid 1px #425580;
	font-size : 12px;
	margin-bottom:6px;
	background-color:#D3DCEB;
}
/*new left rail slider titles*/
#agi-rail .agi-slide h3{
position:relative;
margin:0;
padding:0;
}
#agi-rail .agi-slide h3 span{
position:absolute;
left:-8000px;
}
/*new left rail slider titles*/
#agi-rail .agi-slide a.agi-hilink {
display:block;
margin-top:20px;
	}

#agi-rail .agi-slidetop{
background-color:#E7F1FB;
color:#010000;
    border-bottom: solid 1px #425580;
	font-size : 10px;
	font-weight:bold;
	padding:6px 10px 6px 6px;
	text-align:right;
}

#agi-rail .agi-slidetop span{
display:block;
	float:left;
}
#agi-rail .agi-slidetop a{
}


#agi-rail .agi-slidecontent p{
	padding-bottom:0px;
	margin-bottom:0px;
}

#agi-rail .agi-slidecontent{
	padding:0px 10px 15px 10px;
}
#agi-rail .agi-search .agi-slidecontent{
	padding:5px 10px 5px 10px;
}
/* shop by section of left rail */
#agi-rail .agi-slideshop{
/*background:url("/yh07/left/shop_open.jpg") repeat-y;*/
color:#29366A;
    border-bottom: solid 1px #425580;
	font-size : 11px;
	margin-bottom:6px;
	background-color:#E7F1FB;
}
#agi-rail .agi-slideshop-notop{
/*background:url("/yh07/left/shop_open.jpg") repeat-y;*/
color:#29366A;
    border-bottom: solid 1px #425580;
    border-top: 1px solid #425580;
	font-size : 11px;
	margin-bottom:6px;
	background-color:#E7F1FB;
}

#agi-rail .agi-slideshopcontent{
	display:block;
	padding:0px 10px 10px 10px;
    /*border-bottom: solid 1px #425580;*/
}

/*
for static open left rail navigation
*/
/*background of module*/
#agi-rail .agi-static{
background-color:#EFEDD5;
}
/*contain top image*/
#agi-rail .agi-statictop{
background-color:#E7F1FB;
    border-bottom: solid 1px #425580;
	text-align:left;
}
/*padding of module*/
#agi-rail .agi-staticshopcontent{
	display:block;
	padding:10px 10px 50px 10px;
    border-bottom: solid 1px #425580;
}
/*highlighting current page u are on*/
#agi-rail a.agi-current{
	color:#FF0033;
	font-weight:bold;
}

#agi-rail input, #agi-rail textarea, #agi-rail select  {
    width: 132px;
	margin-top:2px;
	margin-bottom:6px;
    }	
#agi-rail .agi-formclean input,#agi-rail .agi-formclean textarea,#agi-rail .agi-formclean select {
	margin-top:0px;
	margin-bottom:0px;
}

#agi-rail .agi-search input {
	font-size: 10px;
	text-transform: lowercase;
}
/*-------------------------------------------------------------------------
=product specific rail slides
--------------------------------------------------------------------------*/	
/*ecards left rail slides*/
.agi-occasions{
background:url("/yh07/left/occasions.jpg") no-repeat bottom;
}
.agi-words{
background:url("/yh07/left/words.jpg") no-repeat bottom;
}
.agi-sampler{
background:url("/yh07/left/sampler.jpg") no-repeat bottom;
}
.agi-collections{
background:url("/yh07/left/collections.jpg") no-repeat bottom;
}
.agi-signup{
background:url("/yh07/left/signup.jpg") no-repeat bottom;
}
/*messaging after you submit*/
#agi-newsletter-message-area{
display:none;
}
.agi-signupafter{
background-color:#fff;
margin:10px 0 20px 0;
padding:6px;
color:#000;
text-transform : none;
border:1px double #425580;
}

/*-------------------------------------------------------------------------
=other left rail styles
--------------------------------------------------------------------------*/	
#agi-rail .agi-myinvites {
	margin: 0 0 6px 0; 
	padding: 0;
	/*background:url("/yh07/left/shop_open.jpg") repeat-y;*/
	color:#29366A;
    border-top: 1px solid #425580;
	border-bottom: 1px solid #425580;
	font-size: 11px;
	background-color:#E7F1FB;
}

#agi-rail ol{
	margin:0px;
	padding:0px;
list-style-type : none;
}
#agi-rail ol ol{
	margin:0px;
	padding-left:20px;
}
#agi-rail li{
	width:140px;
	padding:5px 0;
	display:block;
	overflow: hidden;
}
/*make sure left rail doesn't break with long names-IE*/
#agi-rail ol ol li{
	width:120px;
}
#agi-rail ol ol ol li{
	width:100px;
}
#agi-rail ol ol ol ol li{
	width:80px;
}
#agi-rail li a {text-decoration : none;}
#agi-rail li a:hover {text-decoration : underline;}
#agi-rail .agi-listselect{
	font-weight:bold;
}
/*category page call out*/
.agi-viewing{
	margin:0 0 6px 0;
	padding:0 0 10px 0 ;
    border-bottom: solid 1px #425580;
}
.agi-viewing p{
    border-bottom: solid 1px #425580;
	color:#050C12;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:6px 10px 6px 6px;
	background-color:#E6F0F9;
}

.agi-viewing h3{
	margin:0 0 20px 0;
	color:#2d2d2d;
}
#agi-rail .agi-viewing ol{
	padding-left:20px;

}

/*BETA FEEDBACK PLACEMENT*/
#agi-feedbackbeta{
position:absolute;
top:0px;
right:0px;
padding:0px;
}

#agi-feedbackbeta2{
float:left;
padding:3px 0px 20px 0px;
}
#agi-feedbackbeta2 a:hover{
text-decoration:none;
}
#agi-feedbackbeta2 img{
vertical-align:top;
}

.agi-tabless{
display:block;
border-top : 1px solid #C6C6C6;
text-align:left;
margin:20px 0px 0px 0px;
padding:10px 0px 0px 0px;
}

.agi-tabless span{
display:inline;
margin-right:20px;
padding:0px;
}

/*FREE WING*/
.agi-freetab, .agi-freetab img{
	background: url(/yh07/free_tb.gif) no-repeat top left;
}
/*MATURE WING*/
.agi-maturetab, .agi-maturetab img{
	background: url(/yh07/mature_tb.gif) no-repeat top left;
}
/*NEW WING*/
.agi-newtab{
	background: url(/yh07/new_tb.gif) no-repeat;
}

/*-------------------------------------------------------------------------
=All ad containers defined below
--------------------------------------------------------------------------*/
.agi-adtop	{
display:block;
background-color:transparent;
color:#808080;
	font-size : 10px;
	font-weight:bold;
	padding: 3px 0 3px 6px;
	text-transform: lowercase;
	text-align:center;
	}
#agi-homead #agi-ad300x250 .agi-adtop {
background-color:#E7F1FB;
color:#192E65;
    border-bottom: solid 1px #425580;
	text-align:left;
	}	
	
#agi-ad120x600 {
		margin:0px auto;
		padding:0px;
		text-align:center;
		width:120px;
	}
#agi-ad160x600 {
		margin:0px auto;
		padding:0px;
		text-align:center;
		width:160px;
	}		
	#agi-ad160x600 iframe{
		padding:0 auto;
		text-align:center;
	}		

#agi-ad300x250 {
		margin:0px 0px 10px 0px;
		padding:0px;
		text-align:center;
	}
.agi-adhomethumb	{
		float:left;
		width:110px;
		margin:0px;
		padding:0px 16px 0px 0px;
		text-align:right;
	}
#agi-ad328x300 {
		margin:0px;
		padding:0px;
		text-align:center;
	}
#agi-ad336x280 {
		margin:0px;
		padding:0px;
		text-align:center;
		float:left;
		width:336px;
	}	
/*exception for all occasions page*/
#agi-ecards-all #agi-ad336x280 {
		margin:0px auto;
		padding:0px;
		text-align:center;
		float:none;
		width:336px;
	}		
	
#agi-category #agi-ad336x280 {
		float:none;
		display:block;
		margin:0px auto;
	}		
	
	
/*Homepage & Tab Page Styles*/
a#agi-hpbb {
	margin: 0;
	padding: 0;
	display: block;
}

a#agi-hpbb img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

#billboard {
	margin: 0;
	padding: 0;
}

#birthdayModule {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #425580;
}

#agi-homead {
	float: left;
	background-color: #f00;
	margin: 9px 0 0 5px;
	width: 300px;
	/*background: url("/yh07/back_homead.jpg") repeat-y;*/
	text-align: left;
	background-color:#BACFE4;
}

#agi-varad {
	display: block;
	background-color: #fff;
	margin: 14px 12px 10px 12px;
	padding: 10px 0 0 10px;
	border: 1px solid #c6c6c6;
}


.agi-otherad {
	display: block;
	clear: both;
	margin: 0;
	padding: 12px 0 0 0;
	text-align: left;
	overflow: auto;
	height: 110px;
}

#agi-flashad {
	margin: 20px 0 0 0;
	padding: 0;
}

#agi-zarco-mod {
	margin: 5px 0 0 0;
	padding-top: 5px;
	text-align: left;
	height: 27px;
	text-transform: lowercase;
	background: url("/yh07/more_mod_back.jpg") no-repeat;
	overflow: hidden;
}

#agi-zarco-mod p {
	margin: -9px 0 0 0;
	padding: 0 0 0 10px;
}

#agi-zarco-mod span {
	margin: 0 10px 0 0;
	padding: 0;
	line-height: 3em;
}

#agi-zarco-mod ul {
	margin: 0;
	padding: 5px 0 0 0;
	list-style-type: none;
	text-align: left;
}

#agi-zarco-mod li {
	margin: 0 14px 0 0;
	padding: 0;
	float: left;
}

#agi-addcontent {
	float: left;
	margin: 9px 0 0 0;
}

form#findit_magic input#pupcode {
	vertical-align: top;
}

/*
Homepage & Tab Page Bottom modules
*/

#agi-index-content {
	float: left;
	margin: 9px 0 0 0;
	width:445px;
}
.agi-module {
	margin: 10px 0 0 0;
	padding: 0 0 5px 0;
	position:relative;
	text-align:left;
	float: left;
	width: 220px;
}
#agi-mod1,
#agi-mod3 {margin-right: 2px;}

#agi-mod2,
#agi-mod4 {margin-left: 2px;}

.agi-modclear {clear:both;}

#agi-mod1 span.agi-extramod,
#agi-mod3 span.agi-extramod {
	background-color:#E7F1FB;
	height:130px;
	position:absolute;
	right:-2px;
	top:35px;
	width:1px;

}
.agi-module h2 {
	margin: 12px 0 12px 0;
	padding-left: 15px;
	text-transform: lowercase;
	font-size: 17px;
	color: #333;
	display: block;
}
.agi-module h3{
	margin: 0;
	background-color: #E7F1FB;
	color: #172E60;
    border-bottom: solid 1px #425580;
	padding: 3px 0 3px 6px;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 10px;
	text-align: left;
}
.agi-modimg {
	display:block;
	float: left;
	margin: 0 6px 6px 0;
	padding-left: 15px;
}
.agi-modcopy,
.agi-modcopy2 {
	margin: 0 4px;
	padding: 0;
	float: left;
	width: 50%;
}
.agi-modcopy2 {width: 35%;}

/*-------------------------------------------------------------------------
=Miscellaneous Pages of mostly text
--------------------------------------------------------------------------*/
#agi-misc p{
margin:0 0 20px 0;
padding:0;
}	
#agi-misc ul, #agi-misc ol{
text-align:left;
}	

/*-------------------------------------------------------------------------
=Detail Popup Page Defined
--------------------------------------------------------------------------*/
.agi-detailpopup {
	width:280px;
	border:solid 1px #425580;
	padding-bottom:10px;
    background-color:#fff;
	text-align:left;
}

.agi-detailpopup label {
	display:block;
	}

.clickable{
    cursor:pointer;
}
/*exception for lightbox tops*/
.agi-detailpopup .agi-close {
	font-weight: bold;
	padding-left:10px;
}
.agi-detailpopup .agi-tabless{
	border-top : none;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 10px;
}
img.pop-closer{
    cursor:pointer;
}

/*large thumb on detail popup*/
.agi-largethumb{
	width:220px;
	border:solid 1px #9A9677;
	margin:10px 0px 10px 30px;
}
.agi-largethumb a{
	display:block;
	padding:10px;
}
#agi-largethumbdetail{
	width:220px;
	margin-left:30px;
}
#agi-largethumbdetail h2{
margin-bottom:3px;
}
#agi-largethumbdetail p{
margin-top:0px;
}
#agi-largethumbdetail strong{
	display:block;
}

/*
Classes for quicksend
*/
.agi-quickpad{
padding:0px 10px 10px 10px;
}
.agi-quickpad p{
padding-top:0px;
margin-top:0px;
}
.agi-quickpad .agi-formpage  p {
display:block;
margin:0px;
padding:0px;
}
.agi-quickpad .agi-formpage  p strong{
width:60px;
padding-right:0px;
margin-right:20px;
}
.agi-quickpad .agi-formpage input, .agi-quickpad .agi-formpage textarea, .agi-quickpad .agi-formpage select  {
    width: 145px;
	margin-top:2px;
	margin-bottom:10px;
    }
.agi-quickpad .agi-formpage textarea.quicksend-message{
	height:100px;
}	

.agi-quickpad .agi-formpage textarea.to-email{
    overflow:auto;
}

.agi-quickpad .agi-formpage p.agi-popperqs-disclaimer {
	margin-top: -10px;
	font-size: 10px;
	color: #787878;
	font-style: italic;
}
/*-------------------------------------------------------------------------
=Style the category-page items. 
--------------------------------------------------------------------------*/
#agi-category {
	position: relative;
}

/* Style for default height around word loading*/
#docpane p.loading{
    height:200px;
	text-align:center;
}
/* Style for the currently selected page number */
li.current{
    color:#f00;
    cursor:default;
}
li.pagenumber, li.viewall {
    cursor:pointer;
}
/*** Style to control the category banner ***/
#agi-category-banner {
	height: 90px;
	padding: 0;
}

#agi-category-banner h1 {
	line-height: 1em;
	padding: 10px 0 0 10px;
	margin: 0;
	color: #fff;
	font-size:32px;
}

#agi-category-banner h2 {
	color: #fff;
	padding: 10px 0 0 10px;
}
/* Category Page view links*/
#agi-switchview-links {
	margin: 0;
	padding: 7px 7px 0 0;
	display:block;
	border-bottom: 0px solid #C6C6C6;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	position: absolute;
	right: 0;
	z-index: 10;
}
#agi-ecardcategory #agi-switchview-links {
	margin: 0;
	padding: 7px 7px 0 0;
	position:relative;
	display:block;
	border-bottom: 0px solid #C6C6C6;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	position: absolute;
	right: 0;
	z-index: 10;
}

#agi-switchview-links .switchview-selected {
	color:#ee353d;
	text-decoration:none;
}
#agi-switchview-links .switchview{
	color:#808080;
   cursor:pointer;
	text-decoration:none;
}
#agi-sort {
	display:block;
	font-weight:normal;
	position: relative;
	right: 0;
	top: 0;
}
#agi-ecardcategory #agi-sort {
	display: block;
	font-weight: normal;
	position: relative;
	right: 0;
	top: 0;
}

#agi-sort select {
	margin: 0;
	padding: 0;
}
/*-------------------------------------------------------------------------
=Page Picker Links
--------------------------------------------------------------------------*/
#agi-page-picker {
	margin: 0 0 10px 0;
	padding: 8px 0 0 0;
	color: #808080;
	text-align: left;
	font-weight:bold;
	font-size:11px;
	position:relative;
	height: 23px;
	border-bottom: 1px solid #c6c6c6;
}
#agi-ecardcategory #agi-page-picker {
	margin: 0 0 10px 0;
	padding: 8px 0 0 0;
	color: #808080;
	text-align: left;
	font-weight:bold;
	font-size:11px;
	position:relative;
	height: 23px;
	border-bottom: 1px solid #c6c6c6;
}

#agi-page-picker ul{
	padding: 0;
	margin: 0;
}
#agi-page-picker li{
	display:inline;
	list-style-type:none;
	padding-top:0px;
	padding-right:5px;
}
#viewall{
	padding-left:5px;
}
/*Classes for the Free and Member Mechanizing*/
.agi-free-row{
	position:relative;
	display:block;
	width:580px;
	height:17px;
	padding:0px;
	margin-bottom:7px;
	text-align:left;
	border-bottom:#C6C6C6 1px solid;
	vertical-align:top;
	clear:both;
}
.agi-free-row img{
	margin:0px;
	padding:0px;
}
#agi-free-row-offer{
	position:absolute;
	right:5px;
	top:3px;
	margin:0;
	padding:0;
}

/*-------------------------------------------------------------------------
=Thumb Layout
--------------------------------------------------------------------------*/
.productlist img{border:none;}
ol.productlist, ol.productlist ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/*-------------------------------------------------------------------------
=Gallery View
--------------------------------------------------------------------------*/
li.row {
	margin: 0;
	padding: 0;
	clear: both;
	display: block;
	float: none;
}
/*individual thumbs*/
li.product {
	width: 120px;
	float: left;
	margin: 0px 10px 10px 10px;
}
/*hide the stuff we don't want for thumbs*/
.large-preview,
.format,
.avg-rating,
.user-rating,
.synopsis,
.isquicksend,
.price,
.customertype,
.path,
.isnew,
.copy,
.rating_pct,
.rating_owned,
.plugin_url,
.button_name,
.popper_flavor,
.mature,
dd.small-preview,
dt.small-preview,
dt.avg-rating,
dt.user-rating,
html\:abbr .user-rating,    /* Dean Edwards' abbr-cadabra fix */
html\:abbr .avg-rating       /*   http://dean.edwards.name/my/abbr-cadabra.html */
    {
	display:none; 
}

.detail li {
	overflow:hidden;
}

/*-------------------------------------------------------------------------
=List View
--------------------------------------------------------------------------*/
dt, dd, dl {
	margin: 0;
	padding: 0;
}
.detail-list li.row{
clear:both;
display:block;
float:none;
}
/*individual thumbs*/
.detail-list li.product{
width:560px;
float:none;
display:block;
margin-bottom:20px;
}

ol.detail-list {
	list-style-type: none;
}
ol.detail-list .product-details{
    display:block;
}
ol.grid .product-details{
    display:none;
}
ol.grid .product-thumb{
    display:block;
}
ol.detail-list .product-thumb{
    display:none;
}
/* FREE WING Detail */
.detail-list .agi-freetab{background: url(/yh07/dfree_tb.gif) left top no-repeat;}
/* NEW WING Detail */
.detail-list .agi-newtab{background: url(/yh07/dnew_tb.gif) left top no-repeat;}
/* Mature WING Detail */
.detail-list .agi-maturetab{background: url(/yh07/dmature_tb.gif) left top no-repeat;}

ol.detail-list li dl {
	margin: 0;
	padding: 0;
}
.agi-largethumb-detail {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
}	
.agi-card-message-detail {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
}	
.agi-card-message-detail h2{
	padding-bottom:3px;
	border-bottom:solid 1px #ccc;
}	
.agi-card-message-detail .agi-list-prodtype{
	margin-bottom:6px;
	text-transform: lowercase;
	text-align:left;
	color:#666;
}	
.agi-card-message-detail p {
	margin: 0;
	padding: 0;
}	
.agi-card-message-detail strong{
	display: block;
}	
.agi-button-detail {
	float: right;
	margin: 0;
	padding: 0;
}
.agi-button-detail p{
	margin: 0 0 10px 0;
	padding: 0;
	text-align: right;
}
/* get the arrow over a menu item to be the pointy finger */
.dojoAccordionPane .label {cursor: pointer;}
.dojoAccordionPane-selected .label{cursor: default;}


/*
RATINGS SECTION
*/
#agi-display #agi-display-rating{
	margin:0px;
	padding:0px 10px 30px 10px;
	text-align:left;
}
	
.agi-ratingsection{
display:block;
margin:5px 0px 15px 0px;
}

.agi-ratingsection ul{
display:block;
		margin: 0px 0px 3px 0px;
		padding:0px;
		}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(/yh07/rating/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:100px;
	height:20px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:20px;
	line-height:20px;
	outline:none;
	overflow:hidden;
	border: none;
}
#agi-averagerating .star-rating a:active,
#agi-averagerating .star-rating a:focus{
	background-position: left center;
}
#agi-myrating .star-rating a:hover,
#agi-myrating .star-rating a:active,
#agi-myrating .star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star, .star-rating span.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars, .star-rating span.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars, .star-rating span.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars, .star-rating span.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars, .star-rating span.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/*average rating image*/
#agi-averagerating .star-rating .current-rating{
	z-index:1;
	background-position: left center;
}
/*my rating image*/
#agi-myrating .star-rating .current-rating{
	z-index:1;
	background-position: left bottom;
}


/*
RATINGS SECTION ON CATEGORY
*/
/*make margin under card smaller with ratings*/
.agi-largethumb{
	margin-bottom:0px;
}
.agi-ratewithcard{
	display:block;
	margin:3px auto 0px auto;
	padding:0;
	text-align:right;
	width:200px;
}

.agi-ratewithcard .agi-ratetext{
	float:right;
	margin-right:10px;
	}
.agi-ratewithcard .agi-ratingsection{
	float:right;
	margin:0px 0px 10px 0px;
	padding:0;
	text-align:right;
}
/*extra right margin on popup view*/
.agi-detailpopup .agi-ratewithcard{
	width:auto;
}
.agi-detailpopup .agi-ratewithcard .agi-ratingsection {
	margin:0px 30px 10px 0px;
}

/*hide the quicksend button for non quicksend items*/
.non-quicksend .quicksend-button{
    display:none;
}

.agi-ratewithcard .agi-ratingsection ul{
display:block;
		margin: 0px 0px 3px 0px;
		padding:0px;
		}
.agi-ratewithcard .star-rating,
.agi-ratewithcard .star-rating .current-rating
{
	background: url(/yh07/rating/star_small.gif) left -1000px repeat-x;
}


.agi-ratewithcard .star-rating{
	position:relative;
	width:75px;
	height:15px;
	line-height:15px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}



.agi-ratewithcard .star-rating li{
	display: inline;
}

.agi-ratewithcard .star-rating span,
.agi-ratewithcard .star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:15px;
	line-height:15px;
	outline:none;
	overflow:hidden;
	border: none;
}
.agi-ratewithcard .star-rating span.one-star{
	width:20%;
	z-index:6;
}
.agi-ratewithcard .star-rating span.two-stars{
	width:40%;
	z-index:5;
}
.agi-ratewithcard .star-rating span.three-stars{
	width:60%;
	z-index:4;
}
.agi-ratewithcard .star-rating span.four-stars{
	width:80%;
	z-index:3;
}
.agi-ratewithcard .star-rating span.five-stars{
	width:100%;
	z-index:2;
}
.agi-ratewithcard .star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/*average rating image*/
.agi-ratewithcard #agi-averagerating .star-rating .current-rating{
	z-index:1;
	background-position: left center;
}
/*my rating image*/
.agi-ratewithcard #agi-myrating .star-rating .current-rating{
	z-index:1;
	background-position: left bottom;
}

/*-------------------------------------------------------------------------
=Search
--------------------------------------------------------------------------*/

#agi-resultsbox {
	margin: 10px 0;
	padding: 0;
	border-top: 2px solid #D3DCEB;
	background: #f9f9f1 url("/yh07/refine_bottom.gif") no-repeat left bottom;
	color: #000;
	text-align: left;
	line-height: 1em;
}

#agi-resultsbox p {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 10px;
	color: #000;
}

.agi-resultstitle {
	margin: 0;
	padding: 2px 0 2px 10px;
}

.agi-resultstitle a:focus {
	-moz-outline: 0px dotted !important ;
}

.agi-resultsrow {
	margin: 0;
	padding: 0;
	width: 100%;
}

.agi-refinedresultsrow {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 10px;
	line-height: 1.4em;
}

.agi-resultsparam {
	margin: 0 10px 4px 0;
	padding: 0;
	float: left;
	width: 176px;
}

.agi-resultsparam label {
	margin: 0 0 2px 0;
	padding: 0;
	font-weight: bold;
	font-size: 9px;
	display: block;
}

.agi-resultsparam select {
	width: 165px;
    font-size: 11px;
	background-color:#fff;
    padding: 1px;
	margin: 0;
    border: 1px solid #7f9db9;
}

.agi-results-inactive {
	color: #ddd;
}

.agi-results-inactive select {
	width: 165px;
	color: #ddd;
	border: 1px solid #ddd;
	background-color: #eee;
}

.agi-refinedresults {
	margin: 0;
	padding: 2px 0 0 2px;
	overflow: hidden;
	width: 370px;
	float: left;
	text-align: left;
	color: #29366A;
}

.agi-refinewait {
	margin: -2px 0 0 0;
	padding: 0 0 0 2px;
	overflow: hidden;
	width: 370px;
	float: left;
	text-align: left;
	color: #29366A;
}

.agi-resultsbutton {
	margin: 0;
	padding: 0 0 0 4px;
	float: left;
	text-align: right;
}

.agi-searchsuggest {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 13px;
}

.agi-nosearchresults {
	margin: 0;
	padding: 0;
	text-align: left;
	color: #444;
}

.agi-nosearchresults li {
	margin: 0 0 10px 0;
	padding: 0;
}

.agi-nosearchresults li ul li {
	margin: 0;
	padding: 0;
}

#search-term {
	font-weight: bold;
	padding: 0 0 0 2px;
}
ul.agi-browseresults {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	list-style : none;
}

ul.agi-browseresults li {
	margin: 0 5px 0 0;
	padding: 0;
	display:inline;
	text-transform : lowercase;
}


/*-------------------------------------------------------------------------
=print exceptions
--------------------------------------------------------------------------*/
.agi-printonly {display: none;}
/*-------------------------------------------------------------------------
=Basic ID's that can be added to divs to float them left or right-brought in to make reminders work
--------------------------------------------------------------------------*/
#agi-left{
	float:left;
	margin:0px;
	padding:0px;
	width:auto;
}

#agi-right{
	float:right;
	margin:0px;
	padding:0px;
	width:auto;
}	

/*-------------------------------------------------------------------------
=Classes that can be added to divs to float them left or right-brought in to make reminders work
--------------------------------------------------------------------------*/
.agi-left {float:left;}
.agi-right{float:right;}	


/*Address Book Auto Complete*/
div.agi-auto-complete {
	border: solid 1px #29366a;
	padding: 0;
	background-color:#F8F7EF;
	text-align: left;
}
	
li.agi-auto-complete {
	color: #29366a;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
	background-color:#FFF;
	border-bottom:1px solid #bbd0e5;
}

a.agi-auto-complete {
	text-decoration: none;
	color: #29366a;
}

li.agi-auto-complete-selected {
	background: #dce6f0;
	color: #29366a;
	padding: 2px 4px 2px 4px;
	font-weight:bold;
}

a.agi-auto-complete-selected {
	text-decoration: none;
	color: #29366a;
}

/*-------------------------------------------------------------------------
=Miscellaneous
--------------------------------------------------------------------------*/
.on {
	/*shows users which filter has been selected*/
	font-style: italic;
	font-weight: bold;
	
}

/*-------------------------------------------------------------------------
=Base Form Classes
--------------------------------------------------------------------------*/

.radio {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

.checkbox {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0
}

.button {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0
}

.select {
	margin: 0;
	padding: 0;
}

/*-------------------------------------------------------------------------
=Error and Alert Styles
--------------------------------------------------------------------------*/

#contact-confirm a,
p.contact-error a,
p.contact-confirm a {
	color: #EE353D;
	text-decoration: underline;
}

/*-------------------------------------------------------------------------
=New Form Styles w/fieldsets
--------------------------------------------------------------------------*/
.form fieldset {
	margin:0px;
	padding:25px 20px 0px 0px;
	border:0px;
	margin-top:25px;
	margin-right:15px;
	}

.form fieldset h2 {
	font-family: helvetica,arial,verdana,sans-serif;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.1em;
	text-transform: lowercase;
	color: #29366A;
	font-size: 21px;
	}
	
.form fieldset label {
	display:block;
	color:#000;
	font-size:13px;
	line-height:1.4em;
	}
	
.form fieldset span {
	display:block;
	color:#000;
	}
	
.form p {
	color:#000000;
	}
	
.form fieldset ol {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
.form fieldset ol li {
	clear:both;
	padding:0px 0px 0px 25px;
	}
	
.form fieldset ol li ol li {
	overflow:auto;
	width:auto;
	padding:0px;
	}
	
.form .fli-req {
	background-color:#FFFFCC;
	border:1px solid #D8D197;
	padding:5px;
	margin:0 0 10px 0;
	}

.form .fli-req label {
	color:#FF0000;
	font-weight:bold;
	}
	
.form .agi-formcont {
	padding-bottom:50px;
	}


/* Styles for Crest Freeview countdown 2009
------------------------------------------------------------------------------------------------ */
.agi-headcountdown {
	margin: 0;
	padding: 0;
	background-color: #f00;
	width: 280px;
	height: 40px;
	position: absolute;
	top: 18px;
	left: 80px;
	z-index: 102;
}

/*-------------------------------------------------------------------------
=IE6 Support, Dropping April 2010
--------------------------------------------------------------------------*/
#agi-ie6supportdrop {
	margin: 0;
	padding: 15px 0 20px 0;
	width: 366px;
}

#agi-ie6supportdrop a {
	color: #29366a;
}

#agi-ie6supportdrop a:hover {
	text-decoration: none;
}

ul#agi-browserchoice {
	margin: 0;
	padding: 8px 10px 16px 10px;
	list-style: none;
	width: 346px;
	overflow: hidden;
}

li#agi-dl-ie,
li#agi-dl-ff {
	margin: 0;
	padding: 0;
	float: left
}
li#agi-dl-ie {padding: 0 45px 0 0;}

li#agi-dl-ie a {
	display: block;
	width: 193px;
	height: 75px;
	background: url(/agbeta/button/dl-ie8.jpg) no-repeat 0 0;
}

li#agi-dl-ff a {
	display: block;
	width: 75px;
	height: 75px;
	background: url(/agbeta/button/dl-ff.jpg) no-repeat 0 0;
}


/*-------------------------------------------------------------------------
=CC Security Code May 2010
--------------------------------------------------------------------------*/
#agi-morder2 div#agi-content,
#agi-myaccount-payment #agi-paymentmethod {
	position: relative;
}

#agi-morder2 #agi-securecode {
	display: none;
	position: absolute;
	right: 0;
	top: 5px;
}

#agi-myaccount-payment #agi-securecode {
	display: none;
	position: absolute;
	left: 400px;
	top: 5px;
	z-index: 50;
}

#agi-securitycodeinfo  {
	margin: 0;
	padding: 20px;
	width: 366px;
}

#agi-securitycodeinfo p,
#agi-securitycodeinfo img  {
	margin: 0 0 10px 0;
}

#agi-securitycodeinfo h3 {
	margin: 0 0 8px 0;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	text-transform: none;
}

a#agi-showsecurecode {
	display: inline-block;
	height: 15px;
	margin-top: -1px;
	vertical-align: text-top;
	width: 15px;
}
img#agi-whatisthis {
	border: 0;
}

#agi-morder2 input#card_cvv2,
#agi-myaccount-payment input#cvv2 {
	width: 38px;
}