#shopManager {
	margin:5px;
	font-size: 11px;
	font-family: Verdana;
	text-align: left;
}

.helpButton {
	padding: 0px 3px 0px 3px;
	margin: 0px 5px 10px 5px;
	background: #ffffdd;
	border: solid #666666 1px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	line-height: 1.5em;
	cursor:pointer;
	text-align: center;
}

.jsError {
	border: solid #ddbbbb 1px;
	background: #ffeeee;
	color: black;
	padding: 2px 3px 2px 3px;
	margin: 5px;
	font-size: 80%; 
	display: none;
}

.helpMessage {
	float:left;
	padding: 1px 5px 1px 5px;
	margin: 0;
	background: #ffffdd;
	border: solid #666666 1px;
	color: #006600;
	text-decoration: none;
	font-weight: normal;
	width:100%;
}


/*=============================*/
/* - SHOP PANEL - */
/*=============================*/
.shopPanel {
	clear: both;
	margin: 5px;
	padding: 0px 0px 0px 0px;
	color: black;
	font-size: 11px;
	font-family: Verdana;
	background: white;
	text-align: left;
}

.shopPanelHeader {
	border: solid #dddddd 1px;
	margin: 0px;
	padding: 2px 0px 2px 5px;
	font-weight: bold;
	height:19px;
	background-image: url(../images/strip.gif);
}

.shopPanelHeader .shopPanelButtons a{
	float: right;
	font-size: 80%; 
	text-decoration: none;
	margin-right: 15px;
	color: #666666;
	font-weight: bold;
}
.shopPanelHeader .shopPanelButtons a:hover{text-decoration: underline;color: black;}

.shopPanelContents{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	font-size: 90%; 
}
.shopPanelContents form{
	margin: 0;
}

.shopPanelContents a{
	font-size: 9px; 
	text-decoration:none;
	margin-right: 10px;
}
.shopPanelContents a:hover{text-decoration: underline;}

.shopPanelContents ul {
	list-style: none;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.shopPanelContents ul li{
	clear: right;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 5px;
	list-style: none;
	height: 20px;
}
.shopPanelContents ul a{text-decoration: none;}
.shopPanelContents ul a:hover{text-decoration: underline;}

/*---- shopPanelWindow ----*/
.shopPanelWindow {
	position: absolute;
	display:none; 
	border: solid #cccccc 2px;
	background: #eeeeee;
	margin: 0px;
	font-size: 11px;
	font-family: Verdana;
	z-index: 100;
	text-align: left;
}
.shopPanelWindow form{
	margin: 10px;
}

.shopPanelWindow .windowTitle {
	border-top: solid #e0e0e0 1px;
	border-left: solid #e0e0e0 1px;
	border-bottom: solid #bbbbbb 1px;
	border-right: solid #bbbbbb 1px;
	font-weight: bold;
	background: #dddddd;
	padding: 2px 0px 2px 5px;
}

.shopInnerPanel {
	border: dashed #aaaaaa 1px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.shopInnerPanel  .shopInnerPanelHeader{
	background-image: url(../images/strip.gif);
	border-bottom: dashed #aaaaaa 1px;
	margin: 0px;
	padding: 2px 0px 3px 5px;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
}
.shopInnerPanelHeader .shopInnerPanelButtons a{
	float: right;
	font-size: 11px;
	font-family: Verdana;
	text-decoration: none;
	margin-right: 15px;
	color: #666666;
	font-weight: bold;
}
.shopInnerPanelHeader .shopInnerPanelButtons a:hover{text-decoration: underline;color: black;}




/*---- category tree ----*/
#categoryTree {
	clear: both;
	float: left;
	width: 35%;
	overflow: auto;
	white-space:nowrap;
}

#cat_tree {
	clear: both;
	list-style: none;
	margin: 0px 0px 0px 3px;
	padding: 10px 0px 0px 0px;
	font-size: 80%;

}
#cat_tree ul {
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 0px;
}
#cat_tree li{
	clear: both;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 10px;
}
#cat_tree li img{
	float: left;
	cursor: pointer;
	margin: 0px 4px 4px 0px;
	padding: 0px 0px 0px 0px;
}
#cat_tree div.itemOver {
	-float: left;
	background: #dddddd;
	color: black;
	margin: 0px 0px 0px -4px;
	padding: 1px 5px 2px 4px;
	cursor: pointer;
}
#cat_tree div.itemOut{
	-float: left;
	background: white;
	color: black;
	margin: 0px 0px 0px -4px;
	padding: 1px 5px 2px 4px;
	cursor: pointer;
}


/*---- category details (right) ----*/
#categoryDetails {
	border: solid #eeeeee 1px;
	margin-top: 5px;
	margin-left: 35%;
}

#categoryDetails a{
	font-size: 9px; 
	text-decoration:none;
	margin-right: 10px;
}
#categoryDetails a:hover{text-decoration: underline;}

#categoryDetails ul {
	list-style: none;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

#categoryDetails ul li{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 5px;
	list-style: none;
}

#categoryDetails ul li a{
	margin:0;
	padding: 0;
}
#categoryDetails ul li img{
	margin:0;
	padding: 0;
	border: none;
}



#productListHeader	{
	font-weight: bold;
	background-image: url(../images/strip.gif);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 5px;
	height: 25px;
}

#productList{
	clear: none;
}
#productList form{
	margin: 0;
	padding: 0;
}
#productList ul{
	margin: 0;
	padding: 0;
}
#productList ul li{
	float:left;
	margin: 0 0 2px 0;
	padding: 0;
	height:1%;
}


#productList  ul li .product_buttons {
	float: right;
	font-weight: normal;
}
#productList  ul li .product_buttons {
	float: right;
}
#productList  ul li .product_buttons img {
	cursor: pointer; 
	margin-right: 2px;
}
#productList  ul li .product_buttons .product_price {
	margin-right: 10px;
	color:green;
}

#productList  ul li .product_line{
	float:left;
}

#productList  ul li .product_name{
	margin: 0 0 0 65px;
	line-height: 20px;
}



#productDetails {
	background: red;
}



#categoryStyleButton {
	margin: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}
#categoryStyleDetails{
	display: none;
	border: solid #ffffff 1px;
	background: #f5f5f5;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}


/* -- productWindow -- */
.productWindow {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #eeeeee;
	border: solid #bbbbbb 2px;
}
.productWindow a{font-size: 9px;margin-right: 10px;}
.productWindow a:link{text-decoration: none;}
.productWindow a:active{text-decoration: none;}
.productWindow a:visited{text-decoration: none;}
.productWindow a:hover{text-decoration: underline;}

.productWindow .windowTitle {
	border-top: solid #e0e0e0 1px;
	border-left: solid #e0e0e0 1px;
	border-bottom: solid #bbbbbb 1px;
	border-right: solid #bbbbbb 1px;
	font-weight: bold;
	background: #dddddd;
	padding: 2px 0px 2px 5px;
	margin: 0px;
}
.productWindow .windowTitle img{
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
.productWindow form{
	margin: 5px;
	padding: 0px 0px 0px 0px;
}

#detailFields {
	border: dashed #aaaaaa 1px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
#detailFieldsHeader {
	font-weight: bold;
	background: #dddddd;
	border-bottom: dashed #aaaaaa 1px;
	margin: 0px;
	padding: 2px 0px 3px 5px;
	font-size: 10px;
	font-family: Verdana;
}

/* ----- categorySelection tree ----- */
#categorySelection {
	clear: both;
	float: left;
	width: 240px;
	height: 450px;
	border: dashed #aaaaaa 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	white-space:nowrap;
	overflow: auto;
}

#cat_sel_tree {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 5px;
	font-size: 9px;
	font-family: Verdana;
}
#cat_sel_tree ul {
	margin: 0px 0px 0px 13px;
	padding: 0px 0px 0px 0px;
}
#cat_sel_tree li{
	clear: both;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 10px;
}
#cat_sel_tree li img{
	float: left;
	cursor: pointer;
	margin: 0px 4px 4px 0px;
	padding: 0px 0px 0px 0px;
}
#cat_sel_tree li input{
	float: left;
	cursor: pointer;
	margin: -1px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#cat_sel_tree div.itemOver {
	background: #dddddd;
	margin: 0px 0px 0px -5px;
	padding: 1px 5px 2px 5px;
	cursor: pointer;
}
#cat_sel_tree div.itemOut{
	margin: 0px 0px 0px -5px;
	padding: 1px 5px 2px 5px;
	cursor: pointer;
}
#cat_sel_tree div.selected {
	color: black;
}
#cat_sel_tree div.unselected {
	color: #666666;
}


/* shipping */
.shippingTable {
	width:100%;
	margin: 0;
	padding:0;
}
.shippingTable th{
	background: #eeeeee;
	color: #999999;
	padding: 2px 0px 2px 3px;
}
.shippingTable td{
	border-bottom: solid #dddddd 1px;
}
.shippingTable a{
	text-decoration: none;
	color: #666666;
}
.shippingTable a:hover{text-decoration: underline;color: black;}


/* countries */
#countriesList {
	float: left;
	width: 250px;
}

#countriesList #countriesSelection {
	overflow: auto;
	height: 95px;
}
#countriesList .selectedCountry {
	background: #ddddff;
}
#countriesList .selCurrency {
	float: right;
	font-size: 9px;
}


#countriesList #countriesSelection input{
	padding: 0px 0 0px 0;
	margin: 0px 5px 0px 0;
}
#countriesList #countriesSelection div{
	line-height:20px;
}

/*=============================*/
/* ----- Dropdown Menus ------ */
/*=============================*/
#categoryNav {
	clear: both;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	font-size: 100%;
}
#categoryNav li{
	float: left;
	position: relative;
	margin: 0px -1px 0px 0px;
	padding: 0px 4px 0px 5px;
	height: 20px;
	cursor: pointer;
}
#categoryNav ul { /* second level*/
	list-style: none;
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	margin: 19px 0px 0px -1px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
}
#categoryNav ul li{
	clear: both;
	margin: -1px 0px 0px 0px;
	padding: 4px 0px 0px 5px;
	background: #eeeeee;
	border:solid #dddddd 1px;
}

#categoryNav div{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#categoryNav a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	width: 130px;
	color: #666666;
}
#categoryNav a:hover {text-decoration: underline;color: black;}



#productNav {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	font-size: 100%;
}
#productNav li{
	float: left;
	position: relative;
	margin: 0px -1px 0px 0px;
	padding: 0px 4px 0px 5px;
	height: 20px;
	cursor: pointer;
}
#productNav ul { /* second level*/
	list-style: none;
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	margin: 17px 0px 0px -1px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
}
#productNav ul li{
	clear: both;
	margin: -1px 0px 0px 0px;
	padding: 4px 0px 0px 5px;
	background: #eeeeee;
	border:solid #dddddd 1px;
}

#productNav div{
	float: left;
	margin: -2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#productNav a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	width: 130px;
	color: #666666;
}
#productNav a:hover {text-decoration: underline;color: black;}



/*=============================*/
/* -------- FRONT PAGE ------- */
/*=============================*/
#shop {
	background: white;
	margin-bottom: 5px;
	font-family: arial;
}

#shop a.backToTop {
	float: none;
	clear:both;
	padding: 10px 0;
	text-decoration: underline;
	color: #B4D561;
}
#shop a.backToTop:hover{text-decoration: none;color: #B4D561;}

#shopName {
	font-size: 90%;
	font-family: Verdana;
	text-align: left;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	color: #18A5BD;
}

#shop .clearing{
	clear:both;
	height: 1px;
}


/* Top Nav and Checkout */

#categoryLinks {
padding: 10px;
clear: right;
font-size: 130%;
text-align: center;
color: #B4D561;
border-bottom: 1px solid #DDDDDD;
}

#categoryLinks a:link, #categoryLinks a:visited, #categoryLinks a:hover, #categoryLinks a:active {
color: #B4D561;
padding: 0 5px;
}

#cartLinks{
float: right;
}

#cartLinks a{
margin: 0 2px;
}


/* Standard Text */
#shop p{
 margin: 0 0 0 10px;
 padding: 0 0 15px 0;
}

#shop h1{
	clear: both;
	margin: 0 0 0 0;
	padding: 10px 0 5px 0;
	color:#B4D561;
	font-size: 175%;
	font-weight: normal;
	line-height:140%;
}

#shop h2{
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
	color:#555555;
	font-size: 140%;
	font-weight: normal;
	line-height:140%;
}


#shop ul{
margin-top:0;
}

/* Product Page */
#shop .productDisplay{
padding: 10px 0;
border-bottom: 1px dashed #DDDDDD;
}


#shop .productList {
	list-style: none;
	background: white;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	text-align: left;
}

#shop .productList li{
	clear: both;
	margin: 0px;
	padding: 0px;
}

#shop .productName {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	color:#555555;
	font-size: 140%;
	font-weight: normal;
	line-height:140%;
}
#shop .productImage {
	float: left;
	margin: 0px 0px 20px 10px;
	padding: 0px 0px 0px 0px;
	color:#555555;
	
}
#shop .productDetail {
	margin: 0 0px 0 150px;
	padding: 0 0px 0px 0;
	color:#555555;

}
#shop .productDetail p {
	margin: 0px 240px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height:160%;
}

#shop .productDetailField {
	float: right;
	width: 230px;
	margin: 0px 0px 0px 20px;
	padding: 0 0 10px 0;
	color:#555555;
}
#shop .productDetailField ul {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 15px;
	font-size: 85%;
	line-height:15px;
}

#shop .productOrderForm {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#shop .productPrice {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#555555;
}
#shop .productPriceValue {
	color:#CE3100
}
#shop .productQuantity {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#555555;
}
#shop .productQuantity .quantity{
	float: left;
}

#shop .productQuantity input {
	float: left;
	width: 30px;
	font-size: 95%;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#shop .productButtons {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#555555;
}



/*=============================*/
/* --------- CHECKOUT -------- */
/*=============================*/





#productTable {
	border-collapse: collapse;
	margin: 5px auto 5px auto;
	color:#333333;
}

#productTable th{
	font-size: 90%;
	font-weight: bold;
	border: solid black 0px;
	text-align: left;
	padding: 5px;
}
#productTable td{
	font-size: 85%;
	border: solid #999999 1px;
	padding: 2px 5px 2px 5px;
	text-align: left;
}

#productTable .productQuantityColumn {
	text-align: right;
}
#productTable .productQuantityColumn input{
	text-align: right;
	width: 40px;
}
#productTable .productPriceColumn {
	text-align: right;
}

a.productButtons {font-size: 80%;margin-right: 8px;}

#product a{}
#product a:link{text-decoration: none;}
#product a:active{text-decoration: none;}
#product a:visited{text-decoration: none;}
#product a:hover{text-decoration: underline;}

#buttons {
	text-align:center;
	margin-bottom: 10px;
}


table.customerTable {
	margin: auto;
}

table.customerTable th{
	height: 25px;
}
table.customerTable td{
	padding: 1px 5px 1px 5px;
}



/*-------Credit card images------------*/
.creditCards {
	clear: both;
	text-align: center;
	margin: 30px 0 15px 0;
}
.creditCards img {
	margin: -5px 5px 0 0;
}

/*-------------------*/
.phpError{
	background:white;
	text-align:left;
	margin:0;
	padding: 5px 15px 5px 15px;
	border:solid #999999 3px;
}
.phpError p{
	clear: both;
	text-align:left;
	background-image: url(../images/delete.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:0px 0 5px 15px;
}
.phpError p span{
	border-bottom:solid #999999 1px;
	margin:0px 0 10px 0px;
}



/*-------Product Attributes------------*/
#attributesList {
	margin: 0px 5px 0px 5px;
	padding: 0px;
}

#attributesList #product_attributes {
	margin:0;
	padding:0;
}

#attributesList #product_attributes .attribute_group {
	font-weight: bold;
	background: #dddddd;
	padding: 1px 1px 1px 5px;
	margin: 10px 0 0 0;
}
/*- inplaceeditor-form -*/
#attributesList #product_attributes .attribute_group form.inplaceeditor-form {
	margin: 0;
}
#attributesList #product_attributes .attribute_group form.inplaceeditor-form input{
	font-size: 9px;
}
#attributesList #product_attributes .attribute_group form.inplaceeditor-form a { /* The cancel link */
	font-weight: normal;
}

/* - attribute items - */
#attributesList ul.attribute_items {
	list-style: square;
	margin: 0 0 15px 0;
}
#attributesList ul.attribute_items li {
	list-style: square;
	margin: 0px 0px 1px 25px;
	line-height: 14px;
	padding-left: 0px;
}
#attributesList ul.attribute_items li.add_new_link {
	list-style: none;
	padding-left: 0px;
}
#attributesList ul.attribute_items li.add_new_link a {
	font-size: 100%;
	margin: 0 3px 0 3px;
	padding: 0;
	text-decoration: underline;
}
#attributesList ul.attribute_items li.add_new_link a:hover {
	background: #dddddd;
}


/* - reorder attributes - */
#attributesList .reorder_container {
	border: solid #dddddd 1px;
	padding: 5px  5px 0px 5px;
}
#attributesList .reorder_container a {
	font-size: 100%;
	margin: 0 3px 0px 15px;
	padding: 0;
	text-decoration: underline;
}
#attributesList .reorder_container a:hover {
	background: #dddddd;
}
#attributesList .reorder_container div.reorder_attributes {
	list-style: none;
	margin: 10px 0 15px 0;
}
#attributesList .reorder_container div.reorder_attributes div {
	list-style: none;
	margin: 0px 0px 2px 15px;
	line-height: 14px;
	padding-left: 35px;
	cursor: move;
	background: white;
	background-image: url(../images/drag.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}


/* - selectable attributes - */
#attributesList .sel_attributes_list {
	background: #FFFFC6;
	border: solid #dddddd 1px;
	padding: 0  5px 15px 5px;
	margin: 0;
	-height: 1%;
}
#attributesList .sel_attributes_list p.visible {
	color: black;
	padding: 5px 0px 5px 10px;
	margin: 0;
	padding-left: 0px;
}
#attributesList ul.selectable_atribute_list {
	list-style: none;
	margin: 0 0 0px 0;
}
#attributesList ul.selectable_atribute_list li {
	list-style: none;
	margin: 0px 0px 1px 5px;
	height: 18px;
	line-height: 18px;
}
#attributesList ul.selectable_atribute_list span {
	text-decoration:underline;
}

#attributesList ul.selectable_atribute_list li a.remove_link{
	float:right;
}

#attributesList ul.selectable_atribute_list input{
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 9px;
}

/*- inplaceeditor-form -*/
#attributesList ul.selectable_atribute_list form.inplaceeditor-form {
	margin: -3px 0 0 20px;
}
#attributesList ul.selectable_atribute_list form.inplaceeditor-form a { /* The cancel link */
	font-size: 10px;
	color:red;
}


/* - other attributes - */
#attributesList .other_attributes {
	background: #dddddd;
	padding: 1px;
	margin-top: 10px;
}
#attributesList .other_attributes input, select {
	font-size: 9px;
}