
/* MAIN */
#mycontainer { width: 560px; padding-right: 5px; border-right: 1px solid #cccccc;}
#mycontainer, #mycontainer TABLE {	color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
#mycontainer TD { vertical-align: top; font-size: 11px;}
#mycontainer A{ text-decoration: underline; color:#333333;}
#mycontainer A:HOVER{ text-decoration: underline; color:#000000;}
#mycontainer UL{}
#mycontainer LI{}
#mycontainer FORM{ padding: 0; margin: 0;}
#mycontainer INPUT{ padding: 0; margin:0;}
#mycontainer SELECT{	border: 1px solid #AAAAAA;}
#mycontainer TEXTAREA{ border: 1px solid #AAAAAA;}

#mycontainer H1{ color: #666666; font-size: 22px; font-weight: normal; padding: 0; margin: 0; padding-top: 5px; font-weight: normal;}
#mycontainer H2{ color: #666666; font-size: 18px; font-weight: normal; padding: 0; margin: 0; padding-top: 5px;}
#mycontainer H3{ color: #666666; font-size: 12px; padding: 0; margin: 0; padding-top: 5px;}
#mycontainer P{margin:0; margin-bottom: 10px;}

#storeHeader{ padding: 5px 0px 5px 0px;}
#storeOasis{}
#storeDOTD{}

#storeCategories UL{ margin-top: 0; margin-bottom: 10px;}
#storeCategories UL LI{}

/* GLOBAL DESIGN */
.test{ border: 1px solid #FF0000;}

.bg_purple{	background-color: #57405B;	color: #FFFFFF;}
.bg_lightblue{	background-color: #D9DCE1;	color: #3F4250;}
.bg_white{ background-color: #FFFFFF;}
.bg_orange{ background-color: #E08400;}
.bg_blue{background-color: #A3B0C3;}
.bg_lightgray{ background-color: #EEEEEE;}
.bg_gray{ background-color:#DDDDDD;}
.bg_drkgray{background: #AAAAAA;}
.bg_green{ background-color: #9AE30C;}
.bg_red { background-color: #96171A;}

.border{  border: 1px solid #cccccc;}
.border-right{  border-right: 1px solid #cccccc;}
.border-left{   border-left: 1px solid #cccccc;}
.border-bottom{ border-bottom: 1px solid #cccccc;}
.border-top{    border-top: 1px solid #cccccc;}

.border-dashed{  border: 1px dashed #cccccc;}
.border-right-dashed{  border-right: 1px dashed #cccccc;}
.border-left-dashed{   border-left: 1px dashed #cccccc;}
.border-bottom-dashed{ border-bottom: 1px dashed #cccccc;}
.border-top-dashed{    border-top: 1px dashed #cccccc;}

.padding{ padding: 5px;}
.padding-left{ padding-left: 5px;}
.padding-right{ padding-right: 5px;}
.padding-top{padding-top: 5px;}
.padding-bottom{padding-bottom: 5px;}

.padding-small{ padding: 2px;}
.padding-small-left{ padding-left: 2px;}
.padding-small-right{ padding-right: 2px;}
.padding-small-top{ padding-top: 2px;}
.padding-small-bottom{ padding-bottom: 2px;}

.padding-large{ padding: 10px;}
.padding-large-left{ padding-left: 10px;}
.padding-large-right{ padding-right: 10px;}
.padding-large-top{ padding-top: 10px;}
.padding-large-bottom{ padding-bottom: 10px;}

.padding-none{ padding: 0px;}
.padding-none-left{ padding-left: 0px;}
.padding-none-right{ padding-right: 0px;}
.padding-none-top{padding-top: 0px;}
.padding-none-bottom{padding-bottom: 0px;}

.margin{       margin: 10px;}
.margin-left{  margin-left: 10px;}
.margin-right{ margin-right: 10px;}
.margin-top{   margin-top: 10px;}
.margin-bottom{margin-bottom: 10px;}

.margin-small{       margin: 5px;}
.margin-small-left{  margin-left: 5px;}
.margin-small-right{ margin-right: 5px;}
.margin-small-top{   margin-top: 5px;}
.margin-small-bottom{margin-bottom: 5px;}

.margin-large{       margin: 15px;}
.margin-large-left{  margin-left: 15px;}
.margin-large-right{ margin-right: 15px;}
.margin-large-top{   margin-top: 15px;}
.margin-large-bottom{margin-bottom: 15px;}

.margin-none{       margin: 0px;}
.margin-none-left{  margin-left: 0px;}
.margin-none-right{ margin-right: 0px;}
.margin-none-top{   margin-top: 0px;}
.margin-none-bottom{margin-bottom: 0px;}

.align-left  { text-align: left;}
.align-center{ text-align: center;}
.align-right { text-align: right;}
.align-top   { vertical-align: top;}
.align-middle{ vertical-align: middle;}
.align-bottom{ vertical-align: bottom;}


/* GLOBAL FONT SIZES AND COLORS */
#mycontainer .font-bold{ font-weight: bold; color:#666666;}

#mycontainer .font-small{ font-size: 10px;}
#mycontainer .font-medium{font-size: 12px;}
#mycontainer .font-large{ font-size: 14px;}

#mycontainer .font-black{ color: #000000;}
#mycontainer .font-white{ color: #FFFFFF;}
#mycontainer .font-blue{  color: #0A478B;}
#mycontainer .font-orange{color: #E08400;}
#mycontainer .font-red{   color: #96171A;}
#mycontainer .font-lightgray{  color: #999999;}
#mycontainer .font-gray{  color: #666666;}
#mycontainer .font-drkgray { color: #333333;}

#mycontainer a.font-black{ color: #000000;}
#mycontainer a.font-white{ color: #FFFFFF;}
#mycontainer a.font-blue{  color: #0A478B;}
#mycontainer a.font-orange{color: #E08400;}
#mycontainer a.font-red{   color: #96171A;}
#mycontainer a.font-lightgray{  color: #999999;}
#mycontainer a.font-gray{  color: #666666;}
#mycontainer a.font-drkgray { color: #333333;}

#mycontainer a.font-black:HOVER { color: #000000;}
#mycontainer a.font-white:HOVER { color: #FFFFFF;}
#mycontainer a.font-blue:HOVER {  color: #0A478B;}
#mycontainer a.font-orange:HOVER {color: #E08400;}
#mycontainer a.font-red:HOVER {   color: #96171A;}
#mycontainer a.font-lightgray:HOVER {  color: #999999;}
#mycontainer a.font-gray:HOVER {  color: #666666;}
#mycontainer a.font-drkgray:HOVER  { color: #333333;}



#mycontainer .font-nounderline{ text-decoration: none;}
#mycontainer .font-nounderline A{ text-decoration: none;}
#mycontainer .font-nounderline A:HOVER{ text-decoration: underline;}

/* PRODUCT DESIGN */
.ProContainer { vertical-align:top; padding: 0px; width: 128px;}
.ProContainer .ProImage { text-align: center; height: 120px;}
.ProContainer .ProImage img   { border: 1px solid #cccccc;padding: 0; margin: 0;}
.ProContainer .ProName    { padding-top: 5px; min-height: 45px;}
* html .ProContainer .ProName { height: 45px;}
.ProContainer .ProName A  {}
.ProContainer .ProName A:HOVER {}
.ProContainer .ProPrice   { padding-top: 5px; font-size: 11px; font-weight: bold; color:#96171A;}
.ProContainer .ProList    { font-size: 9px; color: #666666;}
.ProContainer .ProPercent { font-size: 9px;}
.ProContainer .ProMoreLink { padding-top: 3px;}
.ProContainer .ProMoreLink A{ font-size: 9px;}
