/* Copyright (c) 2007 August Ash Inc. (http://www.augustash.com)
   Screen Style Sheet
   Version: $Id: screen.css 85 2009-05-22 18:55:19Z eanderson $
--------------------------------------------------------------- */

/* 	=============================
	Colors:
	
	=============================	*/

body {
	background:url(../css/back.jpg) no-repeat #000 top center;
	background-attachment:fixed;
	text-align:center;
	color:#444;
	font-size:12px;
	font: Arial, Helvetica, sans-serif;
}
/*
p, table {margin:1em 0;}
img {border:0;}
.access, hr {display:none;}
.clearer {clear:both; height:1%; line-height:1%; font-size:1%;}
.required, .error {font-weight:bold; color:#C30000;}*/
a:link, a:visited {color:#A41C11; outline:none;}
a:hover, a:active {outline:none; color:#d33911;}


/* TYPE
----------------------------------------------- */
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
pre, code {white-space:pre; font-family:'andale mono','lucida console',monospace; line-height:1.5;}

/* HEADINGS
----------------------------------------------- 
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size:21px;}
h2 {font-size:19px;}
h3 {font-size:17px;}
h4 {font-size:15px;}
h5 {font-size:13px;}
h6 {font-size:11px;}
*/
/* LISTS
----------------------------------------------- 
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ul, ol {list-style-position:outside; margin:1em 0 0 0; padding:0 0 0 2em;}
ul ul, ol ol, ul ol, ol ul{list-style-type:square; list-style-position:outside;}
ol, ol ol, ul ol{list-style-type:decimal;}
dl {margin:1em 0;}
dl dt {font-weight:bold;}
dl dd {margin:0 0 0 1.5em;}
*/
/* BASE LAYOUT
----------------------------------------------- */
.page {position:relative; width:980px; margin:25px auto 8px; text-align:left; box-shadow: 0px 4px 4px 4px #000;}
.main {position:relative; margin:0; min-height:350px; background-color:#fff; border-bottom:3px solid #e63222; z-index:0;}
.header-container {background:#fff; margin:0; text-align:left;}
.header {position:relative; width:910px; height:115px; padding:15px 40px 0 30px; z-index:2;}
#xtra {float:left; position:relative; width:980px; border-top:20px solid #111111; border-bottom:2px solid #b48e44;}
.footer {clear:both; padding:30px 0 25px; text-align:center; background: url(../img/tpl/img_redorange-gradient.png) no-repeat top center; font-size:11px;}
div#left-swoosh {
	/*background:url(../img/tpl/bg_left-swoosh.png) no-repeat;*/
	position:absolute;
	display:block; 
	height:474px; 
	width:312px; 
	left:-150px;
	top:-25px;
	z-index:-2;
}
div#right-swoosh {
	/*background:url(../img/tpl/bg_right-swoosh.png) no-repeat;*/
	position:absolute;
	display:block; 
	height:501px; 
	width:237px; 
	right:-90px;
	top:-25px;
	z-index:0; 
}

/* HEADER
----------------------------------------------- */
div.header h2 a:link, div.header h2 a:visited {
	display:block;
	position:relative;
	width:181px;
	height:0px;
	padding-top:104px;
	overflow:hidden;
	font-size:0;
	line-height:1%;
	border:0;
	text-decoration:none;
	background:url(../img/tpl/img_sa-logo.png) no-repeat;
	float:left;
}
div#.header h1 a:hover, div.header h1 a:active {border:0;text-decoration:none;}

div.header-right { position:absolute; display:block; top:67px; right:11px; width:700px; z-index:2;}
div.threemlogo {position:relative; display:inline; width:100%; float:right; }
div.threemlogo a:link, div.threemlogo a:visited {
	display:block;
	width:39px;
	height:21px;
	overflow:hidden;
	font-size:0;
	line-height:1%;
	border:0;
	text-decoration:none;
	float:right;
	margin:4px 0 12px;
	padding-right:4px;
}
div.threemlogo a:hover, div.threemlogo a:active {border:0; text-decoration:none;}

/* Navigation
---------------------- */
ul#main-nav {Register with scientificanglers.com
	position:relative; 
	display:inline; 
	float:left; 
	width:465px; 
	margin:0; 
	padding:2px 0 0; 
	text-align:right; 
	font-size:12px;
}
ul#main-nav li {display:inline; padding:0; border-right:1px solid #888;}
ul#main-nav li a {font-weight:bold; color:#000; padding:0 5px; text-decoration:none; }
ul#main-nav li a:hover,
ul#main-nav li.active a {color:#A41C11; padding-bottom:14px; background:url(../img/tpl/bg_nav-active.jpg) no-repeat bottom center;}
ul#main-nav li.last {border-right:none;}

/* Search
---------------------- */
div.quick-search {float:right; position:relative; margin-right:-19px;}
div.quick-search button.button {
	height:21px; 
	padding-top:21px; 
	width:25px; 
	font-size:0; 
	overflow:hidden; 
	background:url(/img/tpl/btn_search.png) no-repeat;
	border:none;
}

/* Sub-Navigation / Catalog Navigation
---------------------- */
.nav-container {position:relative; background:#231F20 url(../img/tpl/bg_secondary-nav.jpg) repeat-x; border-bottom:3px solid #e63222; z-index:1;}
#nav { 
	clear:both; 
	position:relative;  
	padding:0; 
	margin:0 auto; 
	text-align:center; 
	height:31px;
 	text-align:left; 
	overflow:visible;  
	z-index:4;
	background:none;
}

/* All Levels */
#nav li { position:relative; z-index:4; }
#nav li.active { z-index:5; }
#nav li.over { z-index:990; }
/*#nav li.parent {}*/
#nav li a { font-size:12px; color:#fff; text-decoration:none; font-weight:normal; text-decoration:none; }
#nav li a:hover { color:#CF3226; text-decoration:none; }
#nav li a span { display:block; white-space:nowrap; cursor:pointer; }
#nav li ul a span { white-space:normal; }

/* 1st Level */
#nav li { margin:0; padding:0; height:31px; float:left; }
#nav li a { float:left; height:31px; line-height:30px; padding:0 0 0 10px; }
#nav li a,
#nav li a span { }
#nav li.first a { border-left:0; padding-left:20px; }
#nav li.last a { /* border-right:0;  */}
#nav li a span { font-weight:bold; padding:0 10px 0 0; float:left; }
#nav li a { font-size:12px; }
#nav li a:hover { border:0; overflow:hidden; }
#nav li a:hover span {  }
#nav li.over a,
#nav li.active a { color:#CF3226; border:0; overflow:hidden; }
#nav li.over a span,
#nav li.active a span,
#nav li.over a span { }
#nav li.over a { position:relative; z-index:2; }


/* 2nd Level */
#nav ul { 
	position:absolute; 
	width:13.5em; 
	top:30px; 
	left:-10000px; 
	background:#000; 
	padding:5px 11px 10px; 
	border:1px solid #aeaeae; 
	border-top:0; 
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	border-left:1px solid #e63222;
	border-right:1px solid #e63222;
	border-bottom:1px solid #e63222;	
}
#nav ul li,
#nav ul li a,
#nav ul li a span { 
	color:#fff; 
	display:block; 
	font-size:12px; 
	float:none; 
	background:none; 
	height:auto !important; 
	line-height:1.2 !important; 
	font-weight:normal; 
	text-transform:none; 
}
#nav ul li { margin:0; padding:0; border-bottom:1px solid #252525; }
#nav ul li.last { border-bottom:0; }
#nav ul li a { padding:5px 4px !important; color:#444; }
#nav ul li a span { padding:0 !important; }
#nav ul li a:hover,
#nav ul li a:hover span { color:#CF3226; }
#nav ul li.active > a,
#nav ul li.over > a {  }
#nav ul li.parent {  }

/* 3rd+ level */
#nav ul ul { 
	top:-6px; 
	padding-bottom:5px; 
	border-top:1px solid #e63222; 
	border-right:1px solid #e63222; 
	border-bottom:1px solid #e63222; 
	border-left:none;
	background:#0f0f0f;
	position:absolute;
	z-index:4;
}

/* Show Menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:125px; }
#nav li.over ul ul { left:-10000px; }

/* MAIN
----------------------------------------------- */

/* Homepage Slideshow
---------------------- */
div#slideshow {
	height:370px;
	width:980px;
}
div#slideshow img {padding:0; margin:0;}

/* BreadCrumbs 
---------------------- */
.breadcrumbs { margin:0; padding:7px 20px 5px;  background:#f0f0f0; text-align:left; border-top:1px solid #fff; font-size:11px;}
.breadcrumbs li { display:inline; color:#000; }
.breadcrumbs li span,
.breadcrumbs a { color:#606060; text-decoration:none; }
.breadcrumbs a:hover { text-decoration:underline; }

/* Page and Category Titles
---------------------- */
div.page-head, 
div.page-title,
div.category-title, 
div.product-name {
	position:relative; 
	background:#f6e1bb url(../img/tpl/bg_page-title.jpg) no-repeat; 
	padding:10px 20px 7px; 
	border-bottom:1px solid #222;
	text-align:left;
}
div.page-head, div.category-title, div.product-name {width:940px;}
div.page-title {width:573px}
div.col2-right-layout .page-title {width:750px;}
div.col1-layout .page-title {width:940px;}
div.col1-layout .col-main .page-title {margin:0 0 15px -20px;}
.checkout-cart-index div.col1-layout .col-main .page-title,
.checkout-onepage-index div.col1-layout .col-main .page-title {margin:0;}
div.page-head h3, div.page-title h2, div.category-title h2, div.product-name h2 {color:#000; font-weight:normal;}
div.page-head h3, div.page-title h2, div.category-title h2 {font-size:24px;}
div.product-name h2 {font-size:24px;}


/* XTRA
----------------------------------------------- */
ul#bottom-callouts {position:relative; float:left; padding:0; margin:0;}
ul#bottom-callouts li,
ul#bottom-callouts li a { display:block; float:left; background-repeat:no-repeat; width:245px; margin: 0; height:164px; overflow:hidden; text-indent:-5000px;}
ul#bottom-callouts li a {padding-top: 164px;}
ul#bottom-callouts li a:hover {background-position:0 -164px}

/* FOOTER
----------------------------------------------- */
.footer ul {width:100%; text-align:center;} 
.footer ul li {display:inline; margin:0 5px;}
.footer ul li a {color:#e0e0e0; text-decoration:none;}
.footer ul li a:hover {color:#fff;}
p#copyright {margin:.5em 0 0; color:#fff;}
p#credits {font-size:11px; color:#888;}
p#credits a {color:#333; text-decoration:underline;}
p#credits a:hover, p#credits a:active {text-decoration:none;}