/* master site definitions*/

/* centers body, colors background, and defines container attributes*/

body {
  margin: 0px 0px 0px 0px;
  text-align: center;
  background-color:#EDEDED;
  }
 
#globalbar {
	background-image:url(https://www.redrivercatalog.com/global/navibar/globaltop-bg-2.gif);
	background-repeat:repeat-x;
	vertical-align:top;
	width:100%;
	height:38px;
	
}

#globalbartop-announce {
	background-color: # CCC;
	background-repeat:no-repeat;
	vertical-align:middle;
	width:100%;
	height:27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000
	font-size: 12px;
	line-height: 12px;
	margin-left: auto;
 	margin-right: auto;
	padding-top:5px;

	padding-bottom:2px;
}

#globalbartop {
	background-color: #036;
	vertical-align:top;
	width:940px;
	height:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 12px;
	line-height: 26px;
    margin-left: auto;
    margin-right: auto;
	padding-top:4px;
}

.search {
background:#dfe4eb;
border:2px solid #c2c4c5;
padding:12px 5px 6px 8px; 
height:30px; 
background-position:left; 
vertical-align:middle;

}

#container {
  background-color:#FFFFFF;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding: 8px 5px 5px 5px;
  width: 930px;
  -webkit-box-shadow: 0 0 4px #666;
  -moz-box-shadow:  0 0 4px #666;
  box-shadow:  0 0 4px #666;
  
  } 
  
 
/*CSS all text descriptions on site*/

/*Global top colorful bar with phone, account, and other links*/

.gbwhite2 {
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
    color: #000
	text-decoration:none;	
}

.gbwhite {
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
    color: #FFF;
	text-decoration:none;
}
.gbwhite a:link {
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
    color: #FFF;
	text-decoration:none;
}
.gbwhite a:visited {
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
    color: #FFF;
	text-decoration:none;
}
.gbwhite a:hover{
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
    color: #FFF;
	text-decoration:underline;
}

/*Big 18pt title fonts*/

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 20px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 20px;
	color:#CC5500;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 33px;
	color: #FFFFFF;
	font-weight: bolder;
}


.title18red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
    color:#950000;
	line-height: 20px;
	}
	
.title18blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
    color:#2a557f;
	line-height: 20px;
	}
	
.title18black {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
line-height: 20px;
}


.title18gray {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
line-height: 20px;
color:#484848;
}

.title18orange {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color:#CC5500;
font-style: normal;
line-height: 20px;
}

.title16orange {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#CC5500;
font-style: normal;
line-height: 20px;
}

.title18dkgreen {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
line-height: 20px;
color:#006600;
}

/*Major use fonts for body, copy, text*/

.font12red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #be0000;
	line-height: 16px;
}

.font10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
}
.font12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	list-style-position: outside;
	list-style-image:url(https://www.redrivercatalog.com/global/font11-bullett.gif);
}
.font12b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	list-style-position: outside;
	list-style-image:url(https://www.redrivercatalog.com/global/font11-bullett.gif);
}

.plb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 35px;
	list-style-position: outside;
	list-style-image:url(https://www.redrivercatalog.com/global/font11-bullett.gif);
}
.font14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
}

.font14bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight:bold;
	outline-color:#FF0000;
}
.font11textspace {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	line-height: 18px;
	list-style-position: outside;
	list-style-image:url(https://www.redrivercatalog.com/global/font11-bullett.gif);
}

.font11textspace ul {
	line-height: 30px;
	
}

.font11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	line-height: 18px;
	list-style-position: outside;
	list-style-image:url(https://www.redrivercatalog.com/global/font11-bullett.gif)
	
}

.font11redbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#C00;
	font-weight:bold;
	font-size: 11px;
	line-height: 18px;
	list-style-position: outside;
	list-style-type: disc;
}
.font10box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
	
.index-left-col a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 22px;
	text-decoration: none;
	color: #000000;
}
.index-left-col a:hover{
text-decoration: underline;
color: #000000;
}
.font11bullett {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	list-style-position: outside;
	list-style-type: disc;
}
.font8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.font9gray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#999999;
}

.footergray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	text-decoration:none;
}

.footergray a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999;
	text-decoration: underline;
}
.footergray a:hover{
	text-decoration: underline;
	color:#666666;
}

.footerlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	line-height: 22px;
	list-style-position: outside;
	list-style-image:url(http://www.redrivercatalog.com/global/font11-bullett.gif)
	
}


.font12bluebold {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 18px;
	font-weight: bolder;
	list-style-position: outside;
	list-style-type: square;
}

.font12whitebold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	font-weight: bolder;
}

.font14redbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#C00;
	font-weight: bolder;
}

.font14greenbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #060;
	font-weight: bolder;
}


/*CSS rollover balloon boxes on top level product menus*/

.balloonstyle {
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px dotted #0053a0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #f8f8f8;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}


/*Styles the ALSOBOUGHT div on BASK pages*/


.alsoBought2 {
	width: 200px ;
	float:left; 
	margin: 7px 17px 7px 0px;
	padding: 0px;
	min-height: 275px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	line-height: 18px;
	
}

.alsoBought {
	max-width: 280px;
	float: left;
	padding: 12px;
	min-height: 175px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	line-height: 18px;
}



/*CSS for secondary navigation boxes under master nav menu*/

.borderbox1{
width:550px;
height:20px;
background-color:#f6f6f6;
padding: 5px 0px 10px 5px;
border-bottom: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-left: 1px dashed #CCCCCC;
color:#000000;
text-decoration:none;

}

.borderbox2{
width:700px;
height:20px;
background-color:#f6f6f6;
padding: 5px 0px 10px 5px;
border-bottom: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-left: 1px dashed #CCCCCC;
color:#000000;
text-decoration:none;
}

/*CSS for bullet lists that have a wide line spacing - such as on Info Center pages for easier read*/

.bullet-wide {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 32px;
	list-style-position: outside;
	list-style-image:url(https://www.redrivercatalog.com/global/font11-bullett.gif);
}

/*CSS for all other random needs*/


/*Puts a border on right column info sections*/

.right-col-border{
	border:1px #cacaca solid}


.footersecurity {
width:800px;
height:25px;
background-color:#FFFFFF;
padding:5px;
margin: 0 auto;
text-align:center;
}

.footerlegal {
width:800px;
height:25px;
background-color:#FFFFFF;
padding:5px;
margin: 0 auto;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999;
}


.sbsize-cardshop-box{
width:800px;
height:20px;
background-color:#f7f7f7;
padding: 5px;
border-style: dotted;
border-width: 1px;
}

.dotted-line{
padding-bottom:25px;
padding-top:25px;
}

.right-col-cont{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 20px;
list-style-image:url(https://www.redrivercatalog.com/global/font11-bullett.gif);
padding:0 6px 0 6px ;
}

.right-col-tops{
background-image:url(https://www.redrivercatalog.com/browse/images/top-col-fade2.gif); background-repeat:no-repeat;
width:195px;
height:40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 20px;
text-align:center;
padding: 3px 0 0 0;
}

.right-col-mid{
border-left: solid 1px #dedede;
border-right: solid 1px #dedede;
width:193px;
}

.right-col-bot{
background-image:url(https://www.redrivercatalog.com/browse/images/bot-col-fade.gif); background-repeat:no-repeat;
width:195px;
height:50px;
padding: 0;
}

.right-col-spacer{
width:195px;
height:22px;
background:#FFFFFF;
}

.right-col-main{
	border:#999 1px dotted;
	width:199px;
	padding:4px;
	background-color:#f8f8f8;
	
}

.sideboxheaders {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#1f5c9a;
	line-height: 18px;

}
.relatedlinksbox{
width:100%;
background-color:#f6f6f6;
padding: 5px 0 5px 5px;
border:#999 1px dashed;

}

.checkout-h2-blue {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 16px;
	font-weight:bold;
    color:#2a557f;
}
.checkout-h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 16px;
	font-weight:bold;
	color:#000;
}


/*CSS for famous dashed highlight boxes*/

.dash-box-100 {
	padding:6px;
	border:#999 dashed 1px;
	background-color:#f2f2f2;
	width:100%;
}

.dash-box-85 {
	padding:6px;
	border:#999 dashed 1px;
	background-color:#f2f2f2;
	width:85%;
}

.dash-box-75 {
	padding:6px;
	border:#999 dashed 1px;
	background-color:#f2f2f2;
	width:75%;
}

.dash-box-50 {
	padding:6px;
	border:#999 dashed 1px;
	background-color:#f2f2f2;
	width:50%;
}


/*CSS for rounded boxes front page*/
#jrbox {
height:125px;
width:270px;
background:#FFFFFF;
text-align:left;
padding: 6px 3px 3px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 8px;
border-radius: 3px;
border-top: 1px solid #C5C5C5;
border-bottom: 1px solid #C5C5C5;
border-left: 1px solid #C5C5C5;
border-right: 1px solid #C5C5C5; 


}

#jrbox2 {
height:340px;
width:600px;
background:#FFFFFF;
text-align:left;
padding: 6px 3px 3px 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-left: 1px solid #C5C5C5;
border-bottom: 1px solid #C5C5C5;
border-right: 1px solid #C5C5C5; 
}

#jrbox3 {
height:25px;
width:600px;
background:#EDEDED;
text-align:left;
padding: 6px 3px 0px 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
border-top: 1px solid #C5C5C5;
border-left: 1px solid #C5C5C5;
border-right: 1px solid #C5C5C5; 
}

#jrbox4 {
height:150px;
width:335px;
background:#FFFFFF;
text-align:left;
padding: 3px 0px 3px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 8px;
border-radius: 3px;
border-top: 1px solid #C5C5C5;
border-bottom: 1px solid #C5C5C5;
border-left: 1px solid #C5C5C5;
border-right: 1px solid #C5C5C5; }

#jrboxindex {
height:125px;
width:200px;
background:#FFFFFF;
text-align:left;
padding: 3px 0px 3px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 8px;
border-radius: 3px;
border-top: 1px solid #C5C5C5;
border-bottom: 1px solid #C5C5C5;
border-left: 1px solid #C5C5C5;
border-right: 1px solid #C5C5C5; }

#countdownbox {
height:63px;
width:410px;
background:#FFFFFF;
border-top: 1px solid #C5C5C5;
border-left: 1px solid #C5C5C5;
border-bottom: 1px solid #C5C5C5;
border-right: 1px solid #C5C5C5; 
padding: 6px 3px 3px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 8px;border-radius: 3px;
background-color:#EFECE7;
}


/*CSS for left static tab*/
#ju_bbox {border-top: 1px solid #57CA46;
border-left: 1px solid #43B632;
border-bottom: 1px solid #006600;
border-right: 1px solid #43B632; 
background: #259814;
background: -webkit-gradient(linear, left top, right bottom, from(#006600), to(#259814));
background: -webkit-linear-gradient(left, #006600, #259814);
background: -moz-linear-gradient(left, #006600, #259814);
background: -ms-linear-gradient(left, #006600, #259814);
background: -o-linear-gradient(left, #006600, #259814);
padding: 6px 8px 6px 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;border-radius: 8px;
-webkit-box-shadow: 0 0 6px #666;
-moz-box-shadow:  0 0 6px #666;
box-shadow:  0 0 6px #666;
vertical-align: middle;
z-index:9999;
height:25px;
position:fixed;
left:50%;
bottom:-8px;}
  
#ju_bbox:hover  {border-top: 1px solid #75E864; 
background: #43B632;
background: -webkit-gradient(linear, left top, right bottom, from(#118400), to(#43B632));
background: -webkit-linear-gradient(left, #118400, #43B632);
background: -moz-linear-gradient(left, #118400, #43B632);
background: -ms-linear-gradient(left, #118400, #43B632);
background: -o-linear-gradient(left, #118400, #43B632);}


#fbtab{
background: #259814;
right:1px;  /* change this to left: 1px; to put it on the left of the screen */
top:300px;height:12px;width:4px;margin:0;padding:0;position:fixed;z-index:5000;}

#fbtab a{display:block;width:100%;height:100%;}

#side-tabs a.support {
	background: url('http://www.redrivercatalog.com/support-tab.gif');
	left: 0px;
	top: 250px;
	height: 108px;
	width: 45px;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 9999;
	display:block;
}

    
.slide-out-div {
       padding: 10px;
        width: 250px;
        background: #f2f2f2;
        border: #005427 2px solid;
}

/* BEGIN jQuery Countdown styles 1.6.1. */
.hasCountdown {
	width:270px;
	text-align:left;
	float:right;
	padding-top:27px;
	padding-right:18px;
	
}
.desc {
	width:390px;
	height:77px;
	text-align:left;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	float:right;
	background-image:url(countdown-bg-1.png);
	text-decoration:none;
}

.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	color: #888;
}
.countdown_row {
	clear: both;
	width: 300px;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 23.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	font-family: "Arial Black", Gadget, sans-serif;
display: block;
	float: left;
	font-size: 14px;
	text-align: center;
	color:#ffea00;
}
.countdown_amount {
	font-size: 100%;
}
.countdown_descr {
	display: block;
	width: 100%;
	font-size: 10px;
	font-weight:bold;
}
/* END jQuery Countdown styles 1.6.1. */

.count-show {
	float:left;
	margin-bottom:20px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 48px;
	color: #FFFFFF;
	font-weight: bolder;
	padding-top:4px;
	padding-left:30px;
	text-decoration:none;
}

.count-show a:link {
	text-decoration:none;
}
.count-show a:visited {
	text-decoration:none;
}


/* For Random Quotes -bwg */

#randomQuote { width:190px; margin:-18px auto 18px auto }

.randRating span {
   background: url(/merchant2/graphics/stars.png) top left;
   display: inline-block;
   height: 21px;
   width: 115px;
   overflow: hidden;
   text-indent: -9999px;
   margin: 2px 0 10px 20px;
   }

.randRating span.r0 {background-position: -115px 0;}
.randRating span.r1 {background-position: -92px 0;}
.randRating span.r2 {background-position: -69px 0;}
.randRating span.r3 {background-position: -46px 0;}
.randRating span.r4 {background-position: -23px 0;}
.randRating span.r5 {background-position: 0 0;}

.quoteBox {
   width:180px;
   border:1px solid black;
   border-radius: 8px;
   box-shadow: 1px 1px 5px #7a7a7a;
   padding:0px;
   margin:0 auto;
}

.quoteBox div{
   font-family: 'ms trubuchet', arial, helvetica, sans-serif;
   font-size: 12px;
   margin: 4px 0 0 12px;
   padding: 0 10px 0 0;
   }

#theQuote {
   height:120px;
   overflow:hidden;
   }

theQuote:after {
  content: "...more";
  display: block;
  position: absolute;
  left: 142px;
  top: 148px;
  font-size:12px;
  }

.quoteBox:before {
  display: block;
  content: "\201C";
  font-size: 60px;
  position: absolute;
  margin-left:10px;
  color: #7a7a7a;
  font-family: Georgia, serif;
  }

p.author  {
   color: #7a7a7a;
   text-align:right;
   font-family: Georgia, serif;
   margin:6px 12px 12px 0;
}

#showAll, #showLess {
   display:block;
   text-align:right;
   margin-right:12px;
   font-size:12px;
   font-family: 'ms trubuchet', arial, helvetica, sans-serif;
   }

#showAll {
   display:block;
   }

#showLess {
   display:none
}

/* Global Bottom Sign Up Form */

#bottomSignUp { 
   color:#fff;
   font-family: 'ms trubuchet', arial, helvetica, sans-serif;
   position:fixed; 
   bottom:0; 
   height:38px;
   width:100%; 
   left:0px;
   background:#920303; 
   }

.initial {
   position:relative; 
   width:940px; 
   margin:0 auto; 
   
   padding: 8px;   
   }

.promo { font-size:14px; font-weight:bold; float:left; width: 50%;} 

.showForm {font-size:14px; font-weight:bold; float:left; width: 50%;}

.theForm { display:none;}
  
#container {margin-bottom:80px }
   

