/* CSS Document */

/* GENERAL */

body {
padding:0px;
margin:0px;
background-color:#05B259;
font-family:Lucida Grande, Tahoma, Verdana, Arial, Helvetica;
font-size:11px;
color:#065F8B;
}

/* Whole Container */
.container {
position: relative
width: 100%;
margin: 0 auto;
font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
font-size: 11px;
line-height: 1.6em;
color: #666;
padding:100px;
}

P { font-family:lucida grande, verdana, arial, helvetica; font-size:12px; color:#666666; font-weight:normal;}

hr {
border: 0;
width: 100%;
color: #ccc;
background-color: #CCCCCC;
height: 1px;
}




h1, h2 {
  color: #666;
  font-size: 14px;
  font-family: Lucida Grande, Arial, Helvetica, sans-serif;
  background-color: #fff;
  text-transform: capitalize;
  padding-top:5px;
  border-top:1px solid #ccc;
}

h3 {
	color: #017AC3;
	font-size: 18px;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
 }
 h4 {
	color: #017AC3;
	font-size: 22px;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
 }

input, .search-form input {
  background-color: #FFF;
  color: #000;
  border: 1px solid #CCC;
  font-size: 11px;
  padding: 2px;
  margin: 2px 0px 2px 0px;
}
#search .form-submit {
  padding: 1px 2px 1px 2px;
}
		
/* HEADER ELEMENTS */
#header {
  border-bottom: 4px solid #948979;
  margin: 0px 0 0 0;
}
#header h1 {
  font-size: 32px;
  color: #CC6633;
}
/* the slogan */
#header p { 
  margin: -17px 0 8px 30px;
  color: #999999;
}
.search_box {
	float:inherit;
	margin: -20px 0px 0px 302px;
	font-size: 9px;
	z-index: 50;
}

/*LINKS*/
a {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	color: #065F8B;
}
a:link {
	text-decoration: none;
}
a:visited {
	color: #065F8B;
	text-decoration: none;
}
a:hover {
	color: #99CCFF;
	text-decoration: underline;
}
a:active {
	color: #009900;
	text-decoration: none;
}


.about {font-size: 16px; font-weight:normal; color: #6C1C7D; line-height: 125%}
.about a:link {text-decoration: none; font-weight:normal; color: #92A0C3;}
.about a:visited {text-decoration: none; font-weight:normal; color: #92A0C3;}
.about a:hover {text-decoration: underline; font-weight:normal; color: #777;}
.about a:active {text-decoration: underline; font-weight:normal; color: #000;}

.green {
	font-size: 16px;
	font-weight:normal;
	color: #009900;
	line-height: 125%
}
.green a:link {text-decoration: none; font-weight:normal; color: #009900;}
.green a:visited {text-decoration: none; font-weight:normal; color: #009900;}
.green a:hover {text-decoration: underline; font-weight:normal; color: #009900;}
.green a:active {text-decoration: underline; font-weight:normal; color: #009900;}



.bottomnav {
color:#FFFFFF;
font-size: 11px;
margin: auto;
padding-top:10px;
position:relative;
width:850px;
height: 30px;
text-align: center;
}
.bottomnav a {color:#FFFFFF; font-size: 12px;}

.bottomnav a:link {
	text-decoration: none;
}
.bottomnav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.bottomnav a:hover {
	color: #99CCFF;
	text-decoration: none;
}
.bottomnav a:active {
	color: #009900;
	text-decoration: none;
}


/* sidebar-left ELEMENTS */
#sidebar-left {
  margin-left: 0px;
  padding-left: 10px;
  float: left;
  width: 140px;
}
#sidebar-left ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;			
  width: 130px;
}
#sidebar-left li li a {
  margin: 0px 0px 0px 10px;
  width: 130px;
}
#sidebar-left li li li a {
  margin: 0px 0px 0px 10px;
  width: 130px;
}
#sidebar-left li a {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px;
  width: 130px;
  border-bottom: 1px solid #CCC;
  text-transform: capitalize;
}
#sidebar-left li a:link, #navlist a:visited {
  color:#CC6714;
  text-decoration: none;
}
#sidebar-left li a:hover {
  background: #000000 url(images/arrow.gif) 96% 50% no-repeat;
  background-color: #F5F5F5;
  color:#CC6714;
}
/* THE SMALL BOX BELOW NAV */
#sidebar-left p {
  padding: 5px;
  border-bottom: 1px dotted #CCC;
  border-top: 1px dotted #CCC;
}
		
/* CONTENT ELEMENTS */
/* admin content layout */
#content.admin {
  width: 582px;
}
#content {
	width: 582px;
	float: left;
	margin: 5px 0px 0px 10px;
	overflow: hidden;
}

.breadcrumb {
  text-align: left;
	color: #999999;
  padding: 0px 0px 0px 0px;
  text-transform:capitalize;
}
.breadcrumb a:link, .breadcrumb a:visited {
	color: #999999;
	text-decoration: none;
}
.breadcrumb a:hover {
	color: #aaaaaa;
	text-decoration: none;
}
h1.title {
	margin: 5px 0px 5px 0px;
	border:none;
}
#mission {
  padding: 6px 12px 6px 12px;
  background-color: #f9f9f9;
  color: #607080;
}
#content h2 a:link, #content h2 a:visited {
  color: #666666;
}
#content h2 a:hover {
  color: #CC6714;
}
#content p {
  padding-bottom: 10px;
  border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
}

div.dashboard-container1 {
	overflow: hidden;
}
div.dashboard-container2 {
	overflow: hidden;
}
div.dashboard-panel-head {
  background-color: #adadad;
  color: #FFFFFF;
  font-weight: bold;
}

/* SIDEBAR-right ELEMENTS */
#sidebar-right {
  float: right;
  width: 175px;
}
#sidebar-right p {
  padding-bottom: 10px;
  border-bottom: 1px solid #DDDDDD;
}

/* calendar ELEMENTS */
#sidebar-left .calendar a, .calendar a  {
	text-decoration: none;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: inherit;
	border: none;
	text-transform: none;
}
.calendar td, .calendar th {
  padding: 0.4em 0;
  border-color: #888;
}
.calendar .day-today {
  background-color: #ccc;
}
.calendar .day-today a {
  color: #fff;
}
.calendar .day-selected {
  background-color: #ddd;
  color: #fff;
}
.calendar .header-week {
  background-color: #ccc;
}
.calendar .day-blank {
  background-color: #ccc;
}
.calendar .row-week td a:hover {
  background-color: #fff; color: #000;
}

/* FOOTER ELEMENTS */

#footer {
  margin-top: 20px;
  clear: both;
  background-color:#575352;
  padding: 0px 5px 0px 5px;
}
#footer p {
  color:#89817f;
  padding: 5px;
}
#footer p a {
  color: #89817f;
  border-bottom: 1px dotted #89817f;
}
#footer p a:hover {
  color: #FFFFFF;
  background-color:#575352;
}

/* STORE ELEMENTS 	*/

.item-list ul {
	list-style-type:square;
}

.productpage .teaser-image, .productpage .description, .productpage fieldset {
	display: none;
}
/* PRODUCT PAGE 	*/
.product-name {
	border-top:1px solid #ccc;
	font-size:18pt;
	color: #009900;
	padding-bottom: 5px;
}
.product-desc {
	margin-top:7px;
	padding-top:5px;
	border-top:1px solid #ccc;
	font-size:10pt;
	color: #454B4D;
	padding-right: 10px;
	padding-bottom: 5px;
}
.product-inv {
	margin-top:7px;
	padding-top:5px;
	border-top:1px solid #ccc;
	font-size:8pt;
	color: #009900;
	padding-bottom: 5px;
}
.product-price {
	margin-top:7px;
	padding-top:5px;
	border-top:1px solid #ccc;
	font-size:12pt;
	color: #136891;
	padding-bottom: 5px;
}
.product-field-labels {
	margin-top:7px;
	padding-top:5px;
	font-size:8pt;
	color: #454B4D;
}
.product-attrs {
	margin-top:7px;
	padding-top:5px;
	border-top:1px solid #ccc;
	font-size:10pt;
	color: #454B4D;
	padding-right: 10px;
	padding-bottom: 5px;
}
.product-related-hdr {
	margin-top:7px;
	padding-top:5px;
	border-top:1px solid #ccc;
	font-size:12pt;
	color: #136891;
	padding-bottom: 5px;
}

.product-related-item {
	margin-top:7px;
	padding-top:5px;
	border-top:1px solid #ccc;
	font-size:10pt;
	color: #136891;
	padding-bottom: 5px;
}
.product-related-heading {
	border-top:1px solid #ccc;
	font-size:18pt;
	color: #009900;
	padding-bottom: 5px;
}
/* CATEGORY PAGE 	*/

.catProdPrice{
	color:#FFFFFF;
	font-size:9px;
	text-transform: uppercase;
	
}

.catProdPrice a {
	color:#FFFFFF;
	font-size: 9px;
	text-transform: uppercase;
}

.catProdPrice a:link {
	text-decoration: none;
	text-transform: uppercase;
}

.catProdPrice a:visited {
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}
.catProdPrice a:hover {
	color: #05B259;
	text-decoration: none;
	text-transform: uppercase;
}

.catProdPrice a:active {
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}


.catPageHead {
	padding-top: 5px;
}

.category-name {
	border-top:1px solid #ccc;
	font-size:16pt;
	color: #009900;
	padding-top:5px;
}


.product-category-thumb {
	background-color: #4C7F21;
	padding: 5px;
	padding-top: 5px;
}

a.product-category-thumb-link {
	color: #454B4D;
	text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
	line-height: 20px;
}
.product-category-name {
	font-size:18pt;
	color: #4C7F21;
	padding-bottom: 5px;
}
/* BASKET PAGE 	*/
.Attribute-edit {
	font-size:9pt;
	padding-bottom: 1px;
	padding-top: 1px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	line-height: 18pt;
}	

/* CATEGORY TREE 	*/

.cat {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	color: #065F8B;
	font-size:12px;
}
.cat a {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	color: #065F8B;
	font-size:12px;
}
.cat a:link {
	text-decoration: none;
	font-size:12px;
}
.cat a:visited {
	color: #065F8B;
	text-decoration: none;
	font-size:12px;
}
.cat a:hover {
	color: #99CCFF;
	text-decoration: underline;
	font-size:12px;
}
.cat a:active {
	color: #009900;
	text-decoration: none;
	font-size:12px;
}

.cattreeHD {
	color: #999999;
	font-weight: bold;
	font-size: 10px;
}



.product-block {
	margin:0 10px 0 0;
	float:left;
	position:relative;
	border-right:1px solid #ccc;
	padding-bottom:270px;
}

.teaser-image img {
	color:red;
	border:5px solid #eee;
}

.teaser-image img:hover {
	color:red;
	border:5px solid orange;
}

.product-image {
	padding-right:10px;
}

.product-table td {
	width:33%;
}

.product-table p {
	border-top: 1px solid #ccc;
}

#productspanel h1, #productspanel h2 {
	width:95%;
}

#productspanel, #product-teaser {
	margin:0 5px 0 0;
	padding:0 5px 0 0;
}

#content table {
	width:100%;
}

#content {
	padding-bottom:20px;
}

.size-table {
	width:165px;
}

h1.title {
	margin-top:7px;
	padding-top:5px;
	border-top:1px solid #ccc;
}

.teaserlist li {
	padding:0 10px 0 0;
	margin: 0 10px 0 -22px;
	list-style-type:square;
}

/** #productspanel .panel-col-first, #productspanel .panel-col {
	border-right: 1px solid #ccc;	
	margin-right:-1px;
} **/

.product-teaser .price {
	display: none;
}

.productpage .price {
	padding:4px;
	background:#ffc;
	font-weight:bold;
	float:right;
	width:170px;
	margin-bottom:10px;
	border:1px solid #fc9;
	color:green;
}

.productpage .subprice {
	background:#ffc;
	font-weight:bold;
	color:green;
	line-height:2.2em;
	font-size:10px;
}


.message, .status {
	margin-top:10px;
	padding-left:70px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:10px;
	color:red;
	font-weight:bold;
	font-size:16px;
	position: relative;
	background: url(/img/icon_warning.gif) no-repeat left center;
}

.surcharge {
	font-weight:normal;
	font-size:9px;
	color:#666;
	line-height:1.2em;
}

.prod-notashirt .surcharge{
	display: none;
}

.prod-notashirt .base{
	display: none;
}

.note {
	font-weight:normal;
	font-size:9px;
	color:#666;
	line-height:1.2em;
}

.prod-notashirt .note{
	display: none;
}

#productspanel .note {
	display: none;
}

.prod-shirt .price strong {
	display: none;
}

.store-copyright {
	padding: 0 10px 10px 10px;
	font-size:11px;
	width:50%;
}

.store-mission {
	padding: 0 10px 10px 10px;
	font-size:11px;
	width:50%;
}

#tabnavprod {
	height: 20px;
	margin: 0 0 10px 0;
	padding-left: 10px;
	background: url(http://revolvebrand.com/img/tab_bottom2.gif) repeat-x bottom;
}

#tabnavprod li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	
#tabnavprod a:link, #tabnavprod a:visited {
	float: left;
	background: #f3f3f3;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666;
}

#tabnavprod a:link.active, #tabnavprod a:visited.active {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
}

#tabnavprod a:hover {
	background: #fff;
}

/**ALERTS**/
.alert_1 {
  color: #05B259;
  font-size: 14px;
  font-family: Lucida Grande, Arial, Helvetica, sans-serif;
}
.alert_2 {
  color: #0279C4;
  font-size: 14px;
  font-family: Lucida Grande, Arial, Helvetica, sans-serif;
}
.alert_3 {
  color: #05B259;
  font-size: 14px;
  font-family: Lucida Grande, Arial, Helvetica, sans-serif;
}

.columns { text-align: left; width: 800px; background-color: #FFFFFF; padding-left: 0px; padding-top: 0px; padding-bottom: 15px; padding-right: 0px; font-size: 11px; margin: 0px auto 0 auto; height: auto; }

.columnselectitles {
	height: 260px;
	padding-left: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	width: 250px;
	float: left;
	background-color: #FFFFFF;	
}

.columnselectitles p{
	color: #017AC3;	
}


.date{
	color: #999999;
	font-size: 9px;
}

.pressHead{
padding:20px 40px 20px 10px;
font-size:16px;
}