/*==================================*/
/*    Author: Lane Roberts          */
/*    Company: Corporate 3 Design   */
/*    Date: May 4, 2009             */
/*==================================*/

/*==================================*/
/*---------- PAGE/GENERAL ----------*/
/*==================================*/
* {
	margin: 0;
	padding: 0;
}
html {
	width: 100%;
	height: 100%;
	overflow-y:scroll;
}
body {
	width: 100%;
	height: 100%;
	font-family:Calibri,"Arial", Helvetica, sans-serif;
	font-size: 81%;
	line-height: 100%;
	background:#000 url(/images/main/bg_body.png) repeat-x 35% 30px ;
	position:relative;
}
font {color: inherit !important;margin: inherit !important;padding: inherit !important;font: inherit !important;text-decoration: inherit !important;border: inherit !important;/*background: inherit !important;*/bottom: inherit !important;top: inherit !important;left: inherit !important;right: inherit !important;position: inherit !important;clear: inherit !important;float: inherit !important;height: inherit !important;width: inherit !important;letter-spacing: inherit !important;text-transform: inherit !important;outline: inherit !important;overflow: inherit !important;display: inherit !important;visibility: inherit !important;text-indent: inherit !important;white-space: inherit !important;word-spacing: inherit !important;z-index: inherit !important;text-align: inherit !important;max-height: inherit !important;max-width: inherit !important;min-height: inherit !important;min-width: inherit !important;cursor: inherit !important;}

.clear {
	clear:both !important;
	height:auto !important;
	width:auto !important;
	float:none !important;
}
.nomargin {
	margin:0;
	padding:0;
}
/* Change colors and options for your default on links */
a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #666;
}
a:active {
	text-decoration: none;
	outline:none;
}
a:focus {
	outline:none
}
img {
	border: 0;
}
img[align=left] {
	float:left;
	padding: 0 1em .5em 0;
}
img[align=right] {
	float:right;
	padding: 0 0 .5em 1em;
}
img:-moz-broken{
    -moz-force-broken-image-icon:1;
    width:24px;
    height:24px;
  }

h1, h2, h3, h4, h5, h6 {
	
	font-weight:normal;
	color:#000000;
	padding:5px 0 0 0;
	line-height:130%;
	position: relative;
}
h2 {
	padding-top:15px;
	font-size:1.6em;
}
h3 {
	font-size:1.6em;
	padding-bottom:10px;
}
h4 {
	font-size:1.4em;
}
h5 {
	font-size:1.1em;
}
h6 {
	font-size:1.05em;
}
.right {
	float:right;
}
.left {
	float:left;
}
p, li, td, div.pagination {
	color:#333;
	line-height:140%;
	font-size:1em;
}
li p,
li li,
td p {
	font-size:1em;
}
p + p {
	padding-top:2ex;
}

ul {
	margin: 1ex 0 0 2em;
}

table * {
	font-size:1em;
}

.wrapper {
	/* Wraps around the content */
	width:950px;
	background: transparent;
	margin: 0 auto;
	padding:0 ;
	position:relative;
}
* html .wrapper {
	height:auto;
}

/*==================================*/
/*------------- Header  ------------*/
/*==================================*/
#header {
	position:absolute;
	top:0;
	left:0;
	z-index:30;
	background:url(../images/main/bg_header_sprite.png) repeat-x 0 0;
	height:60px;
	width:100%;
}

#header div div {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:60px;
}
#header #topnav {
	display:block;
	background:url(../images/main/btn_header_sprite.png) no-repeat -10px 1px;
	height:30px;
	width:80px;
	right:295px;
}
#header a,
.tabs a {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:30px;
	height:30px;
	text-indent:-3000em;
	overflow:hidden;
	z-index:40;
}

#topnav #lnk_twitter {
	right:50px;
}
#topnav #lnk_fbook {
	right:20px;
}
#topnav #lnk_rss {
	right:0px;
}


.tabs {
	top:-30px;
	position:absolute;
	width:100%;
	height:30px;
	background:url(/images/main/bg_header_sprite.png) repeat-x 0 -107px;
	z-index:50;
}
.tabs.open {
	z-index:60;
}
.tabs .wrapper {
	height:30px;

}
#tab_signup,
#tab_search {
	top:30px;
	background:url(/images/main/btn_header_sprite.png) no-repeat;
	width:138px;
}
#tab_signup {
	right:153px;
	background-position:-95px 0;
}
#tab_signup:hover,
.open #tab_signup {
	background-position:-95px -36px;
}
#tab_search {
	right:0;
	background-position:-234px 0;
}

#tab_search:hover,
.open #tab_search {
	background-position:-234px -36px;
}

.tabs input {
	position:absolute;
	right:100px;
	top:5px;
	padding:2px;
	border:none;
}
.tabs button {
	position:absolute;
	top:3px;
	right:20px;
	width:70px;
	height:24px;
	border:none;
	background:url(/images/main/btn_header_sprite.png) no-repeat -238px -75px;
	text-indent:-3000em;
	overflow:hidden;
	cursor:pointer;
}
.tabs button:hover {
	background-position:-313px -75px;
}
#search button {
	background-position:-100px -75px;
}
#search button:hover {
	background-position:-168px -75px;
}

/*==================================*/
/*----------- NAVIGATION  ----------*/
/*==================================*/

#sidenav {
	position:absolute;
	top:40px;
	left:0;
	width:150px;
	height:auto !important;
	min-height:400px;
	height:400px;
	margin:0;
	padding:0;
	
	list-style:none;
	
	
}
#sidenav li {
	list-style:none;
}

#sidenav h1 a {
	display:block;
	width:150px;
	height:105px;
	background:url(/images/main/btn_V_sprite.png) no-repeat 0 0;
	text-indent:-3000em;
	overflow:hidden;
}
#sidenav h1 a:hover {
	background-position:0 -111px
}

#sidenav li > a {
	display:block;
	height:33px;
	width:150px;
	background:url(/images/main/btn_nav.png) no-repeat 0 0;
	margin-top:3px;
	text-indent:-3000em;
	overflow:hidden;
	color:#dddddd;
	text-decoration:none;
}
#sidenav li > a:hover,
#sidenav li.active > a {
	font-weight:bold;
	color:#ffffff;
}
#sidenav .mens a {
	background-position:0 -6px;
}
#sidenav .mens a.active,
#sidenav .mens a:hover {
	background-position:-190px -6px;
}
#sidenav .womens a {
	background-position:0 -46px;
}
#sidenav .womens a:hover,
#sidenav .womens a.active {
	background-position:-190px -46px;
}
#sidenav .headgear a {
	background-position:0 -86px;
}
#sidenav .headgear a:hover,
#sidenav .headgear a.active {
	background-position:-190px -86px;
}
#sidenav .contact a {
	background-position:0 -126px;
}
#sidenav .contact a:hover,
#sidenav .contact a.active {
	background-position:-190px -126px;
}
#sidenav ul {
	margin:0 0 10px 10px;
	padding:10px 0;
	background:#000000;
}
#sidenav ul ul {
	display:none;
	padding:0;
}
#sidenav li.active > ul {
	display:block;
}

#sidenav ul li > a {
	text-indent:0;
	background:none;
	margin:0;
	padding-left:10px;
	height:auto;
}


/*==================================*/
/*------------- CONTENT  ------------*/
/*==================================*/

#content {
	position:relative;
	width:760px;
	margin-left:150px;
	padding-top:30px; /* 30px base padding for the header */
	padding:50px 20px 0; /* Add another 20 for content pages */
	background:#ffffff;
	height:auto !important;
	min-height:500px;
	height:500px;
}
.home #content {
	padding:0;
	width:800px;
	padding-top:30px; /* 30px base padding for the header */
}


#copy {
	padding:10px;
}

#promos {
	width:515px;
	float:left;
}

#whatsNew {
	position:relative;
	top:0;
	width:245px;
	margin-left:10px;
	padding:25px 5px 5px;
	background:#000;
	float:left;
	
}
#whatsNew #whatsNewLink {
	display:block;
	position:absolute;
	top:-26px;
	left:0;
	height:70px;
	width:255px;
	text-indent:-3000em;
	overflow:hidden;
	background:url(/images/main/hdr_twitterUpdates.png) no-repeat top center;
	
}
#whatsNew ul {
	list-style:none;
	margin:0;
	background:#eee;
}
#whatsNew ul li {
	list-style:none;
	background:#eee url(/images/main/bg_grad_grey_vert_110.png) repeat-x 0 0;
	padding:5px;

}
#whatsNew ul li:first-child {
	padding-top:10px;
}
#whatsNew li span a {
	color:#666;
	font-size:1.1em;
	text-decoration:none;
}
#whatsNew li span a:hover {
	text-decoration:underline;
}


/*==================================*/
/*------------- Scrollables  ------------*/
/*==================================*/



/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div#mainPromos { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 100%; 
    height:450px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div#mainPromos p { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute;
	z-index:0;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div#mainPromos p a { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
   
}

div.navi {
	position:absolute;
	top:395px;
	right:0;
	
}

div.navi a {
	
	display:block;
	float:left;
	width:30px;
	height:40px;
	cursor:pointer;
	background:url(/images/main/btn_slide_select_sprite.png) no-repeat -130px -5px;
}
div.navi #navi0 {
	width: 38px;
	background-position:-12px -5px;
}
div.navi #navi0.active {
	background-position:-12px -70px;
}
div.navi #navi1 {
	background-position:-48px -5px;
}
div.navi #navi1.active {
	background-position:-48px -70px;
}
div.navi #navi2 {
	background-position:-75px -5px;
}
div.navi #navi2.active {
	background-position:-75px -70px;
}
div.navi #navi3 {
	background-position:-100px -5px;
}
div.navi #navi3.active {
	background-position:-100px -70px;
}


/*==================================*/
/*----------- OVERLAYS  ------------*/
/*==================================*/


/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(http://static.flowplayer.org/tools/img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* progress indicator (animated gif). should be initially hidden */ 
.progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
.next, .prev { 
    /* absolute positioning relative to the overlay */ 
    position:absolute; 
    top:40%; 
	display:block;
	padding:10px;
 
    /* upcoming CSS3 rounded border feature */ 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
} 
.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.simple_overlay .disabled {
	visibility:hidden;		
}


/*==================================*/
/*------------- CART  ------------*/
/*==================================*/
div.products {
	width:100%;
	height:100%;
	padding-top:15px;
	background:url(/images/main/bg_listing.png) repeat-y top center;
}
.products div {
	width:251px;
	height:275px;
	padding:0;
	padding-bottom:15px;
	margin:0;
	text-align:center;
	float:left;
	/*border:1px dotted green;*/
}
.products div img {
	max-width:245px;
	width:auto !important;
	width:245px;
	max-height:240px;
	height:auto !important;
	height:240px;
}
.products div img:-moz-broken {
	width:240px;
	height:240px;
	background:url(/store/photos/medium/nopic.gif) no-repeat top left;
}
.products a {
	text-decoration:none;
	color:#000000;
}
div.detail {
	float:right;
	width:425px;
	padding-bottom:15px;
}
.storeHeader {
	position:relative;
	top:-10px;
	height:25px;
	border-bottom: 1px solid #cccccc;
}
.storeHeader span {
	display:block;
	position:absolute;
	width:40%;
	left:0;
	top:0;
	z-index:50;
}
.storeHeader span + span {
	right:0;
	left:auto;
	text-align:right;
}
.storeHeader span + span a {
	color:#900;
	text-transform:uppercase;
}

input.qty{
	width:30px;
}
button.addtocart {
	border:none;
	display:block;
	text-indent:-3000em;
	overflow:hidden;
	width:140px;
	height:40px;
	background:url(/images/main/btn_cart_sprites.png) no-repeat 0 0;
	cursor:pointer;
	position:relative;
	left:-8px;
}
button.addtocart:hover {
	background-position:0 -60px;
}
div.pagination {
	float:right;
	text-align:center;
}
.pagination .next,
.pagination .prev {
	display:inline;
	position:static;
	background:none;
	padding:0;
	margin:0;
}
/*==================================*/
/*----------- CHECKOUT  ------------*/
/*==================================*/
form table {
	table-layout:fixed;
}
.ViewCartTable td,
.ViewCartTable th {
	padding:0 5px;
}
a.continueshopping,
button.updatecart,
a.checkout,
button.revieworder,
button.confirmorder,
button.print {
	display:block;
	background:url(/images/main/btn_cart_sprites.png) no-repeat 0 0;
	border:none;
	text-align:left;
	text-indent:-3000em;
	overflow:hidden;
	width:50px; /* overridden */
	height:40px;
	cursor:pointer;
	/*outline:1px dotted green;*/
}
a.continueshopping {
	width:185px;
	background-position:-155px 0;
}
a.continueshopping:hover {
	background-position: -155px -60px;
}
button.updatecart {
	width:120px;
	background-position: -360px 0;
}
button.updatecart:hover {
	background-position:-360px -60px;
}
a.checkout {
	width:110px;
	background-position:-510px 0;
}
a.checkout:hover {
	background-position:-510px -60px;
}
button.revieworder {
	width:145px;
	background-position:-630px 0;
}
button.revieworder:hover {
	background-position:-630px -60px;
}
button.confirmorder {
	width:150px;
	background-position:-780px 0;
}
button.confirmorder:hover {
	background-position:-780px -60px;
}
button.print {
	width:70px;
	background-position:-935px 0;
}
button.print:hover {
	background-position:-935px -60px;
}



.error {
	color:#900;
	font-weight:bold;
}
/*==================================*/
/*----------- Comments  ------------*/
/*==================================*/
div.comments {
	background:url(/images/main/bg_listing.png) repeat-y top center;
	
}

div.comment {
	float:left;
	width:235px;
	padding:0 8px;
}

form.comment label {
	margin-top:2ex;
	display:block;
	width:12em;
	font-weight:bold;
}
button.submit {
	display:block;
	background:url(/images/main/btn_submit.png) no-repeat 0 0;
	border:none;
	text-align:left;
	text-indent:-3000em;
	overflow:hidden;
	width:97px; /* overridden */
	height:50px;
	cursor:pointer;
	/*outline:1px dotted green;*/
}

button.submit:hover {
	background-position: 0 -60px;
}
/*==================================*/
/*----------- CONTACT  ------------*/
/*==================================*/

form b {
	display:block;
	padding-bottom:1ex;
}
form b label {
	display:block;
}

form b input[type=text],
form b input[type=phone],
form b input[type=email],
form b textarea {
	padding:2px;
	border:1px solid #888;
	font-size:12px;
	width:250px;
}


form b textarea {
	height:150px;
}



/*==================================*/
/*------------- FOOTER  ------------*/
/*==================================*/

#footer {
	text-align:center;
	text-transform:uppercase;
	padding:10px 0 10px 150px;
	font-size:.9em;
}
#footer p {
	color:#ccc;
}

#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}