@import url("../css/global.css");
@import url("../css/subheader.css");
@import url("../css/tables.css");
@import url("../css/forms.css");

.sale, .error, .product .sale { color:#990000; }
.right { text-align: right; }

body#news #primary p.posted {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	color:#999;
	padding: 5px 0;
	text-align: right;
}

/*  Icons
--------------------------------------------------------------------------------------------------- */
a.info {
	display: block;
	height: 26px;
	width: 26px;
	text-indent: -9999px;
	background: url(../gfx/icons/info.gif) no-repeat 0 0;
}
a.email {
	display: block;
	height: 26px;
	width: 26px;
	text-indent: -9999px;
	background: url(../gfx/icons/email.gif) no-repeat 0 0;
}

/* Easy Clearing
--------------------------------------------------------------------------------------------------- */
.product:after,
.field:after,
.control:after,
.storeAction:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.product, .field, .control, .storeAction {display:inline-block;}
/* Hide from IE Mac \*/
.product, .field, .control, .storeAction {display:block;}
/* End hide from IE Mac */

/*  Global Internal Page Elements
--------------------------------------------------------------------------------------------------- */
.column_A {
	float: left;
	width: 46%;
}
.column_B {
	float: right;
	width: 46%;
}
.column_A p strong {
	color:#555555;
}
.center {
	text-align: center;
}
#primary .instruction { 
	font-size: 12px;
}
.content {
	padding: 0 20px 0 40px;
}


/*  Global Internal Layout
--------------------------------------------------------------------------------------------------- */
#contentarea {
	background: #fff url(../gfx/greydot.gif) repeat-y 298px 0;
}
#contentwrap {
	background: url(../gfx/acs.gif) no-repeat 10px 100%;
}
#primary {
	float: right;
	width: 478px;
	padding: 28px 0 40px 0;
}
body#account.loggedin #primary,
body#about #primary,
body#support #primary,
body#downloads #primary,
body#news #primary,
body#contact #primary,
body#privacy #primary,
body#terms #primary,
body#sitemap #primary {
	width: 487px;
}
#secondary {
	float: left;
	width: 288px;
	padding: 28px 0 60px 0;
	min-height:8em; 
	height:auto;
}

/* ------| Single Column Page |------ */

body.singleColumn #contentarea {
	background:#fff;
}
body.singleColumn #primary{
	float: none;
	width: auto;
	padding: 24px 26px 48px;
	position: relative;
}

body#account.createAccount #contentarea {
	background: #fff url(../gfx/greydot.gif) repeat-y 358px 0;
}
body#account.accountIndex #contentarea{
	background: #fff url(../gfx/greydot.gif) repeat-y 50% 0;
}
body#account.loggedin #contentarea,
body#about #contentarea,
body#support #contentarea,
body#downloads #contentarea,
body#news #contentarea,
body#contact #contentarea,
body#privacy #contentarea,
body#terms #contentarea,
body#sitemap #contentarea {
	background: #fff url(../gfx/greydot.gif) repeat-y 288px 0;
}

/* ------| Product View Page - Shopping |------ */

body.shopping #contentarea {
	background: #fff url(../gfx/greydot.gif) repeat-y 500px 0;
}
body.shopping #primary {
	float: left;
}
body.shopping #secondary {
	float: right;
}

body.shopping .content {
	padding: 0 0 0 25px;
}
body.loggedin .content {
	padding: 0 0 0 30px;
}

/*  Breadcrumbs	
--------------------------------------------------------------------------------------------------- */
#breadcrumbs {
	height:28px;
	line-height: 28px;
	background:#F3F3F3 url(../gfx/greydot.gif) repeat-y 685px 0;
	color:#666;
	padding: 0 20px;
}
#breadcrumbs a {
	font-weight: bold;
	padding: 0 3px;
}
#breadcrumbs a.active {
	font-weight: normal;
}
#breadcrumbs .welcome a {
	padding: 0 0 0 30px;
}
#breadcrumbs .crumbs {
	float: left;
}
#breadcrumbs .welcome {
	float: right;
	text-align: right;
}

/*  Primary Content	- Headings, Images, Paragraphs + Lists
--------------------------------------------------------------------------------------------------- */
body.singleColumn #primary h3 {
	color:#999;
	font-weight: normal;
	margin: -6px 0 20px 0;
	font-size: 12px;
}
body.singleColumn #primary h5 {
	color:#000;
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 10px;
}
#primary h4 {
	color:#000;
	font-size: 12px;
	margin: 0 0 15px 0;
}

body.singleColumn  #primary .column_A h3,
body.singleColumn  #primary .column_B h3 {
	margin: 0 0 15px 0;
	color:#3FAE49;
	font-size: 14px;
}

#primary h2 {
	margin: 0 0 10px 0;
}
#primary h3 {
	margin: 0 0 10px 0;
	color:#3FAE49;
	font-size: 14px;
}
#primary h3.replace {
	font-size: 18px;
	margin: 0 0 12px;
	padding: 0;
}
#primary p {
	margin: 0 0 15px 0;
	line-height: 1.4em;
}
#primary ul {
	margin: 0 0 15px 0;
}
#primary ul li {
	list-style: disc;
	line-height: 1.2em;
	margin: 0 0 3px 0;
}

#primary img.right {
	float: right;
}
#primary img.left {
	float: left;
}
body#about #secondary h3,
body#support #secondary h3,
body#downloads #secondary h3,
body#contact #secondary h3,
body#news #secondary h3 {
	color:#666;
	margin: 0 0 12px 33px;
	font-size: 21px;
}
body#about #secondary p,
body#support #secondary p,
body#downloads #secondary p,
body#contact #secondary p,
body#news #secondary p {
	color:#666;
	margin: 0 15px 12px 33px;
	line-height: 1.4em;
}

/* ---| FAQ |--- */
#primary .faq dt a {
	font-weight: bold;
	color:#3FAE49;
	background: url(../gfx/icons/help.gif) no-repeat 0 50%;
	padding: 0 0 0 30px;
	margin: 0 0 10px;
	height: 26px;
	line-height: 26px;
	display: block;
	font-size: 12px;
}
#primary .faq dt a:hover {
	color:#275599;
}
#primary .faq dd {
	background: #E7F6FE;
	border: 1px solid #8FA8CB;
	padding: 15px;
	margin: 0 26px 15px;
	color:#555555;
}
body#account.editprofile #primary .faq dt a {
	background: url(../gfx/icons/plus.gif) no-repeat 0 50%;
}

/* ---| News + Events |--- */
#primary ul.newslist li {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	background: url(../gfx/dottedline.gif) repeat-x 0 100%;
}
#primary ul.newslist li h3 {
	margin: 0 0 5px 0;
	font-size: 12px;
}
#primary ul.newslist li p {
	margin: 0;
	padding: 0 0 8px 0;
}
#primary ul.newslist h3 a {
	text-decoration: underline;
}
/* --- | SiteMap | --- */
#primary ul.sitemap {
	margin: 0 0 15px 0;
}
#primary ul.sitemap li {
	margin: 0 0 8px 0;
	list-style: none;
	font-weight: bold;
}
#primary ul.sitemap ul {
	margin: 8px 0 0 15px;
}
#primary ul.sitemap ul li {
	float: none;
	font-weight: normal;
}

/* ---| Status / Alert Box |--- */

.statusBox {
	padding: 40px 0;
	text-align: center;
}
body#cart #primary .statusBox h3 {
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	color:#275599;
}
body#cart #primary .statusBox h4 {
	margin: 0 0 15px 0;
	font-size: 13px;
	font-weight: normal;
	color:#275599;
}
body#cart #primary #accepted h3,
body#cart #primary #accepted.statusBox h4 {
	color:#3FAE49;
}
#primary .statusBox p {
	color:#666;
	font-size: 12px;
}
#primary .statusBox ul {
	width: 300px;
	margin: 0 0 0 250px;
	padding: 0;
}
#primary  .statusBox ul li,
#primary table ul li {
	text-align: left;
	list-style: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#primary .statusBox ul li a {
	height: 28px;
	line-height: 28px;
	display: block;
	background: url(../gfx/icons/r_arrow.gif) no-repeat 0 0;
	text-indent: 30px;
}
body#account.editprofile #primary .box {
	margin-right: 40px;
}

/*  Accessories
--------------------------------------------------------------------------------------------------- */
#accessorynav {
	margin: -10px 0 15px 25px;
	padding: 0;
}
#primary #accessorynav ul {
	width: 150px;
	float: left;
	padding: 0;
	margin: 0 1px 0 0;
	background: url(../gfx/dottedline.gif) repeat-x 0 0;
}
#primary #accessorynav ul.col_3 {
	margin: 0;
}
#primary #accessorynav ul li {
	list-style: none;
	margin: 0;
	line-height: 1.2em;
	padding: 4px 3px;
	font-weight: bold;
	background: url(../gfx/dottedline.gif) repeat-x 0 100%;
}
#primary #accessorynav ul li a {
	color:#275599;
}
#primary #accessorynav ul li a:hover,
#primary #accessorynav ul li.active a {
	color:#999;
}

/*  Create An Account
--------------------------------------------------------------------------------------------------- */
body.createAccount #primary p {
	font-size: 12px;
}
.existingCustomer {
	border-top: 1px solid #D1D1D1;
	padding: 30px 0;
	margin: 30px 0;
}

/*  myAccount Sidebar
--------------------------------------------------------------------------------------------------- */
#announcements {
	padding: 5px 20px 0 60px;
	background: url(../gfx/icons/exclamation.gif) no-repeat 28px 0;
}
#announcements p {
	line-height: 1.4em;
	margin: 0 0 15px;
	color:#666;
}
body.loggedin #secondary h3 {
	color:#666;
	margin: 0 0 12px 33px;
	font-size: 21px;
}
body.loggedin #secondary h4 {
	color:#555;
	margin: 0 0 15px;
	font-size: 14px;
}
ul.subnav {
	margin: 0 0 20px;
	padding: 0 0 20px 28px;
	border-bottom: 1px solid #D1D1D1;
	width: 261px;
}
ul.subnav li {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
	line-height:30px;
}
ul.subnav li a {
	display: block;
	height: 30px;
	line-height: 30px;
	width: 100%;
	background: url(../gfx/icons/r_arrow.gif) no-repeat 0 0;
	text-indent: 30px;
	font-weight: bold;
}
ul.subnav li a:hover,
ul.subnav li.active a {
	color:#3FAE49;
	background: url(../gfx/icons/r_arrow_green.gif) no-repeat 0 0;
}

/*  Shopping: Product Views
--------------------------------------------------------------------------------------------------- */
#primary .box {
	padding: 10px 15px;
	margin: 0 0 15px 0;
	border: 1px solid #D1D1D1;
	color: #666;
	font-size: 14px;
}
#primary .box a {
	font-size: 11px;
	padding: 0 0 0 15px;
}
#primary .products li {
	list-style: none;
	margin: 0;
	padding: 0 0 15px 0;
	float: left;
	width: 223px;
}
#primary .products li.switch {
	margin: 0 0 0 6px;
}
#primary .product p {
	margin: 0 0 3px 0;
	line-height: 1.2em;
	padding: 0;
	font-size: 12px;
}

.product {
	background: #F3F3F3;
	padding: 7px;
	margin: 0 0 6px 0;
	border: 1px solid #D1D1D1;
	color:#3FAE49;
}
.product p {
	color:#999;
}
.product p.price {
	color:#3FAE49;
}

#primary .product ul {
	margin: 15px 0 15px 20px;
	font-size: 12px;
	color:#999;
}

.product img {
	float: right;
	margin: 0;
	border: 1px solid #3FAE49;
}
.shopbuttons {
	clear: both;
}
.shopbuttons .extras {
	float: left;
	width: 64px;
	padding: 0 0 0 5px;
}
.shopbuttons .extras span {
	float: left;
	padding: 0 5px 0 0;
}