/* --( OUTLINE )-- */
.r_site_outer{
  background-image:url(../images/bg.png);
  background-repeat:repeat-x;  
  background-position:top;
  width:100%; 
  float:left;
}

.theme_width
{ 
  margin:0 auto;
  width:980px; 
}

#r_columnleft{
	float:left;
	width:695px;
}
#r_columnright{
	float:right;
	width:275px;
}

#r_logoholder{
	float:left;
	width:266px;
	height:177px;
	margin-left:10px;
	margin-top:10px;	
}
#r_sloganholder{
	float:right;
	width:371px;
	height:166px;
	margin-right:30px;
	margin-top:20px;
}

#r_cartholder{
	float:left;
	width:231px;
	height:130px;
	margin-top:10px;	
	border:2px #e7e7e7 solid;	
	padding:20px;
	background:url(../images/cartimg.jpg) top right no-repeat;
}

#r_menuholder{
	float:left;
	width:695px;
	height:32px;
	margin-top:17px;
}

#r_mainbody{
	float:left;
	width:680px;
	padding:0px;
	border:2px solid #e7e7e7;
	background-color:#FFF; 
	margin-top:28px;
}

#ss_logos{
	float:left;
	width:660px;
	padding:10px;
	border:2px solid #e7e7e7;
	background-color:#FFF; 
	margin-top:10px;
}
#ss_logos2{
	float:left;
	width:660px;
	padding:10px;
	border:2px solid #e7e7e7;
	background-color:#FFF; 
	margin-top:10px;
}

.r_innerbody{
	float:left;
	padding:20px;
	width:640px;
}

#r_categoryholder{
	float:left;
	width:275px;
	margin-top:20px;
}

#r_footer{
	width:100%;
	float:left;
	text-align:center;
}

.r_blueteltext{
	text-align:right;
	padding-top:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#0e0092;
}

#grow input[type=text]
{ height: 24px; 
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  color: #999;
  font-family: 'Open Sans', sans-serif;
  padding-left: 7px;
  -webkit-transition: all 0.3s ease;
  -moz-transition:    all 0.3s ease;
  -ms-transition:     all 0.3s ease; 
  -o-transition:      all 0.3s ease; }
  
#grow input[type=text]:focus
{ width: 180px;
  outline: none;
  border: 1px solid #1ea2eb; }
  
#grow input[type=text].resting-state
{ width: 102px !important; }

#grow input[type=text].shrunken-state
{ width: 100px; }

@-moz-document url-prefix() {
    #grow button {
        padding: 3px 10px 4px; 
    }   
}

.white_theme_1
{ float:right; text-align:right }

.white_theme_2
{ margin-top:30px;
  margin-bottom:10px; }

.white_theme_2_left
{ float:left;
  padding-bottom:20px; }

.white_theme_2_right
{ float:right;
  background-color:#FFF;
  border-top:1px solid #e3e3e3;
  border-left:1px solid #d2d3d4;
  border-bottom:1px solid #d2d3d4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow:1px 1px 2px #c1c1c1; }
  
.white_theme_quick_cart
{ float:right;
  text-align:right; }
  
.white_theme_3
{ margin-bottom:10px;
  height:40px;
  border-bottom:1px solid #d3d4d5;
  padding-bottom:10px; }

.white_theme_3_left
{ float:left;
  width:300px; }
  
.search_left
{ float:left;
  margin-right:10px; }

.search_right
{ float:left; }

.white_theme_3_right
{ float:right;
  text-align:right;
  padding-top:18px; }
  
.white_theme_3_right img
{ margin-top:-3px; }
  
.white_theme_3_right a
{ margin-left:30px;
  float:left;
  color:#b7b7b7;
  text-shadow:1px 1px #FFF; }

.white_theme_3_right a:hover
{ color:#848484; }

.white_theme_4
{ margin-bottom:10px; }

.white_theme_4_left
{ float:left;
  width:600px;
  padding:20px;
  border:1px solid #dcddde;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color:#FFF; }
  
.white_theme_4_left_foot
{ margin-top:40px;
  padding:20px;
  border:1px solid #d7d8d9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color:#f0f1f2; }
  
.white_theme_4_left_foot
{ text-align:left }

.white_theme_4_left_foot a
{ padding:4px;
  border:1px solid #dcddde;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color:#FFF;
  margin-right:4px;
  margin-bottom:4px;
  line-height:32px;
  color:#444444; }

.white_theme_4_left_foot a:hover
{ border:1px solid #c1c1c1;
  color:#7d7d7d; }
  
.white_theme_4_right
{ float:right;
  width:250px;
  padding:20px; }

.white_theme_4_right_box
{ margin-bottom:40px; }

.white_theme_5
{ margin-bottom:70px;
  text-align:center; }
  
.white_theme_5 a
{ margin-right:20px; }

.pcp_product_list
{ float:left;
  width:184px;
  height:330px;
  margin-right:14px;
  margin-bottom:14px;
  text-align:center;
  background-color:#f0f1f2;
  border: 1px solid #d7d8d9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  
.pcp_product_list_padding
{ padding:20px }
  
.pcp_product_list_title
{ color:#333333;
  margin-bottom:20px; }
  
.pcp_product_list_image
{ text-align:center;
  margin-bottom:20px; }
  
.pcp_product_list_price
{ color:#257ea8;
  margin-top:20px; }
  
.discount
{ font-style:italic;
  font-weight:bold; }

.news_headline
{ list-style:none;
  padding:0px;
  margin:0px; }
  
.news_headline .summary
{ color:#444; }

.news_headline a
{ display:block }
  
.news_headline li
{ margin-bottom:20px; }
  
.news_thumb
{ float:left;
  margin-right:10px; }
  
.news_thumb_small
{ float:left;
  margin-right:5px; }

/* --( Slideshow )-- */
.slideshow { height: 250px; width: 640px; }
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; background-image:url(../images/load.gif); background-repeat: no-repeat; background-position: 50% 50%;  }

#accordion
{ margin-bottom:20px; }
  
/* --( category browser )-- */
.category
{ color: #666;
  padding: 0px;
  text-decoration: none; }
  
.category:hover
{ color:#F5F5F5; }

.sub_category
{ font: 9pt Arial, Helvetica;
  color: #333;
  padding-left: 30px;
  line-height: 1.76; 
  text-decoration: none; }

.cur_category
{ font: bold 9pt Arial, Helvetica;
  color: #000;
  padding-left: 30px;
  line-height: 1.76; 
  text-decoration: none; }

.active
{ padding:10px;
  margin-bottom:20px }  

/* --( LIST )-- */
.listtitle
{ font-size: 8pt; 
  font-weight:bold; 
  text-decoration:none }

.listtitle:hover
{ text-decoration:none }


/* --( CHECKOUT )-- */
.payselect_box
{ background-color: navy; 
  width: 100%; 
  height: 50px; 
  border: outset; 
  float: left; 
  text-align: center; 
  font-size: 16pt;
  text-decoration: none }

.checkoutjdl
{ font-family: Trebuchet MS, Verdana,Arial,Helvetica; font-size:10pt; font-weight: bold; color: white }

.checkoutspk
{ font-family: Trebuchet MS, Verdana,Arial,Helvetica; font-size:8pt; }

.checkouttxt
{ font-family: Trebuchet MS, Verdana,Arial,Helvetica; font-size:10pt; }

.checkoutdel
{ color: #FF0000; font-weight:bold; text-decoration:none; }

ul.account li {
 margin-bottom: 15px }
 
/* --( Dropdown Menu )-- */
.ddsmoothmenu{
text-shadow:1px 1px #FFF;
background-color:#e7e7e7;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
padding: 10px;
color:#0e0092;
border-right:1px solid #e3e3e3;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:hover{
background: #FFF; /*background of menu items during onmouseover (hover state)*/
color: #8d8d8d;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width: 130px;
background-color:#FFFFFF;
color:#333333;
padding: 10px;
margin: 0;
border-top-width: 0;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 15px;
right: 5px;
}

.rightarrowclass{
position: absolute;
top: 9px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 170px; /* Main Menu Item widths */
list-style-type: none;
font: bold 14px Verdana;
}
 
.ddsmoothmenu-v ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #414141; /*background of menu items (default state)*/
color: white;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu-v ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */

/* --( Pixel Table --( */
.pixel_table td
{ padding:10px; }

.pixel_table tr th
{ text-align: left;
  padding: 10px; }

.pixel_table tr.alt td
{ background: #f5f5f5; }  

.pixel_table_2 td
{ padding:5px;
  background-color:#ffffff; }

.pixel_table_2 tr th
{ text-align: left;
  padding: 10px; }

.pixel_table_2 tr.alt td
{ background: #f5f5f5; }

/* Fancybox */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8020;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 20px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 20px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: #000;
}

#fancybox-overlay.overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8030;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}