/***** General Defaults *****/
.templatewrapper {
margin-top: 0px; 
position:relative;
}


a:link {
color: #333366;
text-decoration: underline;
}

a:visited {
color: #333366;
text-decoration: underline;
}

a:active {
color: #333366;
text-decoration: underline;
}

a:hover {
color: #098500;
text-decoration: underline;
}


.onbody {
  color: #000000; 
}
.onbody A:link {
  color: #333366;
}
.onbody A:visited {
  color: #333366;
}
.onbody A:active {
  color: #333366;
}
.onbody A:hover {
  color: #098500;
}

p {   
  font-size: 12px;
  color: #1C1C1C;
  font-family: verdana, arial, Verdana, Helvetica, sans-serif;
}


td {   
  font-size: 12px;
  color: #1C1C1C;
  font-family: verdana, arial, Verdana, Helvetica, sans-serif;
}

h1	{
color: #333366;
font-weight: bold ;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
}

h1.cattitle	{
color: #de6e00;
font-weight: bold ;
font-size: 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
}

h2	{
color: #5c5e8d;
font-weight: bold ;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;

}


h3	{
color: #5c5e8d;
font-weight: bold ;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;

}

img {
border: 0px;
}

p {

}

/***** font classes *****/
.textTiny	{ font-size:  8px; color: #000000; font-family: verdana, helvetica,arial,sans-serif; }
.textSmall	{ font-size: 10px; color: #000000; font-family: verdana, helvetica,arial,sans-serif; }
.textMedium, .textNormal  { font-size: 12px; color: #000000; font-family: verdana, helvetica,arial,sans-serif; }
.textMedium2	{ font-size: 11px; color: #000000; font-family: verdana, helvetica,arial,sans-serif; }
.textLarge	{ font-size: 14px; color: #000000; font-family: verdana, helvetica,arial,sans-serif; }
.textXLarge	{ font-size: 17px; font-weight: bold; font-family: verdana, arial; text-decoration: none;}
.textXLarge1	{ font-size: 15px; color: #000000; font-family: verdana, helvetica,arial,sans-serif; font-weight: bold; margin-bottom: 5px; background-color: #DDE7EE; padding: 3px; border: 1px solid #AFC2CF;}
.signuptextSmall	{ font-size: 10px; color: #000000; font-family: verdana, helvetica,arial,sans-serif;  margin-bottom: 8px;}
.textArticle, .textArticle font, textArticle p	{ font-size: 12px; font-family: verdana, helvetica, arial,sans-serif;  line-height: 140%;}
.textLargeGreen	{ font-size: 13px; color: #527D07; font-family: verdana, helvetica,arial,sans-serif; font-weight: bold; }
.textLargeOrange	{ font-size: 13px; color: #ED5E00; font-family: verdana, helvetica,arial,sans-serif; font-weight: bold; }
.textLargePurple	{ font-size: 13px; color: #333366; font-family: verdana, helvetica,arial,sans-serif; font-weight: bold; }

/***** Link Classes *****/


a.linkSmall        { color: #333366; font-size: 10px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}
a.linkSmall:visited      { color: #333366; font-size: 10px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}
a.linkSmall:active       { color: #333366; font-size: 10px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}
a.linkSmall:hover        { color: #098500; font-size: 10px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}

a.linkMedium       { color: #333366; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}
a.linkMedium:visited     { color: #333366; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}
a.linkMedium:active      { color: #333366; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}
a.linkMedium:hover       { color: #098500; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}

a.linkMedium2        { color: #2C2C2C; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.linkMedium2:visited     { color: #2C2C2C; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.linkMedium2:active      { color: #2C2C2C; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.linkMedium2:hover       { color: #098500; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}

a.linkMediumBlack        { color: #333366; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.linkMediumBlack:visited     { color: #333366; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.linkMediumBlack:active      { color: #333366; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.linkMediumBlack:hover       { color: #098500; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}

a.linkMediumBlack2        { color: #333366; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.linkMediumBlack2:visited     { color: #333366; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.linkMediumBlack2:active      { color: #333366; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.linkMediumBlack2:hover       { color: #098500; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}


a.linkLarge        { color: #333366; font-size: 14px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline; font-weight: bold;}
a.linkLarge:visited     { color: #333366; font-size: 14px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}
a.linkLarge:active      { color: #333366; font-size: 14px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}
a.linkLarge:hover       { color: #098500; font-size: 14px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}

a.linkLargeBlack        { color: #2C2C2C; font-size: 14px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none; font-weight: bold;}
a.linkLargeBlack:visited     { color: #2C2C2C; font-size: 14px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.linkLargeBlack:active      { color: #2C2C2C; font-size: 14px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.linkLargeBlack:hover       { color: #098500; font-size: 14px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}


/*************************Styles for Printing **********************************/
@media screen {
 	.noscreen { display: none; }
}

@media print {
 	.noprint { display: none; }
}

.showit {
	display: inline-block;
}
.hideit {
	display: none;
}


/***************************Content Boxes *******************************************/

.content-box a{
	color:#333366;
	text-decoration:underline;
}
.content-box-border-left{
	border-left:1px solid #7E7E98;
}
.content-box-border-right{
	border-right:1px solid #7E7E98;
}
.content-box-header-bg{
	background:url('../sb_images/superstore/content-box-top.gif') repeat-x;
	color:#000000;
	font:bold 11px Verdana, Arial, Tahoma;
	height:30px;
}
.content-box-header-left{
	background:url('../sb_images/superstore/content-box-tl.gif') no-repeat;
	width:16px;
	height:30px;
}
.content-box-header-right{
	background:url('../sb_images/superstore/content-box-tr.gif') no-repeat;
	width:16px;
	height:30px;
}
.content-box-footer-bg{
	background:url('../sb_images/superstore/content-box-bottom.gif') repeat-x;
	height:30px;
}
.content-box-footer-left{
	background:url('../sb_images/superstore/content-box-bl.gif') no-repeat;
	width:16px;
	height:30px;
}
.content-box-footer-right{
	background:url('../sb_images/superstore/content-box-br.gif') no-repeat;
	width:16px;
	height:30px;
}

.yellowbox {
text-align: left; 
clear: both; 
border: 1px solid #FFCC00; 
background-color: #FFFFCC; 
line-height: 130%; 
padding: 5px 7px 7px 7px; 
margin-top: 4px; 
margin-bottom: 4px;
}

.greenbox {

clear: both; 
border: 1px solid #BCBCBC; 
background-color: #EDF6D7; 
padding: 5px 7px 7px 7px; 
margin-top: 4px; 
margin-bottom: 4px;
}


.graybox {
clear: both; 
border: 1px solid #BCBCBC; 
background-color: #F7F7F9; 
padding: 5px 7px 7px 7px; 
margin-top: 4px; 
margin-bottom: 4px;
}


.box3-top{
	border-top:1px solid #bbbdd9;
	font: 1px verdana;
}
.box3-bottom{
	border-bottom:1px solid #bbbdd9;
	font: 1px verdana;
}
.box3-left{
	border-left:1px solid #bbbdd9;
	font: 1px verdana;
}
.box3-right{
	border-right:1px solid #bbbdd9;
	font: 1px verdana;
}



.content-box a{
	color:#333366;
	text-decoration:underline;
}
.content-box-border-left{
	border-left:1px solid #7E7E98;
}
.content-box-border-right{
	border-right:1px solid #7E7E98;
}
.content-box-header-bg{
	background:url('../sb_images/superstore/content-box-top.gif') repeat-x;
	color:#000000;
	font:bold 11px Verdana, Arial, Tahoma;
	height:30px;
}
.content-box-header-left{
	background:url('../sb_images/superstore/content-box-tl.gif') no-repeat;
	width:16px;
	height:30px;
}
.content-box-header-right{
	background:url('../sb_images/superstore/content-box-tr.gif') no-repeat;
	width:16px;
	height:30px;
}
.content-box-footer-bg{
	background:url('../sb_images/superstore/content-box-bottom.gif') repeat-x;
	height:30px;
}
.content-box-footer-left{
	background:url('../sb_images/superstore/content-box-bl.gif') no-repeat;
	width:16px;
	height:30px;
}
.content-box-footer-right{
	background:url('../sb_images/superstore/content-box-br.gif') no-repeat;
	width:16px;
	height:30px;
}

/************************** Round box area ********************************************/

.cte-top{
	border-top:1px solid #242448;
}
.cte-bottom{
	border-bottom:1px solid #242448;
}
.cte-left{
	border-left:1px solid #242448;
}
.cte-right{
	border-right:1px solid #242448;
}


.box2-top{
	border-top:1px solid #A2A2AF;
	font-size: 1px;
	font-family: verdana;
}

.box2-bottom{
	border-bottom:1px solid #A2A2AF;
	font-size: 1px;
	font-family: verdana;
}

.box2-left{
	border-left:1px solid #A2A2AF;
	font-size: 1px;
	font-family: verdana;
}

.box2-right{
	border-right:1px solid #A2A2AF;
	font-size: 1px;
	font-family: verdana;
}


/***** Errors & Warnings & Hightlights *****/
.errorMedium	{ font-size: 11px; color: #CC0000; font-family: verdana,helvetica,arial,sans-serif; font-weight: bold }
.errorLarge	{ font-size: 13px; color: #CC0000; font-family: verdana,helvetica,arial,sans-serif; margin-top: 4px; margin-bottom: 4px; font-weight: bold; padding: 6px; border: 1px solid #FFCC00; background-color: #FFFFCC; }
.warnTiny	{ font-size:  8px; color: #CC0000; font-family: verdana,helvetica,arial,sans-serif; }
.warnSmall	{ font-size: 11px; color: #CC0000; font-family: verdana,helvetica,arial,sans-serif; }
.warnMedium	{ font-size: 12px; color: #CC0000; font-family: verdana,helvetica,arial,sans-serif; }
.warnLarge	{ font-size: 14px; color: #CC0000; font-family: verdana,helvetica,arial,sans-serif; }
.warnExtraLarge	{ font-size: 16px; color: #CC0000; font-family: verdana,helvetica,arial,sans-serif; }
.warnBlackExtraLarge	{ font-size: 16px; color: #000000; font-family: verdana,helvetica,arial,sans-serif; }
.goMedium	{ font-size: 10px; color: #007700; font-family: verdana,helvetica,arial,sans-serif; }
.priceMedium	{ font-size: 11px; color: #CC0000; font-family: verdana,helvetica,arial,sans-serif; }
.largeWarning {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #BB0000; font-weight: bold; }

a.warnLink:link         { color: #ff0000; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}
a.warnLink:visited      { color: #ff0000; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}
a.warnLink:active       { color: #ff0000; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}
a.warnLink:hover        { color: #ff0000; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: underline;}

.signupBad	{color: #ff0000; position: relative; bottom: 6px; font-weight: bold;}
.signupGood	{color: #006600; position: relative; bottom: 6px; font-weight: bold;}

.textBad	{color: #ff0000;}
.textGood	{color: #006600;}



/***********Form Stuff***********************/



input {
color: #212121;
font-family: verdana, arial, sans-serif;
font-size: 10px;
text-decoration:none;
}

form {
  display: inline;
  margin: 0;
  padding: 0;
}

.formTiny {
border-right: 1px solid #BCBCBC;
border-top: 1px solid #BCBCBC;
border-left: 1px solid #BCBCBC;
border-bottom: 1px solid #BCBCBC;
color: #2C2C2C;
background-color: #ffffff;
padding: 2px;
font: 8px Verdana, helvetica, sans-serif; 
}


.formSmall {
border-right: 1px solid #BCBCBC;
border-top: 1px solid #BCBCBC;
border-left: 1px solid #BCBCBC;
border-bottom: 1px solid #BCBCBC;
color: #2C2C2C;
background-color: #ffffff;
padding: 2px;
font: 10px Verdana, helvetica, sans-serif; 
}

.formSmallHL {
border-right: 1px solid #BCBCBC;
border-top: 1px solid #BCBCBC;
border-left: 1px solid #BCBCBC;
border-bottom: 1px solid #BCBCBC;
color: #2C2C2C;
padding: 5px;
font: 10px Verdana, helvetica, sans-serif; 
}

.formMedium {
 border-right: 1px solid;
border-top: 1px solid;
border-left: 1px solid;
border-bottom: 1px solid;
color: #000000;
background-color: #ffffff;
border-color: #B9B9B9;
padding: 1px 1px 1px 1px;
font: 10px Verdana, helvetica, sans-serif; 
}

.formSmallDisabled {
border-right: 0px solid;
border-top: 0px solid;
border-left: 0px solid;
color: #0000A8;
border-bottom: 0px solid;
border-color: black;
padding-top:1px;
padding-right:1px;
font: bold 10px Verdana, helvetica, sans-serif; 
}

.formMediumDisabled {
border-right: 0px solid;
border-top: 0px solid;
border-left: 0px solid;
color: #0000A8;
border-bottom: 0px solid;
border-color: black;
padding-top:1px;
padding-right:1px;
font: bold 12px Verdana, helvetica, sans-serif; 
}


.checkboxTiny {
border-right: 0px solid;
border-top: 0px solid;
border-left: 0px solid;
color: #0000A8;
border-bottom: 0px solid;
border-color: black;
padding-top:1px;
padding-right:1px;
font: 8px Verdana, helvetica, sans-serif; 
}

.checkboxSmall {
border-right: 0px solid;
border-top: 0px solid;
border-left: 0px solid;
color: #0000A8;
border-bottom: 0px solid;
border-color: black;
padding-top:1px;
padding-right:1px;
font: bold 10px Verdana, helvetica, sans-serif; 
}


.checkboxMedium {
border-right: 0px solid;
border-top: 0px solid;
border-left: 0px solid;
color: #0000A8;
border-bottom: 0px solid;
border-color: black;
padding-top:1px;
padding-right:1px;
font: bold 12px Verdana, helvetica, sans-serif; 
}



.formbutton {
	border: 1px solid #5D5E8A;
	color: #FFFFFF;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	background: #5D5E8A url('../sb_images/images/theader0.gif') repeat-x bottom;
	font-size: 11px;
	cursor: pointer;
}

.formbutton :hover {
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
	
}

.formbutton :visited {
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;	
}

.formbutton A:link {
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
}


.formbutton A:hover {
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
	
}


.formbutton A:visited {
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
	
}

	
a.formlink:link        { color: #FFFFFF; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.formlink:visited     { color: #FFFFFF; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.formlink:active      { color: #FFFFFF; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.formlink:hover       { color: #FFFFFF; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}



.signupbox {
	width: 260px;
	height: 23px;
	font: 15px verdana;
	color: #34567D;
	font-weight: bold;
}



/* Form Buttons */
.buttonSmall {	
border: 1px solid #5D5E8A;
color: #2C2C2C;
background: #FFFFFF url('../sb_images/gallery/images/tabbackground.jpg') repeat-x bottom;
font-size: 11px;
cursor: pointer;
font-weight:bold;
text-decoration: none;
padding-top:2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
margin: 2px 2px 2px 2px;
display: inline;
text-align: center;
 }
 
 .buttonMedium {	
border: 1px solid #5D5E8A;
color: #2C2C2C;
background: #FFFFFF url('../sb_images/gallery/images/tabbackground.jpg') repeat-x bottom;
font-size: 11px;
cursor: pointer;
font-weight:bold;
text-decoration: none;
padding-top:2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
margin: 2px 2px 2px 2px;
display: inline;
text-align: center;
 }


.buttonhighlight	{	
border: 1px solid #5D5E8A; 	
color: #2C2C2C; 
background: #FFFFFF url('../sb_images/gallery/images/tabbackground.jpg') repeat-x bottom;	
font-size: 11px;	
cursor: pointer;	
font-weight:bold;	
text-decoration: none;	
padding: 3px 4px 3px 4px;
margin: 2px 2px 4px 2px;
display: inline;
text-align: center;
} 

.buttonhighlight a {
	color: #2C2C2C;
	text-decoration: none;
	
}


.buttonhighlight a:hover {
	color: #2C2C2C;
	text-decoration: none;
	
}


.buttonhighlight a:visited {
	color: #2C2C2C;
	text-decoration: none;
	
}


a.button       { color: #2C2C2C; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none; background-color: #F7F7F9; float: left; display: block; padding: 4px; border: 1px solid #BCBCBC; margin: 2px 4px 4px 0px;}
a.button:visited     { color: #2C2C2C; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.button:active      { color: #2C2C2C; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.button:hover       { color: #333366; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none; border: 1px solid #FFCC00; background-color: #FFFFCC;}


a.buttonright       { color: #2C2C2C; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none; background-color: #F7F7F9; float: right; display: block; padding: 4px; border: 1px solid #BCBCBC; margin: 2px 0px 4px 4px;}
a.buttonright:visited     { color: #2C2C2C; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.buttonright:active      { color: #2C2C2C; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.buttonright:hover       { color: #333366; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none; border: 1px solid #FFCC00; background-color: #FFFFCC;}

a.buttonleft        { color: #2C2C2C; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none; background-color: #F7F7F9; float: left; display: block; padding: 4px; border: 1px solid #BCBCBC; margin: 2px 0px 4px 4px;}
a.buttonleft:visited     { color: #2C2C2C; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.buttonleft:active      { color: #2C2C2C; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none;}
a.buttonleft:hover       { color: #333366; font-size: 11px; font-family: Verdana, helvetica,arial,sans-serif; text-decoration: none; border: 1px solid #FFCC00; background-color: #FFFFCC;}



/* TEXT Buttons */
.textButtonMedium {
border: 1px outset #5D5E8A;
color: #2C2C2C;
background: #FFFFFF url('../sb_images/gallery/images/tabbackground.jpg') repeat-x bottom;
font-size: 11px;
cursor: pointer;
font-weight:bold;
text-decoration: none;
padding: 2px 4px 2px 4px;
text-decoration: none;
height: 13px;
display:inline;
margin: 1px;
}



.textButtonMedium a:link {
color: #2C2C2C;
text-decoration: none;
}


.textButtonMedium a:hover {
color: #2C2C2C;
text-decoration: none;
}


.textButtonMedium a:visited {
color: #2C2C2C;
text-decoration: none;

}


div.submitButton {
border: 1px solid orange; 
background-color: #FFFFCC; 
padding: 4px; 
font-size: 11px;
text-align: center; 
font-weight: bold; 
color: #2C2C2C;
cursor:pointer; 
margin-bottom: 5px;
}



