/* debug css */
#container {  border:1px dotted white; }
#brandmark a { color:#282828; }

/* #contentarea { border:1px solid green; } */

#itemarea {  }
#caption { border:1px solid white; }

.image-l { border:1px solid white; }

body { background-color:white; }
#htmlbottom, #bodycontent, #bodyshell { background-color:white;}


#nav-product ul li a:hover { background-color:#ccc; color:#000; }

.multiLineOption { border:1px solid blue; }



h3.product-option {
	font-size:1em;
	margin-bottom:3px;
	display:none;
}
ul#size-boxes{
	margin-top:10px;
}	
	
.color-swatch-container{
    float:right;	width: 100%;	border:1px solid green;
	height:auto;	
}

.color-swatch-container ul {
    padding: 0; /* remove default padding and all margins! */
    margin: 0;
    list-style-type: none; /* remove the • */
}
.color-swatch-container ul li {
    width: 26px;
    height: 26px;
	border:1px solid #666;
    float: right;
	margin:2px;	
}
/*
li.swatch-color-green {
	background-color:green;	
}
li.swatch-color-blue {
	background-color:blue;	
}
li.swatch-color-red {
	background-color:red;	
}
*/
/*size boxes here*/

.sizes-container{    width: 650px;	height:auto;    float:left;	margin:2px; 
}

.sizes-container ul {
    padding: 0; /* remove default padding and all margins! */
    margin: 0;
    list-style-type: none; /* remove the • */
}
.sizes-container ul li {
    width: 45px;
    height: 35px;
	border:1px solid #666;
    float: left;
	margin:2px;	
}
span.size {
	font-size:.95em;
	margin-left:4px;
	display:block;
}

.sizes-container ul li:hover{
	background-color:#eee;
}	
.color-swatch-container ul li:hover {
	opacity:.5;
}	

/*price boxes here*/
.prices-container{
    width: 650px;
	height:auto;
}

.prices-container ul {
    padding: 0; /* remove default padding and all margins! */
    margin: 0;
    list-style-type: none; /* remove the • */
}
.prices-container ul li {
    width: 24px;
    height: 24px;
	border:1px solid #fff;
    float: right;
	margin:2px;	
}
span.xprice {
	font-size:.9em;
	padding:0px;
	margin-left:2px;
	font-weight:100;	
}

#additional-views {
	width:220px;
}
#additional-views img {
	width:100px;
	border:1px solid #ccc;
	padding:1px;	margin:4px 2px 2px 2px;
}

#main-product-image { float:left; }
.itemform { max-width:555px;  float:left; margin:0 0 0 25px; }
.xocbox-thumbnail-image { width:160px; border:1px solid #ccc; }
.xocbox-product-image {  width:236px; border:1px solid #ccc; }
.xocbox-section-image { width:900px; height:225px; border:1px solid #ccc; display:none; }
#container { width:100%;  }
#bodyshell { clear:both; margin: 0; border:1px solid transparent;  max-width:1200px; }
#bodycontent { margin:0;  border:1px transparent #ccc; width:80%;  }


#nav-product { float:right;  word-wrap: normal;  width:20%; }
#nav-product ul li { width:100%; height:auto; padding:0; margin:0; height: auto; }
#nav-product ul li a { background-color:white; color:#282828; border-bottom:1px solid #fff; width:100%; font-size: 12px; font-weight: bold; display:block; padding:5px; margin:0; }/*#nav-general { width:100%; background-color:#fff; display:block; }#nav-general li { float:right;  background-color:#fff; }*/pre { font-weight:bold; font-size:14px; display:block; color:magenta; margin:10 10 10 20px; display: normal; }
/******************* ADD CHANGES BELOW HERE ***************************/
#nav-product ul li a {	width:100%; text-transform: uppercase; color:#3f3f3f;	}
.itemform {	border:none;}
.image-l { float:left;}
.sizes-container ul li {	height:75px;}
.qty { color:red; padding:2px; display:block; }
.sizes-container ul li:hover{ background-color:#eee; }
.sizes-container ul li.out-of-stock, .sizes-container ul li.out-of-stock:hover{ background-color:#e0e0e0; }
#options-container { }
span.qnty {	float:left;	font-size:12px;	padding:2px;	margin-top:5px;	margin-left:2px;	font-weight:100;	}
span.qnty input { width: 25px; }
.color-swatch-container {	border:none;}
.color-swatch-container ul li {	float:left;}
#itemtype .itemform .price  {	font-weight:normal;	font-size:16px;	text-decoration: line-through;}
#itemtype .itemform .sale-price, #itemtype .itemform .sale-price-bold {	font-size:18px;}.sizes {	max-width:575px;	float:left;	padding:0;	}
#itemtype #itempage-captiontitle {	font-size:22px;}
#add-to-cart.ys_primary { border:1px solid #ccc; height:35px; width:125px; background-color: #cc0000; font-size:14px; text-transform: uppercase; -moz-border-radius: 6px; /* FF1+ */-webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */  }
#add-to-cart.ys_primary:hover { background-color: #8f0000; }
#caption { font-size: 14px; font-weight:normal; }/* turn color off */
#itemtype .multiLineOption {    display: none;}
#image-holder { width: 238px; float:left; }.product-option { margin:5px 0 15px 0; height:20px; }
.color-swatch-container ul li {	border:1px solid transparent;}	
.color-swatch-container ul li a {    width: 24px;    height: 24px;    display:block;	border:1px solid #ccc;	padding:1px;	margin:1px;}
.color-swatch-container ul li.swatch-active a { border:1px solid #282828; }span.xprice.qty { margin-top:2px; display:block; }
.img-color-swatch { height: 24px; width:24px; }

select[name='section'] { display:none; }
div#htmlbottom{  display:none; }

/********************/


#messagearea #messagetitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	text-align:center;
	color:#F03;
	
	}
#specialstitle {
	
}
#specialstitle  {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.9em;
	font-weight:lighter;
}
#searcharea label span, #searcharea label input {	
}
#xocbox-main-nav {
	background-color:#666;
	
}
#xocbox-main-nav ul li {
    list-style:none;
	display:inline;
	line-height:40px;
	text-align:center;
}
#xocbox-main-nav a {
	color:#fff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:100;
	float:right;
	margin-left:30px;
	border-right:1px solid #F8F8F8;
	padding-right:20px;
}
#messagearea .homepage-marketing-image img {
	
	
}

#contentarea .homepage-marketing-image img {
	width:100%;
	height:auto;
	
}

#messagearea #caption {
	
	margin:0;
	padding:0;
	
}
#messagearea { padding:0; }
/* sidebar nav */
#nav-product > ul { display:none; }
#nav-product { float:right;  word-wrap: normal;  width:20%; }
#nav-product ul li { width:100%; height:auto; padding:0; margin:0; height: auto; }
#nav-product ul li a { background-color:white; color:#282828; border-bottom:1px solid #fff; width:100%; font-size: 12px; font-weight: normal; display:block; padding:1px; margin:0; }
#nav-product ul li a {	width:100%; text-transform: uppercase; color:#3f3f3f;	}
#nav-product ul li a:hover { background-color:#e0e0e0; color:#000; }
#nav-product ul li ul.nav-child-node li {  }
#nav-product ul li ul.nav-child-node a { font-weight:normal; line-height:12px; text-transform: capitalize; }
#nav-product  div#xocbox-nav-tree { margin:0 0 20px 0; }
#nav-product  div#xocbox-nav-tree label { font-weight:bold; margin:5px 0 10px 0; font-size:14px; display:block; }

	   .xocbox-site-search { float:right; margin:20px 20px 0 0;}
	  .input-append { }
	  .input-append input { float:left; font-size:14px; }
	  .input-append img { float:left; height:25px; width:25px; margin:4px 0 0 3px; }
	  .input-append span { background-color:#ccc; display:block; height:30px; }
	  
	  
	    #xocbox-main-nav {
			background-color:#666;
			height:35px;
		}
		#xocbox-main-nav ul li {
			list-style:none;
				display:inline;
				line-height:40px;
				text-align:center;
		}
		#xocbox-main-nav a {
				color:#FFF;
				text-decoration:none;
				font-family:Arial, Helvetica, sans-serif;
				font-size:18px;
				font-weight:100;
				float:right;
				margin-left:30px;
				border-right:1px solid #F8F8F8;
				padding-right:20px;
				
		}
        #searcharea fieldset { display:none; }

.xocbox-sub-cat-nav { font-size:18px; margin:0 0 0 10px;}		
.xocbox-sub-cat-nav a { text-decoration:none; font-size:16px; font-weight:normal; margin:0 5px 0 5px;}
.xocbox-sub-cat-nav a:hover { color:orange; }

.xocbox-mini-main-nav { display:none; }


#nav-product div#xocbox-nav-tree { margin-left:30px; }


#bodycontent { min-width:600px; } 
#nav-general .xocbox-privacy-policy { display:none; }

/* mini nav updates */
/*Strip the ul of padding and list styling*/
ul.xocbox-mobile-nav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	position: absolute;
}

/*Create a horizontal list with spacing*/
ul.xocbox-mobile-nav li {
	display:inline-block;
	float: left;
	margin: 1px;
}

/*Style for menu links*/
ul.xocbox-mobile-nav li a {
	display:block;
	margin:1px;
	padding:0 4px 0 4px;
	height: 15px;
	text-align: center;
	line-height: 15px;

	color: #282828;
	background: transparent;
	text-decoration: none;
	border-right:1px solid #666666;

}
ul.xocbox-mobile-nav li:last-child  a{
	border-right:1px solid transparent;
}	
/*Hover state for top level links*/
ul.xocbox-mobile-nav li:hover a {
	color: orange;
}

/*Style for dropdown links*/
ul.xocbox-mobile-nav li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
ul.xocbox-mobile-nav li:hover ul a:hover {
	background: orange;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
ul.xocbox-mobile-nav li ul {
	display: none;
}

/*Make dropdown links vertical*/
ul.xocbox-mobile-nav li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
ul.xocbox-mobile-nav li ul li a {
	width: auto;
	
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul.xocbox-mobile-nav ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

input.xocbox-show-menu-input, .xocbox-show-menu{
    
	display: none;
    -webkit-appearance: none;
	
}