/* -------------------------------------------------------------------------------
* 
* Project: HTC Movie - eCommerce Store Front
* 
* Description:  Contains special styles related to storefront
* Developed by John Swaringen (john@joppadesign.com)
* -------------------------------------------------------------------------------- */
.store .container .content { max-width:980px; }
.store .container .content.checkout { max-width:780px; }
.content .body { width:675px; min-height:325px; }
/* Link back to site */
.page-head nav a.store_logo { width:90px; height:200px; background-color:transparent; }
.page-head nav a.store_logo:hover { background:transparent; }
/*.page-head nav a { display: block; float: left; padding: 20px 25px 0 25px; height: 30px; background: url(../../images/navover.png) 0 -100px repeat-x; font-size: 1.2em; text-transform: uppercase; font-weight: 900; }*/



.left { text-align:left; }
.center {text-align:center; }
.right {text-align:right; }
strong { font-weight:bold; }
em { font-style:italic; }
textarea { font:12px Arial, Helvetica, sans-serif; }
/**
* Products Drop Down Menu
* -------------------------------------------------------------------------------- */
nav ul ul { text-indent:-9999; background-color:#101010; }
#prod_sub li a { color:#2177B0; }

.store .content h3 { text-transform:none; }

/**
*	WADA Items
* -------------------------------------------------------------------------------- */
.WADAClearRight { margin: 0px; padding: 0px; height: 0px; clear: right; }
.WADAClearLeft { margin: 0px; padding: 0px; height: 0px; clear: left; }
.WADAClearBoth { margin: 0px; padding: 0px; height: 0px; clear: both; }

/* Results Grid */
.WADAResultsNavigation { padding-top: 5px; padding-bottom: 10px; }
.WADAResultsCount { font-size: 11px; }
.WADAResultsNavTop, .WADAResultsInsertButton { clear: none; }
.WADAResultsNavTop { width: 60%; float: left; }
.WADAResultsInsertButton { width: 30%; float: right; text-align: right; }
.WADAResultsNavButtonCell, .WADAResultsInsertButton { padding: 2px; }
.WADAResultsTable { font-size: 11px; clear: both; background-color:#6EB9D8; border: 1px solid #667; }
.WADAResultsTableHeader, .WADAResultsTableCell { padding: 3px; text-align: left; }
.WADAResultsTableHeader { padding-left: 12px; padding-right: 12px; background-color:#333; vertical-align:bottom; white-space:nowrap; }
.WADAResultsTableCell { padding-left: 14px; padding-right: 14px; color:#333; }
.WADAResultsTableCell { border-left: 1px solid #667; width:170px; }
.WADAResultsEditButtons { border-left: 1px solid #667; border-right: 1px solid #AEBBC2; }
.WADAResultsRowDark { background-color: #DCE4ED; }
.WADADataNavButtonCell { vertical-align:top; }
span.WADATextButton a { color:#0D5891; }
.WADAResultsTable tfoot tr td { text-align:right; padding:2px; background-color:#333; }
.WADAResultsTable tfoot tr td a { color:#fff; }
.WADANoResultsMessage, .WADAMessage { font-size: 11px; }

/* Page Data Tables */
.WADANoResultsMessage { margin:10px; }
.WADADataTable { padding-top: 10px; padding-bottom: 10px; }
.WADADataTableHeader { font-size: 11px; font-weight: bold; text-align: left; padding: 5px; padding-left: 28px; font-weight:bolder; color:#fff; vertical-align:top; }
.WADADataTableCell { font-size: 11px; padding: 5px; }
#WADADetails .WADADataTableCell { font-weight:bold; color:#ccc; }   /* Hack to fix grid */
tfoot { text-align:right; background-color:#333; width:100%; }
td.phone {white-space: nowrap; }
input#OrderShipAddress2 { display:block; margin-top: 2px; }
#order_detail { margin: 10px 0; min-width:400px; }

/* Page Headers */
.WADAHeaderText, .WADAHeader { font-size: 12px; font-weight: bold; }
.WADAHeader { border-bottom: 1px solid #BABDC2; font-size: 12px; padding-bottom: 10px; }
.WADADataNavButtonCell { padding: 2px; }

/* Page Buttons */
.WADAButtonRow { padding-top: 5px; border-top: 1px solid #BABDC2; }
.WADAButton_Table { height: 18px; }
.WADAButton_Left { width: 2px; height: 18px; background-image: url(../images/Pacifica/Elemental_lg-cap-L.gif); background-repeat: no-repeat; }
.WADAButton_Right { width: 2px; height: 18px; background-image: url(../images/Pacifica/Elemental_lg-cap-R.gif); background-repeat: no-repeat; }
.WADAButton_Middle { vertical-align: middle; height: 18px; text-align: center; background-image: url(../images/Pacifica/Elemental_lg-BG.gif); background-repeat: repeat-x; }
.WADATextButton { vertical-align: middle; padding-left: 5px; padding-right: 5px; font-size: 11px; }
.WADAButton_Middle a { color: #E0E8F0; text-decoration: none; }

/* Delete Form */
#WADADeleteForm { padding:0px; margin:0px; }
#WADADeleteForm #Delete { vertical-align:middle; }

/* Form Inputs */
input[type=text] { width:170px; }
select { width:175px; }
input[type=text].state { width:25px; }
input[type=text].zip,
input[type=text].date { width:80px; }
table.images { border: 1px solid white; display:inline; }
#addImage { dsplay:inline; margin-left:5px; }
#productOptions { margin-top:10px; }

/**
* Product Order
* -------------------------------------------------------------------------------- */
#sortable li span.item { margin-left:10px; }
.product-order-button { background: url(../../WA_DataAssist/images/Pacifica/Elemental_update.gif) no-repeat left top; width:80px; height:23px; margin-top:10px; }



/* Password Dialog
* -------------------------------------------------------------------------------- */
.ui-dialog .ui-dialog-title { text-align:center; font-weight:bold; font-size:12px; width:100%; }
#dialog-modal { font-family:Verdana, Geneva, sans-serif; font-size:12px; }
#dialog-modal p { margin-bottom:15px; }
#dialog-modal .row { display:block; margin:5px; }
#dialog-modal .row label { width: 80px; float:left; }
#dialog-modal .row input[type="text"] { margin-left: 85px; }
#dialog-modal .row input[type="button"] { margin-left:80px; }

/**
* Error Messages
* -------------------------------------------------------------------------------- */
/* error message */
.error { /* supply height to ensure consistent positioning for every browser */
	height:15px; background-color:#FCF; border:1px solid #F33; font-size:11px; color:#333; padding:3px 10px; margin-left:5px; /* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px; -webkit-border-radius:4px; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -moz-box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd; }

/**
* Product Catalog
* -------------------------------------------------------------------------------- */
table.productTable tr td { width: 225px; padding: 10px 15px 10px 5px; text-align: center; background: transparent url('/images/buttons/spotlight.png') -15px -30px no-repeat; }

#products { margin: 0px; padding: 10px 0; clear:both; }
#products h5 { min-height:0; }
#products .product { margin-bottom: 10px; padding:10px; position:relative; }
#products .product-info { max-width:70%; }
#products .product-name { font-weight:bolder; font-size:18px; white-space: nowrap; overflow: visible; text-align: left; }
#products .product-desc { border-bottom:solid 1px #667; margin-bottom:3px; }
/* #products .product-image { width: 180px; } */
#products .product-desc { margin-top: 10px; border:none; }
#product_nav { text-align:right; };

#products .product-price label { width:70px; float:left; }
#products .product-price input[type=text] { margin: 0 10px; width:30px; text-align:center }
#products .product-price input[type=image] {margin-bottom:-7px; }


/**
* Product Detail
* -------------------------------------------------------------------------------- */
.detailColLeft { width:270px; float:left; margin-right:20px;  }
.detailColRight { max-width:600px;  min-height:400px; text-align:center; float: right; }
.thumbs { display:inline-block;}
.thumbs div { display:inline-block; margin-top:10px;  }
.thumbs .product-img-thumb img { border:solid 2px #fff; }
.product-img-thumb img { vertical-align:middle; width: 350px; }
.click-to { margin-top: 10px; text-align:center }


#cartForm .row { margin-bottom:5px; t }
#cartForm .submit { margin-left: 50px; margin-top:20px; }
#cartForm label { width:90px; float:left; font-weight:bold; color:#fff; }
#cartForm input,
#cartForm select,
#cartForm span { display:inline-block; margin-left:5px; text-align:left; vertical-align: middle; }
#cartForm fieldset { border:solid 1px #555; padding:10px; margin-bottom: 10px; width:250px; }


#cartForm select { width: 140px; }
#cartForm .qty { width:25px; text-align:center; }


/**
* Misc Store Tags
* -------------------------------------------------------------------------------- */
.shopping-cart-buttons { float:right; margin-top:35px;}
.shopping-cart-buttons a { margin-bottom:10px; display:block; }

.eC_ShoppingCartUpdateable .eC_FormItem .qty { width:20px; text-align:center;}
.eC_Simple_Pacifica_Arial h3.eC_InfoHeader { margin-bottom:0; }

/**
* Checkout Form
* -------------------------------------------------------------------------------- */
input.month { width:20px; }
input.year { width:40px; }
input.cvv { width:30px; }
.eC_FieldsetWrapper table.eC_SameAsWrapper { margin:15px; }
.eC_FieldsetWrapper table.eC_SameAsWrapper td { vertical-align:top; }
.eC_FieldsetWrapper table.eC_SameAsWrapper td input[type=checkbox] { margin-left:10px; }


/**
* Policies Links
* -------------------------------------------------------------------------------- */
section#policies { clear:both; display:block; text-align:left; width:870px; }
section#policies .policy-links { display:block; padding-top:60px; width:600px; }
section#policies ul { float:left; padding-top:25px; }
section#policies .AuthorizeNetSeal { display:inline-block; margin-left:10px; }
section#policies .dvd_announce { display:inline; float:right; text-align:right; margin:-130px 0 20px 0; }
section#policies .dvd_announce p { width:150px; margin: 55px 10px 0 0; float:left; text-align:left; }
section#policies .dvd_announce div { display:inline-block; }




/**
* DVD on the top
* -------------------------------------------------------------------------------- */

.dvd_sale {
	margin-left: 20px;
}

.store-buy-dvd {
	float: left;
}

.dvd_sale .product-desc {
	font-weight: bold;
	font-size: 40px;
	vertical-align: middle;
	line-height: 160px;
	margin-left: 20px;
}

.dvd_sale .product-desc a {
	color: #E1E1E1;
}

.dvd_sale .product-desc a:hover {
	color: #00BFF3;
}