/*--------------------------------------------------------------------------
Title: Jacquie Lawson Styles
Author: bdean@ag.com
Last Modified: 06.26.07
--------------------------------------------------------------------------*/

BODY{
    font-size: 12px;
    color: #000;
    font-family: Verdana, Arial, Helvetica;
}
P{
    font-size: 12px;
    color: #000;
    font-family: Verdana, Arial, Helvetica;
}
.P{
    font-size: 12px;
    color: #000;
    font-family: Verdana, Arial, Helvetica;
}
H1{
    font-weight: bold;
    font-size: 18px;
    color: #cc4000;
    font-family: Verdana, Arial, Helvetica;
}
H2{
    font-weight: bold;
    font-size: 14px;
    color: #cc4000;
    font-family: Verdana, Arial, Helvetica;
}
.H2{
    font-weight: bold;
    font-size: 14px;
    color: #cc4000;
    font-family: Verdana, Arial, Helvetica;
}
H3{
    font-weight: normal;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica;
}
.H3{
    font-weight: bold;
    font-size: 13px;
    color: #000066;
    font-family: Verdana, Arial, Helvetica;
}
UL{
    font-size: 12px;
    color: #000;
    font-family: Verdana, Arial, Helvetica;
}
TD{
    font-size: 12px;
    color: #000;
    font-family: Verdana, Arial, Helvetica;
}
TH{
    font-weight: normal;
    font-size: 12px;
    color: #000;
    FONT-STYLE: italic;
    font-family: Verdana, Arial, Helvetica;
}
A{
    color: #000066;
    font-family: Verdana, Arial, Helvetica;
}
A:hover{
    color: #cc4000;
    font-family: Verdana, Arial, Helvetica;
}
INPUT{
    font-size: 12px;
    color: #000;
    font-family: Verdana, Arial, Helvetica;
}
TEXTAREA{
    font-size: 12px;
    color: #000;
    font-family: Verdana, Arial, Helvetica
}
SELECT{
    font-size: 12px;
    color: #000;
    font-family: Verdana, Arial, Helvetica;
}
.bold{
    font-weight: bold;
    font-size: 12px;
    color: #000;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}
.boldblue{
    font-weight: bold;
    font-size: 12px;
    color: #000066;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}
.boldred{
    font-weight: bold;
    font-size: 12px;
    color: #FF0000;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}

.bigbold{
    font-weight: bold;
    font-size: 18px;
    color: #000;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}

.notasbig{
    font-weight: bold;
    font-size: 14px;
    color: #000066;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}

.medbold{
    font-weight: bold;
    font-size: 14px;
    color: #000;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}
.smalllink{
    font-size: 11px;
    color: #000066;
    font-family: Verdana, Arial, Helvetica;
}
.small{
    font-size: 11px;
    color: #000066;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}
.smallbold{
    font-weight: bold;
    font-size: 11px;
    color: #000066;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}
.smallinput{
    font-size: 11px;
    color: #000066;
    font-family: Verdana, Arial, Helvetica;
    height: 18px;
}
.navbar{
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}
.errmsg{
    font-weight: bold;
    color: #ff0000;
    font-family: Verdana, Arial, Helvetica;
}
.boldred{
    font-weight: bold;
    font-size: 12px;
    color: #cc0000;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}
.cardlisthead{
    font-weight: bold;
    font-size: 13px;
    width: 250px;
    color: #000066;
    font-family: Verdana, Arial, Helvetica;
    background-color: #b3cfd8;
}
.cardlisthead2{
    font-weight: bold;
    font-size: 13px;
    color: #000066;
    font-family: Verdana, Arial, Helvetica;
    background-color: #b3cfd8;
}
.helplist{
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}
.mandatory{
    color: #cc4000;
}

.juhp{
margin-left:10px;
}

/*--------------------------------------------------------------------------
=Personal
--------------------------------------------------------------------------*/

tr.functionRow  {
	height: 35px;
}

/*--------------------------------------------------------------------------
Title: Jacquie Lawson New Homepage and Header Styles
Author: bdean@ag.com
Last Modified: 05.22.07
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
=Index 3 Column Layout
--------------------------------------------------------------------------*/

body#jl-index {
	background-color: #c9e1eb;
	margin:0;
	padding:0;
}
	
#leftcontent {
	position: absolute;
	top:0px;
	left:0px;
	width:230px;
}

#centercontent {
	position:relative;
   	margin-left: 230px;
   	margin-right:140px;

}


#centercontent p {
	padding-right: 10px;
}

#rightcontent {
	position: absolute;
	right:10px;
	top:0;
	width:130px;
}
	
#banner {
	
	voice-family: inherit;
	height:500px;
}
	
html>body #banner {
	height:495px;
}			

/*--------------------------------------------------------------------------
=Join and Chudleigh Table
--------------------------------------------------------------------------*/

#subHead {
	height: 380px;
	margin: 0 auto;
	text-align: center;
	width: 800px;
}

#subHead-topRow {
	display: block;
}



#login-wrapper {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
}

/*#featured-wrapper {
	margin: 0 auto;
	text-align: center;
	padding-top: 170px;
}*/

#bottomWrapper {
	position: relative;
	width:100%;
	margin-top:10px;
}

img.juhp {
	margin-top: 20px;
}

/*--------------------------------------------------------------------------
=Chudleigh
--------------------------------------------------------------------------*/

#chud-wrapper {
	/*background-color: #91bbc8;
	width: 360px;*/
}

/*--------------------------------------------------------------------------
=Seasonal
--------------------------------------------------------------------------*/

#seasonal {
	margin: 20px 0;
	/*Hack to make Firefox and IE behave the same */
	margin-left: 100px;
	#margin-left: 0;
}

/*--------------------------------------------------------------------------
=Main Content
--------------------------------------------------------------------------*/

#index-categories {
	background-color: #b4d1d9;
	border: 3px solid #cc4000;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 208px;
}

#index-categories li {
	color: #375a66;
	border-bottom: 1px solid #375a66;
	margin: 0;
	padding: 5px;
}

#index-middleColumn p {
	padding-right: 20px;
}

#index-featured {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	width: 130px;
}

#index-featured li {
	margin-bottom: 10px;
}

#index-bottom {
	
}

#index-categories li.last {
	border-bottom: none;
}

/*--------------------------------------------------------------------------
=Link Styles
--------------------------------------------------------------------------*/

#index-categories li a {
	color: #375a66;
	font-weight: bold;
	text-decoration: none;
}

#index-categories li a:hover {
	color: #cc4000;
}

#index-categories li a img {
	border: none;
	text-decoration: none;
}

/*--------------------------------------------------------------------------
=Miscellaneous Headers and Classes
--------------------------------------------------------------------------*/

li#jl-catHeader a , li#jl-catHeader2 a, li#jl-catHeader3 a {
	color: #cc4000;
	text-transform: uppercase;
}

#jl-index h1 {
	margin: 0;
	padding: 0;
}

#jl-index h2 {
	color: #375a66;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------------------
=Category Menu
--------------------------------------------------------------------------*/

#jl-catHeader3 {
	background-image: url(/jl/cat-icon-chudleigh.gif);
	background-repeat: no-repeat;
	background: none;
}

#cat-chudleigh {
	background-image: url(/jl/cat-icon-chudleigh.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}
#cat-write {
	background-image: url(/jl/cat-icon-write.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}
#cat-floral {
	background-image: url(/jl/cat-icon-floral.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}
#cat-teddybear {
	background-image: url(/jl/cat-icon-teddybear.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}
#cat-cat {
	background-image: url(/jl/cat-icon-cat.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}

#birthdaybirthdaybirthday {
	background-image: url(/jl/cat-icon-birthday.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}

#cat-thinking {
	background-image: url(/jl/cat-icon-thinkingofyou.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}

#cat-thankyou {
	background-image: url(/jl/cat-icon-thankyou.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}

#cat-getwell {
	background-image: url(/jl/cat-icon-getwell.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}

#cat-wedding {
	background-image: url(/jl/cat-icon-wedding.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}

#cat-fathersday {
	background-image: url(/jl/cat-icon-fathersday.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}

#cat-july4th {
	background-image: url(/jl/cat-icon-july4th.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}

#cat-halloween {
	background-image: url(/jl/cat-icon-halloween.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}

#cat-thanksgiving {
	background-image: url(/jl/cat-icon-thanksgiving.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}

#cat-christmas {
	background-image: url(/jl/cat-icon-christmas.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}
#cat-newyear {
	background-image: url(/jl/cat-icon-newyear.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}

#cat-valentine {
	background-image: url(/jl/cat-icon-valentine.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}
#cat-stpatricks {
	background-image: url(/jl/cat-icon-stpats.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}
#cat-easter {
	background-image: url(/jl/cat-icon-easter.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}

/*--------------------------------------------------------------------------
=Logged In
--------------------------------------------------------------------------*/

#logged-in #subHead {
	height: 380px;
	margin: 0 auto;
	text-align: center;
	width: 1000px;
	height: 170px;
}

#logged-in #subHead-topRow {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#logged-in #chud-wrapper {
	/*float: left;
	margin: 0 0 0 20px;
	padding: 0;*/
}

/*#logged-in #featured-wrapper {
	margin: 0 auto;
	text-align: center;
	padding: 0;
	width: 100%;
}*/

#logged-in #seasonal {
	margin: 0 0 0 10px;
}

/*--------------------------------------------------------------------------
=Log On Page Test
--------------------------------------------------------------------------*/

#logonpage .renewcont {
	 text-align:center;
	 }
	 
#logonpage .biggerbold {
	font-size:20px;
	}
	
#logonpage .expred {
	color:red;
	}
	
#logonpage .smallfont {
	 font-size:11px;
	 }
	 
/*--------------------------------------------------------------------------
=cardlink2.asp page test
--------------------------------------------------------------------------*/

#cltwocont {
	width:674px;
	margin-left:auto;
	margin-right:auto;
	line-height:140%;
	text-align:left;
	padding-bottom:16px;
	*padding-bottom:11px;
	padding-top:17px;
	*padding-top:29px;
	}

#cltwocont .boldblue {
	 font-weight:bold;
	 color:#000000;
	 }
	 
#cltwocont .boldorg {
	color:#cc4000;
	font-weight:bold;
	text-align:center;
	}
	
/*--------------------------------------------------------------------------
=New temp homepage stuff
--------------------------------------------------------------------------*/

#featured-wrapper table{
	border-collapse:collapse;
	text-align:center;
	margin:0 auto;
}
#featured-wrapper table td, 
#featured-wrapper table th{
	border:2px solid #CC4000;
	padding:7px;
	}
#featured-wrapper table th a{
font-size:18px;
font-weight:bold;
text-decoration:none;
font-style:normal;
	}	
#featured-wrapper table td span{
	display:block; 
	margin-top:3px;
	padding-bottom:5px;
	font-size:11px;
	}
#featured-wrapper table td a span{
	text-decoration:underline;
	}	
#featured-wrapper table td.newcard span{
	background: url(/jl/new.gif) no-repeat right top; 
	padding-right:30px;
	padding-bottom:5px;
	}	
	
	
	

#subhead-afu{
	text-align: center;
	margin:0 auto;
	width:860px;
}
#subhead-afu #featured-wrapper{
	clear:both;
	display:block;
	margin: 0 auto 10px auto;
	text-align: center;
}

#subhead-afu #chud-wrapper {
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
}

#subhead-plat{	
	display:block;
	margin:0 auto;
	width:980px;
	text-align: center;
}

#subhead-plat #featured-wrapper{
	display:inline;
	text-align: center;
}
#subhead-plat #featured-wrapper table{
	display:inline;
	margin:0 !important;
}

#subhead-plat #chud-wrapper{
	display:inline;
	text-align: center;
}	

#subhead-plat #chud-wrapper a{
padding:0 20px;
}	
#subhead-plat #chud-wrapper a img{
width:362px;
height:152px;
}	

/*--------------------------------------------------------------------------
=New Template : Typography
--------------------------------------------------------------------------*/
#jl-cardspage { margin: 0px auto; background-color: #C8E1EB; }
#jl-cardspage .prod-description { margin: 15px 65px; text-align:left; color:#000000; font-family:Verdana,Arial,Helvetica; font-size: 12px; }
#jl-cardspage .prod-description span  a:link { text-decoration: underline; }

