/* Style Sheet for stuffbak.com - Version 1 */
/* Last updated 02/12/06 by Jason Howard */

/* ####################################### */

body
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #222;
	line-height: 18px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
	background-color: #FCC01B;
	background-image: url('/sb/images/body/background_gradient.jpg'); background-repeat: repeat-x;
	
}

body.home
{
	background-image: url('/sb/images/body/background_home.jpg'); background-repeat: repeat-x;
}


FORM { margin: 0px; }



/* ####################################### */
 
/* standard H tags */

H1
{
	font: 20px Arial;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	line-height: 24px;
	margin: 0px;
	padding: 0px 0 0px 0
}

H2
{
	font: 14px Arial;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	line-height: 20px;
	margin: 0px;
	padding: 4px 0 6px 0
}

H3
{
	font: 12px Arial;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	line-height: 20px;
	margin: 0px;
	padding: 4px 0 0px 0
}

H4
{
	font: 11px Verdana, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	line-height: 16px;
	margin: 0px;
	padding: 0px 0 0px 0
}

/* ####################################### */

/* standard HR tag */

HR
{
	border: none 0;
	color: #AAAAAA;
	background-color: #AAAAAA;
	height: 1px;
	margin: 7px 0px 7px 0px;
}


/* ####################################### */

/* Standard Lists

UL
{
	margin: 8px 0px 8px 0px;
	padding-left: 1px;
}

OL
{
	margin: 8px 0px 8px 15px;
	padding-left: 1px;
}


UL LI
{
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	background: transparent url('/sb/images/body/bullet_orange.gif') no-repeat 0px .3em;
}


OL LI
{	
	padding: 0px 0px 0px 0px;
} */

/* Premium control list */




/* ####################################### */

/* standard link tags */

A
{
	color: #336699;
	text-decoration: none;
}
A:hover
{
	color: #336699;
	text-decoration: underline;
}
A:visited
{
	color: #336699;
	text-decoration: none;
}
A:visited:hover
{
	color: #336699;
	text-decoration: underline;
}


/* ####################################### */

/* Overall Layout Styles */

#page-body
{
	/*height: 450px;*/
	width: 940px;
	background-color: #FFFFFF;
	vertical-align: top;
	padding: 20px 0 0 0;
}

#page-bottom
{
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	font: 9px verdana;
	color: #F69321;
	line-height: 18px;
	background-color: #FFFFFF;
}

#body-left-col
{
	vertical-align: top;
	width: 210px;
	background-color: #FFFFFF;
	border-right: 1px #AAAAAA solid;
}

#body-mid-col
{
	vertical-align: top;
	width: 498px;
	background-color: #FFFFFF;
	padding: 0px 10px 0 10px;
}

#body-right-col
{
	vertical-align: top;
	width: 210px;
	background-color: #FFFFFF;
	border-left: 1px #AAAAAA solid;
}

.line { border-bottom: 1px solid #AAAAAA; padding: 0px; margin: 0;}

#body-mid2-col
{
	vertical-align: top;
	width: 708px;
	background-color: #FFFFFF;
	padding: 0px 10px 0 10px;
}

#username
{
	text-align: right;
	height: 12px;
	font: 9px verdana;
	color: #000;
	float: right;
	padding: 0px 8px 4px 0px;
}

#username A {color: #A70A0A; text-decoration: none;}
#username A:hover {color: #A70A0A; text-decoration: underline;}
#username A:Visited {color: #A70A0A; text-decoration: none;}
#username A:Visited:hover {color: #A70A0A; text-decoration: underline;}

/* ####################################### */

/* Home Page Specific Styles */

#ticker
{
	text-align: left;
	height: 30px;
	font: 11px tahoma;
	color: #000;
	font-weight: bold;
	padding: 0px 0 0px 0px;
}

#home-panel
{
	width: 235px;
	height: 190px;
}


/* ####################################### */


/* Styles for Page Body - Middle Column */

.storepanel
{
	border-bottom: 1px #AAAAAA solid;
}

/* ####################################### */

/* Left Column Navigation */
.storenav {margin: 0 10px 0 10px;}
.storenav h2
{
	font: 10px tahoma;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	line-height: 12px;
	margin: 0px;
	height: 20px;
	padding: 3px 4px 3px 10px;
	background: #FFF url('/sb/images/body/navheader_grey_bkg.gif');
	background-repeat: no-repeat;
}
.storenav h2 A
{
	font: 10px tahoma;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.storenav h2 A:Hover {color: #fff; text-decoration: underline;}
.storenav h2 A:Visited {color: #fff;}
.storenav h2 A:visited:Hover {color: #fff; text-decoration: underline;}

.storenav ul, ol {padding: 0; margin: 0px 0px 14px 0px; background: #FFFFFF;}
.storenav li { padding: 1px 1px 1px 9px; margin: 0; background: none; list-style: none;}

.storenav A
{
	font: 9px verdana;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	line-height: 12px;
	margin: 0px;
}

.storenav A:Hover {color: #333; text-decoration: underline;}
.storenav A:Visited {color: #333;}
.storenav A:visited:Hover {color: #333; text-decoration: underline;}

/* Generic Padded Side Column */
.sideColumnElement {margin: 0 10px 0 10px;}

/* Wide column styles with leading photo */
.leadColumn
{
	float: left;
	width: 210px;
}
.mainColumn
{
	float: left;
	width: 490px;
}

.mainColumn ul
{
	padding: 10px 0 0 30px;
	margin: 0 0 0 0;
}

.mainColumn li
{
	margin: 0 0 0 0;
	padding: 4px 0 10px 0;
	list-style-image: url("/sb/images/body/medium_bullet.gif");
	vertical-align: top;
}

.faqList ol
{
	padding: 10px 0 0 30px;
	margin: 0 0 0 0;
}

.faqList li
{
	margin: 0 0 0 0;
	padding: 4px 0 0 0;
	vertical-align: top;
	list-style-type: upper-alpha;
}

.faqQuestion
{
	font-weight: bold;
}

.blackButton
{
	color: #FFCC00;
	background-color: #000000;
	padding: 0px 17px 5px 20px;
	background: url("/sb/images/body/button_bg.gif") no-repeat;;
	font-weight: bold;
	float: left;
	margin-bottom: 10px;
}

A.blackButton:LINK{color: #FFCC00;}
A.blackButton:VISITED{color: #FFCC00;}
A.blackButton:HOVER{color: #FFFFFF; text-decoration: none;}
A.blackButton:ACTIVE{color: #FFCC00;}

.blackButtonRight
{
	color: #FFCC00;
	background-color: #000000;
	padding: 0px 20px 5px 20px;
	background: url("/sb/images/body/button_right.gif") no-repeat;
	float: left;
}

a.blackButton:LINK{}
a.blackButton:VISITED{}
a.blackButton:HOVER{}
a.blackButton:ACTIVE{}

/* Process Column */
.processnavItemOff .processnavLastItemOff
{
	font: 10px tahoma;
	color: #666666;
	text-decoration: none;
}

.processnavItemOff
{
	line-height: 12px;
	height: 25px;
	padding: 3px 4px 3px 10px;
	margin: 0 10px 0 10px;
	background: #FFF url('/sb/images/body/process_bg.gif');
	background-repeat: no-repeat;
}

.processnavEndItemOff
{
	line-height: 12px;
	height: 25px;
	padding: 3px 4px 3px 10px;
	margin: 0 10px 0 10px;
	background: #FFF url('/sb/images/body/process_end_bg.gif');
	background-repeat: no-repeat;
}

.processnavItemOn
{
	line-height: 12px;
	height: 25px;
	padding: 3px 4px 3px 10px;
	margin: 0 10px 0 10px;
	background: #FFF url('/sb/images/body/process_on_bg.gif');
	background-repeat: no-repeat;
}

.processnavEndItemOn
{
	line-height: 12px;
	height: 25px;
	padding: 3px 4px 3px 10px;
	margin: 0 10px 0 10px;
	background: #FFF url('/sb/images/body/process_end_on_bg.gif');
	background-repeat: no-repeat;
}

/* Right Column Navigation */
.storecart {margin: 0 10px 10px 10px;}

.storecart h2
{
	font: 10px tahoma;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	line-height: 12px;
	margin: 0;
	height: 20px;
	padding: 3px 4px 3px 10px;
	background: #FFF url('/sb/images/body/navheader_grey_bkg.gif');
	background-repeat: no-repeat;
}
.storecart h2 A
{
	font: 10px tahoma;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.storecart h2 A:Hover {color: #fff; text-decoration: underline;}
.storecart h2 A:Visited {color: #fff;}
.storecart h2 A:visited:Hover {color: #fff; text-decoration: underline;}

.storenav ul, ol {padding: 0; margin: 0px 0px 14px 0px; background: #FFFFFF;}
.storenav li { padding: 1px 1px 1px 9px; margin: 0; background: none;}

.storencart A
{
	font: 9px verdana;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	line-height: 12px;
	margin: 0px;
}

.storecart A:Hover {color: #333; text-decoration: underline;}
.storecart A:Visited {color: #333;}
.storecart A:visited:Hover {color: #333; text-decoration: underline;}

.storecart .cartcontents
{
	padding: 10px 10px 10px 10px;
	background: #F0F0F0;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: none solid solid solid;
}

.storeImageRight
{
	padding: 0 0 0 20px;
}
.storeImageTop
{
	padding: 0 0 10px 0;
}

.cartcontents ul
{
	padding: 10px 0 0 15px;
	margin: 0 0 0 0;
}

.cartcontents li
{
	vertical-align: top;	
	list-style-image: url("/sb/images/body/small_bullet.gif");
	padding: 0 0 8px 0;
}

/* Label input area */

.labelInput
{
	background-image: url("/sb/images/body/labelinput_bg.gif"); 
    background-repeat: no-repeat;
    height: 67px;
    width: 200px;
    padding: 48px 0px 0 200px; 
    margin: 10px 0 10px 0;
}

.labelInputAU
{
	background-image: url("/sb/images/body/labelinput_bg_au.gif"); 
    background-repeat: no-repeat;
    height: 67px;
    width: 200px;
    padding: 48px 0px 0 200px; 
    margin: 10px 0 10px 0;
}

/* ####################################### */

/* Page Footer */

#footer
{
	text-align: center;
	vertical-align: top;
	font: 10px tahoma;
	color: #333;
	font-weight: normal;
	line-height: 18px;
	padding: 6px 0 0px 0px;
}

#footer A {color: #000; text-decoration: none; font-weight: bold;}
#footer A:hover {color: #000; text-decoration: underline; font-weight: bold;}
#footer A:Visited {color: #000; text-decoration: none; font-weight: bold;}
#footer A:Visited:hover {color: #000; text-decoration: underline; font-weight: bold;}

#footer-reflection
{
	text-align: center;
	vertical-align: top;
	height: 60px;
	font: 10px tahoma;
	color: #333;
	font-weight: normal;
	line-height: 18px;
	padding: 20px 0 0px 0px;
	background-image: url("/sb/images/body/reflection_bottom.gif"); background-repeat: no-repeat;
}

#footer-reflection A {color: #000; text-decoration: none; font-weight: bold;}
#footer-reflection A:hover {color: #000; text-decoration: underline; font-weight: bold;}
#footer-reflection A:Visited {color: #000; text-decoration: none; font-weight: bold;}
#footer-reflection A:Visited:hover {color: #000; text-decoration: underline; font-weight: bold;}


/* ####################################### */

.list td {
	border-color: #E0E0E0;
	border-width: 1px;
	border-style: none none solid none;
	padding: 4px 6px 4px 4px;
	line-height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #846d74;
}

.list a { color: #B35738; font-weight: bold; text-decoration: none; }
.list a:hover { color: #B35738; font-weight: bold; text-decoration: underline; }
.list a:visited { color: #B35738; font-weight: bold; text-decoration: none; }
.list a:visited:hover { color: #B35738; font-weight: bold; text-decoration: underline; }

.list th {
  	vertical-align: middle;
  	white-space: nowrap;
  	padding: 4px;
  	text-align: left;
  	background: #523e4a;
  	border-right: 1px solid #846d74;
 	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}

.list .right {
  	text-align: right; 
}

.list .evenrow {
	background-color: #F0F0F0; 
}

.list .oddrow {
	background-color: #FFFFFF;
}

.list .section {
	background-color: #846d74; color: #FFF; font-weight: bold;
}

/* Bulleted list */

.bulletList .li 
{
	list-style-image: url(/sb/images/body/sm_bullet.gif);
}


/* ####################################### */


/* Form Styles */
	
.formarea
{
	font-family: Verdana, Tahoma, Arial;
	font-size:  10px;
	color: #000000;
	text-decoration: none;
	border-width: 1px;
	border: 1px solid #999999;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*border-color: #D0D0D0;
	background-color: #FFF;
	border-style: none dotted dotted dotted;*/
}

.formarea th {
  	/*background: #523e4a;
 	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid none solid none;
	font-size: 10px;
	color: #FFF;*/
}

.formarea td {}
.formarea h2 {}
.formarea hr {}
.formarea .subtext {}
.formarea .smalltext {}
.formarea .red {}


INPUT.formarea
{
	padding: 3px 3px 3px 3px;
	/*border: 1px solid #999999;
	font-family: Arial, geneva, sans-serif;
	font-size: 13px;
	color: #000000;
	margin: 0;
	border-color: #999;
	border-width: 1px;*/
}

SELECT.formarea
{
	/*padding: 10px 3px 4px 3px;*/
	line-height: 18pt;
	/*width: 160px;
	font-size: 10px;
	margin: 0;
	background-color: #FFFFFF;*/
}

TEXTAREA.formarea
{
	/*width: 300px;
	height: 150px;
	margin: 0;
	background-color: #F6F6F6;
	padding: 0px 0px 0px 2px;
	border-color: #999;
	border-width: 1px;
	border-style: none none solid none;*/
}
  	
.red
{
	color: #990000;
	/*font-weight: bold;*/
}

.textField
{
	font-size: 10;
	font: verdana, sans-serif;
}


/* ####################################### */

/* Upgrade Page */

thankyouText
{
	font-size: larger;
}


.headerRow
{
  background-color: #EEEEEE;
}

.headerColumn
{
  background-color: #d3d3d3;
  width: 130px;
}

.splitColumn
{
  width: 1px;
}

.basicColumn
{
  background-color: #CCDDFF; 
  width: 130px;
  text-align: center;
}

.extendedColumn
{
  background-color: #5eb781;
  width: 130px;
  text-align: center;
}

.silverColumn
{
  background-color: #CCCCCC;
  width: 90px;
}

.goldColumn
{
  background-color: #CC9900;
  width: 130px;
  text-align: center;
}

.platinumColumn
{
  background-color: #AAAABB;
  width: 130px;
  text-align: center;
}

.enterpriseColumn
{
  color: #FFFFFF;
  background-color: #000000;
  width: 90px;
}

.silverLink
{
	line-height: 12px;
	height: 20px;
	padding: 3px 4px 3px 10px;
	margin: 0 10px 0 10px;
	background: url('/sb/images/activation/silver_bg.gif');
	background-repeat: no-repeat;
  font-weight: bold;
}

.goldLink
{
	line-height: 12px;
	height: 20px;
	padding: 3px 4px 3px 10px;
	margin: 0 10px 0 10px;
	background: url('/sb/images/activation/gold_bg.gif');
	background-repeat: no-repeat;
  font-weight: bold;
}

.platinumLink
{
	line-height: 12px;
	height: 20px;
	padding: 3px 4px 3px 10px;
	margin: 0 10px 0 10px;
	background: url('/sb/images/activation/platinum_bg.gif');
	background-repeat: no-repeat;
  font-weight: bold;
}

.enterpriseLink
{
	line-height: 12px;
	height: 20px;
	padding: 3px 4px 0 10px;
	margin: 0 10px 0 10px;
	background: url('/sb/images/activation/enterprise_bg.gif');
	background-repeat: no-repeat;
  font-weight: bold;
  color: #FFFFFF;
}

.genericLink
{
	line-height: 12px;
	height: 20px;
	padding: 3px 4px 3px 10px;
	margin: 0 10px 0 10px;
	background: url('/sb/images/activation/generic_bg.gif');
	background-repeat: no-repeat;
}

.serviceTierCellBG
{
	background-color: #EEEEEE;
}

.serviceTierCellSilverBG
{
  background-color: #CCCCCC;
}

.serviceTierCellGoldBG
{
  background-color: #CC9900;
}

.serviceTierCellPlatinumBG
{
  background-color: #AAAABB;
}

.serviceTierCellEnterpriseBG
{
	color: #FFFFFF;
  background-color: #000000;
}

/* ####################################### */