/*
Conventions
-----------
Most pages have a content id, for general styles.

Then a pagename id, for specific hiding and page specific changes.
Ex: "#searchPage"

General Styles are on top, followed by page specific styles.
*/


/* CSS Document */
body {
   text-align: center;
	background-color: white;
	margin:0;
	padding: 0;
	background-image:url(/snowcone/site/globo/images/headerBG.gif);
	background-repeat:repeat-x;
}

h1 { font-size: 22pt; font-family: Arial; color: #C4591D; margin: 0; padding: 10pt 0 3pt 0;  }
h2 { font-size: 14pt; font-family: arial; color: #BC3237; margin-top: 6px; margin-bottom: 3px; font-weight:bold;  }
h3 {  }

a, a:visited, a:hover {
   color: #B21318;
	text-decoration: underline;
}

img {
   border: 0;
}

.right {
   text-align: right;
}

.left {
   text-align: left;
}

#container {
	margin: 0 auto;
	width: 800px;
	font-family: verdana;
	font-size: 80%;
	text-align: left;
}



/*------ Header Styles ---------------------------------*/

#header {
	height: 74px;
	position: relative;
}

#header img {
   border: 0;
	margin: 0;
	padding: 0;
	float:left;
}

.frontStoreName {
   position: absolute;
   font-size: 13pt;
   font-weight: bold;
   color: white;
   bottom: 8px;
   left: 5px;
}

#headerMenu {
	position: absolute;
	bottom:8px;
	right: 0px;
	color: white;
	width: 100%;
}

#headerMenu .menuItem {
   float:right;
   padding: 5px 0px 7px 3px;
   text-align: left;
   font-size: 8pt;
   font-family: tahoma;
   height: 17px;
	line-height:17px;
	margin:0;
	padding:0 5px;
	border-right: 1px solid white;
}

#headerMenu .menuItem img{
   border: 0px;
	bottom:2px;
	float: left;
}

#headerMenu .menuItem a{
   text-decoration:none;
   color: white;
}

#headerMenu .menuItem a:hover{
	text-decoration:underline;
	color: white;
}

#yourWishlist {
   display: none;
}

#sellHere {
   display: none;
} 

.wishlistBox {
   position: relative;
   width: 250px;
   border: solid 1px #CCCCCC;
   background-color: #eeeeff;
   margin-top: 5px;
   margin-bottom: 5px;
}

.wishlistLink {
  position: absolute;
  right: 4px;
}

.wishlistUser a{
  color: #C4591D;
  text-decoration: none;
}

.wishlistUser a:hover {
   text-decoration: underline;
}

.reviewMessage {
  margin: 25px;
  border: 1px solid #cccccc;
  background-color: #eeeeff;
  color: #C4591D;
  padding: 3px;
}

/*------ End Header Styles ---------------------------------*/

/*hide either categoryBar(top level cats) or Menu(open/browse)*/


#menu {
   height: 26px;
	width: 100%;
}

#menu .menuItem {
   float:left;
   padding: 5px 0px 5px 3px;
   text-align: left;
   font-size: 9pt;
   font-family: tahoma;
   font-weight:bold;
}

#menu .menuItem a{
   text-decoration:none;
   color: #4C4A54;
   padding: 8px 6px 9px 6px;
}

#menu .menuItem a:hover{
	text-decoration:none;
	color: white;
	background-color:#4C4A54;
	padding: 5px 6px 5px 6px;
}

#subMenu {
   height: 26px;
	width: 100%;
}

#subMenu .menuItem {
   float:left;
   padding: 5px 0px 5px 3px;
   text-align: left;
   font-size: 9pt;
   font-family: tahoma;
   font-weight:bold;
}

#subMenu .menuItem a{
   text-decoration:none;
   color: #4C4A54;
   padding: 8px 6px 9px 6px;
}

#subMenu .menuItem a:hover{
	text-decoration:none;
	color: white;
	background-color:#4C4A54;
	padding: 5px 6px 5px 6px;
}


/*------ Category Bar ----------------------------------*/

#categoryBar {
    height: 45px;
    display: none;
    clear: both;
}

#categoryBar #categoriesLevelOne {
  clear: both;
  width: 100%;
  height: 25px;
  text-align: left;
  font-size: 14px;
  font-family: tahoma;
  font-weight:bold;
}

#categoryBar #categoriesLevelOne .levelOneCategory {
   float: left;
   padding: 2px; 
}

#categoryBar #categoriesLevelOne .levelOneCategorySelected {
   float: left;
   padding: 2px; 
}

#categoryBar #categoriesLevelOne .levelOneCategory a {
   text-decoration: none;
}

#categoryBar #categoriesLevelOne .levelOneCategory a:hover {
   text-decoration: underline;
}

#categoryBar #categoriesLevelTwo {
   width: 100%;
   clear: both;
   height: 15px;
   text-align: left;
   font-size: 12px;
   font-family: tahoma;
}

#categoryBar #categoriesLevelTwo .levelTwoCategory {
   float:left;
   padding: 2px;
}

#categoryBar #categoriesLevelTwo .levelTwoCategorySelected {
   float:left;
   padding: 2px;   
}

#categoryBar #categoriesLevelTwo .levelTwoCategory a {
   text-decoration: none;
}

#categoryBar #categoriesLevelTwo .levelTwoCategory a:hover {
   text-decoration: underline;
}


#categoryBar #overflowCategories {
   
}


/*------ Breadcrumb ------------------------------------*/
.breadcrumb {
   padding-top: 5px;
   padding-bottom: 3px;
   font-size: 8pt;
   clear: both;
}

.breadcrumb a, .breadcrumb a:visited{
   color: black;
   padding-bottom: 3px;
}
/*------ Content Styles --------------------------------------------*/

#content {
   position: relative;
   padding: 0;
   margin-top: 1px;
   background-color: white;
   color: #383838;
}

#content .smallLeftMainContainer{
   float: left;
   padding: 0 10px 10px 10px;
   width: 450px;
}

#content .leftMainContainer{
   float: left;
   padding: 0 10px 10px 10px;
   width: 570px;
}

#content .smallLeftMainContainer p{
	line-height: 14pt;
}

#content .leftMainContainer p{
	line-height: 14pt;
}

#content .mainContainer{
   padding: 0 10px 0px 10px;
   width: 570px;
}

#content .articleMainContainer{
   padding: 0 10px 0px 10px;
   width: 570px;
}

#content .mainContainer p{
	line-height: 14pt;
}

.centerContainer{
   padding: 0 10px 0px 10px;
   margin-left: 100px;
   margin-right: 100px;
   width: 570px;
}

.centerContainer p{
	line-height: 14pt;
}

#content p{
   margin: 0 0 6pt 0;
	padding: 0;
}

#content .extended {
   margin-top: 3px;
}

#content .extended a{
  font-size: 8pt;
  margin-top: 1px;
  color: #F1763A;
  padding-right: 15px;
  background:white url(images/arrow12.png)  no-repeat bottom right;
}

#content .posted {
   font-family: verdana, arial;
	font-size: 8pt;
	color: #686868;
	margin-top: 2px;
	margin-bottom: 16px;
}

#content .posted a{
   font-family: verdana, arial;
	font-size: 8pt;
	color: #A40B04;
	margin-top: 2px;
}

#content .greyLink {
   color: #383838;
   text-decoration: none;
}

#content .greyLink:hover {
   color: #383838;
   text-decoration: underline;
}



/* ------ Sidebar CSS Styles ----------------------------------------------------*/

#bigRightSideBar {
   width: 320px;
   float: right;
}

#rightSideBar {
   width: 200px;
   float: right;
}

#content .subContainer {
   width: 200px;
}

#content .subContainer .sideBar {
 	border-bottom: 1px dashed #cfccc0;
	padding-bottom: 5pt;
	margin-bottom: 8pt;
	font-size: 80%;
}

#bigRightSideBar .sideBar {
	clear:both;
	padding-bottom: 1px;
}

#righttSideBar .sideBar {
 	border-bottom: 1px dashed #cfccc0;
	padding-bottom: 5pt;
	margin-bottom: 8pt;
	font-size: 80%;
	clear:both;
}

#content .sideBar .header {
   font-size: 14pt;
   font-family: arial; 
   color: #C4591D;
   margin-top: 6px; 
   margin-bottom: 3px; 
   font-weight:bold;
}

#content #bigRightSideBar .sideBar h2 {
	font-size: 12pt;
	font-family: arial;
	color: #BC3237;
	padding-top: 8pt;
	margin-bottom: 5pt;
	font-weight:bold;
	border-top: 1px dashed #cfccc0;
}

#content .subContainer .sideBar h2 {
	font-size: 14pt;
	font-family: arial;
	color: #c4591d;
	margin-top: 8px;
	font-weight:normal;
}

#content #rightSideBar .sideBar h2 {
	font-size: 14pt;
	font-family: arial;
	color: #c4591d;
	margin-top: 8px;
	font-weight:normal;
}

#content .sideBar h1 {
	font-size: 18pt;
	font-family: Arial;
	color: #BC3237;
	margin: 0;
	padding: 12pt 0 3pt 0;
}

#content .sideBar a{
   color: #A40B04;
}

#content .sideBar a.selected {
   font-weight: bold;
}

#content .subContainer .sideBar ul a {
	color: #383838;
	text-decoration:none;
}

#content .subContainer .sideBar a:hover {
   text-decoration:underline;
}

#content .subContainer .sideBar .ulSymbol {
   display: none;
}

#content .subContainer .barItemName{
	font-weight: bold;
	color: #C4591D;
	text-decoration: none;
	margin-left: 10px;
}
#content .subContainer .barItemName:hover{
	font-weight: bold;
	color: #C4591D;
	text-decoration: underline;
}

#content .sideBar li{
   list-style-type:none;
	background:white url(/snowcone/site/globo/images/bullet_noborder.gif)  no-repeat top left;
	padding-left: 12px;
	line-height: 14pt;
}

#content .sideBar ul{
	font-size: 10pt;
	line-height: 13pt;
   margin: 2px 0 2px 15px;
   padding: 0;
}

#content .sideBar form {
   margin: 0 0 0 10pt;
}

#content .subContainer img {
   margin: 10px;
   border: 2px solid #cccccc;
}

#content .sideBar .featured {
	text-align:center;
    padding: 10px;
	margin: 10px;
	background-color: #FFF9EF;
	border: 1px solid #CFCCC0;
}

#content .sideBar .featured img {
   border: 1px solid #CFCCC0;
}

.relatedArticleTitle {

}

.relatedArticleBlurb {
   margin-left: 4px;
}


/* ------ ItemListView CSS Styles ----------------------------------------------------*/
.itemListView {
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
   padding: 10px;
	background-image: url(images/product_ListViewBackground.gif);
	height: 140px;
	clear:both;
	border-bottom: 1px solid #cfccc0;
}

.itemListView img {
   float:left;
	border: 1px solid #cfccc0;
}

.itemInfo {
   margin-left: 130px;
}

.itemInfo .itemName {
	font-weight: bold;
	color: #C4591D;
	margin: 0;
	padding: 0;
}

.itemInfo .itemName span {
  font-weight: normal;
  color: black;
  padding-left: 10px;
}

#content .itemInfo .itemDescription{
   line-height: 10pt;
}

/* ------ ItemBlockView CSS Styles ----------------------------------------------------*/
#itemBlockViewContainer {
	/*border-bottom: 1px dashed #cfccc0;*/
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#itemBlockViewContainer .itemBlockView p{
    margin: 2pt 0 0 0;
	padding: 0 4px;
    font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 10pt;
}

.itemBlockView {
    float: left;
    width: 120px;
    margin-left: 5px;
    padding: 5px;
    text-align: center;
}


.itemBlockView img {
	border: 1px solid #cfccc0;
}

.itemBlockView .itemName{
	font-weight: bold;
	color: #C4591D;
	text-decoration: none;
}
.itemBlockView .itemName:hover{
	font-weight: bold;
	color: #C4591D;
	text-decoration: underline;
}


.itemBlockView .itemPrice{
  font-weight: normal;
  color: black;
  font-size: 10pt;
}


/* ------ PageView CSS Styles ----------------------------------------------------*/
.pageView {
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border-bottom: 1px dashed #cfccc0;
	margin-bottom: 5px;
   line-height: 20pt;
}

.pages {
   float: right;
}

.pageOptionLinks {

}


#footer {
  clear:both;
  text-align: center;
  font-size: 80%;
  padding-top: 8px;
  padding-bottom: 8px;
  color:black;
}


#copyright {
  margin-left: auto;
  margin-right: auto;
  clear:both;
  text-align: center;
  font-size: 80%;
  padding-top: 8px;
  padding-bottom: 8px;
  color:black;
}

#footer a {
   padding-left:4px;
   padding-right:4px;
   color: #F1763A;
}



.small {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color: #383838;
	font-weight: normal;
}

input, select {
	font-size:9pt;
}






/* ------ Related Product Styles ----------------------------------------------------*/
.relatedProducts {
}

.relatedProduct {
}

.relatedProductName {
    display: none;   
    color: black;
}

.itemBlockViewRelatedProduct {
   float: left;
	padding: 5px;
}

.itemBlockViewRelatedProduct img {
	border: 2px solid #cccccc;
}
      
.itemBlockViewRelatedProduct:hover .relatedProductName {
    display: block;
    background-color: #FFFFCC;
    border: 1px solid black;
    position: absolute;
    bottom: 72px;
    width: 175px;
}

.relatedProductsHeader {
   background-color: #cfccc0;
	font-weight: bold;
	padding: 2px;
}

.relatedProductImage {
}


/* ------ relatedProductHorizontal CSS Styles ----------------------------------------------------*/

.relatedProductsHorizontal .itemBlockView {
   float: left;
	margin: 5px 0 5px 7px;
	padding: 0;
}

.relatedProductsHorizontal .itemBlockView img {
	border: 1px solid #cfccc0;
	margin: 0;
	padding: 0;
}

.relatedProductsHorizontal {
   width: 100%;
   background-color: #e5e2d5;	
	border: 1px solid #cfccc0;
}

/* ------ relatedProductVertical CSS Styles ----------------------------------------------------*/

.relatedProductsVertical .itemBlockViewRelatedProduct {
   padding: 0;
}

.relatedProductsVertical .itemBlockViewRelatedProduct img {
   border: 1px solid #c0c0c0;
   margin: 0;
   padding: 0;
}

.relatedProductsVertical {
  
}				


/*------ Form Styles -------------------------------------------------------------*/


/* FORM STYLES
-------------------------*/
.form {
   width: 100%;
}

.form input, .form textarea {
   background: url("images/input_bg.gif");
   border:1px #ccc solid;
	padding: 2px;
	margin: 0;
}
.form input:hover, .form textarea:hover {
	border:1px #21557C solid;
}
.form input:focus, .form textarea:focus {
	border:1px #3a535e solid;
}	

.radio {
   border: none;
}	


/*------ Search Box Styles -------------------------------------------------------*/

#headerSearch {
   display:none;
   position: absolute;
   top: 45px;
   right: 45px;
}

#search {
    float: right;
	font-size: 8pt;
	position: relative;
	width: 210px;
}

#search form {
   padding: 0;
	margin: 0;
}

#search form label {
   padding: 5px 5px 5px 3px;
	display: block;
   float:right;
}

#search form input {
	height: 12pt;
	padding: 0;
	margin-top: 2px;
	line-height: 14pt;
	float: right;
}

#search form img {
    float: right;
	vertical-align:middle;
	padding-left: 2pt;
}


.spacer {
   clear:both;
}

/*------ Brochure Styles--------------------------------------------------------*/

.featureTable {
   font-size: 8pt;
	border-collapse: collapse;
	margin-bottom: 6pt;
}

.featureTable td {
   padding: 3px;
	padding-bottom: 6pt;
	text-align:center;
	border: 1px solid #cfccc0;
}

.featureTable th {
   font-size: 10pt;
	text-align:center;
	padding: 5pt 0;
	background-color: #4a8bbc;
	color:white;
}
	
.featureTable tr.other td {
   background-color: #efefef;
}

/*------ Generic Styles -------------------------------------------------------*/

.bottomDashedBorder {
   border-bottom: 1px dashed #cfccc0;
}
      
		

/* ------ ************** ----------------------------------------------------*/
/* ------ Styles by Page ----------------------------------------------------*/
/* ------ ************** ----------------------------------------------------*/



/* ------ Product Detail Styles ----------------------------------------------------*/


#productPage {

}

.productDetails {
}

.productDetails .description {
}

/*** This box contains both the main picture and thumbnails of any other pictures for the product ***/


.productDetails img {
}


#productPhotoHolder {
    float: right;
	border: solid 2px #CCCCCC;
	background-color: #e5e2d5;
	position: relative;
	margin: 6px;
	padding: 6px;
}

#productPhotoHolder .productThumbnail {
    float: left;
    padding: 5px;
    position: relative;
}


.productDetails .productDescription {
   clear: left;
   line-height: 1.3em;
   margin-top: 20px;
   padding-top: 10px;
}

.productDetails .key {
   font-weight: bold;
}

.productDetails .value {

}

.review {
   border: 1px solid #cccccc;
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 8px;
}

.firstReview a{
   font-weight: bold;
   color: #C4591D;
   text-decoration: none;
}
.firstReview a:hover {
   text-decoration: underline;
}

.newReview {
}

.productAttributes {
	border-spacing: 0;
	margin: 0 0 10px 0;
	padding: 3px;
	background-color: white;
}

.productAttributes img {
   padding-top: 5px;
}

.productAttributes td{
}

.productDescription ul {
   margin-top: 0;
	margin-bottom: 6pt;
}

.productDescription li {
   line-height: 1.4em;
}

.productOptions {
	text-align:right;
	margin-top: 5px;
}

#productPhotoHolder .photoCartForm {
    border-top: 1px solid #CCCCCC;
    margin-left: 2px; 
    margin-right: 2px;
    clear: both;
}

.addPhotoWishlistButton {
   clear: left;
   float: left;
   margin-left: 48px;
}
.addPhotoWishlistSubmit {
   display: none;
}

.cartForm {
  display: none;
  margin-top: 10px;
}

#addCartButton {
  float: left;
}

.qtyTextbox {
   margin-left: 20px;
   margin-bottom: 4px;
   float: left;
}
#addCartSubmit {
   display: none;
   padding-left: 3px;
}
#addWishlistButton {
   clear: left;
   float: left;
   margin-left: 48px;
}
#addWishlistSubmit {
   display: none;
}

/*------ New Store Styles ------------------------------------------------*/	
#newStorePage form {
	margin: 0 auto;  
	width: 800px;
}
#newStorePage form div.row span.label {
  float: left;
  width: 150px;
  text-align: right;
  font-weight:bold;
  display:inline;
  margin: 0;
  padding-top: 5pt;
}

#newStorePage form div.row span.formw {
  float: left;
  text-align: left;
  margin-left: 3;
  padding-top: 5pt;
} 

/*------ Useraccount Styles ------------------------------------------------*/	

#loginMessage {
  border: 2px solid #C4591D;
  padding: 2px;
  margin-left: 33%;
}

#content #accountPage {

}

.storesBox {
  width: 90%;
  margin-top: 20px;
  margin-right: 20px;
  background-color: #eeeeff;
  border: 1px solid #cccccc;
  padding: 5px;
}

.storesBoxLinks {
   float: right;
}

.storesBoxLink {
  margin-right: 7px;
}

.storesBox a{ 
   color: #C4591D;
   text-decoration: none;
}

.storesBox a:hover{ 
   text-decoration: underline;
}

#accountLoggedOutLinks {
   display: none;
}
#accountLoggedInLinks {
   
}

#content #accountPage .mainContainer {
   float:right;
}

#content #accountPage .subContainer {
   float: left;
}

.accountLogin {
   border-bottom: 1px dashed #cfccc0;
	padding-bottom: 10px;
}

.accountLogin form {
	margin: 0 auto;  
	width: 500px;
}

.editUserForm {
}

.editUserForm form {
   margin: 0 auto;
	width: 500px;
}

form div.row {
  clear: both;
}

#bigRightSideBar .sideBar form {
   margin: 0 auto;
	width: 320px;
}

form div.row span.label {
  float: left;
  width: 180px;
  text-align: right;
  font-weight:bold;
  display:inline;
  margin: 0;
  padding-top: 5pt;
}


form div.row span.formw {

  width: 305px;
  text-align: left;
  margin-left: 2px;
  padding-top: 5pt;
} 

form div.row div.formw {
  text-align: left;
  margin-left: 120px;
  padding-top: 5pt;
} 


form div.rowSmall {
  clear: both;
}

form div.rowSmall span.labelSmall {
  float: left;
  width: 85px;
  text-align: right;
  display:inline;
  margin: 0;
  padding-top: 5pt;
}

form div.rowSmall span.formwSmall {
  float: right;
  width: 230px;
  text-align: left;
  margin: 0;
  padding-top: 5pt;
} 







/*------ Cart Styles -------------------------------------------------------*/
#cartPage {

}

.cartTable {
	width: 100%;
}
	  
.cartTable a{
	color: blue;
}
       
.subCartTable {
     margin-top:5px;
     padding: 5px;
     border: solid 1px #CCCCCC;
}
      
.cartHeader {
   padding: 3px;
   border-bottom: solid 1px #CCCCCC;
}
      
.cartContents {
    margin-top: 3px;
}
.cartContents TD {
    padding: 3px;
    margin-top: 3px;
    border-bottom: solid 1px #CCCCCC;
}
.checkoutLink {
    text-align: right;
}
      
.cartRelatedProducts {
    margin-top: 10px;
}
      
      
      
/*------ Checkout Styles -------------------------------------------------------*/
      
      
#checkoutPage {

}


.checkoutPath {
    /*** Row below the 2nd tab row, with "Category > Sub Category > Item" list ***/
    padding: 3px 0px 3px 10px;
    border-bottom: solid 1px #CCCCCC;
}
      

.orderTitle {
    font-size: 14px;
    font-weight: 700;
    padding-bottom:4px;
}
      
.orderSummaryTable {
    margin-top: 10px;
    margin-bottom: 10px;
}
.orderSummaryTable td {
    padding-top: 4px;
    border-bottom: solid 1px black;
}
.orderSummaryTable .key {
    font-weight: 700;
}
.cartItemQuantityInput {
    width: 30px;
}
      
.error {
    color: #FF0000;
}
      
.textFieldMeatball {
    display: inline;
}
      
.dropDownMeatball {
    display: inline;
}
.dropDownMeatball select {
    margin-left: 10px;
}
      
.textFieldMeatball input {
    margin-left: 10px;
}
      
.textFieldMeatball textarea {
    margin-left: 10px;
}
      
.checkBoxMeatball input {
    margin-left: 10px;
}
      
.formMainTitle {
    background-color: #336699;
    color:white;
    font-family: Tahoma, Arial, MS Sans Serif;
    text-align:center;
    font-weight: 700;
    font-size:17px;
    padding: 3px;
    margin-top : 3px;
    margin-bottom : 3px;
}
      
.formSubTitle {
    background-color: #c0c0c0;
    font-weight: 700;
    padding: 3px;
    margin-top : 3px;
    margin-bottom : 3px;
}
      
.orderDetailsConfirmation {
    border: 1px solid #c0c0c0;
}
      
.orderDetailsConfirmation .columnHeader {
    font-weight: 700;
}
      
.orderDetailsConfirmation td {
    padding: 2px 3px 2px 3px;
    border-bottom: 1px solid #c0c0c0;
}
      
.orderDetailsConfirmation .key {
    text-align : right;
}
      
.orderDetailsConfirmation .value {
    font-weight : 700;
}	
       
.overflowItems {
    display: none; 
    position:absolute;
    background-color: #999966;
    border: solid 1px Black;
}
       
.overflowItems TD {
    padding: 2px 3px 2px 3px;
}
      
.closeOverflow { 
     text-align:right;
}
      
.billingForm {
        
}
      
.shippingForm {
         
}
      
      
/*------ Browse Styles -------------------------------------------------------*/
#content #browsePage {

}

#content #browsePage .mainContainer {
   float: right;
}

#content #browsePage .subContainer {
   float: left;
}

#content #browsePage .subContainer .promotions{
  
}
/*------ Search Styles -------------------------------------------------------*/
#content #searchPage {

}

#content #searchPage .mainContainer {
   float: right;
}

#content #searchPage .subContainer {
   float: left;
}

/*------ Article Styles -------------------------------------------------------*/
#content #articlePage {

}

#content #articlePage {
   float: left;
}

#content #articlePage .subContainer{
   float: right;
}

.articleCrumb {
  display: none;
}

.articleListContainer {
   position: relative;
   margin-bottom: 5px;
}

.frontArticleBox {
   float: left;
   width: 250px;
   border: solid 1px #CCCCCC;
   background-color: #eeeeff;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 5px;
   margin-bottom: 15px;
}

.articleName {
   font-size: 16px;
   color: #C4591D;
}

.articleListImage {
   border: 1px solid #cccccc;
   width: 200px;
   margin-left: 25px;
}

/*------ Help File Styles -------------------------------------------------------*/

.oneIndent {
   margin-left: 20px;
}

.twoIndent {
   margin-left: 40px;
}


/*------ Suggestions Styles -------------------------------------------------------*/
#content #suggestionsPage {

}

#content #suggestionsPage .mainContainer {
   float: left;
}

#content #suggestionsPage .subContainer {
   float: right;
}

/*------ Promotion Styles -------------------------------------------------------*/
#content #promotionPage {

}

#content #promotionPage .mainContaner {
   float: left;
}

#content #promotionPage .subContainer {
   float: right;
}

/*------ Contact Styles -------------------------------------------------------*/
#content #contactPage {

}

/*------ newStore Styles -------------------------------------------------------*/
#content #newStorePage {

}



/*------ **************** -------------------------------------------------------*/
/*------ New Admin Styles -------------------------------------------------------*/
/*------ **************** -------------------------------------------------------*/

#adminLeftContainer {
   float: left;
   width: 145px;
   padding: 5px;
   margin-top: 10px;
   border-right: 1px solid #cccccc;
}

.storeAdminLinksTitle {
  font-size: 12pt;
  padding-left: 15px;
  color: white;
  background: #4C4A54;;
}

#adminRightContainer {
   width: 625px;
   float: right;
}

#adminLeftContainer .menuItem {
   padding: 5px 0px 5px 3px;
   text-align: left;
   font-size: 9pt;
   font-family: tahoma;
   font-weight:bold;
   border-bottom: 1px dashed #4C4A54;
}

#adminLeftContainer .menuItem .a .selected{
   color: white;
   background-color: #4C4A54;
}

#adminLeftContainer .menuItem a{
   text-decoration:none;
   color: #4C4A54;
   padding: 8px 6px 9px 6px;
}

#adminLeftContainer .menuItem a:hover{
	text-decoration:none;
	color: white;
	background-color:#4C4A54;
	padding: 5px 6px 5px 6px;
}

#subMenu .menuItem .selected {
  color: #C4591D;
}

#subMenu .menuItem .selected:hover {
  color: #C4591D;
  text-decoration: none;
}

.adminHeader {
   margin-left: 10px;
   width: 80%;
   border-bottom: 1px dashed #cfccc0;
}

.categoryAdminTable {
   margin: 10px;
}

.trafficPageLinks {
   float: right;
}

.adminUserList {
   float: left;
}

.customerUserList {
   float: left;
   padding-left: 20px;
}

.newUsers {
   float: left;
   padding-left: 40px;
}



#subSubMenu {
   height: 20px;
   width: 100%;
   margin-top: 5px;
}

#subSubMenu .subSubMenuLink{
   color:  #383838;
   float: left;
   padding-left: 5px;
   padding-right: 3px;
   border-left: 1px solid #383838;
   text-decoration: none;
}

#subSubMenu .subSubMenuLink:hover {
   text-decoration: underline;
}

#adminForm {
   width: 95%;
   margin: 2px;
   background-color:#eeeeff;
}

#adminForm .row {
   clear: both;
}

#adminFrom .label {
   float: left;
}



#htmlAreaContainer {
   width: 595px;
   margin-top: 50px;
   margin-left: 5px;
}

#htmlAreaContainer textarea {
   width: 591px;
}

#adminTable {
   background-color:#eeeeff;
}

.tip .name {
   float: left;
   display: none;   
   color: black;
   font-size: 12px;
   background-color: #FFFFCC;
   border: 1px solid black;
}

.orderDetails td {
   padding: 6px;
}

.categoryAdminTable {
   background-color:#eeeeff;
   margin-left:5px;
   text-align:left;
}

.storeSummaryBox {
   border: solid 1px #CCCCCC;
   background-color: #eeeeff;
   margin: 5px;
}
      
.storeSummaryBox .storeName {
   font-size:16px;
}
.storeSummaryBox .storeName a {
   color: #C4591D;
}
.storeSummaryBox .storeLink {
   color: #C4591D;
   text-align:right;
}
.storeLink a {
   color: #C4591D;
   text-decoration: none;
}
.storeLink a:hover {
   text-decoration: underline;
}


.putOnSaleBox {
   border: solid 1px #CCCCCC;
   background-color: #99CCFF;
   margin: 5px;
}

.boxItem{
   float: left;
   width: 100px;
   margin-top: 10px;
   margin-right: 7px;
   margin-left: 7px;
   margin-bottom: 10px;
}


.processOrdersBox {
   border: solid 1px #CCCCCC;
   background-color: #CCFF99;
   margin-top: 10px;
   margin-right: 7px;
   margin-left: 7px;
   margin-bottom: 10px;
}

.designSiteBox {
   border: solid 1px #CCCCCC;
   background-color: #FF99FF;
   margin-top: 10px;
   margin-right: 7px;
   margin-left: 7px;
   margin-bottom: 10px;
}

.boxHeader {
   font-size: 12pt;
   color: #BC3237;
}

.boxImage {
   width: 100px;
   border: 1px solid #cccccc;
}

.boxImage:hover {
   width: 100px;
   border: 1px solid #C4591D;
}

.pictureMeatball {
   width: 100px;
   border: 1px solid #cccccc;
}

.boxLink {
   color: #4C4A54;
}

.boxLink:hover {
   color: #C4591D;
}

.boxLink:visited {
   color: #4C4A54;
}

.boxLink:visited:hover {
   color: #C4591D;
}

.attentionHeader {
   font-size: 11pt;
   color: #BC3237;
   padding-left: 5px;
   margin-top: 7px;
}

.attentionItem a {
   color: #4C4A54;
   font-size: 9pt;
}

.attentionItem a:hover {
   color: #C4591D;
}


.cats {
   display: none;
}

.templateBox {
   position: relative;
   border: solid 1px #cccccc;
   background-color: #eeeeff;
   width: 530px;
   float: left;
   margin-left: 30px;
   margin-top: 10px;
}

.templateImage {
   width: 490px;
   border: 1px solid #cccccc;
   margin: 15px;
}

.skinBox {
   position: relative;
   width: 90%;
   border: solid 1px #CCCCCC;
   background-color: #eeeeff;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 5px;
   margin-bottom: 15px;
}

.articleBox {
   position: relative;
   border: solid 1px #CCCCCC;
   background-color: #eeeeff;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 5px;
   margin-bottom: 5px;
}

.skinName {
   font-size: 16px;
   color: #C4591D;
}

.skinLinks {
   position: absolute;
   right: 5px;
}

.preferenceLink {
  position: absolute;
  right: 2px;
}

.skinBox .currentSkin {
   color: red;
}

.skinPictureContainer {

}

.skinPictureContainer .thumbnails {

}

.skinPictureContainer .thumbnails .skinThumbnail {
  float: left;
  border: 1px solid #cfccc0;
  margin: 5px 0px 5px 20px;
  width: 250px;
}

.skinListContainer {
   position: relative;
   margin-bottom: 5px;
}


.quickTipBox {
   border: solid 1px #CCCCCC;
   background-color: #eeeeff;
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 20px;
   margin-bottom: 5px;
}

.importColumn {
   background-color: #eeeeff;
   border: 1px solid #cccccc;
   float: left;
   margin: 10px;
}

.excelFileChangeLink {
   float: right;
}

.importKey {
  border: 1px solid #cccccc;
  float: left;
  margin: 10px;
  clear: both;
}

.productListBox {
   position: relative;
   background-color: #eeeeff;
   border: 1px solid #cccccc;
   width: 90%;
   margin:10px;
}

.productListLinks {
   position: absolute;
   right: 2px;
}

.productListLink a{
   color: #C4591D;
   text-decoration: none;
   margin-right: 5px;
}

.productListLink a:hover {
   color: #C4591D;
   text-decoration: underline;
}

.productListPrice {
   color: #00991A;
   margin-left: 7px;
}

.taxBox {
  width: 90%;
  margin: 10px;
  background-color: #eeeeff;
  border: 1px solid #cccccc;
  color: #C4591D;
  padding: 5px;
}

.categoryBox {
  width: 90%;
  margin: 10px;
  color: #4C4A54;
  background-color: #eeeeff;
  border: 1px solid #cccccc;
  padding: 5px;
}

.categoryBox a{
  color: #C4591D;
  text-decoration: none;
}

.categoryBox a:hover {
  text-decoration: underline;
}

.welcomeBox {
  width: 90%;
  margin: 10px;
  color: #4C4A54;
  background-color: #eeeeff;
  border: 1px solid #cccccc;
  padding: 5px;
}

.welcomeBox a {
  color: #C4591D;
  text-decoration: none;
}

.welcomeBox a:hover {
  text-decoration: underline;
}

.welcomeInput {
   margin: 4px;
   display: none;
}

.preferenceBox {
   position: relative;
   border: solid 1px #CCCCCC;
   background-color: #eeeeff;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 5px;
   margin-bottom: 15px;
}

.preferenceType {
   color: #C4591D;
}

.preferencesLink {
   float: right;
}

.preferencesLink a{
   color: #C4591D;
   text-decoration: none;
}

.preferencesLink a:hover{
   text-decoration: underline;
}

.preferncesLinkeditPrefernceLink a:hover{
   text-decoration: underline;
}

.onOff{
   margin-left: 20px;
}

.orderBox {
   border: solid 1px #CCCCCC;
   background-color: #eeeeff;
   margin: 10px;
   padding: 5px;
}

.orderId {
   color: #C4591D;
}

.orderPrice {
   color: #00991A;
}

.orderStatusInfo {
   margin-left: 4px;
}

.orderDateInfo {
   margin-left: 5px;
}

.orderDetailsLink {
   float: right;
}

.orderBreakdown {
   border: 1px solid #cccccc;
   margin-left: 25px;
   margin-right: 25px;
}

.sanityBox {
   border: 1px solid #cccccc;
   margin-left: auto;
   margin-right: auto;
   padding: 10px;
}

.payeeBox {
   position: relative;
   width: 50%;
   border: solid 1px #CCCCCC;
   background-color: #eeeeff;
   margin-left: 10px;
   margin-right: 270px;
   margin-bottom: 10px;
   margin-top: 10px;
   padding: 5px; 
}

.currentBalance {
   position: absolute;
   right: 2px;
}

.payeeBox a{
    color: #C4591D;
}

.commissionRate {
    color: red;
}

.commissionTable {
   margin-left: 15px;
}

.paymentLink {
   margin-right: 5px;
   margin-left: 3px;
}

.paymentLink a{
   text-decoration: none;
}

.paymentLinks {
   position: absolute;
   right: 2px;
   bottom: 2px;
}

.paymentLink a:hover{
   text-decoration: underline;
}

.meatballHeader {
   margin-left: 5px;
}

.pictureList {
   margin-bottom: 22px;
} 

.productVariations {
   margin-top: 22px;
   margin-bottom: 22px;
}

#accountingCell {
   background: white
}

.accountingTable {
    margin-top: 35px;
    border: 0px;
}
.accountingTable td{ 
   background-color: #eeeeff;
}

.accountingTable th{ 
   color: #C4591D;
}

.productListName {
   width: 350px;
}

/*------ Preferences -------------------------------------------------------*/

.listModelNumber {
   display: none;
}

.listManufacturer {
   display: none;
}

.listOrigin {
   display: none;
}

.listWeight {
   display: none;
}

.blockModelNumber {
   display: none;
}

.blockManufacturer {
   display: none;
}

.blockOrigin {
   display: none;
}

.blockWeight {
   display: none;
}

.blockShippingMessage {
   display: none;
   color: blue;
}

.listShippingMessage {
   display: none;
   color: blue;
}

.prodDetailsManufacturer {
   
}

.prodDetailsModelNumber {
   
}