/*======================
	TEMPLATE ADJUSTMENTS
=======================*/
#expander {
	margin: 0px auto !important;
	width: 927px !important;
	min-width: 0px !important;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 0px solid;
	background-color: #271A0A;
	border-color: #;
}

#header-content {
        height: 305px;
	width: 927px;;
	position: relative;
	z-index: 5;
	top: 0px;
        background-color: #271A0A;
	margin: 0em auto 0 auto;
        background-image: url(http://rainorshinegear.com/images/bullet_logo.png);
        background-repeat: no-repeat;
}	

.sf_extra3 {
	height: 0px;
	width: 0px;
        background-color: #271A0A;
}
#wrapper2 {/* -- left and right nav --*/
        background-image: url(http://rainorshinegear.com/images/bg_content_main.gif);
	background-color: #271A0A;
}
.category-list-header {
	color: #000000;
        background-image: url(http://rainorshinegear.com/images/category_list_bg.jpg);
	background-repeat: repeat;
}
.category-list ol li a:visited {
	color: #6D2E0F;
	background-image: url(http://rainorshinegear.com/images/bullet_logo.png);
}
.container-right .featured-item h3 {
	color: #000000;
	background-image: url(http://rainorshinegear.com/images/container_right_bg.jpg);
	background-repeat: repeat;
}
/*---------------------------------------------------
					Search
-----------------------------------------------------*/

.quick-search ul li a:link,
.quick-search ul li a:visited {
	color: #6D2E0F;
}

.left {
	background-image: url(http://rainorshinegear.com/images/left_bg_4.jpg);
	background-color: #AF926A;
}
.container-left {
	background-image: url(http://rainorshinegear.com/images/left_top_4.jpg);
}
.container-left .textpadder {
	background-image: url(http://rainorshinegear.com/images/left_bttm_4.jpg);
}

.right {
	background-image: url(http://rainorshinegear.com/images/right_bg_4.jpg);
	background-color: #AF926A;
}
.container-right {
	background-image: url(http://rainorshinegear.com/images/right_top_4.jpg);
}
.container-right .textpadder {
	background-image: url(http://rainorshinegear.com/images/right_bttm_4.jpg);
}

.quick-search-header {
	color: #6D2E0F; 
	border-color: #6D2E0F;
}

.quick-search-button {
	color: #6D2E0F;
	border-color: #6D2E0F;
	background-color: #B08751;
	cursor: pointer;
}
/*---------------------------------------------------
					Sidebars
-----------------------------------------------------*/
.container-left .content-block, 
.container-right .content-block {
	color: #6D2E0F;
}

.category-list-header {
	color: #000000;
	background-color: #;
}

.category-list-header a:link {
	color:#000000;
	text-decoration:none;
}

.category-list-header a:visited {
	color:#000000;
	text-decoration:none;
}

.category-list-header a:hover {
	color:#6D2E0f;
	text-decoration:none;
}

.container-left .category-list h3, 
.container-right .category-list h3 {

}

.category-list ol li a:link,
.category-list ol li a:visited {
	color: #7C2700;
	background-image: url(http://rainorshinegear.com/images/bullet_logo.png);
}

.category-list ol li a:hover {
	color: #441C08;
}

.container-left .featured-item h3,
.container-right .featured-item h3 {
	color: #000000;
	background-color: #;
}

.featured-product-header a:link {
	color: #000000;
	text-decoration:none;
}

.featured-product-header a:visited {
	color: #000000;
	text-decoration:none;
}

.featured-product-header a:hover {
	color: #000000;
	text-decoration:none;
}

.featured-item {
	color: #6D2E0F;
}

.product .sale {
	color: #000000;
}

.sale {
	color: #FF0000;
}

.upsell div {
	border-color: #633514;
        filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}

.upsell-header { /*--this is an h3--*/
	background-color: #633514;
	color: #FFFFFF;
}


.upsell-item1 { /*--zebra striping on tr's--*/
	background-color: #FBDDC3;

}

.upsell-item1 td {
	border-top: 1px solid #7C5439;

	
}

.upsell-item1 td a:hover {
	color: #000000;
}

.upsell-item2 {
	
}

.upsell-item2 td { /*--zebra striping on tr's--*/
	border-top: 1px solid #7C5439;
	background-color: #D3B8A3;
	padding: 3px;
}

.upsell-item2 td a:hover {
	color: #000000;
}

.filmstrip-preview {
	height: 175px;
	width: 175px;
	border: 0px solid #999;
	margin:auto;
}


/*-------------------------------
	Category and Search Results
---------------------------------*/

.categories {
	display: none;
}

ol.categories, ol.products {
        width: 99%;
}

.search-results .content-product {

}

.content-category {
	
}

.content-product { /*--the whole box - border overwrite--*/
	border-width: 0px;
}

.content-product .options li, .content-product .prices li {
	display: none;
	padding: 3px;
}

.search-results .content-product dd {
	
}

.search-results .largeimage {
	display: none;
}

.search-results .content-product .content-product-header a {
	
}
.content-product-header {
	display: none;
	background-position: right;
	background-repeat: repeat-y;
	border-bottom: 0px solid;
	margin: 0 0 5px 0;
}	
.content-product-header h4 { /*--Box top--*/
	display: none;
        font-size: 12px;
	font-weight: bold
}



.content-product-header a:link, .content-product-header a:visited, 
.content-product-header a:active, .content-product-header a:hover {
	display: none;
	text-decoration: none;
}

.btn {

}

.btn:hover {
	
}

dd.content-category-header h4 { /*--Category Title--*/
	font-size: 12px;
	font-weight: bold;
}

.content-category-header a:link, 
.content-category-header a:visited, 
.content-category-header a:active {
	
}

.content-category-header a:hover {
	
}

dd.description {
	display: none;
}

dd.title, dd.description {
	
}
/******************
 Category Style 3
 Layout for category page
 09/13/2006
 ******************/

.categories,
.products {
    width: 100%;
    position: relative;
    padding: 3px 0;
	font-weight: normal; /* reset in case that some container has set bold */
}

.categories .category,
.products .product {
    list-style-type: none;
    margin: 0; padding: 0; /* remove default values */
    /* margin-bottom: 10px; */
    padding: 0;
}

.categories .category {
    float: left;
    width: 50%;
}

.categories .category {
    text-align: center;
}

dl.content-category,
dl.content-category dt,
dl.content-category dd  {
	text-align: center;
}

.content-category .description, 
.content-product .description {
	text-align:center;
}

.rowstart {
    clear: left;
}

.product-row,
.category-row {
	margin-bottom: 10px;
}

.content-category {
    position: relative;
    margin: 0;
}

.content-category .largeimage img {
    max-width: 175px;
    border: none;
}



.content-product-header,
.description {

}

.description {
    font: normal .95em Helvetica, Arial, sans-serif;
}

.content-product-header h4 {
    margin: 0;
    padding: 0;
}

/******************
 Products
 ****************/

.content-product {
    border: 0px solid #000;
    padding: 10px;
}

.content-product .smallimage { display:none; }
.search-results .content-product .smallimage { display:inline; }

.content-product .largeimage img {
    float: left;
    max-width: 195px;
    border: none;
    border-width: 0px;
}

.content-product .shortdescription, .content-product .options {
    display: block;
    margin-left: 165px;
}

.content-product .content-product-header {
    margin: -4px -4px 10px;
    padding: 3px;
    overflow: hidden;
    word-wrap: break-word;
}

.content-product .content-product-header a {
    text-decoration: none;
}

.content-product dd ul li { /** reset values set in ol li // this is because IE does not support the > selector. Grr. **/
    float: none;
    margin: 0;
    width: auto;
}

.content-product .options ul,
.content-product .options ul {
    list-style-type: none;
    padding: 0; margin: 0;
    margin-top: 10px;
}


.content-product .options li,
.content-product .prices li {
	white-space: nowrap;
}

.content-product .options .list,
.content-product .options .adj
{ display: none; }

.content-product .options ul li {
    font: bold 0.8em verdana, tahoma, arial, sans-serif;
    text-align: right;
}

.content-product .prices {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
        font-weight: bold:
	clear: left;
}

.product-detail-header {
	color: #633514;
}

/*===================
	PAGE GENERAL
====================*/

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
body {
	background-color: #271A0A;
	background-image: url(http://rainorshinegear.com/images/ros_bg_01.jpg);
	background-repeat: repeat;
	background-position: left top;
}
#page {
	min-height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 1024px;
	position: relative;
}
.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
img {
	border: 0;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.hide {
	display: none;
}

/*====================
	OVERLAY STYLES
======================*/

#overlay {
	height: 0px;
	width: 927px;
	position: relative;
	z-index: 5;
	top: 0px;
	margin: 0em auto 0 auto;
}
#overlay-shirt {
	position: absolute;
	height: 262px;
	width: 407px;
	top: -55px;
	left: 30px;
	z-index: 2;
}
#overlay-postcards {
	position: absolute;
	height: 377px;
	width: 494px;
	top: -85px;
	z-index: 1;
	left: 430px;
}
#overlay-logoTag {
	position: absolute;
	height: 266px;
	width: 190px;
	top: -50px;
	z-index: 2;
	left: -40px;
}
#overlay-tackYellow {
	position: absolute;
	height: 46px;
	width: 35px;
	top: -68px;
	z-index: 3;
	left: 38px;
}
#overlay-tackBlue {
	position: absolute;
	height: 46px;
	width: 29px;
	top: -40px;
	z-index: 3;
	left: 650px;
}
#overlay-scrapPaper {
	position: absolute;
	height: 1px;
	width: 1px;
	top: 0px;
	float: left;
	z-index: 1;
	left: 0px;
}
/*=========================
	PRIMARY HEADER & NAV STYLES
==========================*/
#header {
	height: 240px;
	width: 927px;
	position: relative;
	z-index: 5;
	top: 0px;
	margin: 0em auto 0 auto;
        left: 10px;   
}

#menu {
	height: 65px;
	width: 927px;
	position: relative;
	z-index: 5;
	top: 0px;
	margin: 0em auto 0 auto;
        left: 10px; 
}
#nav {
	height: 39px;
	width: 857px;
	position: relative;
	z-index: 5;
	top: 0px;
	margin: 0em auto 0 auto;
        left: 10px; 
}
#nav-menu {
	height: 39px;
	width: 857px;
	position: absolute;
	z-index: 5;
	top: -65px; 
}

/*=================
	CONTENT STYLES
==================*/
#content {
	width: 902px;
	height: 350px;
	position: relative;
	z-index: 1;
	background-image: url(http://rainorshinegear.com/images/bg_content_main.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	top: -40px;
	margin: 0em auto 0 auto;
}
/*==================
	FOOTER STYLES
===================*/
#footer {
	height: 261px;
	width: 927px;
	position: relative;
	z-index: 1;
	top: 0px;
	margin: 0em auto 0 auto;
        background-color: #271A0A;
}
#footerwrap {
	height: 261px;
	width: 927px;
	position: relative;
	z-index: 1;
	top: -40px;
	margin: 0em auto 0 auto;
        background-color: #271A0A;
}
#footerbg {
	height: 231px;
	width: 858px;
	position: relative;
	z-index: 1;
	top: -301px;
	margin: 0em auto 0 auto;
        background-color: #271A0A;
}
/*=====================================
	These are standard sIFR styles ... do not modify!
======================================*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/*----------------- sIFR styles:  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles 
.sIFR-hasFlash h1 {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}
.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/