/* Copyright (c) 2007 August Ash Inc. (http://www.augustash.com)
   Screen Style Sheet
   Version: $Id: screen.css 68 2009-02-02 21:35:48Z bcoyour $
--------------------------------------------------------------- */

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

body {
	background: url(/skin/frontend/default/atomic/images/bg_wrap.png) repeat top center;
	text-align:center;
	color:#fff;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
}

ol#checkoutSteps {
	list-style: none;
}

div.more-views {
	position: relative;
	z-index: 1000;
}

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:#5BB0EA;}
a:link, a:visited {color:#f7941d; font-weight:normal; text-decoration:underline; outline:none; }
a:hover, a:active {text-decoration:none; outline:none;}

/* 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;}
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
----------------------------------------------- */
div#wrap {position:relative; width:100%; min-width: 960px; margin:0 auto; text-align:left; background: url(/skin/frontend/default/atomic/images/bg_header.jpg) no-repeat top center;}
div#header {position:relative; width:960px; margin:0 auto; height:144px; background:none;}
div#cwrap {width:960px; margin:0 auto; background:none;}

body#home div#cwrap {width:960px; margin:0 auto; background: none;}
div#content {width:920px; margin:0 auto; padding:0 0 20px 20px; background:none;}
body#home div#content {min-height: 380px;}
div#side {float:right; display:inline; width:290px; background:none;}
/* div#main {float:left; display:inline; width:600px; padding-top:50px; } */
body#home div#main {float:left; display:inline; width:920px; padding-top:50px; }
body.user div#main {float:left; display:inline; width:700px; padding:0; }
div#footer {clear:both; padding:20px 0;  height:103px; text-align:center; background: url(/skin/frontend/default/atomic/images/bg_footer.jpg) no-repeat bottom center;}

/* HEADER
----------------------------------------------- */
div#header h2 a:link, div#header h2 a:visited {
	display:block;
	position:relative;
	width:256px;
	height:0px;
	padding-top:130px;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	border:0;
	text-decoration:none;
	background:url(/skin/frontend/default/atomic/images/bg_h2_logo.jpg) no-repeat 20px 0;
	float:left;
	outline:none;
	color: #002339;
}
div#header h1 a:hover, div#header h1 a:active {border:0;text-decoration:none;}

/* Navigation
---------------------- */
div#mainnav-wrap {width:600px; float:right; position:relative; margin:70px 0 0 0;}
ul#nav {position:relative; float:right; margin:0;}
ul#nav li {display:inline; float:left;}
ul#nav li a, ul#nav li a:link {padding:0 10px; color:#b2cde0; font-size:15px; font-weight:normal; text-decoration:none; outline:none;}
ul#nav li a:hover {color:#8acaf6;}

div#cartnav-wrap {width:400px; float:right; position:relative; margin:10px 0 0 0;}
ul#cartnav {position:relative; float:right; margin:0;}
ul#cartnav li {display:inline; float:left; font-size:12px;}
ul#cartnav li a, ul#cartnav li a:link {padding:0 5px; color:#f7941d; text-decoration:none; outline:none;}
ul#cartnav li a:hover {text-decoration:none;}


/* BANNER
----------------------------------------------- */
div#banner-wrap {position:relative; width:100%; min-width: 960px; margin:0 auto; text-align:left; background: url(/skin/frontend/default/atomic/images/bg_body.jpg) no-repeat 50% 144px;}
div.banner {position: absolute; top:195px; left: 0; width: 100%; min-width: 960px; margin: 0 auto;}

ul#splashrotate {position: absolute; top:195px; left: 0; width: 100%; min-width: 960px; margin: 0 auto; padding:0;}
ul#splashrotate li { position: absolute; top:0; left: 0; width: 100%; padding: 0; min-width: 960px; margin: 0 auto;}

li#grad-repeat {background: url(/skin/frontend/default/atomic/images/banner/grad-repeat.jpg) repeat-x; height: 293px;}
div#grad-img {background: url(/skin/frontend/default/atomic/images/banner/grad-img.jpg) no-repeat top center; height: 293px;}

li#basketball-repeat {background: url(/skin/frontend/default/atomic/images/banner/basketball-repeat.jpg) repeat-x; height: 293px;}
div#basketball-img {background: url(/skin/frontend/default/atomic/images/banner/basketball-img.jpg) no-repeat top center; height: 293px;}

li#football-repeat {background: url(/skin/frontend/default/atomic/images/banner/football-repeat.jpg) repeat-x; height: 293px;}
div#football-img {background: url(/skin/frontend/default/atomic/images/banner/football-img.jpg) no-repeat top center; height: 293px;}

li#chess-repeat {background: url(/skin/frontend/default/atomic/images/banner/chess-repeat.jpg) repeat-x; height: 293px;}
div#chess-img {background: url(/skin/frontend/default/atomic/images/banner/chess-img.jpg) no-repeat top center; height: 293px;}

li#spring-repeat {background: url(/skin/frontend/default/atomic/images/banner/spring-repeat.jpg) repeat-x; height: 293px;}
div#spring-img {background: url(/skin/frontend/default/atomic/images/banner/spring-img.jpg) no-repeat top center; height: 293px;}

li#group-repeat {background: url(/skin/frontend/default/atomic/images/banner/group-repeat.jpg) repeat-x; height: 293px;}
div#group-img {background: url(/skin/frontend/default/atomic/images/banner/group-img.jpg) no-repeat top center; height: 293px;}

input.main-search {float:left; position:relative; margin:179px 0 0 35px; width:255px; background:none; border:0; font-size: 21px; color: #666; z-index: 150;}
input.main-btn { position:relative; width:45px; height:45px; margin:170px 0 0 28px; padding: 20px 0; border:0; float:left; font-size:0%; line-height:0%; text-indent:-9999px; cursor:pointer; background: none; z-index: 151;}

/* SLIDER
----------------------------------------------- */
#slider{position: relative; margin-left: 81px;}	
div#main #slider ul, div#main #slider li{margin:0; padding:0; list-style:none;}
#slider li{width:300px; height:180px; overflow:hidden;}
#prevBtn, #nextBtn{display:block; width:30px; height:77px; position:absolute; left:31px; top:71px;}	
#nextBtn{left:381px;}														
#prevBtn a, #nextBtn a{display:block; width:50px; height:62px; background:url(/skin/frontend/default/atomic/images/img/tpl/slider/arrow-left.gif) no-repeat 0 0; overflow:hidden; font-size:1%; line-height:1%; color: #001F33;}	
#nextBtn a{background:url(/skin/frontend/default/atomic/images/img/tpl/slider/arrow-right.gif) no-repeat 0 0;}

/* MAIN
----------------------------------------------- */
div#main div.column {width: 460px; float: left; position: relative;}
div#main ul {margin:1em 0; padding-bottom:10px;}

div#main ol {margin:1em 0; padding-bottom:10px;}
div#main ol li{ list-style-type:none; padding:5px 0;}
div#main p.blue {color:#459DDA; margin:0 0 1em;}
div#main form {position: relative; padding-bottom: 0; height:100%; display: block; }
div#main div#indexform {width: 960px; position: relative;}
body#home div#main h1 {color:#5bb0ea;}
div#main p.needhelp a, div#main p.needhelp a:link {cursor:pointer; display:block; background:url(/skin/frontend/default/atomic/images/img/tpl/btn_need_help.jpg) no-repeat top right; padding-top:77px; width:239px; text-indent:-9999px; font-size:1%; line-height:1%; float:left; margin:0;}

div#main h1 {font-size:24px; text-transform:uppercase; display:block; padding:5px 0; }
div#main h1 span {color:#5bb0ea; background: url(/skin/frontend/default/atomic/images/bg_h1.jpg) repeat top left; border:1px solid #122633;  padding:3px 2px;}
div#main h2 {color:#0a6dad; line-height:24px; padding:10px 0 0;}
div#main h3 {color:#000; line-height:20px;}
div#main h4 {font-weight:normal;}


div#main p.results {font-size:15px; font-weight:bold; color:#aaaaaa;}
div#main ul#search-results {margin:10px 0; padding-left:0;}
div#main ul#search-results li {list-style-type:none; padding:10px 0; line-height:20px;}
div#main ul#search-results li h3, div#main ul#search-results li h3:link {font-size:18px; font-weight:normal; line-height:24px;}
img.product {border:1px solid #04324f; margin-bottom:25px;}

div#main ul.left {float:left; width:250px; padding:0; margin-left:0;}
div#main ul.right {float:right; width:250px; padding:0; margin-left:0;}
div#main ul.left li {list-style-type:none; padding:0; margin-left:0;}
div#main ul.right li {list-style-type:none; padding:0;  margin-left:0;}


/* Image zoom styles
---------------------------------*/

#zoomer_big_container { display:block; position:relative; background: url(/skin/frontend/default/atomic/images/mooskin/ajax_loader.gif) center center no-repeat; overflow:hidden; margin:0; padding:0; border:0px #FFFFFF solid; cursor:move; }
#zoomer_image { display:block; position:absolute; }
#zoomer_thumb { display:block; position:relative; overflow:hidden; margin:10px 0; border:1px solid #04324f; }
#zoomer_region { background:#fff; border:none; position:absolute; top:0px; left:0px; cursor:move; }

div#main div.product_box {float:left; width:255px; position:relative; margin:25px 0;}
h3.fitting {padding-top:10px;}
h3.fitting a, h3.fitting a:link {font-size:27px; color:#f7941d; background:url(/skin/frontend/default/atomic/images/bg_arrow.gif) no-repeat right; padding:0 25px 0 10px; text-decoration:none;}
span.new {background:url(/skin/frontend/default/atomic/images/img_new_badge.gif) no-repeat 0 0; padding-left:45px; height:53px; text-indent:-9999px; font-size:1%; line-height:1%; display:block; float:left;}

div#main div.product_details {float:left; padding:0 0 0 25px; width:270px;}
div#main div.product_details h3.price {font-size:24px; padding-top:25px;}
div#main form#shirt_size fieldset#left label {clear:right; float:left; margin:0; padding:5px 10px 5px 5px; text-align:left; width:70px;}
div#main form#shirt_size fieldset#left input {margin:0; padding:2px; width:150px; background:#a2c7dd; border:1px solid #d7e7f1;}
div#main form#shirt_size ol {margin:0; padding:0; width:300px;}
div#main form#shirt_size fieldset#left ol li {display:inline; float:left; margin:0; padding:0; position:relative;}
div#main form#shirt_size fieldset#left div.addcart {float:left; margin:0; padding:10px 0 ;}
div#main form#shirt_size fieldset#left select#drop_productSize {margin-bottom:10px; width:200px;}


/* VIEW CART PAGE TABLE STYLING
----------------------------------------------- */
div#main table.cart {margin:2em 0; width:100%;}
div#main table.cart td {padding:6px; border-bottom:1px solid #1e5073; position:relative;}
div#main table.cart tr.titles {background:#1e5073; border:1px solid #396685; color:#8acaf6; font-weight:bold;}
div#main table.cart input.quantity {width:25px; height:15px; background:#a2c7dd; border:1px solid #d7e7f1; text-align:right; padding:3px;}
div#main input.submit, div#main button.submit {color:#8acaf6; font-size: 18px; font-weight: bold; float:right; height: 34px; background: url(/skin/frontend/default/atomic/images/btn-submit-bg.png) repeat-x top left; border:0; border-left: 1px solid #143b53; border-right: 1px solid #143b53; cursor: pointer; padding: 0 8px 3px;}
div#main form#cart-quantity { width:25px; position: relative; padding-bottom: 0;}

div#main p.trash-cart {margin:0;}
div#main p.trash-cart a, div#main p.trash-cart a:link{background:url(/skin/frontend/default/atomic/images/img_icon_trash.jpg) no-repeat top center; height:12px; width:15px; text-indent:-9999px; font-size:1%; line-height:1%; display:block; float:right;}

/* USER SIGNUP PAGE FORM STYLING
----------------------------------------------- */
div#main fieldset#left {float:left; position:relative; width:300px; margin-top: 20px;}
div#main form#signup fieldset#left label {clear:right; float:left; margin:0; padding:5px 10px 5px 5px; text-align:left; width:110px;}
div#main form#signup fieldset#left input {margin:0; padding:2px; width:150px; background:#a2c7dd; border:1px solid #d7e7f1;}

div#main fieldset#right {float:right; position:relative; width:300px; margin-top: 20px;}
div#main form#signup fieldset#right label {clear:left; float:left; margin:0; padding:5px 5px 5px 10px; text-align:left; width:110px;}
div#main form#signup fieldset#right input {margin:0; padding:4px 2px; width:150px; background:#a2c7dd; border:1px solid #d7e7f1;}

div#main form#signup ol {margin:0; padding:0; width:300px;}
div#main form#signup fieldset#left ol li {display:inline; float:left; margin:0; padding:0; position:relative;}
div#main form#signup fieldset#right ol li {display:inline; float:left; margin:0; padding:0; position:relative;}
div#main form#signup fieldset#left div.element {float:left; margin:0; padding:7px 0 ;}
div#main form#signup fieldset#right div.element {float:right; margin:0; padding:7px 0 ;}

div#main form#signup img {padding: 5px 0 10px 14px;}
div#main form#signup p {padding-left:14px;}


/* USER SIGNIN PAGE FORM STYLING
----------------------------------------------- */

form#signin fieldset.left label {clear:right; float:left; margin:0; padding:5px 10px 5px 5px; text-align:left; width:110px;}
form#signin fieldset.left input {margin:0; padding:2px; width:150px; background:#a2c7dd; border:1px solid #d7e7f1;}
form#signin ol {margin:0; padding:0; width:300px;}
form#signin fieldset.left ol li {display:inline; float:left; margin:0; padding:0; position:relative;}
form#signin fieldset.left div.element {float:left; margin:0; padding:10px 0 ;}

div#password-box {float:left; padding:20px 0 0 0;}
div#password-box p {width:375px;}
form#forgotPassword fieldset.left label {clear:right; float:left; margin:0; padding:5px 10px 5px 5px; text-align:left; width:110px;}
form#forgotPassword fieldset.left input {margin:0; padding:2px; width:150px; background:#a2c7dd; border:1px solid #d7e7f1;}
form#forgotPassword ol {margin:0; padding:0; width:500px;}
form#forgotPassword fieldset.left ol li {display:inline; float:left; margin:0; padding:0; position:relative;}
form#forgotPassword fieldset.left div.element {float:left; margin:0; padding:10px 0 ;}
form#forgotPassword fieldset.left button.submit {margin-left:10px;}

/*div#main form#signin button#btnSubmit {background:url(/skin/frontend/default/atomic/images/btn_submit.png) no-repeat right center; width:108px; height:35px; text-indent:-9999px; font-size:0%; line-height:0%; border:0; cursor:pointer; float:right;}*/

/* CHECKOUT FORM
----------------------------------------------- */
div#main form#checkout fieldset#left {float:left; position:relative; width:600px; margin-top: 20px;}
div#main form#checkout fieldset#left label {clear:right; float:left; margin:0; padding:5px 10px 5px 5px; text-align:left; width:120px;}
div#main form#checkout fieldset#left input {margin:0; padding:2px; width:200px; background:#a2c7dd; border:1px solid #d7e7f1;}
div#main form#checkout fieldset#left input.radio {width:25px; padding:5px 10px;}
div#main form#checkout fieldset#left label.text {width:500px;}
div#main form#checkout ol {margin:0; padding:0; width:400px;}
div#main form#checkout fieldset#left ol li {display:inline; float:left; margin:0; padding:0; position:relative;}
div#main form#checkout fieldset#left div.element {float:left; margin:0; padding:7px 0 ;}
div#main form#checkout fieldset#left div.radioButton {float:left; margin:0; padding:7px 10px 7px 5px;}
div#main form#checkout li h3 {padding:20px 0;}
div#main form#checkout fieldset#left textarea {margin:0; padding:2px; width:340px; height:100px; background:#a2c7dd; border:1px solid #d7e7f1; overflow:auto;}


div#main form#checkout_demo fieldset#left {float:left; position:relative; width:650px; margin-top: 20px;}
div#main form#checkout_demo fieldset#left label {clear:right; float:left; margin:0; padding:5px 10px 5px 5px; text-align:left; width:180px;}
div#main form#checkout_demo fieldset#left input {margin:0; padding:2px; width:150px; background:#a2c7dd; border:1px solid #d7e7f1;}
div#main form#checkout_demo fieldset#left input.radio {width:25px; padding:5px 10px;}
div#main form#checkout_demo fieldset#left label.text {width:600px;}
div#main form#checkout_demo ol {margin:0; padding:0; width:600px;}
div#main form#checkout_demo fieldset#left ol li {display:inline; float:left; margin:0; padding:0; position:relative;}
div#main form#checkout_demo fieldset#left div.element {float:left; margin:0; padding:7px 0 ;}
div#main form#checkout_demo fieldset#left div.radioButton {float:left; margin:0; padding:7px 10px 7px 5px;}
div#main form#checkout_demo li h3 {padding:20px 0;}
div#main form#checkout_demo fieldset#left textarea {margin:0; padding:2px; width:150px; height:100px; background:#a2c7dd; border:1px solid #d7e7f1; overflow:auto;}
div#main form#checkout_demo fieldset#left a.cvv {padding:10px;}
div#main form#checkout_demo fieldset#left div.buttons {float:left; width:400px; padding:20px 0;}
div#main form#checkout_demo button#btnGoback {color:#8acaf6; font-size: 18px; font-weight: bold; float:left; height: 34px; background: url(/skin/frontend/default/atomic/images/btn-submit-bg.png) repeat-x top left; border:0; border-left: 1px solid #143b53; border-right: 1px solid #143b53; cursor: pointer; padding: 0 8px 3px;}

/* SEARCH BOX
----------------------------------------------- */
div.atom-search {background:url(/skin/frontend/default/atomic/images/bg_search.png) no-repeat top right; width:308px; height:51px; position:relative; float:right;}
div.atom-search input.search-box {float:left; position:relative; margin:18px 0 0 85px; width:160px; background:none; border:0;}
div.atom-search input.search-btn {background:url(/skin/frontend/default/atomic/images/btn_search_go.jpg) no-repeat top left; width:22px; height:12px; margin:18px 16px 0 0; border:0; float:right; font-size:0%; line-height:0%; text-indent:-9999px; cursor:pointer;}

/* FOOTER
----------------------------------------------- */
p#copyright {font-size:11px; margin:1em 0 0; color:#459dda;}
p#credits {font-size:11px; margin:.4em 0 0; color:#f7941d;}
p#credits a {color:#f7941d; text-decoration:underline;}
p#credits a:hover, p#credits a:active {text-decoration:none;}