@charset "utf-8";
/*
 * New CSS style 2010-01-26
 */



html {
	overflow-y: scroll;
	border: 0;
}
 
/* Template: StickyFooter: start */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 60px;}  /* must be same height as the footer */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
#footer {position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	clear:both;}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Template: StickyFooter: end */








/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote {margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}


/* SET DEFAULT STYLES:Begin */
body {
	outline: 0;
	border: 0;
	font-family: Verdana, Tahoma, Arial, Times New Roman;
	color: black;
}

ul {
	list-style: circle;
	margin: 0;
	padding: 0 0 0 2em;
}

ol {
	list-style: decimal;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}

li {
	padding: 0;
	margin: 0;
	line-height: inherit;
}

blockquote, q {
	quotes: none;
	margin: 0;
	padding: 0 0 0 2em;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
}

tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }

h1 { font-size: 2em;  }
h2 { font-size: 1.5em;  }
h3 { font-size: 1.1em; }
h4 { font-size: 1.1em;  }
h5 { font-size: .8em;  }
h6 { font-size: .7em; }

fieldset { margin: 0.5em; border: 1px solid gray; }
input { padding: 1px; }

big { padding: 0; margin: 0; font-size: 1.5em; }
small { font-size: 0.8em; }

sup { font-size: 0.8em; }
sub { font-size: 0.8em; }

dl { margin-top: 0; margin-bottom: 0;}
dd { margin-left:1em; }


acronym { border-bottom: 1px dotted gray; }
abbr { border-bottom: 1px dotted gray; }
/* SET DEFAULT STYLES:End */







































/*
 * Common Styles
 */
html {
	overflow: -moz-scrollbars-vertical; /* Always display the vertical scrollbar */
	border: none;
}

img {
	border: none;
}

body {
	outline: 0;
	border: 0;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: black;
	padding: 0;
	margin: 0;
}

a, a:visited {
	color: #810081;
	text-decoration: none;
}
a:hover {
	color: #c44881;
	text-decoration: underline;
}
p {
	padding: 0;
	margin: 0;
}



.linkEdit, .linkAdd, .linkDelete, a.linkEdit, a.linkAdd, a.linkDelete, .linkSort, .linkBack, .linkCheckBoxOff, .linkCheckBoxOn {
	line-height: 20px;
	height: 20px;
	vertical-align: middle;
	padding-left: 20px;
	font-size: 16px;
	margin: 0;
	display: inline-block;
	background-image: url('/template/basic/images/toolbar_icons.png');
	background-repeat: no-repeat;
}


.linkEdit {
	background-position: 0px 0px;
}

.linkAdd {
	background-position: 0px -20px;
}

.linkDelete {
	background-position: 0px -40px;
}

.linkSort {
	background-position: 0px -80px;
}

.linkBack {
	background-position: 0px -100px;
}
.linkCheckBoxOff {
	background-position: 0px -120px;
}
.linkCheckBoxOn {
	background-position: 0px -140px;
}


.centered {
	margin: 0 auto;
}
.aligned-right {
	display: block;
	text-align: right;
}
.columnRight {
	text-align: right;
	padding-left: 2px;
	padding-right: 2px;
}

.columnCenter {
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
}

.columnLeft {
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
}

.clear {
	clear: both;
}

.requiredField {
	color: #CC0000;
	font-style: italic;
	font-size: 12px;
}
.cybird-inline {
	display: inline;
}






/*
 * FrontEnd Styles
 */
/*Framing */
body.mall {
	background-color: #CCC;
	background-image: url('/template/basic/images/body_background.png');
	background-repeat: repeat-y;
	background-position: top center;
	background-attachment: fixed;
}

body.mall > #wrap, body.mall > #footer {
	background-color: #fff;
	width: 1258px;  /*this keep widths aligned to the background image */
	margin-left: auto;
	margin-right: auto;
}

.colmaskContainer {
	width: 1200px;
	margin: 0 auto;
}
.colmask {
	text-align: left;
}




#header-container {
	text-align: center;
	display: block;
	margin: 0 auto;
	width: 1240px;
	height: 80px;
	/*background-image: url('/template/default/images/header_background.png');*/
	background-repeat: repeat-x;
	background-position: top left;
	position: relative;
}

#divLogoContainer {
	border: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 166px;
	height: 80px;
	z-index: 1;
}
#divLogoContainer img.logo {
	width: 166px;
	height: 80px
}
#divTitleContainer {
	text-align: center;
	position: absolute;
	display: block;
	width: 1074px;
	top: 0px;
	left: 166px;
	text-align: center;
}
.valley-title {
	font-size: 24px;
	text-align: center;
	letter-spacing: 6px;
	font-weight: bold;
	padding-top: 22px;
	position: relative;
}



#divHorizontalMenuContainer {
	width: 100%;
	display: block;
	clear: both;
	position: relative;
	background: url('/template/basic/images/horizontal_menu_middle.png') top left repeat-x;
}
#divHorizontalMenuContainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 30px;
	text-align: center;
}
#divHorizontalMenuContainer ul li {
	padding: 0px 22px;
	display: inline;
	font-size: 14px;
	color: #7c337c;
	vertical-align: middle;
	line-height: 30px;
	height: 30px;
	font-weight: bold;
}
#divHorizontalMenuContainer ul li a {
	font-size: 14px;
	color: #7c337c;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
}
.my_store_button {
	position: absolute;
	top: 0px;
	right: 10px;
	background-image: url('/template/basic/images/my_store_background.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 125px;
	line-height: 30px;
	height: 30px;
	color: white;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	
}
.my_store_button a {
	color: white;
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}





#divHolidaySalesOuterContainer {
	border: 1px solid #8c348b;
	padding: 0px;
	margin: 0px;
	width: 165px;
}
#divHolidaySalesContainer {
	border: 0;
	padding: 0px;
	margin: 0px;
	width: 165px;
	background-image: url('/template/basic/images/sales_background.png');
}
#divHolidaySalesContainer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#divHolidaySalesContainer ul li {
	padding: 10px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#divHolidaySalesContainer ul li a {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
}
#divHolidaySalesContainer ul li:hover  {
	background-image: url('/template/basic/images/sales_background_hover.png');
	text-decoration: none;
	cursor: pointer;
}

#divHolidaySalesContainer ul li a:hover {
	text-decoration: none;
	cursor: pointer;
}

#link_ecommerce {
	font-size: 14px;
}





.containerStoreCategory ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	width: 168px;
}
.containerStoreCategory ul li {
	font-size: 12px;
	color: #000;
	background: #dfdfff;
	margin: 1px 0px;
	padding: 1px 5px;
	font-weight: bold;
}
.containerStoreCategory ul li a {
	font-size: 12px;
	color: #000;
	font-weight: bold;
}


.containerCitySideBar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	width: 168px;
}
.containerCitySideBar ul li {
	font-size: 12px;
	color: #000;
	background: #dfdfff;
	margin: 1px 0px;
	padding: 1px 5px;
	font-weight: bold;
}
.containerCitySideBar ul li a {
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
.containerCitySideBar ul li.region_name {
	font-size: 12px;
	color: #fff;
	background: #00008b;
	margin: 1px 0px;
	padding: 1px 5px;
	font-weight: bold;
}
.containerCitySideBar ul li.region_name:hover {
	cursor: pointer;
}
.containerCitySideBar ul li.region_name a {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}
.city_name {
	display: none;
}


.store-directory-letters {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;
	width: 920px;
}
.store-directory-letters li {
	float: left;
	font-size: 18px;
	width: 20px;
	display: block;
	text-align: center;
}
.store-directory-letters li a {
	font-size: 18px;
	color: #810081;
}
.store-directory-letters li.separator {
	width: 16px;
	display: block;
}

.store-directory-links {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;
	width: 820px;
}
.store-directory-links li {
	float: left;
	width: 200px;
	height: 90px;
	font-size: 12px;
	/*background: #FFC;*/
}
.store-directory-links li a {
	font-size: 12px;
	color: #810081;
}
.store-directory-links li.separator {
	width: 110px;
	height: 90px;
	/*background: #FCC;*/
}
.store-browse-list {
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.store-browse-list li {
	float: left;
	width: 190px;
	height: 185px;
}
.store-browse-list li.separator {
	width: 10px;
	height: 185px;
}

.holiday-store-browse-list, .featured-store-browse-list {
	padding: 0;
	list-style-type: none;
	width: 1178px;
	margin-left: auto;
	margin-right: auto;
}
.holiday-store-browse-list li, .featured-store-browse-list li {
	padding: 0; margin: 0;
	float: left;
	text-align: center;
}
.holiday-store-container {
	width: 280px;
}
.holiday-store-spacer, .featured-store-spacer {
	width: 169px;
	height: 800px;
}

.holiday-store-text-container {
	overflow: hidden;
}

.featured-text-outer-box {
	clear: both;
	text-align: left;
}
.featured-text-inner-box {
	padding: 10px;
}

.content-title {
	font-weight: bold;
	font-size: 19px;
	display: block;
	padding: 0; margin: 0 auto;
	text-align: center;
}
.big-content-title {
	font-weight: bold;
	font-size: 24px;
	display: block;
	padding: 10px 0 0 0; margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
}
.store-title {
	font-size: 24px;
	text-align: center;
	letter-spacing: 6px;
	font-weight: bold;
	padding-top: 14px;
}
.table-text {
	font-size: 14px;
}
.text-site {
	font-size: 12px;
}

.divMallMenuContainer {
	margin: 0px auto;
	/*background: #F69;*/
	background-image: url('/template/basic/images/top_menu_background.png');
	background-color: #a477a4;
	display: block;
	border: 1px solid #9b6e9b;
}
.divMallMenuContainer ul {
	display: inline;
	height: 21px;
	line-height: 21px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	text-align: center;
	/*background: #a275a2;*/
}

.divMallMenuContainer tr td {
	float: left;
	margin: 0;
	padding: 0 22px;
	font-size: 14px;
	font-weight: bold;
	color: yellow;
	background-image: url('/template/basic/images/top_menu_background.png');
	background-repeat: repeat-x;
}
.divMallMenuContainer tr td a {
	font-size: 14px;
	font-weight: bold;
	color: white;
}

body.mall > #footer {
	background-image: url('/template/basic/images/mall_footer_background.png');
	background-position: top left;
	background-repeat: repeat-x;
	text-align: center;
	font-size: 12px;
	color: #7c337c;
	text-align: center;
}

.footer-inner {
	display: block;
	clear: both;
}
.footer-inner ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
.footer-inner ul li {
	display: inline;
	font-size: 14px;
	color: #884888;
	vertical-align: middle;
}
.footer-inner ul li a {
	font-size: 14px;
	color: #884888;
	vertical-align: middle;
}


.basic-store-image-container, .active-store-image-container, .ecommerce-store-image-container, .virtual-store-image-container {
	position: absolute;
	top: 10px;
	left: 10px;
}
.active-store-image-container, .ecommerce-store-image-container {
	padding-left: 66px;
}
.active-message-board-container, .ecommerce-message-board-container, .virtual-message-board-container {
	position: absolute;
	top: 10px;
	overflow: hidden;
	border: 1px solid #a477a4;
	background-color: #c0c0c0;
}
.basic-calling-card-store-info {
	position: absolute;
	left: 10px;
	overflow: hidden;
	/*background: cyan;*/
	font-size: 12px;
}
.active-calling-card-store-info, .ecommerce-calling-card-store-info, .virtual-calling-card-store-info {
	position: absolute;
	left: 10px;
	overflow: hidden;
	/*background: cyan;*/
	font-size: 11px;
}
.list-store-hours td {
	font-size: 11px;
}
.product-list-browse {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.product-list-browse li.catalog {
	width: 998px;
	height: 180px;
	/*font-size: 12px;*/
	margin: 0; padding: 0; border:0;
}
.product-list-browse li.catalog a {
	/*font-size: 12px;*/
}
.product-container {
	width: 150px;
	height: 180px;
	/*background-color: #C7FAA5;*/
}
.product-spacer {
	width: 43px;
	height: 180px;
	/*background-color: #3CF;*/
}
.product_thumbnail {
	display: block;
	width: 160px;
	height: 170px;
	overflow: hidden;
	float: left;
}

.product_description{
	display: block;
	width: 448px;
	height: 180px;
	overflow: hidden;
	float: left;
}
.product_sale_information {
	width: 160px;
	height: 180px;
	overflow: hidden;
	float: left;
}
.product_price {
	width: 170px;
	height: 180px;
	overflow: hidden;
	float: left;
	font-size: 14px;
}
.featured-product {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.featured-product li {
	width: 230px;
	height: 230px;
	text-align: center;
	float: left;
}
.featured-product li.separator {
	width: 7px;
	height: 230px;
}



















/*
 * BackEnd Styles
 */

body.backend {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
}
body.backend > #wrap > #stickyHeader {
	height: 72px;
	display: block;
	padding: 0;
	margin: 0;
	background-image: url('/template/basic/images/header_background.png');
	background-position: top left;
	background-repeat: repeat-x;
}

.adminHeaderMenu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.adminHeaderMenu li {
	float: left;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	padding: 0 16px 0 0;
	background-image: url('/template/basic/images/button_background_right.gif');
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 14px;
}
.adminHeaderMenu > li > span {
	display:block;
	padding: 0 0 0 16px;
	background-image: url('/template/basic/images/button_background_left.gif');
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 32px;
}
.adminHeaderMenu li:hover, .adminHeaderMenu li.selected {
	background-image: url('/template/basic/images/button_background_right_hover.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}
.adminHeaderMenu li:hover span, .adminHeaderMenu li.selected span {
	background-image: url('/template/basic/images/button_background_left_hover.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}
.adminHeaderMenu li span a {
	text-decoration: none;
}

.formField {
	border-top: 1px solid #DED1DC;
	border-left: 1px solid #DED1DC ;
	border-right: 1px solid #B4A4B2;
	border-bottom: 1px solid #B4A4B2;
	background-color: #FFF7FF;
	font-size: 12px;
	margin: 1px;
}

.focus  {
	border-top: 1px solid #E1B9DD;
	border-left: 1px solid #E1B9DD;
	border-right: 1px solid #B560AF;
	border-bottom: 1px solid #B560AF;
	background-color: #fcebfa;
}

.formField_disabled {
	border-top: 1px solid #DED1DC;
	border-left: 1px solid #DED1DC ;
	border-right: 1px solid #B4A4B2;
	border-bottom: 1px solid #B4A4B2;
	background-color: #CCC;
	font-size: 12px;
}

.buttonPending {	
	background: #2e8c56;
	color: white;
	border-top: 1px solid #99dbb5;
	border-left: 1px solid #99dbb5;
	border-right: 1px solid #425249;
	border-bottom: 1px solid #425249;
}

.homepageButton {
	position: absolute;
	bottom: 0px;
	right: 10px;
}


h1.viewTitle {
	font-size: 20px;
	padding: 2px 0px 4px 20px;
	border-bottom: 1px solid #f6e0ec;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	font-weight: inherit;
}

.sortable {
	display: inline-block;
	list-style: none;
}
.sortableList {
	margin: 0;
	padding: 0;
}

.sortable li {
	color: black;
	/*width: 800px;*/
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 14px;
}


.floatLeft {
	text-align: left;
	float: left;
}

.floatRight {
	float: right;
}
.sortableDelete {
	width: 72px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	color: red;
	background: url('/template/basic/images/sortable_delete.gif') top left no-repeat;
}

.sortableEdit {
	width: 56px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	color: red;
	background: url('/template/basic/images/sortable_edit.gif') top left no-repeat;
}



/* sortableThumbnail */
.sortableThumbnail {
	list-style: none;
}

.sortableThumbnail li {
}

.sorting-product {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sorting-product li {
	width: 140px;
	height: 200px;
	text-align: center;
	display: inline-block;
	overflow: hidden;
}
.sorting-product li.separator {
	width: 7px;
	height: 230px;
}

.listLeft {
	width: 16px;
	height: 24px;
	line-height: 24px;
	background: url('/template/basic/images/list_left.gif') top left no-repeat;
}

.listLeft_hover, .listLeft_highlighted {
		background: url('/template/basic/images/list_left_hover.gif') top left no-repeat;
}

.listMiddle {
	height: 24px;
	line-height: 24px;
	background: url('/template/basic/images/list_middle.gif') top left repeat-x;
}
.listMiddle_hover, .listMiddle_highlighted {
	background: url('/template/basic/images/list_middle_hover.gif') top left repeat-x;
}

.listRight {
	width: 16px;
	height: 24px;
	line-height: 24px;
	background: url('/template/basic/images/list_right.gif') top left no-repeat;
}
.listRight_hover, .listRight_highlighted {
	background: url('/template/basic/images/list_right_hover.gif') top left no-repeat;
}



.left_aligned {
	display: inline;
	float: left;
	margin: 0;
}
.right_aligned {
	display: inline;
	float: right;
	margin: 0;
}

stripeMe {
	text-align: left;
}


.stripeMe thead th {
	background: #E1B9DD;
	padding: 1px;
	color: #613357;
	text-align: left;
	padding-left: 8px;
}

.stripeMe tr {
	line-height: 20px;
	height: 20px;
	font-size: 14px;
}

tr.alt td {
	background-color: #DED1DC;
}

tr.over td {
	background-color: #B4A4B2;
	cursor: pointer;
}

tr.hightlightedToDelete td {
	background-color: #B4A4B2;
	cursor: crosshair;
}

.errorLabel {
	color: #CC0000;
	font-style: italic;
	font-size: 12px;
}

.buttonSubmit {
	font-size: 14px;
}
.buttonCancel {
	font-size: 14px;
}

.featureTextContainer {

	overflow: hidden;
}


.warning-text {
	font-weight: bold;
	color: #f00;
	font-size: 14px;
	line-height: 17px;	
}


body.backend > #footer {
	background-image: url('/template/basic/images/footer_background.png');
}

#cybirdCopyright {
	position: absolute;
	top: 0px;
	right: 10px;
	display: none;
}
#cybirdCopyright p {
	margin: 0;
}